Lucas/site-tombereau
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Lucas
2025-06-04 12:53:20 +00:00
commit 4263294fd7
167 changed files with 25342 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored Normal file
View File

@@ -0,0 +1,3 @@
**/public
**/themes
**/node_modules

4
Caddyfile Normal file
View File

@@ -0,0 +1,4 @@
:80 {
root * /srv
file_server
}

15
docker-compose.yml Normal file
View File

@@ -0,0 +1,15 @@
services:
web:
image: caddy:latest
container_name: site-tombereau
restart: always
volumes:
- /home/lucas/site-tombereau/html:/srv # Dossier contenant les fichiers statiques
- /home/lucas/site-tombereau/Caddyfile:/etc/caddy/Caddyfile # Fichier de configuration de Caddy
networks:
- reverse-proxy
networks:
reverse-proxy:
external: true

253
html/404.html Normal file
View File

@@ -0,0 +1,253 @@
<!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>
404 Page not found - 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="generator" content="Hugo 0.139.3"><link
rel="stylesheet"
href="/css/styles.min.cf5c1eee157c888065036024d8698e7a03b091a411ef132c0fa9882066d0bd1e.css"
integrity="sha256-z1we7hV8iIBlA2Ak2GmOegOwkaQR7xMsD6mIIGbQvR4="
/>
<meta property="og:url" content="/404.html">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="404 Page not found">
<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="404 Page not found">
<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="404 Page not found">
<meta itemprop="description" content="Bienvenue au festival Le Chant du Tombereau ! À Derval, les 2,3 et 4 août 2024">
<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/404.html" lang="en">English</a>
</li>
</ul>
</header>
<main class="flex-1">
<section class="grid place-items-center py-32 relative">
<svg class="w-1/2 transform rotate-6" viewbox="0 0 190 75" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M31.6 60.001h-26c-1.533 0-2.85-.567-3.95-1.7S0 55.834 0 54.301v-1.9c0-3.733 1.1-7.167 3.3-10.3l25.9-36.5c2.122-2.957 4.957-4.489 8.504-4.594.132-.004.264-.006.396-.006h5c1.533 0 2.85.567 3.95 1.7s1.65 2.467 1.65 4v39.2c0 .533.3.8.9.8h4a5.46 5.46 0 0 1 3.947 1.648l.053.052c1.133 1.133 1.7 2.467 1.7 4v1.9a5.46 5.46 0 0 1-1.647 3.947l-.053.053c-1.133 1.133-2.467 1.7-4 1.7h-4c-.12-.002-.24.014-.356.045a.687.687 0 0 0-.505.522 1.33 1.33 0 0 0-.039.333v7.4c0 1.533-.55 2.867-1.65 4a5.585 5.585 0 0 1-1.905 1.314c-.65.26-1.345.392-2.045.386h-5c-1.533 0-2.85-.567-3.95-1.7s-1.65-2.467-1.65-4v-7.4c.002-.12-.013-.24-.044-.356a.69.69 0 0 0-.522-.505 1.324 1.324 0 0 0-.334-.039Zm130 0h-26c-1.533 0-2.85-.567-3.95-1.7s-1.65-2.467-1.65-4v-1.9c0-3.733 1.1-7.167 3.3-10.3l25.9-36.5c2.122-2.957 4.957-4.489 8.504-4.594.132-.004.264-.006.396-.006h5c1.533 0 2.85.567 3.95 1.7s1.65 2.467 1.65 4v39.2c0 .533.3.8.9.8h4a5.464 5.464 0 0 1 3.947 1.648l.053.052c1.133 1.133 1.7 2.467 1.7 4v1.9a5.464 5.464 0 0 1-1.647 3.947l-.053.053c-1.133 1.133-2.467 1.7-4 1.7h-4c-.12-.002-.24.014-.356.045a.688.688 0 0 0-.505.522c-.027.109-.04.22-.039.333v7.4c0 1.533-.55 2.867-1.65 4a5.58 5.58 0 0 1-1.905 1.314c-.65.26-1.345.392-2.045.386h-5c-1.533 0-2.85-.567-3.95-1.7s-1.65-2.467-1.65-4v-7.4c.002-.12-.013-.24-.044-.356a.69.69 0 0 0-.522-.505 1.32 1.32 0 0 0-.334-.039Zm-55.337 13.763a22.683 22.683 0 0 0 11.887-7.563c3.463-4.262 5.669-10.478 6.616-18.647a87.47 87.47 0 0 0 .534-10.053c0-1.125-.018-2.25-.054-3.373-.378-11.527-2.743-19.97-7.096-25.327-4.767-5.867-12.05-8.8-21.85-8.8-.51 0-1.02.008-1.529.025-3.073.1-5.884.504-8.434 1.213A22.685 22.685 0 0 0 74.45 8.801c-3.463 4.263-5.668 10.478-6.615 18.647a87.606 87.606 0 0 0-.535 10.053c0 1.125.018 2.25.054 3.374.378 11.527 2.743 19.97 7.096 25.326 4.767 5.867 12.05 8.8 21.85 8.8.51 0 1.02-.008 1.53-.024 3.073-.1 5.884-.504 8.433-1.213Zm-1.113-55.363a11.187 11.187 0 0 0-2.301-3.103c-1.725-1.598-3.908-2.397-6.549-2.397a10.213 10.213 0 0 0-4.057.774c-1.6.685-2.94 1.824-4.018 3.418a13 13 0 0 0-.775 1.308 18.21 18.21 0 0 0-1.369 3.704c-.671 2.535-1.114 5.718-1.329 9.549a104.891 104.891 0 0 0-.152 5.847c0 9.067.95 15.433 2.85 19.1.581 1.16 1.36 2.21 2.301 3.103 1.725 1.598 3.908 2.397 6.549 2.397 1.39.021 2.771-.242 4.057-.773 1.6-.685 2.94-1.824 4.019-3.419.283-.42.542-.857.774-1.308a18.184 18.184 0 0 0 1.37-3.704c.671-2.535 1.113-5.717 1.328-9.548.105-1.948.156-3.898.152-5.848 0-9.067-.95-15.433-2.85-19.1Zm57.05 3.3-17.2 24.8v.1c0 .014.001.027.005.04.009.03.028.048.058.056a.15.15 0 0 0 .037.004h16.5c.114.002.228-.01.34-.035.373-.089.56-.344.56-.765v-24.2a.17.17 0 0 0-.005-.039.073.073 0 0 0-.058-.056.147.147 0 0 0-.037-.005.584.584 0 0 0-.066.004.206.206 0 0 0-.101.032.084.084 0 0 0-.025.028.09.09 0 0 0-.008.036Zm-130 0L15 46.501v.1c0 .014.002.027.005.04.009.03.028.048.058.056a.148.148 0 0 0 .037.004h16.5c.114.002.228-.01.34-.035.373-.089.56-.344.56-.765v-24.2a.146.146 0 0 0-.005-.039.074.074 0 0 0-.058-.056.145.145 0 0 0-.037-.005.582.582 0 0 0-.066.004.206.206 0 0 0-.101.032.076.076 0 0 0-.033.064Z"
fill="url(#a)" />
<defs>
<linearGradient id="a" x1="0" y1="37.501" x2="189.3" y2="37.501" gradientUnits="userSpaceOnUse">
<stop stop-color="#EC008C" />
<stop offset="1" stop-color="#FC6767" />
</linearGradient>
</defs>
</svg>
<svg class="absolute w-1/2 bottom-44 text-white dark:text-gray-800" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="currentColor" fill-opacity="1"
d="M0,288L48,250.7C96,213,192,139,288,96C384,53,480,43,576,74.7C672,107,768,181,864,186.7C960,192,1056,128,1152,138.7C1248,149,1344,235,1392,277.3L1440,320L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z">
</path>
</svg>
<div class="mt-16 z-10">
<a class="px-6 py-4 rounded-lg bg-gray-100 text-gray-800 hover:text-gray-900 hover:bg-gray-200 transition-colors"
href="/">Go to home</a>
</div>
</section>
</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>

BIN
html/CDT_1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

BIN
html/CDT_1_full.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 488 KiB

BIN
html/CDT_2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 131 KiB

BIN
html/CDT_2_full.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 533 KiB

BIN
html/CDT_3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 124 KiB

BIN
html/CDT_3_full.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 389 KiB

BIN
html/CDT_4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
html/CDT_4_full.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 288 KiB

427
html/a-propos/index.html Normal file
View 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>
À propos de nous - Festival Le Chant du Tombereau
</title>
<meta name="description" content="
Le Chant du Tombereau est un festival proposé depuis l&rsquo;été 2020 à Derval, entre Nantes et Rennes, sur une ancienne exploitation agricole.
Cette fameuse exploitation est un héritage de grands-parents. Anciennement exploitation de cochons, puis local agricole, nous transformons aujourd&rsquo;hui le lieu en famille et entre copaines. Nous avons commencé à y cultiver des légumes et des fruits, nous avons construit une scène pour organiser des concerts. Nous avons aussi construit un superbe studio de répétition et d&rsquo;enregistrement en terre paille, qui est devenu l&rsquo;outil de travail de plusieurs groupes du coin.
C&rsquo;est donc un espace multiprojets culturel et agri-culturel sur lequel nous avons envie d&rsquo;expérimenter plein de choses." />
<meta name="keywords" content="a-propos" />
<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="/a-propos/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="À propos de nous">
<meta property="og:description" content="Le Chant du Tombereau est un festival proposé depuis l’été 2020 à Derval, entre Nantes et Rennes, sur une ancienne exploitation agricole.
Cette fameuse exploitation est un héritage de grands-parents. Anciennement exploitation de cochons, puis local agricole, nous transformons aujourd’hui le lieu en famille et entre copaines. Nous avons commencé à y cultiver des légumes et des fruits, nous avons construit une scène pour organiser des concerts. Nous avons aussi construit un superbe studio de répétition et d’enregistrement en terre paille, qui est devenu l’outil de travail de plusieurs groupes du coin. C’est donc un espace multiprojets culturel et agri-culturel sur lequel nous avons envie d’expérimenter plein de choses.">
<meta property="og:locale" content="fr">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2024-07-01T00:00:00+00:00">
<meta property="article:modified_time" content="2024-07-01T00:00:00+00:00">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="À propos de nous">
<meta name="twitter:description" content="Le Chant du Tombereau est un festival proposé depuis l’été 2020 à Derval, entre Nantes et Rennes, sur une ancienne exploitation agricole.
Cette fameuse exploitation est un héritage de grands-parents. Anciennement exploitation de cochons, puis local agricole, nous transformons aujourd’hui le lieu en famille et entre copaines. Nous avons commencé à y cultiver des légumes et des fruits, nous avons construit une scène pour organiser des concerts. Nous avons aussi construit un superbe studio de répétition et d’enregistrement en terre paille, qui est devenu l’outil de travail de plusieurs groupes du coin. C’est donc un espace multiprojets culturel et agri-culturel sur lequel nous avons envie d’expérimenter plein de choses.">
<meta itemprop="name" content="À propos de nous">
<meta itemprop="description" content="Le Chant du Tombereau est un festival proposé depuis l’été 2020 à Derval, entre Nantes et Rennes, sur une ancienne exploitation agricole.
Cette fameuse exploitation est un héritage de grands-parents. Anciennement exploitation de cochons, puis local agricole, nous transformons aujourd’hui le lieu en famille et entre copaines. Nous avons commencé à y cultiver des légumes et des fruits, nous avons construit une scène pour organiser des concerts. Nous avons aussi construit un superbe studio de répétition et d’enregistrement en terre paille, qui est devenu l’outil de travail de plusieurs groupes du coin. C’est donc un espace multiprojets culturel et agri-culturel sur lequel nous avons envie d’expérimenter plein de choses.">
<meta itemprop="datePublished" content="2024-07-01T00:00:00+00:00">
<meta itemprop="dateModified" content="2024-07-01T00:00:00+00:00">
<meta itemprop="wordCount" content="177">
<meta itemprop="keywords" content="a-propos">
<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/about/" lang="en">English</a>
</li>
</ul>
</header>
<main class="flex-1">
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
<h1 class="text-2xl font-bold mb-2">À propos de nous</h1>
<img src="/banniere_apropos.webp" alt="" class="rounded-lg"/>
<p>Le Chant du Tombereau est un festival proposé depuis l&rsquo;été 2020 à Derval, entre Nantes et Rennes, sur une ancienne exploitation agricole.</p>
<p>Cette fameuse exploitation est un héritage de grands-parents. Anciennement exploitation de cochons, puis local agricole, nous transformons aujourd&rsquo;hui le lieu en famille et entre copaines. Nous avons commencé à y cultiver des légumes et des fruits, nous avons construit une scène pour organiser des concerts. Nous avons aussi construit un superbe studio de répétition et d&rsquo;enregistrement en terre paille, qui est devenu l&rsquo;outil de travail de plusieurs groupes du coin.
C&rsquo;est donc un espace multiprojets culturel et agri-culturel sur lequel nous avons envie d&rsquo;expérimenter plein de choses.</p>
<p>Depuis 2020, nous organisons un festival début août, avec l&rsquo;énergie d&rsquo;une vingtaine de copaines. Nous travaillons pour la majorité dans le milieu du spectacle vivant et le Chant du Tombereau est l&rsquo;occasion pour nous de programmer des groupes que nous aimons, de faire la fête dans les conditions les plus joyeuses et douces possibles, et puis de mettre à profit nos compétences pour un beau projet de copaines.</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&#39;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>

BIN
html/artists/save/tombereau_artist_basstong.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 157 KiB

BIN
html/artists/save/tombereau_artist_cecilelacharme.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

BIN
html/artists/save/tombereau_artist_dondias.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 147 KiB

BIN
html/artists/save/tombereau_artist_laquincallerie.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 385 KiB

BIN
html/artists/save/tombereau_artist_megadisq.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

BIN
html/artists/save/tombereau_artist_nobodysfault.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

BIN
html/artists/save/tombereau_artist_nueit.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 192 KiB

