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

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>