Initial commit
This commit is contained in:
Lucas
427
html/friday/don-dias/index.html
Normal file
427
html/friday/don-dias/index.html
Normal file
@@ -0,0 +1,427 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
Don Dias - Festival Le Chant du Tombereau
|
||||
</title>
|
||||
<meta name="description" content="Pop DIY made in Rennes" />
|
||||
<meta name="author" content="La Meule" />
|
||||
<meta name="generator" content="Hugo 0.139.3"><link
|
||||
rel="stylesheet"
|
||||
href="/css/styles.min.cf5c1eee157c888065036024d8698e7a03b091a411ef132c0fa9882066d0bd1e.css"
|
||||
integrity="sha256-z1we7hV8iIBlA2Ak2GmOegOwkaQR7xMsD6mIIGbQvR4="
|
||||
/>
|
||||
|
||||
|
||||
|
||||
<meta property="og:url" content="/friday/don-dias/">
|
||||
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
|
||||
<meta property="og:title" content="Don Dias">
|
||||
<meta property="og:description" content="Pop DIY made in Rennes">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="friday">
|
||||
<meta property="article:published_time" content="2024-07-02T21:45:00+01:00">
|
||||
<meta property="article:modified_time" content="2024-07-02T21:45:00+01:00">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Don Dias">
|
||||
<meta name="twitter:description" content="Pop DIY made in Rennes">
|
||||
|
||||
|
||||
<meta itemprop="name" content="Don Dias">
|
||||
<meta itemprop="description" content="Pop DIY made in Rennes">
|
||||
<meta itemprop="datePublished" content="2024-07-02T21:45:00+01:00">
|
||||
<meta itemprop="dateModified" content="2024-07-02T21:45:00+01:00">
|
||||
<meta itemprop="wordCount" content="110">
|
||||
|
||||
|
||||
<meta name="lang" content="fr" />
|
||||
|
||||
</head>
|
||||
<body class="dark:bg-gray-800 dark:text-white relative flex flex-col min-h-screen"><header class="container flex justify-between md:justify-between gap-4 flex-wrap p-6 mx-auto relative">
|
||||
|
||||
<a href="/" class="capitalize font-bold text-xl">
|
||||
Festival Le Chant du Tombereau - Derval - 2.3 août 2024
|
||||
|
||||
</a>
|
||||
<button class="mobile-menu-button md:hidden" style="margin-top: 20px; margin-left: auto;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<line x1="4" y1="8" x2="20" y2="8" />
|
||||
<line x1="4" y1="16" x2="20" y2="16" />
|
||||
</svg>
|
||||
</button>
|
||||
<ul class="mobile-menu absolute z-10 px-6 pb-6 md:p-0 top-full left-0 w-full md:w-auto md:relative hidden md:flex flex-col md:flex-row items-end md:items-center gap-4 lg:gap-6 bg-white dark:bg-gray-800">
|
||||
|
||||
<li class="flex items-center">
|
||||
<a style="font-weight: bold;" href="https://www.helloasso.com/associations/la-meule/evenements/chant-du-tombereau-5" target="_blank">Billetterie</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li style="text-align: center;"><a href="/programmation">Programmation</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/infos">Infos</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/covoiturage">Covoiturage</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/a-propos">L'Asso</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/editions-precedentes">Editions<br>précédentes</a></li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="open-search inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="10" cy="10" r="7" />
|
||||
<line x1="21" y1="21" x2="15" y2="15" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="toggle-dark-mode inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="3" />
|
||||
<line x1="12" y1="5" x2="12" y2="5.01" />
|
||||
<line x1="17" y1="7" x2="17" y2="7.01" />
|
||||
<line x1="19" y1="12" x2="19" y2="12.01" />
|
||||
<line x1="17" y1="17" x2="17" y2="17.01" />
|
||||
<line x1="12" y1="19" x2="12" y2="19.01" />
|
||||
<line x1="7" y1="17" x2="7" y2="17.01" />
|
||||
<line x1="5" y1="12" x2="5" y2="12.01" />
|
||||
<line x1="7" y1="7" x2="7" y2="7.01" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="flex items-center">
|
||||
|
||||
|
||||
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="mr-2" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<line x1="3.6" y1="9" x2="20.4" y2="9" />
|
||||
<line x1="3.6" y1="15" x2="20.4" y2="15" />
|
||||
<path d="M11.5 3a17 17 0 0 0 0 18" />
|
||||
<path d="M12.5 3a17 17 0 0 1 0 18" />
|
||||
</svg>
|
||||
<a href="/en/friday/don-dias/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="relative max-w-5xl mx-auto px-4">
|
||||
<img
|
||||
src="/artists/tombereau_artist_dondias.webp"
|
||||
class="rounded-lg shadow-sm object-contain mx-auto"
|
||||
height="500"
|
||||
width="1000"/>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
|
||||
|
||||
<h1 class="text-2xl font-bold mb-2">Don Dias</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<iframe style="border: 0; width: 100%; height: 315px;" src="https://bandcamp.com/EmbeddedPlayer/album=1077402912/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/track=3622447507/transparent=true/" seamless><a href="https://dondias.bandcamp.com/album/greatest-hits-volume-1">GREATEST HITS VOLUME 1 de Don dias</a></iframe>
|
||||
<p>Don Dias c’est de la pop DIY made in Rennes faite avec la sincérité des moyens qui lui sont donnés. C’est à dire un trombone, trois bouts de ficelles et quelques micros.
|
||||
Le fait maison règne dans un album où la variété de la proposition pourrait faire croire à un exercice de style. Mais la pâte de ce popeux venu du far west fait de ce cadavre exquis, une blague tout sauf incohérente.
|
||||
Entre du mac demarco sous stéroïdes et un Elliott Smith sous ecstasy, cette musique concoctée tard dans la nuit est définitivement faite pour être écoutée sous le zénith de midi.</p>
|
||||
|
||||
</article>
|
||||
<div class="px-2 mb-2">
|
||||
|
||||
<script src="https://giscus.app/client.js"
|
||||
data-repo=""
|
||||
data-repo-id=""
|
||||
data-category=""
|
||||
data-category-id=""
|
||||
data-mapping="pathname"
|
||||
data-strict="0"
|
||||
data-reactions-enabled="1"
|
||||
data-emit-metadata="0"
|
||||
data-input-position="bottom"
|
||||
data-theme="preferred_color_scheme"
|
||||
data-lang="fr"
|
||||
crossorigin="anonymous"
|
||||
async>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
738
html/friday/index.html
Normal file
738
html/friday/index.html
Normal file
@@ -0,0 +1,738 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
Vendredi - Festival Le Chant du Tombereau
|
||||
</title>
|
||||
<meta name="description" content="Bienvenue au festival Le Chant du Tombereau ! À Derval, les 2,3 et 4 août 2024" />
|
||||
<meta name="author" content="La Meule" />
|
||||
<meta name="generator" content="Hugo 0.139.3"><link
|
||||
rel="stylesheet"
|
||||
href="/css/styles.min.cf5c1eee157c888065036024d8698e7a03b091a411ef132c0fa9882066d0bd1e.css"
|
||||
integrity="sha256-z1we7hV8iIBlA2Ak2GmOegOwkaQR7xMsD6mIIGbQvR4="
|
||||
/>
|
||||
|
||||
|
||||
|
||||
<link rel="alternate" type="application/rss+xml" href="/friday/index.xml" title="Festival Le Chant du Tombereau" />
|
||||
<meta property="og:url" content="/friday/">
|
||||
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
|
||||
<meta property="og:title" content="Vendredi">
|
||||
<meta property="og:description" content="Bienvenue au festival Le Chant du Tombereau ! À Derval, les 2,3 et 4 août 2024">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Vendredi">
|
||||
<meta name="twitter:description" content="Bienvenue au festival Le Chant du Tombereau ! À Derval, les 2,3 et 4 août 2024">
|
||||
|
||||
|
||||
<meta itemprop="name" content="Vendredi">
|
||||
<meta itemprop="description" content="Bienvenue au festival Le Chant du Tombereau ! À Derval, les 2,3 et 4 août 2024">
|
||||
<meta itemprop="datePublished" content="2024-07-03T00:30:00+01:00">
|
||||
<meta itemprop="dateModified" content="2024-07-03T00:30:00+01:00">
|
||||
|
||||
|
||||
<meta name="lang" content="fr" />
|
||||
|
||||
</head>
|
||||
<body class="dark:bg-gray-800 dark:text-white relative flex flex-col min-h-screen"><header class="container flex justify-between md:justify-between gap-4 flex-wrap p-6 mx-auto relative">
|
||||
|
||||
<a href="/" class="capitalize font-bold text-xl">
|
||||
Festival Le Chant du Tombereau - Derval - 2.3 août 2024
|
||||
|
||||
</a>
|
||||
<button class="mobile-menu-button md:hidden" style="margin-top: 20px; margin-left: auto;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<line x1="4" y1="8" x2="20" y2="8" />
|
||||
<line x1="4" y1="16" x2="20" y2="16" />
|
||||
</svg>
|
||||
</button>
|
||||
<ul class="mobile-menu absolute z-10 px-6 pb-6 md:p-0 top-full left-0 w-full md:w-auto md:relative hidden md:flex flex-col md:flex-row items-end md:items-center gap-4 lg:gap-6 bg-white dark:bg-gray-800">
|
||||
|
||||
<li class="flex items-center">
|
||||
<a style="font-weight: bold;" href="https://www.helloasso.com/associations/la-meule/evenements/chant-du-tombereau-5" target="_blank">Billetterie</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li style="text-align: center;"><a href="/programmation">Programmation</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/infos">Infos</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/covoiturage">Covoiturage</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/a-propos">L'Asso</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/editions-precedentes">Editions<br>précédentes</a></li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="open-search inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="10" cy="10" r="7" />
|
||||
<line x1="21" y1="21" x2="15" y2="15" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="toggle-dark-mode inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="3" />
|
||||
<line x1="12" y1="5" x2="12" y2="5.01" />
|
||||
<line x1="17" y1="7" x2="17" y2="7.01" />
|
||||
<line x1="19" y1="12" x2="19" y2="12.01" />
|
||||
<line x1="17" y1="17" x2="17" y2="17.01" />
|
||||
<line x1="12" y1="19" x2="12" y2="19.01" />
|
||||
<line x1="7" y1="17" x2="7" y2="17.01" />
|
||||
<line x1="5" y1="12" x2="5" y2="12.01" />
|
||||
<line x1="7" y1="7" x2="7" y2="7.01" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="flex items-center">
|
||||
|
||||
|
||||
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="mr-2" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<line x1="3.6" y1="9" x2="20.4" y2="9" />
|
||||
<line x1="3.6" y1="15" x2="20.4" y2="15" />
|
||||
<path d="M11.5 3a17 17 0 0 0 0 18" />
|
||||
<path d="M12.5 3a17 17 0 0 1 0 18" />
|
||||
</svg>
|
||||
<a href="/en/friday/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="container p-6 mx-auto">
|
||||
<h1 class="font-extrabold" style="font-size:3rem; margin-top: 30px; line-height: 2rem;">
|
||||
Vendredi
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div class="container p-6 mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8">
|
||||
<div class="p-2">
|
||||
<a href="/friday/oncle-jbs/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_onclejbs_small.webp"
|
||||
alt="Oncle JB's"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
18h00
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Oncle JB's</div>
|
||||
<div>DJ Set</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/friday/megadisq/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_megadisq_small.webp"
|
||||
alt="Megadisq"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
20h00
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Megadisq</div>
|
||||
<div>Pop-rock rythmée et colorée</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/friday/don-dias/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_dondias_small.webp"
|
||||
alt="Don Dias"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
21h45
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Don Dias</div>
|
||||
<div>Pop DIY made in Rennes</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/friday/the-leather-gallery/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_theleathergallery_small.webp"
|
||||
alt="The Leather Gallery"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
23h30
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">The Leather Gallery</div>
|
||||
<div>Volatile post-punk</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/friday/tiger-syndrome/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_tigersyndrome_small.webp"
|
||||
alt="Tiger Syndrome"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
00h30
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Tiger Syndrome</div>
|
||||
<div>DJ set</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="container p-6 mx-auto">
|
||||
<h1 class="font-extrabold" style="font-size:3rem; margin-top: 30px; line-height: 2rem;">
|
||||
Samedi
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div class="container p-6 mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8">
|
||||
<div class="p-2">
|
||||
<a href="/saturday/cecile-lacharme/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_cecilelacharme_small.webp"
|
||||
alt="Cécile Lacharme"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
16h45
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Cécile Lacharme</div>
|
||||
<div>Violoncelle et pedalboard solo</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/saturday/nueit/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_nueit_small.webp"
|
||||
alt="Nuèit"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
18h00
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Nuèit</div>
|
||||
<div>Ambient occitane</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/saturday/la-quincaillerie/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_laquincallerie_small.webp"
|
||||
alt="La Quincaillerie"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
20h30
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">La Quincaillerie</div>
|
||||
<div>Influences d’Afrique et d’Outre-mer</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/saturday/nobodys-fault/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_nobodysfault_small.webp"
|
||||
alt="Nobody's fault"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
22h15
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Nobody's fault</div>
|
||||
<div>Punk rock</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/saturday/the-flying-bones/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_theflyingbones_small.webp"
|
||||
alt="The Flying Bones"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
00h00
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">The Flying Bones</div>
|
||||
<div>Duo rock/garage</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/saturday/basstong/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_basstong_small.webp"
|
||||
alt="Basstong"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
01h15
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Basstong</div>
|
||||
<div>Techno accoustique</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/saturday/gisele/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_giselekerozen_small.webp"
|
||||
alt="Gisèle Kerozen"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
02h00
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Gisèle Kerozen</div>
|
||||
<div>DJ set</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div><div class="grid place-items-center mb-8">
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
47
html/friday/index.xml
Normal file
47
html/friday/index.xml
Normal file
@@ -0,0 +1,47 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Vendredi on Festival Le Chant du Tombereau</title>
|
||||
<link>/friday/</link>
|
||||
<description>Recent content in Vendredi on Festival Le Chant du Tombereau</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate>Wed, 03 Jul 2024 00:30:00 +0100</lastBuildDate>
|
||||
<atom:link href="/friday/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Tiger Syndrome</title>
|
||||
<link>/friday/tiger-syndrome/</link>
|
||||
<pubDate>Wed, 03 Jul 2024 00:30:00 +0100</pubDate>
|
||||
<guid>/friday/tiger-syndrome/</guid>
|
||||
<description><p>This is Mathéo.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>The Leather Gallery</title>
|
||||
<link>/friday/the-leather-gallery/</link>
|
||||
<pubDate>Tue, 02 Jul 2024 23:30:00 +0100</pubDate>
|
||||
<guid>/friday/the-leather-gallery/</guid>
|
||||
<description><iframe width="560" height="315" src="https://www.youtube.com/embed/oYCjES8jGME?si=MJzmhnV8PJ7JYzbw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<p>Fondé en 2021, originaire de Rennes mais arborant une diversité culturelle anglo-française, The Leather Gallery fusionne le punk, le noise et le rock avec une énergie captivante. Leurs performances live sont explosives, faisant résonner leur passion à travers des murs de bruit et une présence scénique magnétique.</p>
<p>La musique du groupe est un appel à l&rsquo;authenticité et à la rébellion, reflet de leurs racines punk. Leur histoire ne fait que commencer, promettant des moments de frénésie sonore et d&rsquo;émotion brute à quiconque est prêt à s&rsquo;embarquer dans leur voyage musical percutant !</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Don Dias</title>
|
||||
<link>/friday/don-dias/</link>
|
||||
<pubDate>Tue, 02 Jul 2024 21:45:00 +0100</pubDate>
|
||||
<guid>/friday/don-dias/</guid>
|
||||
<description><iframe style="border: 0; width: 100%; height: 315px;" src="https://bandcamp.com/EmbeddedPlayer/album=1077402912/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/track=3622447507/transparent=true/" seamless><a href="https://dondias.bandcamp.com/album/greatest-hits-volume-1">GREATEST HITS VOLUME 1 de Don dias</a></iframe>
<p>Don Dias c’est de la pop DIY made in Rennes faite avec la sincérité des moyens qui lui sont donnés. C’est à dire un trombone, trois bouts de ficelles et quelques micros.
Le fait maison règne dans un album où la variété de la proposition pourrait faire croire à un exercice de style. Mais la pâte de ce popeux venu du far west fait de ce cadavre exquis, une blague tout sauf incohérente.
Entre du mac demarco sous stéroïdes et un Elliott Smith sous ecstasy, cette musique concoctée tard dans la nuit est définitivement faite pour être écoutée sous le zénith de midi.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Megadisq</title>
|
||||
<link>/friday/megadisq/</link>
|
||||
<pubDate>Tue, 02 Jul 2024 20:00:00 +0100</pubDate>
|
||||
<guid>/friday/megadisq/</guid>
|
||||
<description><iframe width="560" height="315" src="https://www.youtube.com/embed/Th6WebRNM7I?si=tFi9RfExEHZAHCND" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<p>Trio tout neuf de Rennes, pas complètement sorti du blister, la machine Mégadisq vous propose une musique pop-rock rythmée et colorée. À la croisée des chemins entre la brit-pop de Blur et une course sur Mario Kart, laissez-vous embarquer dans une aventure où la mélodie et le pixel sont rois.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Oncle JB's</title>
|
||||
<link>/friday/oncle-jbs/</link>
|
||||
<pubDate>Tue, 02 Jul 2024 18:00:00 +0100</pubDate>
|
||||
<guid>/friday/oncle-jbs/</guid>
|
||||
<description><iframe width="100%" height="120" src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&feed=%2Fjbs-kouame%2Fdemo-mix-jbs%2F" frameborder="0" ></iframe>
<p>Dans sa funky kitchen, Oncle Jb’s fait revenir sur ses platines bien chaudes de beaux morceaux vinyles chinés ici et là. Cuisinier de la scène nantaise depuis quelques années, les mix de l&rsquo;Oncle JB&rsquo;s sont concoctés d&rsquo;ingrédients locaux et internationaux pour le délice de vos oreilles. Ouverts à tous, ses menus musicaux sauront allécher les gourmands du groove.</p></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
425
html/friday/megadisq/index.html
Normal file
425
html/friday/megadisq/index.html
Normal file
@@ -0,0 +1,425 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
Megadisq - Festival Le Chant du Tombereau
|
||||
</title>
|
||||
<meta name="description" content="Pop-rock rythmée et colorée" />
|
||||
<meta name="author" content="La Meule" />
|
||||
<meta name="generator" content="Hugo 0.139.3"><link
|
||||
rel="stylesheet"
|
||||
href="/css/styles.min.cf5c1eee157c888065036024d8698e7a03b091a411ef132c0fa9882066d0bd1e.css"
|
||||
integrity="sha256-z1we7hV8iIBlA2Ak2GmOegOwkaQR7xMsD6mIIGbQvR4="
|
||||
/>
|
||||
|
||||
|
||||
|
||||
<meta property="og:url" content="/friday/megadisq/">
|
||||
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
|
||||
<meta property="og:title" content="Megadisq">
|
||||
<meta property="og:description" content="Pop-rock rythmée et colorée">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="friday">
|
||||
<meta property="article:published_time" content="2024-07-02T20:00:00+01:00">
|
||||
<meta property="article:modified_time" content="2024-07-02T20:00:00+01:00">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Megadisq">
|
||||
<meta name="twitter:description" content="Pop-rock rythmée et colorée">
|
||||
|
||||
|
||||
<meta itemprop="name" content="Megadisq">
|
||||
<meta itemprop="description" content="Pop-rock rythmée et colorée">
|
||||
<meta itemprop="datePublished" content="2024-07-02T20:00:00+01:00">
|
||||
<meta itemprop="dateModified" content="2024-07-02T20:00:00+01:00">
|
||||
<meta itemprop="wordCount" content="50">
|
||||
|
||||
|
||||
<meta name="lang" content="fr" />
|
||||
|
||||
</head>
|
||||
<body class="dark:bg-gray-800 dark:text-white relative flex flex-col min-h-screen"><header class="container flex justify-between md:justify-between gap-4 flex-wrap p-6 mx-auto relative">
|
||||
|
||||
<a href="/" class="capitalize font-bold text-xl">
|
||||
Festival Le Chant du Tombereau - Derval - 2.3 août 2024
|
||||
|
||||
</a>
|
||||
<button class="mobile-menu-button md:hidden" style="margin-top: 20px; margin-left: auto;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<line x1="4" y1="8" x2="20" y2="8" />
|
||||
<line x1="4" y1="16" x2="20" y2="16" />
|
||||
</svg>
|
||||
</button>
|
||||
<ul class="mobile-menu absolute z-10 px-6 pb-6 md:p-0 top-full left-0 w-full md:w-auto md:relative hidden md:flex flex-col md:flex-row items-end md:items-center gap-4 lg:gap-6 bg-white dark:bg-gray-800">
|
||||
|
||||
<li class="flex items-center">
|
||||
<a style="font-weight: bold;" href="https://www.helloasso.com/associations/la-meule/evenements/chant-du-tombereau-5" target="_blank">Billetterie</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li style="text-align: center;"><a href="/programmation">Programmation</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/infos">Infos</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/covoiturage">Covoiturage</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/a-propos">L'Asso</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/editions-precedentes">Editions<br>précédentes</a></li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="open-search inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="10" cy="10" r="7" />
|
||||
<line x1="21" y1="21" x2="15" y2="15" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="toggle-dark-mode inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="3" />
|
||||
<line x1="12" y1="5" x2="12" y2="5.01" />
|
||||
<line x1="17" y1="7" x2="17" y2="7.01" />
|
||||
<line x1="19" y1="12" x2="19" y2="12.01" />
|
||||
<line x1="17" y1="17" x2="17" y2="17.01" />
|
||||
<line x1="12" y1="19" x2="12" y2="19.01" />
|
||||
<line x1="7" y1="17" x2="7" y2="17.01" />
|
||||
<line x1="5" y1="12" x2="5" y2="12.01" />
|
||||
<line x1="7" y1="7" x2="7" y2="7.01" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="flex items-center">
|
||||
|
||||
|
||||
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="mr-2" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<line x1="3.6" y1="9" x2="20.4" y2="9" />
|
||||
<line x1="3.6" y1="15" x2="20.4" y2="15" />
|
||||
<path d="M11.5 3a17 17 0 0 0 0 18" />
|
||||
<path d="M12.5 3a17 17 0 0 1 0 18" />
|
||||
</svg>
|
||||
<a href="/en/friday/megadisq/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="relative max-w-5xl mx-auto px-4">
|
||||
<img
|
||||
src="/artists/tombereau_artist_megadisq.webp"
|
||||
class="rounded-lg shadow-sm object-contain mx-auto"
|
||||
height="500"
|
||||
width="700"/>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
|
||||
|
||||
<h1 class="text-2xl font-bold mb-2">Megadisq</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/Th6WebRNM7I?si=tFi9RfExEHZAHCND" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
<p>Trio tout neuf de Rennes, pas complètement sorti du blister, la machine Mégadisq vous propose une musique pop-rock rythmée et colorée. À la croisée des chemins entre la brit-pop de Blur et une course sur Mario Kart, laissez-vous embarquer dans une aventure où la mélodie et le pixel sont rois.</p>
|
||||
|
||||
</article>
|
||||
<div class="px-2 mb-2">
|
||||
|
||||
<script src="https://giscus.app/client.js"
|
||||
data-repo=""
|
||||
data-repo-id=""
|
||||
data-category=""
|
||||
data-category-id=""
|
||||
data-mapping="pathname"
|
||||
data-strict="0"
|
||||
data-reactions-enabled="1"
|
||||
data-emit-metadata="0"
|
||||
data-input-position="bottom"
|
||||
data-theme="preferred_color_scheme"
|
||||
data-lang="fr"
|
||||
crossorigin="anonymous"
|
||||
async>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
425
html/friday/oncle-jbs/index.html
Normal file
425
html/friday/oncle-jbs/index.html
Normal file
@@ -0,0 +1,425 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
Oncle JB's - Festival Le Chant du Tombereau
|
||||
</title>
|
||||
<meta name="description" content="DJ Set" />
|
||||
<meta name="author" content="La Meule" />
|
||||
<meta name="generator" content="Hugo 0.139.3"><link
|
||||
rel="stylesheet"
|
||||
href="/css/styles.min.cf5c1eee157c888065036024d8698e7a03b091a411ef132c0fa9882066d0bd1e.css"
|
||||
integrity="sha256-z1we7hV8iIBlA2Ak2GmOegOwkaQR7xMsD6mIIGbQvR4="
|
||||
/>
|
||||
|
||||
|
||||
|
||||
<meta property="og:url" content="/friday/oncle-jbs/">
|
||||
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
|
||||
<meta property="og:title" content="Oncle JB's">
|
||||
<meta property="og:description" content="DJ Set">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="friday">
|
||||
<meta property="article:published_time" content="2024-07-02T18:00:00+01:00">
|
||||
<meta property="article:modified_time" content="2024-07-02T18:00:00+01:00">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Oncle JB's">
|
||||
<meta name="twitter:description" content="DJ Set">
|
||||
|
||||
|
||||
<meta itemprop="name" content="Oncle JB's">
|
||||
<meta itemprop="description" content="DJ Set">
|
||||
<meta itemprop="datePublished" content="2024-07-02T18:00:00+01:00">
|
||||
<meta itemprop="dateModified" content="2024-07-02T18:00:00+01:00">
|
||||
<meta itemprop="wordCount" content="58">
|
||||
|
||||
|
||||
<meta name="lang" content="fr" />
|
||||
|
||||
</head>
|
||||
<body class="dark:bg-gray-800 dark:text-white relative flex flex-col min-h-screen"><header class="container flex justify-between md:justify-between gap-4 flex-wrap p-6 mx-auto relative">
|
||||
|
||||
<a href="/" class="capitalize font-bold text-xl">
|
||||
Festival Le Chant du Tombereau - Derval - 2.3 août 2024
|
||||
|
||||
</a>
|
||||
<button class="mobile-menu-button md:hidden" style="margin-top: 20px; margin-left: auto;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<line x1="4" y1="8" x2="20" y2="8" />
|
||||
<line x1="4" y1="16" x2="20" y2="16" />
|
||||
</svg>
|
||||
</button>
|
||||
<ul class="mobile-menu absolute z-10 px-6 pb-6 md:p-0 top-full left-0 w-full md:w-auto md:relative hidden md:flex flex-col md:flex-row items-end md:items-center gap-4 lg:gap-6 bg-white dark:bg-gray-800">
|
||||
|
||||
<li class="flex items-center">
|
||||
<a style="font-weight: bold;" href="https://www.helloasso.com/associations/la-meule/evenements/chant-du-tombereau-5" target="_blank">Billetterie</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li style="text-align: center;"><a href="/programmation">Programmation</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/infos">Infos</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/covoiturage">Covoiturage</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/a-propos">L'Asso</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/editions-precedentes">Editions<br>précédentes</a></li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="open-search inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="10" cy="10" r="7" />
|
||||
<line x1="21" y1="21" x2="15" y2="15" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="toggle-dark-mode inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="3" />
|
||||
<line x1="12" y1="5" x2="12" y2="5.01" />
|
||||
<line x1="17" y1="7" x2="17" y2="7.01" />
|
||||
<line x1="19" y1="12" x2="19" y2="12.01" />
|
||||
<line x1="17" y1="17" x2="17" y2="17.01" />
|
||||
<line x1="12" y1="19" x2="12" y2="19.01" />
|
||||
<line x1="7" y1="17" x2="7" y2="17.01" />
|
||||
<line x1="5" y1="12" x2="5" y2="12.01" />
|
||||
<line x1="7" y1="7" x2="7" y2="7.01" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="flex items-center">
|
||||
|
||||
|
||||
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="mr-2" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<line x1="3.6" y1="9" x2="20.4" y2="9" />
|
||||
<line x1="3.6" y1="15" x2="20.4" y2="15" />
|
||||
<path d="M11.5 3a17 17 0 0 0 0 18" />
|
||||
<path d="M12.5 3a17 17 0 0 1 0 18" />
|
||||
</svg>
|
||||
<a href="/en/friday/oncle-jbs/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="relative max-w-5xl mx-auto px-4">
|
||||
<img
|
||||
src="/artists/tombereau_artist_onclejbs.webp"
|
||||
class="rounded-lg shadow-sm object-contain mx-auto"
|
||||
height="500"
|
||||
width="375"/>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
|
||||
|
||||
<h1 class="text-2xl font-bold mb-2">Oncle JB's</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<iframe width="100%" height="120" src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&feed=%2Fjbs-kouame%2Fdemo-mix-jbs%2F" frameborder="0" ></iframe>
|
||||
<p>Dans sa funky kitchen, Oncle Jb’s fait revenir sur ses platines bien chaudes de beaux morceaux vinyles chinés ici et là. Cuisinier de la scène nantaise depuis quelques années, les mix de l’Oncle JB’s sont concoctés d’ingrédients locaux et internationaux pour le délice de vos oreilles. Ouverts à tous, ses menus musicaux sauront allécher les gourmands du groove.</p>
|
||||
|
||||
</article>
|
||||
<div class="px-2 mb-2">
|
||||
|
||||
<script src="https://giscus.app/client.js"
|
||||
data-repo=""
|
||||
data-repo-id=""
|
||||
data-category=""
|
||||
data-category-id=""
|
||||
data-mapping="pathname"
|
||||
data-strict="0"
|
||||
data-reactions-enabled="1"
|
||||
data-emit-metadata="0"
|
||||
data-input-position="bottom"
|
||||
data-theme="preferred_color_scheme"
|
||||
data-lang="fr"
|
||||
crossorigin="anonymous"
|
||||
async>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
10
html/friday/page/1/index.html
Normal file
10
html/friday/page/1/index.html
Normal file
@@ -0,0 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<title>/friday/</title>
|
||||
<link rel="canonical" href="/friday/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=/friday/">
|
||||
</head>
|
||||
</html>
|
||||
426
html/friday/the-leather-gallery/index.html
Normal file
426
html/friday/the-leather-gallery/index.html
Normal file
@@ -0,0 +1,426 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
The Leather Gallery - Festival Le Chant du Tombereau
|
||||
</title>
|
||||
<meta name="description" content="Volatile post-punk" />
|
||||
<meta name="author" content="La Meule" />
|
||||
<meta name="generator" content="Hugo 0.139.3"><link
|
||||
rel="stylesheet"
|
||||
href="/css/styles.min.cf5c1eee157c888065036024d8698e7a03b091a411ef132c0fa9882066d0bd1e.css"
|
||||
integrity="sha256-z1we7hV8iIBlA2Ak2GmOegOwkaQR7xMsD6mIIGbQvR4="
|
||||
/>
|
||||
|
||||
|
||||
|
||||
<meta property="og:url" content="/friday/the-leather-gallery/">
|
||||
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
|
||||
<meta property="og:title" content="The Leather Gallery">
|
||||
<meta property="og:description" content="Volatile post-punk">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="friday">
|
||||
<meta property="article:published_time" content="2024-07-02T23:30:00+01:00">
|
||||
<meta property="article:modified_time" content="2024-07-02T23:30:00+01:00">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="The Leather Gallery">
|
||||
<meta name="twitter:description" content="Volatile post-punk">
|
||||
|
||||
|
||||
<meta itemprop="name" content="The Leather Gallery">
|
||||
<meta itemprop="description" content="Volatile post-punk">
|
||||
<meta itemprop="datePublished" content="2024-07-02T23:30:00+01:00">
|
||||
<meta itemprop="dateModified" content="2024-07-02T23:30:00+01:00">
|
||||
<meta itemprop="wordCount" content="92">
|
||||
|
||||
|
||||
<meta name="lang" content="fr" />
|
||||
|
||||
</head>
|
||||
<body class="dark:bg-gray-800 dark:text-white relative flex flex-col min-h-screen"><header class="container flex justify-between md:justify-between gap-4 flex-wrap p-6 mx-auto relative">
|
||||
|
||||
<a href="/" class="capitalize font-bold text-xl">
|
||||
Festival Le Chant du Tombereau - Derval - 2.3 août 2024
|
||||
|
||||
</a>
|
||||
<button class="mobile-menu-button md:hidden" style="margin-top: 20px; margin-left: auto;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<line x1="4" y1="8" x2="20" y2="8" />
|
||||
<line x1="4" y1="16" x2="20" y2="16" />
|
||||
</svg>
|
||||
</button>
|
||||
<ul class="mobile-menu absolute z-10 px-6 pb-6 md:p-0 top-full left-0 w-full md:w-auto md:relative hidden md:flex flex-col md:flex-row items-end md:items-center gap-4 lg:gap-6 bg-white dark:bg-gray-800">
|
||||
|
||||
<li class="flex items-center">
|
||||
<a style="font-weight: bold;" href="https://www.helloasso.com/associations/la-meule/evenements/chant-du-tombereau-5" target="_blank">Billetterie</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li style="text-align: center;"><a href="/programmation">Programmation</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/infos">Infos</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/covoiturage">Covoiturage</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/a-propos">L'Asso</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/editions-precedentes">Editions<br>précédentes</a></li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="open-search inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="10" cy="10" r="7" />
|
||||
<line x1="21" y1="21" x2="15" y2="15" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="toggle-dark-mode inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="3" />
|
||||
<line x1="12" y1="5" x2="12" y2="5.01" />
|
||||
<line x1="17" y1="7" x2="17" y2="7.01" />
|
||||
<line x1="19" y1="12" x2="19" y2="12.01" />
|
||||
<line x1="17" y1="17" x2="17" y2="17.01" />
|
||||
<line x1="12" y1="19" x2="12" y2="19.01" />
|
||||
<line x1="7" y1="17" x2="7" y2="17.01" />
|
||||
<line x1="5" y1="12" x2="5" y2="12.01" />
|
||||
<line x1="7" y1="7" x2="7" y2="7.01" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="flex items-center">
|
||||
|
||||
|
||||
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="mr-2" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<line x1="3.6" y1="9" x2="20.4" y2="9" />
|
||||
<line x1="3.6" y1="15" x2="20.4" y2="15" />
|
||||
<path d="M11.5 3a17 17 0 0 0 0 18" />
|
||||
<path d="M12.5 3a17 17 0 0 1 0 18" />
|
||||
</svg>
|
||||
<a href="/en/friday/the-leather-gallery/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="relative max-w-5xl mx-auto px-4">
|
||||
<img
|
||||
src="/artists/tombereau_artist_theleathergallery.webp"
|
||||
class="rounded-lg shadow-sm object-contain mx-auto"
|
||||
height="500"
|
||||
width="750"/>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
|
||||
|
||||
<h1 class="text-2xl font-bold mb-2">The Leather Gallery</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/oYCjES8jGME?si=MJzmhnV8PJ7JYzbw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
<p>Fondé en 2021, originaire de Rennes mais arborant une diversité culturelle anglo-française, The Leather Gallery fusionne le punk, le noise et le rock avec une énergie captivante. Leurs performances live sont explosives, faisant résonner leur passion à travers des murs de bruit et une présence scénique magnétique.</p>
|
||||
<p>La musique du groupe est un appel à l’authenticité et à la rébellion, reflet de leurs racines punk. Leur histoire ne fait que commencer, promettant des moments de frénésie sonore et d’émotion brute à quiconque est prêt à s’embarquer dans leur voyage musical percutant !</p>
|
||||
|
||||
</article>
|
||||
<div class="px-2 mb-2">
|
||||
|
||||
<script src="https://giscus.app/client.js"
|
||||
data-repo=""
|
||||
data-repo-id=""
|
||||
data-category=""
|
||||
data-category-id=""
|
||||
data-mapping="pathname"
|
||||
data-strict="0"
|
||||
data-reactions-enabled="1"
|
||||
data-emit-metadata="0"
|
||||
data-input-position="bottom"
|
||||
data-theme="preferred_color_scheme"
|
||||
data-lang="fr"
|
||||
crossorigin="anonymous"
|
||||
async>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
424
html/friday/tiger-syndrome/index.html
Normal file
424
html/friday/tiger-syndrome/index.html
Normal file
@@ -0,0 +1,424 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
Tiger Syndrome - Festival Le Chant du Tombereau
|
||||
</title>
|
||||
<meta name="description" content="DJ set" />
|
||||
<meta name="author" content="La Meule" />
|
||||
<meta name="generator" content="Hugo 0.139.3"><link
|
||||
rel="stylesheet"
|
||||
href="/css/styles.min.cf5c1eee157c888065036024d8698e7a03b091a411ef132c0fa9882066d0bd1e.css"
|
||||
integrity="sha256-z1we7hV8iIBlA2Ak2GmOegOwkaQR7xMsD6mIIGbQvR4="
|
||||
/>
|
||||
|
||||
|
||||
|
||||
<meta property="og:url" content="/friday/tiger-syndrome/">
|
||||
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
|
||||
<meta property="og:title" content="Tiger Syndrome">
|
||||
<meta property="og:description" content="DJ set">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="friday">
|
||||
<meta property="article:published_time" content="2024-07-03T00:30:00+01:00">
|
||||
<meta property="article:modified_time" content="2024-07-03T00:30:00+01:00">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Tiger Syndrome">
|
||||
<meta name="twitter:description" content="DJ set">
|
||||
|
||||
|
||||
<meta itemprop="name" content="Tiger Syndrome">
|
||||
<meta itemprop="description" content="DJ set">
|
||||
<meta itemprop="datePublished" content="2024-07-03T00:30:00+01:00">
|
||||
<meta itemprop="dateModified" content="2024-07-03T00:30:00+01:00">
|
||||
<meta itemprop="wordCount" content="3">
|
||||
|
||||
|
||||
<meta name="lang" content="fr" />
|
||||
|
||||
</head>
|
||||
<body class="dark:bg-gray-800 dark:text-white relative flex flex-col min-h-screen"><header class="container flex justify-between md:justify-between gap-4 flex-wrap p-6 mx-auto relative">
|
||||
|
||||
<a href="/" class="capitalize font-bold text-xl">
|
||||
Festival Le Chant du Tombereau - Derval - 2.3 août 2024
|
||||
|
||||
</a>
|
||||
<button class="mobile-menu-button md:hidden" style="margin-top: 20px; margin-left: auto;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<line x1="4" y1="8" x2="20" y2="8" />
|
||||
<line x1="4" y1="16" x2="20" y2="16" />
|
||||
</svg>
|
||||
</button>
|
||||
<ul class="mobile-menu absolute z-10 px-6 pb-6 md:p-0 top-full left-0 w-full md:w-auto md:relative hidden md:flex flex-col md:flex-row items-end md:items-center gap-4 lg:gap-6 bg-white dark:bg-gray-800">
|
||||
|
||||
<li class="flex items-center">
|
||||
<a style="font-weight: bold;" href="https://www.helloasso.com/associations/la-meule/evenements/chant-du-tombereau-5" target="_blank">Billetterie</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li style="text-align: center;"><a href="/programmation">Programmation</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/infos">Infos</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/covoiturage">Covoiturage</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/a-propos">L'Asso</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/editions-precedentes">Editions<br>précédentes</a></li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="open-search inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="10" cy="10" r="7" />
|
||||
<line x1="21" y1="21" x2="15" y2="15" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="toggle-dark-mode inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="3" />
|
||||
<line x1="12" y1="5" x2="12" y2="5.01" />
|
||||
<line x1="17" y1="7" x2="17" y2="7.01" />
|
||||
<line x1="19" y1="12" x2="19" y2="12.01" />
|
||||
<line x1="17" y1="17" x2="17" y2="17.01" />
|
||||
<line x1="12" y1="19" x2="12" y2="19.01" />
|
||||
<line x1="7" y1="17" x2="7" y2="17.01" />
|
||||
<line x1="5" y1="12" x2="5" y2="12.01" />
|
||||
<line x1="7" y1="7" x2="7" y2="7.01" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="flex items-center">
|
||||
|
||||
|
||||
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="mr-2" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<line x1="3.6" y1="9" x2="20.4" y2="9" />
|
||||
<line x1="3.6" y1="15" x2="20.4" y2="15" />
|
||||
<path d="M11.5 3a17 17 0 0 0 0 18" />
|
||||
<path d="M12.5 3a17 17 0 0 1 0 18" />
|
||||
</svg>
|
||||
<a href="/en/friday/tiger-syndrome/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="relative max-w-5xl mx-auto px-4">
|
||||
<img
|
||||
src="/artists/tombereau_artist_tigersyndrome.webp"
|
||||
class="rounded-lg shadow-sm object-contain mx-auto"
|
||||
height="500"
|
||||
width="750"/>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
|
||||
|
||||
<h1 class="text-2xl font-bold mb-2">Tiger Syndrome</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p>This is Mathéo.</p>
|
||||
|
||||
</article>
|
||||
<div class="px-2 mb-2">
|
||||
|
||||
<script src="https://giscus.app/client.js"
|
||||
data-repo=""
|
||||
data-repo-id=""
|
||||
data-category=""
|
||||
data-category-id=""
|
||||
data-mapping="pathname"
|
||||
data-strict="0"
|
||||
data-reactions-enabled="1"
|
||||
data-emit-metadata="0"
|
||||
data-input-position="bottom"
|
||||
data-theme="preferred_color_scheme"
|
||||
data-lang="fr"
|
||||
crossorigin="anonymous"
|
||||
async>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user