BIN
html/artists/save/tombereau_artist_onclejbs.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 153 KiB

BIN
html/artists/save/tombereau_artist_theflyingbones.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 294 KiB

BIN
html/artists/save/tombereau_artist_theleathergallery.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

BIN
html/artists/tombereau_artist_basstong.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 KiB

BIN
html/artists/tombereau_artist_basstong_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
html/artists/tombereau_artist_cecilelacharme.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
html/artists/tombereau_artist_cecilelacharme_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
html/artists/tombereau_artist_dondias.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 147 KiB

BIN
html/artists/tombereau_artist_dondias_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
html/artists/tombereau_artist_giselekerozen.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

BIN
html/artists/tombereau_artist_giselekerozen_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
html/artists/tombereau_artist_laquincallerie.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

BIN
html/artists/tombereau_artist_laquincallerie_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
html/artists/tombereau_artist_megadisq.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

BIN
html/artists/tombereau_artist_megadisq_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
html/artists/tombereau_artist_nobodysfault.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 74 KiB

BIN
html/artists/tombereau_artist_nobodysfault_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
html/artists/tombereau_artist_nueit.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
html/artists/tombereau_artist_nueit_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
html/artists/tombereau_artist_onclejbs.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
html/artists/tombereau_artist_onclejbs_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
html/artists/tombereau_artist_tezeta.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 191 KiB

BIN
html/artists/tombereau_artist_tezeta.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
html/artists/tombereau_artist_tezeta_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
html/artists/tombereau_artist_theflyingbones.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

BIN
html/artists/tombereau_artist_theflyingbones_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
html/artists/tombereau_artist_theleathergallery.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

BIN
html/artists/tombereau_artist_theleathergallery_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
html/artists/tombereau_artist_tigersyndrome.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
html/artists/tombereau_artist_tigersyndrome_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
html/artists/tombereau_artist_yass.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
html/artists/tombereau_artist_yass_small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
html/banniere_apropos.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 240 KiB

BIN
html/banniere_desktop.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 303 KiB

BIN
html/banniere_mobile.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

734
html/categories/index.html Normal file
View File

@@ -0,0 +1,734 @@
<!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>
Categories - 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="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="/categories/index.xml" title="Festival Le Chant du Tombereau" />
<meta property="og:url" content="/categories/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Categories">
<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="Categories">
<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="Categories">
<meta itemprop="description" content="Bienvenue au festival Le Chant du Tombereau ! À Derval, les 2,3 et 4 août 2024">
<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/categories/" 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&#39;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&#39;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&#39;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&#39;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&#39;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>

11
html/categories/index.xml Normal file
View File

@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on Festival Le Chant du Tombereau</title>
<link>/categories/</link>
<description>Recent content in Categories on Festival Le Chant du Tombereau</description>
<generator>Hugo</generator>
<language>fr</language>
<atom:link href="/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

10
html/categories/page/1/index.html Normal file
View File

@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<title>/categories/</title>
<link rel="canonical" href="/categories/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=/categories/">
</head>
</html>

462
html/covoiturage/index.html Normal file
View File

@@ -0,0 +1,462 @@
<!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>
Covoiturage - Festival Le Chant du Tombereau
</title>
<meta name="description" content="Nous vous rappelons que les vaillant·es cyclistes se feront offrir une pinte pour récompenser leur courage ! 🚲
Si vous préférez tout de même l&rsquo;auto, les places de stationnements sont limitées sur le site du festival. Privilégiez donc le covoiturage, c&rsquo;est plus pratique, c&rsquo;est plus sympa, c&rsquo;est moins polluant. On serre ses petites fesses à l&rsquo;arrière de son carrosse et en voiture Simone !
🚗 Tableau de covoiturage 🚌
" />
<meta name="keywords" content="covoiturage" />
<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="/covoiturage/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Covoiturage">
<meta property="og:description" content="Nous vous rappelons que les vaillant·es cyclistes se feront offrir une pinte pour récompenser leur courage ! 🚲
Si vous préférez tout de même l’auto, les places de stationnements sont limitées sur le site du festival. Privilégiez donc le covoiturage, c’est plus pratique, c’est plus sympa, c’est moins polluant. On serre ses petites fesses à l’arrière de son carrosse et en voiture Simone !
🚗 Tableau de covoiturage 🚌">
<meta property="og:locale" content="fr">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2024-02-21T00:00:00+00:00">
<meta property="article:modified_time" content="2024-02-21T00:00:00+00:00">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Covoiturage">
<meta name="twitter:description" content="Nous vous rappelons que les vaillant·es cyclistes se feront offrir une pinte pour récompenser leur courage ! 🚲
Si vous préférez tout de même l’auto, les places de stationnements sont limitées sur le site du festival. Privilégiez donc le covoiturage, c’est plus pratique, c’est plus sympa, c’est moins polluant. On serre ses petites fesses à l’arrière de son carrosse et en voiture Simone !
🚗 Tableau de covoiturage 🚌">
<meta itemprop="name" content="Covoiturage">
<meta itemprop="description" content="Nous vous rappelons que les vaillant·es cyclistes se feront offrir une pinte pour récompenser leur courage ! 🚲
Si vous préférez tout de même l’auto, les places de stationnements sont limitées sur le site du festival. Privilégiez donc le covoiturage, c’est plus pratique, c’est plus sympa, c’est moins polluant. On serre ses petites fesses à l’arrière de son carrosse et en voiture Simone !
🚗 Tableau de covoiturage 🚌">
<meta itemprop="datePublished" content="2024-02-21T00:00:00+00:00">
<meta itemprop="dateModified" content="2024-02-21T00:00:00+00:00">
<meta itemprop="wordCount" content="69">
<meta itemprop="keywords" content="covoiturage">
<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/carpooling/" lang="en">English</a>
</li>
</ul>
</header>
<main class="flex-1">
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
<h1 class="text-2xl font-bold mb-2">Covoiturage</h1>
<p>Nous vous rappelons que les vaillant·es cyclistes se feront offrir une pinte pour récompenser leur courage ! 🚲</p>
<p>Si vous préférez tout de même l&rsquo;auto, <b>les places de stationnements sont limitées</b> sur le site du festival. Privilégiez donc le covoiturage, c&rsquo;est plus pratique, c&rsquo;est plus sympa, c&rsquo;est moins polluant. On serre ses petites fesses à l&rsquo;arrière de son carrosse et en voiture Simone !</p>
<style>
.button {
background-color: #04AA6D; /* Green */
border: none;
color: transparent;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}
.button1 {
background-color: transparent;
color: white;
border: 2px solid #04AA6D;
border-radius: 4px;
}
.button1:hover {
background-color: #04AA6D;
color: white;
}
/* Styles pour centrer le bouton */
.mycontainer {
display: flex;
justify-content: center;
align-items: center;
}
</style>
</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&#39;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>

43
html/css/styles.min.0c10425b26a28fc4ed8440ea34bac0f78996a8b6ddc0394076a9d8b6a82feb87.css Normal file
View File

@@ -0,0 +1,43 @@
@import "node_modules/tailwindcss/base";@import "node_modules/tailwindcss/components";@import "assets/css/site";@import "assets/css/paginator";@import "node_modules/tailwindcss/utilities";@layer components{details.toc[open] summary ~ * {
animation: slideUp 0.25s ease-in-out;
}
@keyframes slideUp {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
details.toc[open] summary svg {
@apply transform duration-200 rotate-180 ease-in-out;
}
details.toc > ul {
@apply ml-4;
}
details.toc ul {
@apply list-none;
margin-top: 0.125rem !important;
margin-bottom: 0.125rem !important;
}
details.toc ul li {
margin-top: 0.125rem !important;
margin-bottom: 0.125rem !important;
}
details.toc ul li:before {
@apply rounded-none bg-gray-400;
}
details.toc ul li a {
@apply no-underline text-gray-700 dark:text-gray-200 text-base;
}
a:empty {
display: none;
}
}/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0ZGluIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6InN0ZGluIiwic291cmNlc0NvbnRlbnQiOlsiLyogVGFpbHdpbmQgYmFzZSAtIHB1dCB2YXJpYWJsZXMgdW5kZXI6IHRhaWx3aW5kLmNvbmZpZy5qcyAqL1xuQGltcG9ydCBcIm5vZGVfbW9kdWxlcy90YWlsd2luZGNzcy9iYXNlXCI7XG4vKiBUYWlsd2luZCBjb21wb25lbnQgY2xhc3NlcyByZWdpc3RlcmVkIGJ5IHBsdWdpbnMqL1xuQGltcG9ydCBcIm5vZGVfbW9kdWxlcy90YWlsd2luZGNzcy9jb21wb25lbnRzXCI7XG4vKiBTaXRlIFNwZWNpZmljICovXG5AaW1wb3J0IFwiYXNzZXRzL2Nzcy9zaXRlXCI7XG4vKiBQYWdpbmF0b3IgKi9cbkBpbXBvcnQgXCJhc3NldHMvY3NzL3BhZ2luYXRvclwiO1xuLyogVGFpbHdpbmQncyB1dGlsaXR5IGNsYXNzZXMgLSBnZW5lcmF0ZWQgYmFzZWQgb24gY29uZmlnIGZpbGUgKi9cbkBpbXBvcnQgXCJub2RlX21vZHVsZXMvdGFpbHdpbmRjc3MvdXRpbGl0aWVzXCI7XG5cbkBsYXllciBjb21wb25lbnRzIHtcbiAgZGV0YWlscy50b2Nbb3Blbl0gc3VtbWFyeSB+ICoge1xuICAgIGFuaW1hdGlvbjogc2xpZGVVcCAwLjI1cyBlYXNlLWluLW91dDtcbiAgfVxuXG4gIEBrZXlmcmFtZXMgc2xpZGVVcCB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMHB4KTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xuICAgIH1cbiAgfVxuXG4gIGRldGFpbHMudG9jW29wZW5dIHN1bW1hcnkgc3ZnIHtcbiAgICBAYXBwbHkgdHJhbnNmb3JtIGR1cmF0aW9uLTIwMCByb3RhdGUtMTgwIGVhc2UtaW4tb3V0O1xuICB9XG5cbiAgZGV0YWlscy50b2MgPiB1bCB7XG4gICAgQGFwcGx5IG1sLTQ7XG4gIH1cblxuICBkZXRhaWxzLnRvYyB1bCB7XG4gICAgQGFwcGx5IGxpc3Qtbm9uZTtcbiAgICBtYXJnaW4tdG9wOiAwLjEyNXJlbSAvKiAycHggKi8gIWltcG9ydGFudDtcbiAgICBtYXJnaW4tYm90dG9tOiAwLjEyNXJlbSAvKiAycHggKi8gIWltcG9ydGFudDtcbiAgfVxuICBkZXRhaWxzLnRvYyB1bCBsaSB7XG4gICAgbWFyZ2luLXRvcDogMC4xMjVyZW0gLyogMnB4ICovICFpbXBvcnRhbnQ7XG4gICAgbWFyZ2luLWJvdHRvbTogMC4xMjVyZW0gLyogMnB4ICovICFpbXBvcnRhbnQ7XG4gIH1cbiAgZGV0YWlscy50b2MgdWwgbGk6YmVmb3JlIHtcbiAgICBAYXBwbHkgcm91bmRlZC1ub25lIGJnLWdyYXktNDAwO1xuICB9XG4gIGRldGFpbHMudG9jIHVsIGxpIGEge1xuICAgIEBhcHBseSBuby11bmRlcmxpbmUgdGV4dC1ncmF5LTcwMCBkYXJrOnRleHQtZ3JheS0yMDAgdGV4dC1iYXNlO1xuICB9XG5cbiAgYTplbXB0eSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIl19 */

1
html/css/styles.min.17ec9076abb38ac970f7b124889a2e104dd65e432284e372fca1ea1d905ca227.css Normal file
View File

File diff suppressed because one or more lines are too long

1
html/css/styles.min.1d02a35e665973c4215213ef0dce34a4e87057d63d5e56eceaf9c52de9e9259a.css Normal file
View File

File diff suppressed because one or more lines are too long

1
html/css/styles.min.78bb5c986bc6e8e265bb220b8037efd2000379a890cf1d1ac2c589ddcbca3182.css Normal file
View File

File diff suppressed because one or more lines are too long

1
html/css/styles.min.7b66b04cf8133e8c0bdbc34cba6440d2aebe69ab9bf63b06e4c48131e9ceb16a.css Normal file
View File

File diff suppressed because one or more lines are too long

1
html/css/styles.min.9a64ea7de7b43fc2614daf86f2d1b56d74d6544f0f6e60011bd76bdaf0742153.css Normal file
View File

File diff suppressed because one or more lines are too long

1
html/css/styles.min.9af094f8040fc5faf2efeddb8e7da27a2148507a674d6868c565605507967a78.css Normal file
View File

@@ -0,0 +1 @@
.thumbnail{cursor:pointer;width:200px;height:auto}.lightbox{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8);text-align:center}.lightbox-content{width:1000px;height:1414px;margin:auto;display:block}.close{position:absolute;top:10px;right:25px;color:#fff;font-size:35px;font-weight:700;cursor:pointer}.close:hover{color:#bbb}body.no-scroll{overflow:hidden}/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0ZGluIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6InN0ZGluIiwic291cmNlc0NvbnRlbnQiOlsiLnRodW1ibmFpbCB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHdpZHRoOiAyMDBweDtcbiAgICBoZWlnaHQ6IGF1dG87XG59XG5cbi5saWdodGJveCB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgei1pbmRleDogOTk5O1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOCk7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4ubGlnaHRib3gtY29udGVudCB7XG4gICAgd2lkdGg6IDEwMDBweDsgLyogRml4ZSBsYSBsYXJnZXVyIGRlIGwnaW1hZ2UgKi9cbiAgICBoZWlnaHQ6IDE0MTRweDsgLyogRml4ZSBsYSBoYXV0ZXVyIGRlIGwnaW1hZ2UgKi9cbiAgICBtYXJnaW46IGF1dG87XG4gICAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5jbG9zZSB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMTBweDtcbiAgICByaWdodDogMjVweDtcbiAgICBjb2xvcjogI2ZmZjtcbiAgICBmb250LXNpemU6IDM1cHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4uY2xvc2U6aG92ZXIge1xuICAgIGNvbG9yOiAjYmJiO1xufVxuXG5ib2R5Lm5vLXNjcm9sbCB7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjsgLyogTWFzcXVlIGxlIGTDqWZpbGVtZW50IGR1IHNpdGUgbG9yc3F1ZSBsYSBsaWdodGJveCBlc3Qgb3V2ZXJ0ZSAqL1xufSJdfQ== */

1
html/css/styles.min.b511be7110bce8c0b2c7504880ce06238952dfab80ddb5aac833850214e54ad9.css Normal file
View File

File diff suppressed because one or more lines are too long

1
html/css/styles.min.c7ecb22f5e31521a7eb2a2debb333f03e57c25ac1cec06b72fef7494c9b50cbf.css Normal file
View File

File diff suppressed because one or more lines are too long

1
html/css/styles.min.cf5c1eee157c888065036024d8698e7a03b091a411ef132c0fa9882066d0bd1e.css Normal file
View File

File diff suppressed because one or more lines are too long

304
html/editions-precedentes/index.html Normal file
View File

@@ -0,0 +1,304 @@
<!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>
Éditions précédentes - Festival Le Chant du Tombereau
</title>
<meta name="description" content="
2020
2021
2022
2023
&times;
" />
<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="/editions-precedentes/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Éditions précédentes">
<meta property="og:description" content="2020
2021
2022
2023
×">
<meta property="og:locale" content="fr">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2024-07-01T00:00:00+00:00">
<meta property="article:modified_time" content="2024-07-01T00:00:00+00:00">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Éditions précédentes">
<meta name="twitter:description" content="2020
2021
2022
2023
×">
<meta itemprop="name" content="Éditions précédentes">
<meta itemprop="description" content="2020
2021
2022
2023
×">
<meta itemprop="datePublished" content="2024-07-01T00:00:00+00:00">
<meta itemprop="dateModified" content="2024-07-01T00:00:00+00:00">
<meta itemprop="wordCount" content="5">
<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/previous-editions/" lang="en">English</a>
</li>
</ul>
</header>
<main class="flex-1">
<article class="lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
<h1 class="text-2xl font-bold mb-2" style="text-align: center;">Éditions précédentes</h1>
<div class ="container p-6 mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-8">
<div>
<img class="max-w-500 thumbnail" src="/CDT_1.webp" alt="Festival n°1 poster" onclick="openLightbox(this)">
<p class="text-center mt-2">2020</p>
</div>
<div>
<img class="max-w-500 thumbnail" src="/CDT_2.webp" alt="Festival n°2 poster" onclick="openLightbox(this)">
<p class="text-center mt-2">2021</p>
</div>
<div>
<img class="max-w-500 thumbnail" src="/CDT_3.webp" alt="Festival n°3 poster" onclick="openLightbox(this)">
<p class="text-center mt-2">2022</p>
</div>
<div>
<img class="max-w-500 thumbnail" src="/CDT_4.webp" alt="Festival n°4 poster" onclick="openLightbox(this)">
<p class="text-center mt-2">2023</p>
</div>
<div id="lightbox" class="lightbox" onclick="closeLightbox()">
<span class="close">&times;</span>
<img class="lightbox-content" id="lightbox-image">
</div>
</div>
</article>
<script src="/js/fullscreen.min.js"></script>
</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>

253
html/en/404.html Normal file
View File

@@ -0,0 +1,253 @@
<!DOCTYPE html>
<html lang="en" 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>
404 Page not found - 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="generator" content="Hugo 0.139.3"><link
rel="stylesheet"
href="/css/styles.min.cf5c1eee157c888065036024d8698e7a03b091a411ef132c0fa9882066d0bd1e.css"
integrity="sha256-z1we7hV8iIBlA2Ak2GmOegOwkaQR7xMsD6mIIGbQvR4="
/>
<meta property="og:url" content="/en/404.html">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="404 Page not found">
<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="en">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="404 Page not found">
<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="404 Page not found">
<meta itemprop="description" content="Bienvenue au festival Le Chant du Tombereau ! À Derval, les 2,3 et 4 août 2024">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/404.html" lang="fr">Français</a>
</li>
</ul>
</header>
<main class="flex-1">
<section class="grid place-items-center py-32 relative">
<svg class="w-1/2 transform rotate-6" viewbox="0 0 190 75" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M31.6 60.001h-26c-1.533 0-2.85-.567-3.95-1.7S0 55.834 0 54.301v-1.9c0-3.733 1.1-7.167 3.3-10.3l25.9-36.5c2.122-2.957 4.957-4.489 8.504-4.594.132-.004.264-.006.396-.006h5c1.533 0 2.85.567 3.95 1.7s1.65 2.467 1.65 4v39.2c0 .533.3.8.9.8h4a5.46 5.46 0 0 1 3.947 1.648l.053.052c1.133 1.133 1.7 2.467 1.7 4v1.9a5.46 5.46 0 0 1-1.647 3.947l-.053.053c-1.133 1.133-2.467 1.7-4 1.7h-4c-.12-.002-.24.014-.356.045a.687.687 0 0 0-.505.522 1.33 1.33 0 0 0-.039.333v7.4c0 1.533-.55 2.867-1.65 4a5.585 5.585 0 0 1-1.905 1.314c-.65.26-1.345.392-2.045.386h-5c-1.533 0-2.85-.567-3.95-1.7s-1.65-2.467-1.65-4v-7.4c.002-.12-.013-.24-.044-.356a.69.69 0 0 0-.522-.505 1.324 1.324 0 0 0-.334-.039Zm130 0h-26c-1.533 0-2.85-.567-3.95-1.7s-1.65-2.467-1.65-4v-1.9c0-3.733 1.1-7.167 3.3-10.3l25.9-36.5c2.122-2.957 4.957-4.489 8.504-4.594.132-.004.264-.006.396-.006h5c1.533 0 2.85.567 3.95 1.7s1.65 2.467 1.65 4v39.2c0 .533.3.8.9.8h4a5.464 5.464 0 0 1 3.947 1.648l.053.052c1.133 1.133 1.7 2.467 1.7 4v1.9a5.464 5.464 0 0 1-1.647 3.947l-.053.053c-1.133 1.133-2.467 1.7-4 1.7h-4c-.12-.002-.24.014-.356.045a.688.688 0 0 0-.505.522c-.027.109-.04.22-.039.333v7.4c0 1.533-.55 2.867-1.65 4a5.58 5.58 0 0 1-1.905 1.314c-.65.26-1.345.392-2.045.386h-5c-1.533 0-2.85-.567-3.95-1.7s-1.65-2.467-1.65-4v-7.4c.002-.12-.013-.24-.044-.356a.69.69 0 0 0-.522-.505 1.32 1.32 0 0 0-.334-.039Zm-55.337 13.763a22.683 22.683 0 0 0 11.887-7.563c3.463-4.262 5.669-10.478 6.616-18.647a87.47 87.47 0 0 0 .534-10.053c0-1.125-.018-2.25-.054-3.373-.378-11.527-2.743-19.97-7.096-25.327-4.767-5.867-12.05-8.8-21.85-8.8-.51 0-1.02.008-1.529.025-3.073.1-5.884.504-8.434 1.213A22.685 22.685 0 0 0 74.45 8.801c-3.463 4.263-5.668 10.478-6.615 18.647a87.606 87.606 0 0 0-.535 10.053c0 1.125.018 2.25.054 3.374.378 11.527 2.743 19.97 7.096 25.326 4.767 5.867 12.05 8.8 21.85 8.8.51 0 1.02-.008 1.53-.024 3.073-.1 5.884-.504 8.433-1.213Zm-1.113-55.363a11.187 11.187 0 0 0-2.301-3.103c-1.725-1.598-3.908-2.397-6.549-2.397a10.213 10.213 0 0 0-4.057.774c-1.6.685-2.94 1.824-4.018 3.418a13 13 0 0 0-.775 1.308 18.21 18.21 0 0 0-1.369 3.704c-.671 2.535-1.114 5.718-1.329 9.549a104.891 104.891 0 0 0-.152 5.847c0 9.067.95 15.433 2.85 19.1.581 1.16 1.36 2.21 2.301 3.103 1.725 1.598 3.908 2.397 6.549 2.397 1.39.021 2.771-.242 4.057-.773 1.6-.685 2.94-1.824 4.019-3.419.283-.42.542-.857.774-1.308a18.184 18.184 0 0 0 1.37-3.704c.671-2.535 1.113-5.717 1.328-9.548.105-1.948.156-3.898.152-5.848 0-9.067-.95-15.433-2.85-19.1Zm57.05 3.3-17.2 24.8v.1c0 .014.001.027.005.04.009.03.028.048.058.056a.15.15 0 0 0 .037.004h16.5c.114.002.228-.01.34-.035.373-.089.56-.344.56-.765v-24.2a.17.17 0 0 0-.005-.039.073.073 0 0 0-.058-.056.147.147 0 0 0-.037-.005.584.584 0 0 0-.066.004.206.206 0 0 0-.101.032.084.084 0 0 0-.025.028.09.09 0 0 0-.008.036Zm-130 0L15 46.501v.1c0 .014.002.027.005.04.009.03.028.048.058.056a.148.148 0 0 0 .037.004h16.5c.114.002.228-.01.34-.035.373-.089.56-.344.56-.765v-24.2a.146.146 0 0 0-.005-.039.074.074 0 0 0-.058-.056.145.145 0 0 0-.037-.005.582.582 0 0 0-.066.004.206.206 0 0 0-.101.032.076.076 0 0 0-.033.064Z"
fill="url(#a)" />
<defs>
<linearGradient id="a" x1="0" y1="37.501" x2="189.3" y2="37.501" gradientUnits="userSpaceOnUse">
<stop stop-color="#EC008C" />
<stop offset="1" stop-color="#FC6767" />
</linearGradient>
</defs>
</svg>
<svg class="absolute w-1/2 bottom-44 text-white dark:text-gray-800" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="currentColor" fill-opacity="1"
d="M0,288L48,250.7C96,213,192,139,288,96C384,53,480,43,576,74.7C672,107,768,181,864,186.7C960,192,1056,128,1152,138.7C1248,149,1344,235,1392,277.3L1440,320L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z">
</path>
</svg>
<div class="mt-16 z-10">
<a class="px-6 py-4 rounded-lg bg-gray-100 text-gray-800 hover:text-gray-900 hover:bg-gray-200 transition-colors"
href="/">Go to home</a>
</div>
</section>
</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>

427
html/en/about/index.html Normal file
View File

@@ -0,0 +1,427 @@
<!DOCTYPE html>
<html lang="en" 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>
About Us - Festival Le Chant du Tombereau
</title>
<meta name="description" content="
Le Chant du Tombereau is a festival held since summer 2020 in Derval, between Nantes and Rennes, on a former farm.
This famous farm was inherited from grandparents. Formerly a pig farm, then an agricultural site, today we&rsquo;re transforming the place with family and friends. We started growing vegetables and fruit, and built a stage for concerts. We&rsquo;ve also built a superb rehearsal and recording studio in straw earth, which has become the working tool for several local bands.
So it&rsquo;s a multi-project cultural and agri-cultural space on which we want to experiment lots of things." />
<meta name="keywords" content="about-us" />
<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="/en/about/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="About Us">
<meta property="og:description" content="Le Chant du Tombereau is a festival held since summer 2020 in Derval, between Nantes and Rennes, on a former farm.
This famous farm was inherited from grandparents. Formerly a pig farm, then an agricultural site, today we’re transforming the place with family and friends. We started growing vegetables and fruit, and built a stage for concerts. We’ve also built a superb rehearsal and recording studio in straw earth, which has become the working tool for several local bands. So it’s a multi-project cultural and agri-cultural space on which we want to experiment lots of things.">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2024-07-01T00:00:00+00:00">
<meta property="article:modified_time" content="2024-07-01T00:00:00+00:00">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="About Us">
<meta name="twitter:description" content="Le Chant du Tombereau is a festival held since summer 2020 in Derval, between Nantes and Rennes, on a former farm.
This famous farm was inherited from grandparents. Formerly a pig farm, then an agricultural site, today we’re transforming the place with family and friends. We started growing vegetables and fruit, and built a stage for concerts. We’ve also built a superb rehearsal and recording studio in straw earth, which has become the working tool for several local bands. So it’s a multi-project cultural and agri-cultural space on which we want to experiment lots of things.">
<meta itemprop="name" content="About Us">
<meta itemprop="description" content="Le Chant du Tombereau is a festival held since summer 2020 in Derval, between Nantes and Rennes, on a former farm.
This famous farm was inherited from grandparents. Formerly a pig farm, then an agricultural site, today we’re transforming the place with family and friends. We started growing vegetables and fruit, and built a stage for concerts. We’ve also built a superb rehearsal and recording studio in straw earth, which has become the working tool for several local bands. So it’s a multi-project cultural and agri-cultural space on which we want to experiment lots of things.">
<meta itemprop="datePublished" content="2024-07-01T00:00:00+00:00">
<meta itemprop="dateModified" content="2024-07-01T00:00:00+00:00">
<meta itemprop="wordCount" content="162">
<meta itemprop="keywords" content="about-us">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/a-propos/" lang="fr">Français</a>
</li>
</ul>
</header>
<main class="flex-1">
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
<h1 class="text-2xl font-bold mb-2">About Us</h1>
<img src="/banniere_apropos.webp" alt="" class="rounded-lg"/>
<p>Le Chant du Tombereau is a festival held since summer 2020 in Derval, between Nantes and Rennes, on a former farm.</p>
<p>This famous farm was inherited from grandparents. Formerly a pig farm, then an agricultural site, today we&rsquo;re transforming the place with family and friends. We started growing vegetables and fruit, and built a stage for concerts. We&rsquo;ve also built a superb rehearsal and recording studio in straw earth, which has become the working tool for several local bands.
So it&rsquo;s a multi-project cultural and agri-cultural space on which we want to experiment lots of things.</p>
<p>Since 2020, we&rsquo;ve been organizing a festival at the beginning of August, with the energy of around twenty friends. Most of us work in the performing arts, and the Chant du Tombereau is an opportunity for us to program bands we like, to celebrate in the most joyful and gentle conditions possible, and then to put our skills to good use for a great buddy project.</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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>

464
html/en/carpooling/index.html Normal file
View File

@@ -0,0 +1,464 @@
<!DOCTYPE html>
<html lang="en" 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>
Carpooling - Festival Le Chant du Tombereau
</title>
<meta name="description" content="We remind you that brave cyclists will be rewarded with a pint for their courage!
If you still prefer to drive, parking spaces on the festival site are limited. It&rsquo;s more practical, it&rsquo;s more fun, and it&rsquo;s less polluting. Let&rsquo;s squeeze our little butts into the back of our coach and we&rsquo;ll find you a car, my dear.
🚗 Carpooling sheet 🚌
" />
<meta name="keywords" content="carpooling" />
<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="/en/carpooling/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Carpooling">
<meta property="og:description" content="We remind you that brave cyclists will be rewarded with a pint for their courage!
If you still prefer to drive, parking spaces on the festival site are limited. It’s more practical, it’s more fun, and it’s less polluting. Let’s squeeze our little butts into the back of our coach and we’ll find you a car, my dear.
🚗 Carpooling sheet 🚌">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2024-02-21T00:00:00+00:00">
<meta property="article:modified_time" content="2024-02-21T00:00:00+00:00">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Carpooling">
<meta name="twitter:description" content="We remind you that brave cyclists will be rewarded with a pint for their courage!
If you still prefer to drive, parking spaces on the festival site are limited. It’s more practical, it’s more fun, and it’s less polluting. Let’s squeeze our little butts into the back of our coach and we’ll find you a car, my dear.
🚗 Carpooling sheet 🚌">
<meta itemprop="name" content="Carpooling">
<meta itemprop="description" content="We remind you that brave cyclists will be rewarded with a pint for their courage!
If you still prefer to drive, parking spaces on the festival site are limited. It’s more practical, it’s more fun, and it’s less polluting. Let’s squeeze our little butts into the back of our coach and we’ll find you a car, my dear.
🚗 Carpooling sheet 🚌">
<meta itemprop="datePublished" content="2024-02-21T00:00:00+00:00">
<meta itemprop="dateModified" content="2024-02-21T00:00:00+00:00">
<meta itemprop="wordCount" content="62">
<meta itemprop="keywords" content="carpooling">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/covoiturage/" lang="fr">Français</a>
</li>
</ul>
</header>
<main class="flex-1">
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
<h1 class="text-2xl font-bold mb-2">Carpooling</h1>
<p>We remind you that brave cyclists will be rewarded with a pint for their courage!</p>
<p>If you still prefer to drive, <b>parking spaces on the festival site are limited</b>. It&rsquo;s more practical, it&rsquo;s more fun, and it&rsquo;s less polluting. Let&rsquo;s squeeze our little butts into the back of our coach and we&rsquo;ll find you a car, my dear.</p>
<style>
.button {
background-color: #04AA6D; /* Green */
border: none;
color: transparent;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}
.button1 {
background-color: transparent;
color: white;
border: 2px solid #04AA6D;
border-radius: 4px;
}
.button1:hover {
background-color: #04AA6D;
color: white;
}
/* Styles pour centrer le bouton */
.mycontainer {
display: flex;
justify-content: center;
align-items: center;
}
</style>
<div class=mycontainer>
<a href="https://docs.google.com/spreadsheets/d/17Q6Qc2E9K7rwjHEFgTeiinPoOZaPYLjM9hi8hWzgrmk/" target="_blank" class="button button1">🚗 Carpooling sheet 🚌</a>
</div>
</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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>

734
html/en/categories/index.html Normal file
View File

@@ -0,0 +1,734 @@
<!DOCTYPE html>
<html lang="en" 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>
Categories - 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="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="/en/categories/index.xml" title="Festival Le Chant du Tombereau" />
<meta property="og:url" content="/en/categories/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Categories">
<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="en">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Categories">
<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="Categories">
<meta itemprop="description" content="Bienvenue au festival Le Chant du Tombereau ! À Derval, les 2,3 et 4 août 2024">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/categories/" lang="fr">Français</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;">
Friday
</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="/en/friday/oncle-jbs/">
<div class="relative">
<img
loading="lazy"
src="/artists/tombereau_artist_onclejbs_small.webp"
alt="Oncle JB&#39;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">
18:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Oncle JB&#39;s</div>
<div>Live groove music</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
20:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Megadisq</div>
<div>Rhythmic and colorful pop-rock</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
21:45
</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="/en/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">
23:30
</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="/en/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">
00:30
</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;">
Saturday
</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="/en/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">
16:45
</div>
</div>
<div class="my-2 text-xl font-semibold">Cécile Lacharme</div>
<div>Solo cello</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
18:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Nuèit</div>
<div>Occitan ambient</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
20:30
</div>
</div>
<div class="my-2 text-xl font-semibold">La Quincaillerie</div>
<div>African and overseas influences</div>
</a>
</div>
<div class="p-2">
<a href="/en/saturday/nobodys-fault/">
<div class="relative">
<img
loading="lazy"
src="/artists/tombereau_artist_nobodysfault_small.webp"
alt="Nobody&#39;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">
22:15
</div>
</div>
<div class="my-2 text-xl font-semibold">Nobody&#39;s fault</div>
<div>Punk rock</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
00:00
</div>
</div>
<div class="my-2 text-xl font-semibold">The Flying Bones</div>
<div>Rock/garage duo</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
01:15
</div>
</div>
<div class="my-2 text-xl font-semibold">Basstong</div>
<div>Acoustic techno</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
02:00
</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">Follow Us</div>
<p class="opacity-60">For year-round fun</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>

11
html/en/categories/index.xml Normal file
View File

@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on Festival Le Chant du Tombereau</title>
<link>/en/categories/</link>
<description>Recent content in Categories on Festival Le Chant du Tombereau</description>
<generator>Hugo</generator>
<language>en</language>
<atom:link href="/en/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

10
html/en/categories/page/1/index.html Normal file
View File

@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>/en/categories/</title>
<link rel="canonical" href="/en/categories/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=/en/categories/">
</head>
</html>

427
html/en/friday/don-dias/index.html Normal file
View File

@@ -0,0 +1,427 @@
<!DOCTYPE html>
<html lang="en" 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="/en/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="en">
<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="99">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/friday/don-dias/" lang="fr">Français</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 is DIY pop made in Rennes with the sincerity of the means at his disposal. In other words, a trombone, three pieces of string and a few microphones.
Home-made reigns in an album where the variety of the proposition could lead one to believe that it&rsquo;s an exercise in style. But the dough of this Far West poet makes this exquisite corpse anything but incoherent.
Somewhere between Mac Demarco on steroids and Elliott Smith on ecstasy, this late-night concoction is definitely made to be listened to under the noon zenith.</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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>

736
html/en/friday/index.html Normal file
View File

@@ -0,0 +1,736 @@
<!DOCTYPE html>
<html lang="en" 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>
Fridays - 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="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="/en/friday/index.xml" title="Festival Le Chant du Tombereau" />
<meta property="og:url" content="/en/friday/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Fridays">
<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="en">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Fridays">
<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="Fridays">
<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="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/friday/" lang="fr">Français</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;">
Friday
</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="/en/friday/oncle-jbs/">
<div class="relative">
<img
loading="lazy"
src="/artists/tombereau_artist_onclejbs_small.webp"
alt="Oncle JB&#39;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">
18:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Oncle JB&#39;s</div>
<div>Live groove music</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
20:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Megadisq</div>
<div>Rhythmic and colorful pop-rock</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
21:45
</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="/en/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">
23:30
</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="/en/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">
00:30
</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;">
Saturday
</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="/en/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">
16:45
</div>
</div>
<div class="my-2 text-xl font-semibold">Cécile Lacharme</div>
<div>Solo cello</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
18:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Nuèit</div>
<div>Occitan ambient</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
20:30
</div>
</div>
<div class="my-2 text-xl font-semibold">La Quincaillerie</div>
<div>African and overseas influences</div>
</a>
</div>
<div class="p-2">
<a href="/en/saturday/nobodys-fault/">
<div class="relative">
<img
loading="lazy"
src="/artists/tombereau_artist_nobodysfault_small.webp"
alt="Nobody&#39;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">
22:15
</div>
</div>
<div class="my-2 text-xl font-semibold">Nobody&#39;s fault</div>
<div>Punk rock</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
00:00
</div>
</div>
<div class="my-2 text-xl font-semibold">The Flying Bones</div>
<div>Rock/garage duo</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
01:15
</div>
</div>
<div class="my-2 text-xl font-semibold">Basstong</div>
<div>Acoustic techno</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
02:00
</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">Follow Us</div>
<p class="opacity-60">For year-round fun</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/en/friday/index.xml Normal file
View 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>Fridays on Festival Le Chant du Tombereau</title>
<link>/en/friday/</link>
<description>Recent content in Fridays on Festival Le Chant du Tombereau</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Wed, 03 Jul 2024 00:30:00 +0100</lastBuildDate>
<atom:link href="/en/friday/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Tiger Syndrome</title>
<link>/en/friday/tiger-syndrome/</link>
<pubDate>Wed, 03 Jul 2024 00:30:00 +0100</pubDate>
<guid>/en/friday/tiger-syndrome/</guid>
<description>&lt;p&gt;This is Mathéo.&lt;/p&gt;</description>
</item>
<item>
<title>The Leather Gallery</title>
<link>/en/friday/the-leather-gallery/</link>
<pubDate>Tue, 02 Jul 2024 23:30:00 +0100</pubDate>
<guid>/en/friday/the-leather-gallery/</guid>
<description>&lt;iframe width=&#34;560&#34; height=&#34;315&#34; src=&#34;https://www.youtube.com/embed/oYCjES8jGME?si=MJzmhnV8PJ7JYzbw&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; allowfullscreen&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Founded in 2021, originally from Rennes but sporting an Anglo-French cultural diversity, The Leather Gallery fuse punk, noise and rock with captivating energy. Their live performances are explosive, resonating their passion through walls of noise and magnetic stage presence.&lt;/p&gt;&#xA;&lt;p&gt;The band&amp;rsquo;s music is a call to authenticity and rebellion, reflecting their punk roots. Their story is just beginning, promising moments of sonic frenzy and raw emotion to anyone ready to embark on their hard-hitting musical journey!&lt;/p&gt;</description>
</item>
<item>
<title>Don Dias</title>
<link>/en/friday/don-dias/</link>
<pubDate>Tue, 02 Jul 2024 21:45:00 +0100</pubDate>
<guid>/en/friday/don-dias/</guid>
<description>&lt;iframe style=&#34;border: 0; width: 100%; height: 315px;&#34; src=&#34;https://bandcamp.com/EmbeddedPlayer/album=1077402912/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/track=3622447507/transparent=true/&#34; seamless&gt;&lt;a href=&#34;https://dondias.bandcamp.com/album/greatest-hits-volume-1&#34;&gt;GREATEST HITS VOLUME 1 de Don dias&lt;/a&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Don Dias is DIY pop made in Rennes with the sincerity of the means at his disposal. In other words, a trombone, three pieces of string and a few microphones.&#xA;Home-made reigns in an album where the variety of the proposition could lead one to believe that it&amp;rsquo;s an exercise in style. But the dough of this Far West poet makes this exquisite corpse anything but incoherent.&#xA;Somewhere between Mac Demarco on steroids and Elliott Smith on ecstasy, this late-night concoction is definitely made to be listened to under the noon zenith.&lt;/p&gt;</description>
</item>
<item>
<title>Megadisq</title>
<link>/en/friday/megadisq/</link>
<pubDate>Tue, 02 Jul 2024 20:00:00 +0100</pubDate>
<guid>/en/friday/megadisq/</guid>
<description>&lt;iframe width=&#34;560&#34; height=&#34;315&#34; src=&#34;https://www.youtube.com/embed/Th6WebRNM7I?si=tFi9RfExEHZAHCND&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; allowfullscreen&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;A brand-new trio from Rennes, not completely out of the blister pack, the Mégadisq machine brings you colorful, rhythmic pop-rock music. At the crossroads between Blur&amp;rsquo;s brit-pop and a Mario Kart race, let us take you on an adventure where melody and pixels are king.&lt;/p&gt;</description>
</item>
<item>
<title>Oncle JB&#39;s</title>
<link>/en/friday/oncle-jbs/</link>
<pubDate>Tue, 02 Jul 2024 18:00:00 +0100</pubDate>
<guid>/en/friday/oncle-jbs/</guid>
<description>&lt;iframe width=&#34;100%&#34; height=&#34;120&#34; src=&#34;https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&amp;feed=%2Fjbs-kouame%2Fdemo-mix-jbs%2F&#34; frameborder=&#34;0&#34; &gt;&lt;/iframe&gt;&#xA;&lt;p&gt;In his funky kitchen, Oncle Jb&amp;rsquo;s brings back hot vinyl tracks he&amp;rsquo;s picked up here and there. A chef on the Nantes scene for several years, Oncle JB&amp;rsquo;s mixes are concocted from local and international ingredients to delight your ears. Open to all, his musical menus are sure to tempt groove-lovers.&lt;/p&gt;</description>
</item>
</channel>
</rss>

425
html/en/friday/megadisq/index.html Normal file
View File

@@ -0,0 +1,425 @@
<!DOCTYPE html>
<html lang="en" 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="Rhythmic and colorful pop-rock" />
<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="/en/friday/megadisq/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Megadisq">
<meta property="og:description" content="Rhythmic and colorful pop-rock">
<meta property="og:locale" content="en">
<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="Rhythmic and colorful pop-rock">
<meta itemprop="name" content="Megadisq">
<meta itemprop="description" content="Rhythmic and colorful pop-rock">
<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="45">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/friday/megadisq/" lang="fr">Français</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>A brand-new trio from Rennes, not completely out of the blister pack, the Mégadisq machine brings you colorful, rhythmic pop-rock music. At the crossroads between Blur&rsquo;s brit-pop and a Mario Kart race, let us take you on an adventure where melody and pixels are king.</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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/en/friday/oncle-jbs/index.html Normal file
View File

@@ -0,0 +1,425 @@
<!DOCTYPE html>
<html lang="en" 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&#39;s - Festival Le Chant du Tombereau
</title>
<meta name="description" content="Live groove music" />
<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="/en/friday/oncle-jbs/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Oncle JB&#39;s">
<meta property="og:description" content="Live groove music">
<meta property="og:locale" content="en">
<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&#39;s">
<meta name="twitter:description" content="Live groove music">
<meta itemprop="name" content="Oncle JB&#39;s">
<meta itemprop="description" content="Live groove music">
<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="51">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/friday/oncle-jbs/" lang="fr">Français</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&#39;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>In his funky kitchen, Oncle Jb&rsquo;s brings back hot vinyl tracks he&rsquo;s picked up here and there. A chef on the Nantes scene for several years, Oncle JB&rsquo;s mixes are concocted from local and international ingredients to delight your ears. Open to all, his musical menus are sure to tempt groove-lovers.</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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/en/friday/page/1/index.html Normal file
View File

@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>/en/friday/</title>
<link rel="canonical" href="/en/friday/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=/en/friday/">
</head>
</html>

426
html/en/friday/the-leather-gallery/index.html Normal file
View File

@@ -0,0 +1,426 @@
<!DOCTYPE html>
<html lang="en" 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="/en/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="en">
<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="76">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/friday/the-leather-gallery/" lang="fr">Français</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>Founded in 2021, originally from Rennes but sporting an Anglo-French cultural diversity, The Leather Gallery fuse punk, noise and rock with captivating energy. Their live performances are explosive, resonating their passion through walls of noise and magnetic stage presence.</p>
<p>The band&rsquo;s music is a call to authenticity and rebellion, reflecting their punk roots. Their story is just beginning, promising moments of sonic frenzy and raw emotion to anyone ready to embark on their hard-hitting musical journey!</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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/en/friday/tiger-syndrome/index.html Normal file
View File

@@ -0,0 +1,424 @@
<!DOCTYPE html>
<html lang="en" 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="/en/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="en">
<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="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/friday/tiger-syndrome/" lang="fr">Français</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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>

761
html/en/index.html Normal file
View File

@@ -0,0 +1,761 @@
<!DOCTYPE html>
<html lang="en" 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>
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="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="/en/index.xml" title="Festival Le Chant du Tombereau" />
<link rel="alternate" type="application/json" href="/en/index.json" title="Festival Le Chant du Tombereau" />
<meta property="og:url" content="/en/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Festival Le Chant du Tombereau">
<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="en">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Festival Le Chant du Tombereau">
<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="Festival Le Chant du Tombereau">
<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-03T02:00:00+01:00">
<meta itemprop="dateModified" content="2024-07-03T02:00:00+01:00">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/" lang="fr">Français</a>
</li>
</ul>
</header>
<main class="flex-1"><section class="bg-blue-100 dark:bg-gray-900">
<style>
#full-width-container {
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 0;
}
</style>
<div >
<img
id="full-width-container"
class="hidden lg:block rounded-lg shadow-sm"
src="/banniere_desktop.webp"
alt="Festival Le Chant du Tombereau (Desktop)"
height="500"
width="1500"/>
<img
id="full-width-container"
class="block lg:hidden rounded-lg shadow-sm"
src="/banniere_mobile.webp"
alt="Festival Le Chant du Tombereau (Mobile)"
height="500"
width="500"/>
</div>
</section>
<div class="container p-6 mx-auto">
<h1 class="font-extrabold" style="font-size:3rem; margin-top: 30px; line-height: 2rem;">
Friday
</h1>
</div>
<div class="container p-6 mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-8">
<div class="p-2">
<a href="/en/friday/oncle-jbs/">
<div class="relative">
<img
loading="lazy"
src="/artists/tombereau_artist_onclejbs_small.webp"
alt="Oncle JB&#39;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">
18:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Oncle JB&#39;s</div>
<div>Live groove music</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
20:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Megadisq</div>
<div>Rhythmic and colorful pop-rock</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
21:45
</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="/en/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">
23:30
</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="/en/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">
00:30
</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;">
Saturday
</h1>
</div>
<div class="container p-6 mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-8">
<div class="p-2">
<a href="/en/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">
16:45
</div>
</div>
<div class="my-2 text-xl font-semibold">Cécile Lacharme</div>
<div>Solo cello</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
18:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Nuèit</div>
<div>Occitan ambient</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
20:30
</div>
</div>
<div class="my-2 text-xl font-semibold">La Quincaillerie</div>
<div>African and overseas influences</div>
</a>
</div>
<div class="p-2">
<a href="/en/saturday/nobodys-fault/">
<div class="relative">
<img
loading="lazy"
src="/artists/tombereau_artist_nobodysfault_small.webp"
alt="Nobody&#39;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">
22:15
</div>
</div>
<div class="my-2 text-xl font-semibold">Nobody&#39;s fault</div>
<div>Punk rock</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
00:00
</div>
</div>
<div class="my-2 text-xl font-semibold">The Flying Bones</div>
<div>Rock/garage duo</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
01:15
</div>
</div>
<div class="my-2 text-xl font-semibold">Basstong</div>
<div>Acoustic techno</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
02:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Gisèle Kerozen</div>
<div>DJ set</div>
</a>
</div>
</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">Follow Us</div>
<p class="opacity-60">For year-round fun</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>

17
html/en/index.json Normal file
View File

File diff suppressed because one or more lines are too long

124
html/en/index.xml Normal file
View File

@@ -0,0 +1,124 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Festival Le Chant du Tombereau</title>
<link>/en/</link>
<description>Recent content on Festival Le Chant du Tombereau</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Wed, 03 Jul 2024 02:00:00 +0100</lastBuildDate>
<atom:link href="/en/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Gisèle Kerozen</title>
<link>/en/saturday/gisele/</link>
<pubDate>Wed, 03 Jul 2024 02:00:00 +0100</pubDate>
<guid>/en/saturday/gisele/</guid>
<description>&lt;p&gt;Shine your boots, put on your ears and board the Kérozen ship for a cosmic-metallic voyage!&lt;/p&gt;&#xA;&lt;p&gt;Gisèle comes from a parallel apocalyptic era and wanders aimlessly from station to station. Through her muddy art, she tells the story behind the scenes of her chaotic, penurious universe.&#xA;Always on the lookout for electric sounds and lead-free sandwiches, Gigi lights up lost dancefloors, here and there, with her paw atrophied by the acidic remnants of her tracks!&lt;/p&gt;</description>
</item>
<item>
<title>Basstong</title>
<link>/en/saturday/basstong/</link>
<pubDate>Wed, 03 Jul 2024 01:15:00 +0100</pubDate>
<guid>/en/saturday/basstong/</guid>
<description>&lt;iframe width=&#34;560&#34; height=&#34;315&#34; src=&#34;https://www.youtube.com/embed/oELPcfaawHI?si=-As6Qf2Hqi_piVu6&amp;amp;start=615&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; allowfullscreen&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Bass tong is an Acoustic Techno musical project. With a handmade set combining salvaged objects and DIY percussion, this one-man band makes techno, house and trance rhythms resonate without electricity. The result is low-tech salvaged music, inspired by Afro, house, techno, trance and minimal rhythms 100% hand made!&lt;/p&gt;</description>
</item>
<item>
<title>Tiger Syndrome</title>
<link>/en/friday/tiger-syndrome/</link>
<pubDate>Wed, 03 Jul 2024 00:30:00 +0100</pubDate>
<guid>/en/friday/tiger-syndrome/</guid>
<description>&lt;p&gt;This is Mathéo.&lt;/p&gt;</description>
</item>
<item>
<title>The Flying Bones</title>
<link>/en/saturday/the-flying-bones/</link>
<pubDate>Wed, 03 Jul 2024 00:00:00 +0100</pubDate>
<guid>/en/saturday/the-flying-bones/</guid>
<description>&lt;iframe width=&#34;560&#34; height=&#34;315&#34; src=&#34;https://www.youtube.com/embed/EyjVHDkL12k?si=IT9G9O3-bdnXI4AG&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; allowfullscreen&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Former thugs from St-Malo&amp;rsquo;s inner city, the Flying Bones tandem quickly managed to combine the garage-punk savagery of their street music with more meticulous structures based around live-looping of the guitar, referring to numerous masters in the field (Culture Émotion, Partout Partout, Battles&amp;hellip;) to create lives that constantly dither, that go to the end of the riffs. At times fast and ferocious, at times trance-like and contemplative, at times danceable and good-natured, power-duo is now multiplying the possibilities for making your old bones fly!&lt;/p&gt;</description>
</item>
<item>
<title>The Leather Gallery</title>
<link>/en/friday/the-leather-gallery/</link>
<pubDate>Tue, 02 Jul 2024 23:30:00 +0100</pubDate>
<guid>/en/friday/the-leather-gallery/</guid>
<description>&lt;iframe width=&#34;560&#34; height=&#34;315&#34; src=&#34;https://www.youtube.com/embed/oYCjES8jGME?si=MJzmhnV8PJ7JYzbw&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; allowfullscreen&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Founded in 2021, originally from Rennes but sporting an Anglo-French cultural diversity, The Leather Gallery fuse punk, noise and rock with captivating energy. Their live performances are explosive, resonating their passion through walls of noise and magnetic stage presence.&lt;/p&gt;&#xA;&lt;p&gt;The band&amp;rsquo;s music is a call to authenticity and rebellion, reflecting their punk roots. Their story is just beginning, promising moments of sonic frenzy and raw emotion to anyone ready to embark on their hard-hitting musical journey!&lt;/p&gt;</description>
</item>
<item>
<title>Nobody&#39;s fault</title>
<link>/en/saturday/nobodys-fault/</link>
<pubDate>Tue, 02 Jul 2024 22:15:00 +0100</pubDate>
<guid>/en/saturday/nobodys-fault/</guid>
<description>&lt;iframe style=&#34;border: 0; width: 100%; height: 315px;&#34; src=&#34;https://bandcamp.com/EmbeddedPlayer/album=314936894/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/transparent=true/&#34; seamless&gt;&lt;a href=&#34;https://nobodyfault.bandcamp.com/album/discombobulate-2&#34;&gt;Discombobulate de Nobody&amp;#39;s Fault&lt;/a&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Formed in Clisson in 2016, the Power trio juggles Punk/Math Rock and Noise to deploy an energy peculiar to 90&amp;rsquo;s punks. Between unusual rhythms, emotive lyrics and alarmist tensions; Nobody&amp;rsquo;s Fault offers a fresh set punctuated with energy.&#xA;After a first DIY EP in 2019, the band is now based in Nantes and is releasing an album in 2024 &amp;ldquo;Whatever Happens..&amp;rdquo;. In a refreshingly more perfectionist vein, the album marks the end of a pop-punk influence and the beginning of more progressive riffs, introspective lyrics and eclectic sounds.&lt;/p&gt;</description>
</item>
<item>
<title>Don Dias</title>
<link>/en/friday/don-dias/</link>
<pubDate>Tue, 02 Jul 2024 21:45:00 +0100</pubDate>
<guid>/en/friday/don-dias/</guid>
<description>&lt;iframe style=&#34;border: 0; width: 100%; height: 315px;&#34; src=&#34;https://bandcamp.com/EmbeddedPlayer/album=1077402912/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/track=3622447507/transparent=true/&#34; seamless&gt;&lt;a href=&#34;https://dondias.bandcamp.com/album/greatest-hits-volume-1&#34;&gt;GREATEST HITS VOLUME 1 de Don dias&lt;/a&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Don Dias is DIY pop made in Rennes with the sincerity of the means at his disposal. In other words, a trombone, three pieces of string and a few microphones.&#xA;Home-made reigns in an album where the variety of the proposition could lead one to believe that it&amp;rsquo;s an exercise in style. But the dough of this Far West poet makes this exquisite corpse anything but incoherent.&#xA;Somewhere between Mac Demarco on steroids and Elliott Smith on ecstasy, this late-night concoction is definitely made to be listened to under the noon zenith.&lt;/p&gt;</description>
</item>
<item>
<title>La Quincaillerie</title>
<link>/en/saturday/la-quincaillerie/</link>
<pubDate>Tue, 02 Jul 2024 20:30:00 +0100</pubDate>
<guid>/en/saturday/la-quincaillerie/</guid>
<description>&lt;iframe width=&#34;100%&#34; height=&#34;315&#34; scrolling=&#34;no&#34; frameborder=&#34;no&#34; allow=&#34;autoplay&#34; src=&#34;https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/1749550113&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&#34;&gt;&lt;/iframe&gt;&lt;div style=&#34;font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;&#34;&gt;&lt;a href=&#34;https://soundcloud.com/laquincaillerie&#34; title=&#34;La Quincaillerie&#34; target=&#34;_blank&#34; style=&#34;color: #cccccc; text-decoration: none;&#34;&gt;La Quincaillerie&lt;/a&gt; · &lt;a href=&#34;https://soundcloud.com/laquincaillerie/sets/ouverture-prochainement&#34; title=&#34;Ouverture Prochainement&#34; target=&#34;_blank&#34; style=&#34;color: #cccccc; text-decoration: none;&#34;&gt;Ouverture Prochainement&lt;/a&gt;&lt;/div&gt;&#xA;&lt;p&gt;La Quincaillerie opens its doors, the neon lights come on, the hardware dealers are ready. An invitation to enter their store, to stay and, no doubt, to dance.&lt;/p&gt;&#xA;&lt;p&gt;Guided by a passion for rhythmic twists and turns, these four tinkerers have fun picking and choosing the tools they need to assemble this music, which is characteristic because it&amp;rsquo;s little-known and yet so present in everyone&amp;rsquo;s life. The sharpest ears and legs will be able to recognize influences in Soukouss or Seben, Congolese music.&lt;/p&gt;</description>
</item>
<item>
<title>Megadisq</title>
<link>/en/friday/megadisq/</link>
<pubDate>Tue, 02 Jul 2024 20:00:00 +0100</pubDate>
<guid>/en/friday/megadisq/</guid>
<description>&lt;iframe width=&#34;560&#34; height=&#34;315&#34; src=&#34;https://www.youtube.com/embed/Th6WebRNM7I?si=tFi9RfExEHZAHCND&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; allowfullscreen&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;A brand-new trio from Rennes, not completely out of the blister pack, the Mégadisq machine brings you colorful, rhythmic pop-rock music. At the crossroads between Blur&amp;rsquo;s brit-pop and a Mario Kart race, let us take you on an adventure where melody and pixels are king.&lt;/p&gt;</description>
</item>
<item>
<title>Nuèit</title>
<link>/en/saturday/nueit/</link>
<pubDate>Tue, 02 Jul 2024 18:00:00 +0100</pubDate>
<guid>/en/saturday/nueit/</guid>
<description>&lt;iframe style=&#34;border: 0; width: 100%; height: 300px;&#34; src=&#34;https://bandcamp.com/EmbeddedPlayer/album=329689987/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/transparent=true/&#34; seamless&gt;&lt;a href=&#34;https://nueit.bandcamp.com/album/auba&#34;&gt;auba de NUÈIT&lt;/a&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Nuèit lives in Brittany, but adapts songs from the oral tradition in Occitan to instrus concocted from indus samples and drone-like layers. She&amp;rsquo;s been keeping this repertoire warm for over 10 years. She sang and fiddled it with the acoustic group Säkkriñ, and developed a parallel electro-acoustic sound practice with her solo xəbərdarlıq. With the Nuèit project, she fuses her organic Occitan roots with her adopted industrial north.&lt;/p&gt;</description>
</item>
<item>
<title>Oncle JB&#39;s</title>
<link>/en/friday/oncle-jbs/</link>
<pubDate>Tue, 02 Jul 2024 18:00:00 +0100</pubDate>
<guid>/en/friday/oncle-jbs/</guid>
<description>&lt;iframe width=&#34;100%&#34; height=&#34;120&#34; src=&#34;https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&amp;feed=%2Fjbs-kouame%2Fdemo-mix-jbs%2F&#34; frameborder=&#34;0&#34; &gt;&lt;/iframe&gt;&#xA;&lt;p&gt;In his funky kitchen, Oncle Jb&amp;rsquo;s brings back hot vinyl tracks he&amp;rsquo;s picked up here and there. A chef on the Nantes scene for several years, Oncle JB&amp;rsquo;s mixes are concocted from local and international ingredients to delight your ears. Open to all, his musical menus are sure to tempt groove-lovers.&lt;/p&gt;</description>
</item>
<item>
<title>Cécile Lacharme</title>
<link>/en/saturday/cecile-lacharme/</link>
<pubDate>Tue, 02 Jul 2024 16:45:00 +0100</pubDate>
<guid>/en/saturday/cecile-lacharme/</guid>
<description>&lt;iframe width=&#34;560&#34; height=&#34;315&#34; src=&#34;https://www.youtube.com/embed/-LaljCm28ZY?si=x2qnNcmDZMtVvSzt&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; allowfullscreen&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Under the tall trees of La Tesserie, eclectic violinist Cécile Lacharme takes us on an instrumental journey into the heart of the imaginary. With only her cello and pedalboard to accompany her, she takes us on a journey through multiple landscapes situated between Asia and the Orient, between the classical and modern ages!&lt;/p&gt;</description>
</item>
<item>
<title>About Us</title>
<link>/en/about/</link>
<pubDate>Mon, 01 Jul 2024 00:00:00 +0000</pubDate>
<guid>/en/about/</guid>
<description>&lt;img src=&#34;/banniere_apropos.webp&#34; alt=&#34;&#34; class=&#34;rounded-lg&#34;/&gt;&#xA;&lt;p&gt;Le Chant du Tombereau is a festival held since summer 2020 in Derval, between Nantes and Rennes, on a former farm.&lt;/p&gt;&#xA;&lt;p&gt;This famous farm was inherited from grandparents. Formerly a pig farm, then an agricultural site, today we&amp;rsquo;re transforming the place with family and friends. We started growing vegetables and fruit, and built a stage for concerts. We&amp;rsquo;ve also built a superb rehearsal and recording studio in straw earth, which has become the working tool for several local bands.&#xA;So it&amp;rsquo;s a multi-project cultural and agri-cultural space on which we want to experiment lots of things.&lt;/p&gt;</description>
</item>
<item>
<title>Previous editions</title>
<link>/en/previous-editions/</link>
<pubDate>Mon, 01 Jul 2024 00:00:00 +0000</pubDate>
<guid>/en/previous-editions/</guid>
<description>&lt;div class =&#34;container p-6 mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-8&#34;&gt;&#xA; &lt;div&gt;&#xA; &lt;img class=&#34;max-w-500 thumbnail&#34; src=&#34;/CDT_1.webp&#34; alt=&#34;Affiche du Chant du Tombereau n°1&#34; onclick=&#34;openLightbox(this)&#34;&gt;&#xA; &lt;p class=&#34;text-center mt-2&#34;&gt;2020&lt;/p&gt;&#xA; &lt;/div&gt;&#xA; &lt;div&gt;&#xA; &lt;img class=&#34;max-w-500 thumbnail&#34; src=&#34;/CDT_2.webp&#34; alt=&#34;Affiche du Chant du Tombereau n°2&#34; onclick=&#34;openLightbox(this)&#34;&gt;&#xA; &lt;p class=&#34;text-center mt-2&#34;&gt;2021&lt;/p&gt;&#xA; &lt;/div&gt;&#xA; &lt;div&gt;&#xA; &lt;img class=&#34;max-w-500 thumbnail&#34; src=&#34;/CDT_3.webp&#34; alt=&#34;Affiche du Chant du Tombereau n°3&#34; onclick=&#34;openLightbox(this)&#34;&gt;&#xA; &lt;p class=&#34;text-center mt-2&#34;&gt;2022&lt;/p&gt;&#xA; &lt;/div&gt;&#xA; &lt;div&gt;&#xA; &lt;img class=&#34;max-w-500 thumbnail&#34; src=&#34;/CDT_4.webp&#34; alt=&#34;Affiche du Chant du Tombereau n°4&#34; onclick=&#34;openLightbox(this)&#34;&gt;&#xA; &lt;p class=&#34;text-center mt-2&#34;&gt;2023&lt;/p&gt;&#xA; &lt;/div&gt;&#xA; &lt;div id=&#34;lightbox&#34; class=&#34;lightbox&#34; onclick=&#34;closeLightbox()&#34;&gt;&#xA; &lt;span class=&#34;close&#34;&gt;&amp;times;&lt;/span&gt;&#xA; &lt;img class=&#34;lightbox-content&#34; id=&#34;lightbox-image&#34;&gt;&#xA; &lt;/div&gt;&#xA;&lt;/div&gt;</description>
</item>
<item>
<title>Carpooling</title>
<link>/en/carpooling/</link>
<pubDate>Wed, 21 Feb 2024 00:00:00 +0000</pubDate>
<guid>/en/carpooling/</guid>
<description>&lt;p&gt;We remind you that brave cyclists will be rewarded with a pint for their courage!&lt;/p&gt;&#xA;&lt;p&gt;If you still prefer to drive, &lt;b&gt;parking spaces on the festival site are limited&lt;/b&gt;. It&amp;rsquo;s more practical, it&amp;rsquo;s more fun, and it&amp;rsquo;s less polluting. Let&amp;rsquo;s squeeze our little butts into the back of our coach and we&amp;rsquo;ll find you a car, my dear.&lt;/p&gt;&#xA;&lt;style&gt;&#xA;.button {&#xA; background-color: #04AA6D; /* Green */&#xA; border: none;&#xA; color: transparent;&#xA; padding: 16px 32px;&#xA; text-align: center;&#xA; text-decoration: none;&#xA; display: inline-block;&#xA; font-size: 16px;&#xA; margin: 4px 2px;&#xA; transition-duration: 0.4s;&#xA; cursor: pointer;&#xA;}&#xA;&#xA;.button1 {&#xA; background-color: transparent; &#xA; color: white; &#xA; border: 2px solid #04AA6D;&#xA; border-radius: 4px;&#xA;}&#xA;&#xA;.button1:hover {&#xA; background-color: #04AA6D;&#xA; color: white;&#xA;}&#xA;/* Styles pour centrer le bouton */&#xA;.mycontainer {&#xA; display: flex;&#xA; justify-content: center;&#xA; align-items: center;&#xA;}&#xA;&lt;/style&gt;&#xA;&lt;div class=mycontainer&gt;&#xA; &lt;a href=&#34;https://docs.google.com/spreadsheets/d/17Q6Qc2E9K7rwjHEFgTeiinPoOZaPYLjM9hi8hWzgrmk/&#34; target=&#34;_blank&#34; class=&#34;button button1&#34;&gt;🚗 Carpooling sheet 🚌&lt;/a&gt;&#xA;&lt;/div&gt;</description>
</item>
<item>
<title>Infos</title>
<link>/en/infos/</link>
<pubDate>Wed, 21 Feb 2024 00:00:00 +0000</pubDate>
<guid>/en/infos/</guid>
<description>&lt;p&gt;Festival site: &lt;a href=&#39;https://maps.app.goo.gl/FCVjrMzwf41HeWzbA&#39;&gt;&lt;strong&gt;La Tesserie 44590 Derval&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;► Free campsite with showers.&lt;/p&gt;&#xA;&lt;p&gt;► Catering from Friday evening to Sunday lunch provided by l&amp;rsquo;Itinérante. Vegan food that should delight your tastebuds. &lt;strong&gt;Cash only&lt;/strong&gt;.&lt;/p&gt;&#xA;&lt;p&gt;► On-site bar: local wines, beers, cider and softs. &lt;strong&gt;Credit card and cash accepted&lt;/strong&gt;.&lt;/p&gt;&#xA;&lt;p&gt;► We do our best to make the festival as safe as possible. &lt;strong&gt;Let&amp;rsquo;s look out for each other, respect consent, be kind&lt;/strong&gt;. The festival team sets up displays and makes itself available to all for a free and respectful party.&lt;/p&gt;</description>
</item>
</channel>
</rss>

440
html/en/infos/index.html Normal file
View File

@@ -0,0 +1,440 @@
<!DOCTYPE html>
<html lang="en" 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>
Infos - Festival Le Chant du Tombereau
</title>
<meta name="description" content="Festival site: La Tesserie 44590 Derval
► Free campsite with showers.
► Catering from Friday evening to Sunday lunch provided by l&rsquo;Itinérante. Vegan food that should delight your tastebuds. Cash only.
► On-site bar: local wines, beers, cider and softs. Credit card and cash accepted.
► We do our best to make the festival as safe as possible. Let&rsquo;s look out for each other, respect consent, be kind. The festival team sets up displays and makes itself available to all for a free and respectful party." />
<meta name="keywords" content="about-us,contact" />
<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="/en/infos/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Infos">
<meta property="og:description" content="Festival site: La Tesserie 44590 Derval
► Free campsite with showers.
► Catering from Friday evening to Sunday lunch provided by l’Itinérante. Vegan food that should delight your tastebuds. Cash only.
► On-site bar: local wines, beers, cider and softs. Credit card and cash accepted.
► We do our best to make the festival as safe as possible. Let’s look out for each other, respect consent, be kind. The festival team sets up displays and makes itself available to all for a free and respectful party.">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2024-02-21T00:00:00+00:00">
<meta property="article:modified_time" content="2024-02-21T00:00:00+00:00">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Infos">
<meta name="twitter:description" content="Festival site: La Tesserie 44590 Derval
► Free campsite with showers.
► Catering from Friday evening to Sunday lunch provided by l’Itinérante. Vegan food that should delight your tastebuds. Cash only.
► On-site bar: local wines, beers, cider and softs. Credit card and cash accepted.
► We do our best to make the festival as safe as possible. Let’s look out for each other, respect consent, be kind. The festival team sets up displays and makes itself available to all for a free and respectful party.">
<meta itemprop="name" content="Infos">
<meta itemprop="description" content="Festival site: La Tesserie 44590 Derval
► Free campsite with showers.
► Catering from Friday evening to Sunday lunch provided by l’Itinérante. Vegan food that should delight your tastebuds. Cash only.
► On-site bar: local wines, beers, cider and softs. Credit card and cash accepted.
► We do our best to make the festival as safe as possible. Let’s look out for each other, respect consent, be kind. The festival team sets up displays and makes itself available to all for a free and respectful party.">
<meta itemprop="datePublished" content="2024-02-21T00:00:00+00:00">
<meta itemprop="dateModified" content="2024-02-21T00:00:00+00:00">
<meta itemprop="wordCount" content="192">
<meta itemprop="keywords" content="about-us,contact">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/infos/" lang="fr">Français</a>
</li>
</ul>
</header>
<main class="flex-1">
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
<h1 class="text-2xl font-bold mb-2">Infos</h1>
<p>Festival site: <a href='https://maps.app.goo.gl/FCVjrMzwf41HeWzbA'><strong>La Tesserie 44590 Derval</strong></a></p>
<p>► Free campsite with showers.</p>
<p>► Catering from Friday evening to Sunday lunch provided by l&rsquo;Itinérante. Vegan food that should delight your tastebuds. <strong>Cash only</strong>.</p>
<p>► On-site bar: local wines, beers, cider and softs. <strong>Credit card and cash accepted</strong>.</p>
<p>► We do our best to make the festival as safe as possible. <strong>Let&rsquo;s look out for each other, respect consent, be kind</strong>. The festival team sets up displays and makes itself available to all for a free and respectful party.</p>
<p>► All festival incomes (bar &amp; tickets) enable us to pay the artists and technical staff! Your best participation is your smile, but also the pennies you spend throughout the weekend at the bar. Thank you very much!</p>
<p>► Think about <a href='/en/carpooling/'>carpooling</a>, or better still, come by bike (friends will be easy to find)! The valiant cyclists will be offered a pint. RDV at <a href='https://www.atelierdupignon.fr/'>Atelier du Pignon</a>, 12 quai Magellan to check your bike before the trip 😉</p>
<p>► Finally, you know the principle, clean pee in the dry toilets and no abandoned waste, let&rsquo;s preserve the field to eat good vegetables in the future 🙂</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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>

736
html/en/lineup/index.html Normal file
View File

@@ -0,0 +1,736 @@
<!DOCTYPE html>
<html lang="en" 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>
Lineup - 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="/en/lineup/index.xml" title="Festival Le Chant du Tombereau" />
<meta property="og:url" content="/en/lineup/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Lineup">
<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="en">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Lineup">
<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="Lineup">
<meta itemprop="description" content="Bienvenue au festival Le Chant du Tombereau ! À Derval, les 2,3 et 4 août 2024">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/programmation/" lang="fr">Français</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;">
Friday
</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="/en/friday/oncle-jbs/">
<div class="relative">
<img
loading="lazy"
src="/artists/tombereau_artist_onclejbs_small.webp"
alt="Oncle JB&#39;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">
18:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Oncle JB&#39;s</div>
<div>Live groove music</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
20:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Megadisq</div>
<div>Rhythmic and colorful pop-rock</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
21:45
</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="/en/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">
23:30
</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="/en/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">
00:30
</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;">
Saturday
</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="/en/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">
16:45
</div>
</div>
<div class="my-2 text-xl font-semibold">Cécile Lacharme</div>
<div>Solo cello</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
18:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Nuèit</div>
<div>Occitan ambient</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
20:30
</div>
</div>
<div class="my-2 text-xl font-semibold">La Quincaillerie</div>
<div>African and overseas influences</div>
</a>
</div>
<div class="p-2">
<a href="/en/saturday/nobodys-fault/">
<div class="relative">
<img
loading="lazy"
src="/artists/tombereau_artist_nobodysfault_small.webp"
alt="Nobody&#39;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">
22:15
</div>
</div>
<div class="my-2 text-xl font-semibold">Nobody&#39;s fault</div>
<div>Punk rock</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
00:00
</div>
</div>
<div class="my-2 text-xl font-semibold">The Flying Bones</div>
<div>Rock/garage duo</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
01:15
</div>
</div>
<div class="my-2 text-xl font-semibold">Basstong</div>
<div>Acoustic techno</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
02:00
</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">Follow Us</div>
<p class="opacity-60">For year-round fun</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>

11
html/en/lineup/index.xml Normal file
View File

@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Lineup on Festival Le Chant du Tombereau</title>
<link>/en/lineup/</link>
<description>Recent content in Lineup on Festival Le Chant du Tombereau</description>
<generator>Hugo</generator>
<language>en</language>
<atom:link href="/en/lineup/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

10
html/en/lineup/page/1/index.html Normal file
View File

@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>/en/lineup/</title>
<link rel="canonical" href="/en/lineup/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=/en/lineup/">
</head>
</html>

304
html/en/previous-editions/index.html Normal file
View File

@@ -0,0 +1,304 @@
<!DOCTYPE html>
<html lang="en" 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>
Previous editions - Festival Le Chant du Tombereau
</title>
<meta name="description" content="
2020
2021
2022
2023
&times;
" />
<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="/en/previous-editions/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Previous editions">
<meta property="og:description" content="2020
2021
2022
2023
×">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2024-07-01T00:00:00+00:00">
<meta property="article:modified_time" content="2024-07-01T00:00:00+00:00">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Previous editions">
<meta name="twitter:description" content="2020
2021
2022
2023
×">
<meta itemprop="name" content="Previous editions">
<meta itemprop="description" content="2020
2021
2022
2023
×">
<meta itemprop="datePublished" content="2024-07-01T00:00:00+00:00">
<meta itemprop="dateModified" content="2024-07-01T00:00:00+00:00">
<meta itemprop="wordCount" content="5">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/editions-precedentes/" lang="fr">Français</a>
</li>
</ul>
</header>
<main class="flex-1">
<article class="lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
<h1 class="text-2xl font-bold mb-2" style="text-align: center;">Previous editions</h1>
<div class ="container p-6 mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-8">
<div>
<img class="max-w-500 thumbnail" src="/CDT_1.webp" alt="Affiche du Chant du Tombereau n°1" onclick="openLightbox(this)">
<p class="text-center mt-2">2020</p>
</div>
<div>
<img class="max-w-500 thumbnail" src="/CDT_2.webp" alt="Affiche du Chant du Tombereau n°2" onclick="openLightbox(this)">
<p class="text-center mt-2">2021</p>
</div>
<div>
<img class="max-w-500 thumbnail" src="/CDT_3.webp" alt="Affiche du Chant du Tombereau n°3" onclick="openLightbox(this)">
<p class="text-center mt-2">2022</p>
</div>
<div>
<img class="max-w-500 thumbnail" src="/CDT_4.webp" alt="Affiche du Chant du Tombereau n°4" onclick="openLightbox(this)">
<p class="text-center mt-2">2023</p>
</div>
<div id="lightbox" class="lightbox" onclick="closeLightbox()">
<span class="close">&times;</span>
<img class="lightbox-content" id="lightbox-image">
</div>
</div>
</article>
<script src="/js/fullscreen.min.js"></script>
</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/en/saturday/basstong/index.html Normal file
View File

@@ -0,0 +1,425 @@
<!DOCTYPE html>
<html lang="en" 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>
Basstong - Festival Le Chant du Tombereau
</title>
<meta name="description" content="Acoustic techno" />
<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="/en/saturday/basstong/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Basstong">
<meta property="og:description" content="Acoustic techno">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
<meta property="article:section" content="saturday">
<meta property="article:published_time" content="2024-07-03T01:15:00+01:00">
<meta property="article:modified_time" content="2024-07-03T01:15:00+01:00">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Basstong">
<meta name="twitter:description" content="Acoustic techno">
<meta itemprop="name" content="Basstong">
<meta itemprop="description" content="Acoustic techno">
<meta itemprop="datePublished" content="2024-07-03T01:15:00+01:00">
<meta itemprop="dateModified" content="2024-07-03T01:15:00+01:00">
<meta itemprop="wordCount" content="48">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/saturday/basstong/" lang="fr">Français</a>
</li>
</ul>
</header>
<main class="flex-1">
<div class="relative max-w-5xl mx-auto px-4">
<img
src="/artists/tombereau_artist_basstong.webp"
class="rounded-lg shadow-sm object-contain mx-auto"
height="500"
width="926"/>
</div>
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
<h1 class="text-2xl font-bold mb-2">Basstong</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/oELPcfaawHI?si=-As6Qf2Hqi_piVu6&amp;start=615" 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>Bass tong is an Acoustic Techno musical project. With a handmade set combining salvaged objects and DIY percussion, this one-man band makes techno, house and trance rhythms resonate without electricity. The result is low-tech salvaged music, inspired by Afro, house, techno, trance and minimal rhythms 100% hand made!</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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/en/saturday/cecile-lacharme/index.html Normal file
View File

@@ -0,0 +1,425 @@
<!DOCTYPE html>
<html lang="en" 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>
Cécile Lacharme - Festival Le Chant du Tombereau
</title>
<meta name="description" content="Solo cello" />
<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="/en/saturday/cecile-lacharme/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Cécile Lacharme">
<meta property="og:description" content="Solo cello">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
<meta property="article:section" content="saturday">
<meta property="article:published_time" content="2024-07-02T16:45:00+01:00">
<meta property="article:modified_time" content="2024-07-02T16:45:00+01:00">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Cécile Lacharme">
<meta name="twitter:description" content="Solo cello">
<meta itemprop="name" content="Cécile Lacharme">
<meta itemprop="description" content="Solo cello">
<meta itemprop="datePublished" content="2024-07-02T16:45:00+01:00">
<meta itemprop="dateModified" content="2024-07-02T16:45:00+01:00">
<meta itemprop="wordCount" content="53">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/saturday/cecile-lacharme/" lang="fr">Français</a>
</li>
</ul>
</header>
<main class="flex-1">
<div class="relative max-w-5xl mx-auto px-4">
<img
src="/artists/tombereau_artist_cecilelacharme.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">Cécile Lacharme</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/-LaljCm28ZY?si=x2qnNcmDZMtVvSzt" 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>Under the tall trees of La Tesserie, eclectic violinist Cécile Lacharme takes us on an instrumental journey into the heart of the imaginary. With only her cello and pedalboard to accompany her, she takes us on a journey through multiple landscapes situated between Asia and the Orient, between the classical and modern ages!</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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>

426
html/en/saturday/gisele/index.html Normal file
View File

@@ -0,0 +1,426 @@
<!DOCTYPE html>
<html lang="en" 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>
Gisèle Kerozen - 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="/en/saturday/gisele/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Gisèle Kerozen">
<meta property="og:description" content="DJ set">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
<meta property="article:section" content="saturday">
<meta property="article:published_time" content="2024-07-03T02:00:00+01:00">
<meta property="article:modified_time" content="2024-07-03T02:00:00+01:00">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Gisèle Kerozen">
<meta name="twitter:description" content="DJ set">
<meta itemprop="name" content="Gisèle Kerozen">
<meta itemprop="description" content="DJ set">
<meta itemprop="datePublished" content="2024-07-03T02:00:00+01:00">
<meta itemprop="dateModified" content="2024-07-03T02:00:00+01:00">
<meta itemprop="wordCount" content="75">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/saturday/gisele/" lang="fr">Français</a>
</li>
</ul>
</header>
<main class="flex-1">
<div class="relative max-w-5xl mx-auto px-4">
<img
src="/artists/tombereau_artist_giselekerozen.webp"
class="rounded-lg shadow-sm object-contain mx-auto"
height="508"
width="500"/>
</div>
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
<h1 class="text-2xl font-bold mb-2">Gisèle Kerozen</h1>
<p>Shine your boots, put on your ears and board the Kérozen ship for a cosmic-metallic voyage!</p>
<p>Gisèle comes from a parallel apocalyptic era and wanders aimlessly from station to station. Through her muddy art, she tells the story behind the scenes of her chaotic, penurious universe.
Always on the lookout for electric sounds and lead-free sandwiches, Gigi lights up lost dancefloors, here and there, with her paw atrophied by the acidic remnants of her tracks!</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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>

736
html/en/saturday/index.html Normal file
View File

@@ -0,0 +1,736 @@
<!DOCTYPE html>
<html lang="en" 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>
Saturdays - 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="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="/en/saturday/index.xml" title="Festival Le Chant du Tombereau" />
<meta property="og:url" content="/en/saturday/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Saturdays">
<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="en">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Saturdays">
<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="Saturdays">
<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-03T02:00:00+01:00">
<meta itemprop="dateModified" content="2024-07-03T02:00:00+01:00">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/saturday/" lang="fr">Français</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;">
Friday
</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="/en/friday/oncle-jbs/">
<div class="relative">
<img
loading="lazy"
src="/artists/tombereau_artist_onclejbs_small.webp"
alt="Oncle JB&#39;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">
18:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Oncle JB&#39;s</div>
<div>Live groove music</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
20:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Megadisq</div>
<div>Rhythmic and colorful pop-rock</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
21:45
</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="/en/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">
23:30
</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="/en/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">
00:30
</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;">
Saturday
</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="/en/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">
16:45
</div>
</div>
<div class="my-2 text-xl font-semibold">Cécile Lacharme</div>
<div>Solo cello</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
18:00
</div>
</div>
<div class="my-2 text-xl font-semibold">Nuèit</div>
<div>Occitan ambient</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
20:30
</div>
</div>
<div class="my-2 text-xl font-semibold">La Quincaillerie</div>
<div>African and overseas influences</div>
</a>
</div>
<div class="p-2">
<a href="/en/saturday/nobodys-fault/">
<div class="relative">
<img
loading="lazy"
src="/artists/tombereau_artist_nobodysfault_small.webp"
alt="Nobody&#39;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">
22:15
</div>
</div>
<div class="my-2 text-xl font-semibold">Nobody&#39;s fault</div>
<div>Punk rock</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
00:00
</div>
</div>
<div class="my-2 text-xl font-semibold">The Flying Bones</div>
<div>Rock/garage duo</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
01:15
</div>
</div>
<div class="my-2 text-xl font-semibold">Basstong</div>
<div>Acoustic techno</div>
</a>
</div>
<div class="p-2">
<a href="/en/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">
02:00
</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">Follow Us</div>
<p class="opacity-60">For year-round fun</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>

61
html/en/saturday/index.xml Normal file
View File

@@ -0,0 +1,61 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Saturdays on Festival Le Chant du Tombereau</title>
<link>/en/saturday/</link>
<description>Recent content in Saturdays on Festival Le Chant du Tombereau</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Wed, 03 Jul 2024 02:00:00 +0100</lastBuildDate>
<atom:link href="/en/saturday/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Gisèle Kerozen</title>
<link>/en/saturday/gisele/</link>
<pubDate>Wed, 03 Jul 2024 02:00:00 +0100</pubDate>
<guid>/en/saturday/gisele/</guid>
<description>&lt;p&gt;Shine your boots, put on your ears and board the Kérozen ship for a cosmic-metallic voyage!&lt;/p&gt;&#xA;&lt;p&gt;Gisèle comes from a parallel apocalyptic era and wanders aimlessly from station to station. Through her muddy art, she tells the story behind the scenes of her chaotic, penurious universe.&#xA;Always on the lookout for electric sounds and lead-free sandwiches, Gigi lights up lost dancefloors, here and there, with her paw atrophied by the acidic remnants of her tracks!&lt;/p&gt;</description>
</item>
<item>
<title>Basstong</title>
<link>/en/saturday/basstong/</link>
<pubDate>Wed, 03 Jul 2024 01:15:00 +0100</pubDate>
<guid>/en/saturday/basstong/</guid>
<description>&lt;iframe width=&#34;560&#34; height=&#34;315&#34; src=&#34;https://www.youtube.com/embed/oELPcfaawHI?si=-As6Qf2Hqi_piVu6&amp;amp;start=615&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; allowfullscreen&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Bass tong is an Acoustic Techno musical project. With a handmade set combining salvaged objects and DIY percussion, this one-man band makes techno, house and trance rhythms resonate without electricity. The result is low-tech salvaged music, inspired by Afro, house, techno, trance and minimal rhythms 100% hand made!&lt;/p&gt;</description>
</item>
<item>
<title>The Flying Bones</title>
<link>/en/saturday/the-flying-bones/</link>
<pubDate>Wed, 03 Jul 2024 00:00:00 +0100</pubDate>
<guid>/en/saturday/the-flying-bones/</guid>
<description>&lt;iframe width=&#34;560&#34; height=&#34;315&#34; src=&#34;https://www.youtube.com/embed/EyjVHDkL12k?si=IT9G9O3-bdnXI4AG&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; allowfullscreen&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Former thugs from St-Malo&amp;rsquo;s inner city, the Flying Bones tandem quickly managed to combine the garage-punk savagery of their street music with more meticulous structures based around live-looping of the guitar, referring to numerous masters in the field (Culture Émotion, Partout Partout, Battles&amp;hellip;) to create lives that constantly dither, that go to the end of the riffs. At times fast and ferocious, at times trance-like and contemplative, at times danceable and good-natured, power-duo is now multiplying the possibilities for making your old bones fly!&lt;/p&gt;</description>
</item>
<item>
<title>Nobody&#39;s fault</title>
<link>/en/saturday/nobodys-fault/</link>
<pubDate>Tue, 02 Jul 2024 22:15:00 +0100</pubDate>
<guid>/en/saturday/nobodys-fault/</guid>
<description>&lt;iframe style=&#34;border: 0; width: 100%; height: 315px;&#34; src=&#34;https://bandcamp.com/EmbeddedPlayer/album=314936894/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/transparent=true/&#34; seamless&gt;&lt;a href=&#34;https://nobodyfault.bandcamp.com/album/discombobulate-2&#34;&gt;Discombobulate de Nobody&amp;#39;s Fault&lt;/a&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Formed in Clisson in 2016, the Power trio juggles Punk/Math Rock and Noise to deploy an energy peculiar to 90&amp;rsquo;s punks. Between unusual rhythms, emotive lyrics and alarmist tensions; Nobody&amp;rsquo;s Fault offers a fresh set punctuated with energy.&#xA;After a first DIY EP in 2019, the band is now based in Nantes and is releasing an album in 2024 &amp;ldquo;Whatever Happens..&amp;rdquo;. In a refreshingly more perfectionist vein, the album marks the end of a pop-punk influence and the beginning of more progressive riffs, introspective lyrics and eclectic sounds.&lt;/p&gt;</description>
</item>
<item>
<title>La Quincaillerie</title>
<link>/en/saturday/la-quincaillerie/</link>
<pubDate>Tue, 02 Jul 2024 20:30:00 +0100</pubDate>
<guid>/en/saturday/la-quincaillerie/</guid>
<description>&lt;iframe width=&#34;100%&#34; height=&#34;315&#34; scrolling=&#34;no&#34; frameborder=&#34;no&#34; allow=&#34;autoplay&#34; src=&#34;https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/1749550113&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&#34;&gt;&lt;/iframe&gt;&lt;div style=&#34;font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;&#34;&gt;&lt;a href=&#34;https://soundcloud.com/laquincaillerie&#34; title=&#34;La Quincaillerie&#34; target=&#34;_blank&#34; style=&#34;color: #cccccc; text-decoration: none;&#34;&gt;La Quincaillerie&lt;/a&gt; · &lt;a href=&#34;https://soundcloud.com/laquincaillerie/sets/ouverture-prochainement&#34; title=&#34;Ouverture Prochainement&#34; target=&#34;_blank&#34; style=&#34;color: #cccccc; text-decoration: none;&#34;&gt;Ouverture Prochainement&lt;/a&gt;&lt;/div&gt;&#xA;&lt;p&gt;La Quincaillerie opens its doors, the neon lights come on, the hardware dealers are ready. An invitation to enter their store, to stay and, no doubt, to dance.&lt;/p&gt;&#xA;&lt;p&gt;Guided by a passion for rhythmic twists and turns, these four tinkerers have fun picking and choosing the tools they need to assemble this music, which is characteristic because it&amp;rsquo;s little-known and yet so present in everyone&amp;rsquo;s life. The sharpest ears and legs will be able to recognize influences in Soukouss or Seben, Congolese music.&lt;/p&gt;</description>
</item>
<item>
<title>Nuèit</title>
<link>/en/saturday/nueit/</link>
<pubDate>Tue, 02 Jul 2024 18:00:00 +0100</pubDate>
<guid>/en/saturday/nueit/</guid>
<description>&lt;iframe style=&#34;border: 0; width: 100%; height: 300px;&#34; src=&#34;https://bandcamp.com/EmbeddedPlayer/album=329689987/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/transparent=true/&#34; seamless&gt;&lt;a href=&#34;https://nueit.bandcamp.com/album/auba&#34;&gt;auba de NUÈIT&lt;/a&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Nuèit lives in Brittany, but adapts songs from the oral tradition in Occitan to instrus concocted from indus samples and drone-like layers. She&amp;rsquo;s been keeping this repertoire warm for over 10 years. She sang and fiddled it with the acoustic group Säkkriñ, and developed a parallel electro-acoustic sound practice with her solo xəbərdarlıq. With the Nuèit project, she fuses her organic Occitan roots with her adopted industrial north.&lt;/p&gt;</description>
</item>
<item>
<title>Cécile Lacharme</title>
<link>/en/saturday/cecile-lacharme/</link>
<pubDate>Tue, 02 Jul 2024 16:45:00 +0100</pubDate>
<guid>/en/saturday/cecile-lacharme/</guid>
<description>&lt;iframe width=&#34;560&#34; height=&#34;315&#34; src=&#34;https://www.youtube.com/embed/-LaljCm28ZY?si=x2qnNcmDZMtVvSzt&#34; title=&#34;YouTube video player&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; allowfullscreen&gt;&lt;/iframe&gt;&#xA;&lt;p&gt;Under the tall trees of La Tesserie, eclectic violinist Cécile Lacharme takes us on an instrumental journey into the heart of the imaginary. With only her cello and pedalboard to accompany her, she takes us on a journey through multiple landscapes situated between Asia and the Orient, between the classical and modern ages!&lt;/p&gt;</description>
</item>
</channel>
</rss>

426
html/en/saturday/la-quincaillerie/index.html Normal file
View File

@@ -0,0 +1,426 @@
<!DOCTYPE html>
<html lang="en" 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>
La Quincaillerie - Festival Le Chant du Tombereau
</title>
<meta name="description" content="African and overseas influences" />
<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="/en/saturday/la-quincaillerie/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="La Quincaillerie">
<meta property="og:description" content="African and overseas influences">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
<meta property="article:section" content="saturday">
<meta property="article:published_time" content="2024-07-02T20:30:00+01:00">
<meta property="article:modified_time" content="2024-07-02T20:30:00+01:00">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="La Quincaillerie">
<meta name="twitter:description" content="African and overseas influences">
<meta itemprop="name" content="La Quincaillerie">
<meta itemprop="description" content="African and overseas influences">
<meta itemprop="datePublished" content="2024-07-02T20:30:00+01:00">
<meta itemprop="dateModified" content="2024-07-02T20:30:00+01:00">
<meta itemprop="wordCount" content="88">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/saturday/la-quincaillerie/" lang="fr">Français</a>
</li>
</ul>
</header>
<main class="flex-1">
<div class="relative max-w-5xl mx-auto px-4">
<img
src="/artists/tombereau_artist_laquincallerie.webp"
class="rounded-lg shadow-sm object-contain mx-auto"
height="500"
width="500"/>
</div>
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
<h1 class="text-2xl font-bold mb-2">La Quincaillerie</h1>
<iframe width="100%" height="315" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/1749550113&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/laquincaillerie" title="La Quincaillerie" target="_blank" style="color: #cccccc; text-decoration: none;">La Quincaillerie</a> · <a href="https://soundcloud.com/laquincaillerie/sets/ouverture-prochainement" title="Ouverture Prochainement" target="_blank" style="color: #cccccc; text-decoration: none;">Ouverture Prochainement</a></div>
<p>La Quincaillerie opens its doors, the neon lights come on, the hardware dealers are ready. An invitation to enter their store, to stay and, no doubt, to dance.</p>
<p>Guided by a passion for rhythmic twists and turns, these four tinkerers have fun picking and choosing the tools they need to assemble this music, which is characteristic because it&rsquo;s little-known and yet so present in everyone&rsquo;s life. The sharpest ears and legs will be able to recognize influences in Soukouss or Seben, Congolese music.</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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>

426
html/en/saturday/nobodys-fault/index.html Normal file
View File

@@ -0,0 +1,426 @@
<!DOCTYPE html>
<html lang="en" 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>
Nobody&#39;s fault - Festival Le Chant du Tombereau
</title>
<meta name="description" content="Punk rock" />
<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="/en/saturday/nobodys-fault/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Nobody&#39;s fault">
<meta property="og:description" content="Punk rock">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
<meta property="article:section" content="saturday">
<meta property="article:published_time" content="2024-07-02T22:15:00+01:00">
<meta property="article:modified_time" content="2024-07-02T22:15:00+01:00">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Nobody&#39;s fault">
<meta name="twitter:description" content="Punk rock">
<meta itemprop="name" content="Nobody&#39;s fault">
<meta itemprop="description" content="Punk rock">
<meta itemprop="datePublished" content="2024-07-02T22:15:00+01:00">
<meta itemprop="dateModified" content="2024-07-02T22:15:00+01:00">
<meta itemprop="wordCount" content="92">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/saturday/nobodys-fault/" lang="fr">Français</a>
</li>
</ul>
</header>
<main class="flex-1">
<div class="relative max-w-5xl mx-auto px-4">
<img
src="/artists/tombereau_artist_nobodysfault.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">Nobody&#39;s fault</h1>
<iframe style="border: 0; width: 100%; height: 315px;" src="https://bandcamp.com/EmbeddedPlayer/album=314936894/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/transparent=true/" seamless><a href="https://nobodyfault.bandcamp.com/album/discombobulate-2">Discombobulate de Nobody&#39;s Fault</a></iframe>
<p>Formed in Clisson in 2016, the Power trio juggles Punk/Math Rock and Noise to deploy an energy peculiar to 90&rsquo;s punks. Between unusual rhythms, emotive lyrics and alarmist tensions; Nobody&rsquo;s Fault offers a fresh set punctuated with energy.
After a first DIY EP in 2019, the band is now based in Nantes and is releasing an album in 2024 &ldquo;Whatever Happens..&rdquo;. In a refreshingly more perfectionist vein, the album marks the end of a pop-punk influence and the beginning of more progressive riffs, introspective lyrics and eclectic sounds.</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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/en/saturday/nueit/index.html Normal file
View File

@@ -0,0 +1,425 @@
<!DOCTYPE html>
<html lang="en" 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>
Nuèit - Festival Le Chant du Tombereau
</title>
<meta name="description" content="Occitan ambient" />
<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="/en/saturday/nueit/">
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
<meta property="og:title" content="Nuèit">
<meta property="og:description" content="Occitan ambient">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
<meta property="article:section" content="saturday">
<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="Nuèit">
<meta name="twitter:description" content="Occitan ambient">
<meta itemprop="name" content="Nuèit">
<meta itemprop="description" content="Occitan ambient">
<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="71">
<meta name="lang" content="en" />
</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="/en/" class="capitalize font-bold text-xl">
Le Chant du Tombereau - Derval - August 2.3, 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">Tickets</a>
</li>
<li style="text-align: center;"><a href="/en/lineup">Line up</a></li>
<li style="text-align: center;"><a href="/en/infos">Infos</a></li>
<li style="text-align: center;"><a href="/en/carpooling">Carpooling</a></li>
<li style="text-align: center;"><a href="/en/about">Organization</a></li>
<li style="text-align: center;"><a href="/en/previous-editions">Previous<br>editions</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="/saturday/nueit/" lang="fr">Français</a>
</li>
</ul>
</header>
<main class="flex-1">
<div class="relative max-w-5xl mx-auto px-4">
<img
src="/artists/tombereau_artist_nueit.webp"
class="rounded-lg shadow-sm object-contain mx-auto"
height="500"
width="500"/>
</div>
<article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
<h1 class="text-2xl font-bold mb-2">Nuèit</h1>
<iframe style="border: 0; width: 100%; height: 300px;" src="https://bandcamp.com/EmbeddedPlayer/album=329689987/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/transparent=true/" seamless><a href="https://nueit.bandcamp.com/album/auba">auba de NUÈIT</a></iframe>
<p>Nuèit lives in Brittany, but adapts songs from the oral tradition in Occitan to instrus concocted from indus samples and drone-like layers. She&rsquo;s been keeping this repertoire warm for over 10 years. She sang and fiddled it with the acoustic group Säkkriñ, and developed a parallel electro-acoustic sound practice with her solo xəbərdarlıq. With the Nuèit project, she fuses her organic Occitan roots with her adopted industrial north.</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="en"
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">Follow Us</div>
<p class="opacity-60">For year-round fun</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>

Some files were not shown because too many files have changed in this diff Show More