Initial commit
This commit is contained in:
Lucas
425
html/saturday/basstong/index.html
Normal file
425
html/saturday/basstong/index.html
Normal file
@@ -0,0 +1,425 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
Basstong - Festival Le Chant du Tombereau
|
||||
</title>
|
||||
<meta name="description" content="Techno accoustique" />
|
||||
<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="/saturday/basstong/">
|
||||
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
|
||||
<meta property="og:title" content="Basstong">
|
||||
<meta property="og:description" content="Techno accoustique">
|
||||
<meta property="og:locale" content="fr">
|
||||
<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="Techno accoustique">
|
||||
|
||||
|
||||
<meta itemprop="name" content="Basstong">
|
||||
<meta itemprop="description" content="Techno accoustique">
|
||||
<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="58">
|
||||
|
||||
|
||||
<meta name="lang" content="fr" />
|
||||
|
||||
</head>
|
||||
<body class="dark:bg-gray-800 dark:text-white relative flex flex-col min-h-screen"><header class="container flex justify-between md:justify-between gap-4 flex-wrap p-6 mx-auto relative">
|
||||
|
||||
<a href="/" class="capitalize font-bold text-xl">
|
||||
Festival Le Chant du Tombereau - Derval - 2.3 août 2024
|
||||
|
||||
</a>
|
||||
<button class="mobile-menu-button md:hidden" style="margin-top: 20px; margin-left: auto;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<line x1="4" y1="8" x2="20" y2="8" />
|
||||
<line x1="4" y1="16" x2="20" y2="16" />
|
||||
</svg>
|
||||
</button>
|
||||
<ul class="mobile-menu absolute z-10 px-6 pb-6 md:p-0 top-full left-0 w-full md:w-auto md:relative hidden md:flex flex-col md:flex-row items-end md:items-center gap-4 lg:gap-6 bg-white dark:bg-gray-800">
|
||||
|
||||
<li class="flex items-center">
|
||||
<a style="font-weight: bold;" href="https://www.helloasso.com/associations/la-meule/evenements/chant-du-tombereau-5" target="_blank">Billetterie</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li style="text-align: center;"><a href="/programmation">Programmation</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/infos">Infos</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/covoiturage">Covoiturage</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/a-propos">L'Asso</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/editions-precedentes">Editions<br>précédentes</a></li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="open-search inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="10" cy="10" r="7" />
|
||||
<line x1="21" y1="21" x2="15" y2="15" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="toggle-dark-mode inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="3" />
|
||||
<line x1="12" y1="5" x2="12" y2="5.01" />
|
||||
<line x1="17" y1="7" x2="17" y2="7.01" />
|
||||
<line x1="19" y1="12" x2="19" y2="12.01" />
|
||||
<line x1="17" y1="17" x2="17" y2="17.01" />
|
||||
<line x1="12" y1="19" x2="12" y2="19.01" />
|
||||
<line x1="7" y1="17" x2="7" y2="17.01" />
|
||||
<line x1="5" y1="12" x2="5" y2="12.01" />
|
||||
<line x1="7" y1="7" x2="7" y2="7.01" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="flex items-center">
|
||||
|
||||
|
||||
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="mr-2" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<line x1="3.6" y1="9" x2="20.4" y2="9" />
|
||||
<line x1="3.6" y1="15" x2="20.4" y2="15" />
|
||||
<path d="M11.5 3a17 17 0 0 0 0 18" />
|
||||
<path d="M12.5 3a17 17 0 0 1 0 18" />
|
||||
</svg>
|
||||
<a href="/en/saturday/basstong/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="relative max-w-5xl mx-auto px-4">
|
||||
<img
|
||||
src="/artists/tombereau_artist_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&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 est un projet musical de Techno Acoustique. Avec un set fait main mêlant objets de récup et percussions bricolées, ce one man band fait résonner les rythmiques techno, house et transe sans électricité. En résulte une musique de récup’ low tech, qui s’inspire des rythmes afro, house, techno, trance et minimale 100% l’huile de coude !</p>
|
||||
|
||||
</article>
|
||||
<div class="px-2 mb-2">
|
||||
|
||||
<script src="https://giscus.app/client.js"
|
||||
data-repo=""
|
||||
data-repo-id=""
|
||||
data-category=""
|
||||
data-category-id=""
|
||||
data-mapping="pathname"
|
||||
data-strict="0"
|
||||
data-reactions-enabled="1"
|
||||
data-emit-metadata="0"
|
||||
data-input-position="bottom"
|
||||
data-theme="preferred_color_scheme"
|
||||
data-lang="fr"
|
||||
crossorigin="anonymous"
|
||||
async>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
425
html/saturday/cecile-lacharme/index.html
Normal file
425
html/saturday/cecile-lacharme/index.html
Normal file
@@ -0,0 +1,425 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
Cécile Lacharme - Festival Le Chant du Tombereau
|
||||
</title>
|
||||
<meta name="description" content="Violoncelle et pedalboard solo" />
|
||||
<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="/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="Violoncelle et pedalboard solo">
|
||||
<meta property="og:locale" content="fr">
|
||||
<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="Violoncelle et pedalboard solo">
|
||||
|
||||
|
||||
<meta itemprop="name" content="Cécile Lacharme">
|
||||
<meta itemprop="description" content="Violoncelle et pedalboard solo">
|
||||
<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="51">
|
||||
|
||||
|
||||
<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/saturday/cecile-lacharme/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="relative max-w-5xl mx-auto px-4">
|
||||
<img
|
||||
src="/artists/tombereau_artist_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>Sous les grands arbres de la Tesserie, la violonceliste éclectique Cécile Lacharme nous embarque dans un voyage instrumental au cœur de l’imaginaire. Avec pour seuls compagnons de route son violoncelle et son pedalboard, elle nous conduit dans des paysages multiples situés entre Asie et Orient, entre âge classique et moderne !</p>
|
||||
|
||||
</article>
|
||||
<div class="px-2 mb-2">
|
||||
|
||||
<script src="https://giscus.app/client.js"
|
||||
data-repo=""
|
||||
data-repo-id=""
|
||||
data-category=""
|
||||
data-category-id=""
|
||||
data-mapping="pathname"
|
||||
data-strict="0"
|
||||
data-reactions-enabled="1"
|
||||
data-emit-metadata="0"
|
||||
data-input-position="bottom"
|
||||
data-theme="preferred_color_scheme"
|
||||
data-lang="fr"
|
||||
crossorigin="anonymous"
|
||||
async>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
426
html/saturday/gisele/index.html
Normal file
426
html/saturday/gisele/index.html
Normal file
@@ -0,0 +1,426 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
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="/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="fr">
|
||||
<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="84">
|
||||
|
||||
|
||||
<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/saturday/gisele/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="relative max-w-5xl mx-auto px-4">
|
||||
<img
|
||||
src="/artists/tombereau_artist_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>Cire tes bottes de vitesse, chausse bien tes oreilles et embarque dans le vaisseau Kérozen pour un voyage cosmico métallique !</p>
|
||||
<p>Gisèle est issue d’une ère apocalyptique parallèle et déambule sans but précis de stations en stations. Elle raconte, au travers de son art mazouteux, les coulisses de son univers chaotique et pénurique.
|
||||
Toujours en quête de sonorités électriques ou de sandwichs sans plombs, Gigi allume les dancefloors perdus, ici et là, de sa patte atrophiée par les restes acidulés de ses 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="fr"
|
||||
crossorigin="anonymous"
|
||||
async>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
738
html/saturday/index.html
Normal file
738
html/saturday/index.html
Normal file
@@ -0,0 +1,738 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
Saturday - 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="/saturday/index.xml" title="Festival Le Chant du Tombereau" />
|
||||
<meta property="og:url" content="/saturday/">
|
||||
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
|
||||
<meta property="og:title" content="Saturday">
|
||||
<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="Saturday">
|
||||
<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="Saturday">
|
||||
<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="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/saturday/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="container p-6 mx-auto">
|
||||
<h1 class="font-extrabold" style="font-size:3rem; margin-top: 30px; line-height: 2rem;">
|
||||
Vendredi
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div class="container p-6 mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8">
|
||||
<div class="p-2">
|
||||
<a href="/friday/oncle-jbs/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_onclejbs_small.webp"
|
||||
alt="Oncle JB's"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
18h00
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Oncle JB's</div>
|
||||
<div>DJ Set</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/friday/megadisq/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_megadisq_small.webp"
|
||||
alt="Megadisq"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
20h00
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Megadisq</div>
|
||||
<div>Pop-rock rythmée et colorée</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/friday/don-dias/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_dondias_small.webp"
|
||||
alt="Don Dias"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
21h45
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Don Dias</div>
|
||||
<div>Pop DIY made in Rennes</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/friday/the-leather-gallery/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_theleathergallery_small.webp"
|
||||
alt="The Leather Gallery"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
23h30
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">The Leather Gallery</div>
|
||||
<div>Volatile post-punk</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/friday/tiger-syndrome/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_tigersyndrome_small.webp"
|
||||
alt="Tiger Syndrome"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
00h30
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Tiger Syndrome</div>
|
||||
<div>DJ set</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="container p-6 mx-auto">
|
||||
<h1 class="font-extrabold" style="font-size:3rem; margin-top: 30px; line-height: 2rem;">
|
||||
Samedi
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div class="container p-6 mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8">
|
||||
<div class="p-2">
|
||||
<a href="/saturday/cecile-lacharme/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_cecilelacharme_small.webp"
|
||||
alt="Cécile Lacharme"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
16h45
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Cécile Lacharme</div>
|
||||
<div>Violoncelle et pedalboard solo</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/saturday/nueit/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_nueit_small.webp"
|
||||
alt="Nuèit"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
18h00
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Nuèit</div>
|
||||
<div>Ambient occitane</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/saturday/la-quincaillerie/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_laquincallerie_small.webp"
|
||||
alt="La Quincaillerie"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
20h30
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">La Quincaillerie</div>
|
||||
<div>Influences d’Afrique et d’Outre-mer</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/saturday/nobodys-fault/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_nobodysfault_small.webp"
|
||||
alt="Nobody's fault"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
22h15
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Nobody's fault</div>
|
||||
<div>Punk rock</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/saturday/the-flying-bones/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_theflyingbones_small.webp"
|
||||
alt="The Flying Bones"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
00h00
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">The Flying Bones</div>
|
||||
<div>Duo rock/garage</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/saturday/basstong/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_basstong_small.webp"
|
||||
alt="Basstong"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
01h15
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Basstong</div>
|
||||
<div>Techno accoustique</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<a href="/saturday/gisele/">
|
||||
|
||||
<div class="relative">
|
||||
<img
|
||||
loading="lazy"
|
||||
src="/artists/tombereau_artist_giselekerozen_small.webp"
|
||||
alt="Gisèle Kerozen"
|
||||
class="rounded-lg shadow-sm w-full h-full object-cover"
|
||||
width="328"
|
||||
height="328"/>
|
||||
<div class="absolute top-4 right-4 rounded shadow bg-white text-gray-900 dark:bg-gray-900 dark:text-white text-16px px-2 py-0.5">
|
||||
|
||||
|
||||
02h00
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="my-2 text-xl font-semibold">Gisèle Kerozen</div>
|
||||
<div>DJ set</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div><div class="grid place-items-center mb-8">
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
61
html/saturday/index.xml
Normal file
61
html/saturday/index.xml
Normal 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>Saturday on Festival Le Chant du Tombereau</title>
|
||||
<link>/saturday/</link>
|
||||
<description>Recent content in Saturday on Festival Le Chant du Tombereau</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>fr</language>
|
||||
<lastBuildDate>Wed, 03 Jul 2024 02:00:00 +0100</lastBuildDate>
|
||||
<atom:link href="/saturday/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Gisèle Kerozen</title>
|
||||
<link>/saturday/gisele/</link>
|
||||
<pubDate>Wed, 03 Jul 2024 02:00:00 +0100</pubDate>
|
||||
<guid>/saturday/gisele/</guid>
|
||||
<description><p>Cire tes bottes de vitesse, chausse bien tes oreilles et embarque dans le vaisseau Kérozen pour un voyage cosmico métallique !</p>
<p>Gisèle est issue d’une ère apocalyptique parallèle et déambule sans but précis de stations en stations. Elle raconte, au travers de son art mazouteux, les coulisses de son univers chaotique et pénurique.
Toujours en quête de sonorités électriques ou de sandwichs sans plombs, Gigi allume les dancefloors perdus, ici et là, de sa patte atrophiée par les restes acidulés de ses tracks !</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Basstong</title>
|
||||
<link>/saturday/basstong/</link>
|
||||
<pubDate>Wed, 03 Jul 2024 01:15:00 +0100</pubDate>
|
||||
<guid>/saturday/basstong/</guid>
|
||||
<description><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 est un projet musical de Techno Acoustique. Avec un set fait main mêlant objets de récup et percussions bricolées, ce one man band fait résonner les rythmiques techno, house et transe sans électricité. En résulte une musique de récup&rsquo; low tech, qui s&rsquo;inspire des rythmes afro, house, techno, trance et minimale 100% l&rsquo;huile de coude !</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>The Flying Bones</title>
|
||||
<link>/saturday/the-flying-bones/</link>
|
||||
<pubDate>Wed, 03 Jul 2024 00:00:00 +0100</pubDate>
|
||||
<guid>/saturday/the-flying-bones/</guid>
|
||||
<description><iframe width="560" height="315" src="https://www.youtube.com/embed/EyjVHDkL12k?si=IT9G9O3-bdnXI4AG" 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>Anciens malfrats de l’intra-muros de St-Malo, le tandem Flying Bones a rapidement su combiner la sauvagerie garage-punk de sa musique de rue à des structures plus méticuleuses autour du live-looping de la guitare en se référant à de nombreux maîtres en la matière (Culture Émotion, Partout Partout, Battles&hellip;) pour créer des lives qui tergiversent sans cesse, qui vont au bout des riffs. Tantôt rapide et féroce, tantôt transe et contemplatif, tantôt dansant et bonne franquette, le power-duo multiplie désormais les possibilités de faire s’envoler vos vieux os !</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Nobody's fault</title>
|
||||
<link>/saturday/nobodys-fault/</link>
|
||||
<pubDate>Tue, 02 Jul 2024 22:15:00 +0100</pubDate>
|
||||
<guid>/saturday/nobodys-fault/</guid>
|
||||
<description><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>Formé à Clisson en 2016, le Power trio jongle entre Punk/Math Rock et Noise pour déployer une énergie propre aux punks des années 90’s. Entre rythmiques inhabituelles, lyrics émotifs et tensions alarmistes ; Nobody’s Fault vous propose un set frais et ponctué d’énergie.
Après un premier EP DIY en 2019, le groupe est désormais basé à Nantes et sort un album en 2024 “Whatever Happens..”. S’inscrivant dans un élan beaucoup plus perfectionniste et rafraîchissant, l’album signe la fin d’une influence pop-punk et le début de riffs plus progressifs, de textes introspectifs et de sonorités éclectiques.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>La Quincaillerie</title>
|
||||
<link>/saturday/la-quincaillerie/</link>
|
||||
<pubDate>Tue, 02 Jul 2024 20:30:00 +0100</pubDate>
|
||||
<guid>/saturday/la-quincaillerie/</guid>
|
||||
<description><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 ouvre ses portes, les néons s&rsquo;allument, les quincaillers sont prêts. Une invitation à entrer dans leur magasin, à y rester et sans doute à y danser.</p>
<p>Guidés par une grande passion pour les tournes rythmiques, ces quatre bricoleurs s’amusent à piocher ici et là les outils nécessaires pour assembler cette musique, qui se veut caractéristique puisque méconnue et pourtant si présente dans la vie de chacun.e. Les oreilles et les jambes les plus aiguisées pourront y reconnaître des influences dans le Soukouss ou le Seben, musiques congolaises.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Nuèit</title>
|
||||
<link>/saturday/nueit/</link>
|
||||
<pubDate>Tue, 02 Jul 2024 18:00:00 +0100</pubDate>
|
||||
<guid>/saturday/nueit/</guid>
|
||||
<description><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 vit en Bretagne, mais adapte des chansons du répertoire de tradition orale en occitan à des instrus concoctés à base de samples indus et de nappes dronesques. Ce répertoire, elle le couve bien au chaud depuis plus de 10 ans. Elle le chantait et le violonnait avec le groupe acoustique Säkkriñ, et développait en parallèle une pratique sonore electro-acoustique avec son solo xəbərdarlıq. Avec le projet Nuèit, elle opère une fusion entre ses racines organiques occitanes et son nord industriel adoptif.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Cécile Lacharme</title>
|
||||
<link>/saturday/cecile-lacharme/</link>
|
||||
<pubDate>Tue, 02 Jul 2024 16:45:00 +0100</pubDate>
|
||||
<guid>/saturday/cecile-lacharme/</guid>
|
||||
<description><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>Sous les grands arbres de la Tesserie, la violonceliste éclectique Cécile Lacharme nous embarque dans un voyage instrumental au cœur de l’imaginaire. Avec pour seuls compagnons de route son violoncelle et son pedalboard, elle nous conduit dans des paysages multiples situés entre Asie et Orient, entre âge classique et moderne !</p></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
426
html/saturday/la-quincaillerie/index.html
Normal file
426
html/saturday/la-quincaillerie/index.html
Normal file
@@ -0,0 +1,426 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
La Quincaillerie - Festival Le Chant du Tombereau
|
||||
</title>
|
||||
<meta name="description" content="Influences d’Afrique et d’Outre-mer" />
|
||||
<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="/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="Influences d’Afrique et d’Outre-mer">
|
||||
<meta property="og:locale" content="fr">
|
||||
<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="Influences d’Afrique et d’Outre-mer">
|
||||
|
||||
|
||||
<meta itemprop="name" content="La Quincaillerie">
|
||||
<meta itemprop="description" content="Influences d’Afrique et d’Outre-mer">
|
||||
<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="94">
|
||||
|
||||
|
||||
<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/saturday/la-quincaillerie/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="relative max-w-5xl mx-auto px-4">
|
||||
<img
|
||||
src="/artists/tombereau_artist_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 ouvre ses portes, les néons s’allument, les quincaillers sont prêts. Une invitation à entrer dans leur magasin, à y rester et sans doute à y danser.</p>
|
||||
<p>Guidés par une grande passion pour les tournes rythmiques, ces quatre bricoleurs s’amusent à piocher ici et là les outils nécessaires pour assembler cette musique, qui se veut caractéristique puisque méconnue et pourtant si présente dans la vie de chacun.e. Les oreilles et les jambes les plus aiguisées pourront y reconnaître des influences dans le Soukouss ou le Seben, musiques congolaises.</p>
|
||||
|
||||
</article>
|
||||
<div class="px-2 mb-2">
|
||||
|
||||
<script src="https://giscus.app/client.js"
|
||||
data-repo=""
|
||||
data-repo-id=""
|
||||
data-category=""
|
||||
data-category-id=""
|
||||
data-mapping="pathname"
|
||||
data-strict="0"
|
||||
data-reactions-enabled="1"
|
||||
data-emit-metadata="0"
|
||||
data-input-position="bottom"
|
||||
data-theme="preferred_color_scheme"
|
||||
data-lang="fr"
|
||||
crossorigin="anonymous"
|
||||
async>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
426
html/saturday/nobodys-fault/index.html
Normal file
426
html/saturday/nobodys-fault/index.html
Normal file
@@ -0,0 +1,426 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
Nobody'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="/saturday/nobodys-fault/">
|
||||
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
|
||||
<meta property="og:title" content="Nobody's fault">
|
||||
<meta property="og:description" content="Punk rock">
|
||||
<meta property="og:locale" content="fr">
|
||||
<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's fault">
|
||||
<meta name="twitter:description" content="Punk rock">
|
||||
|
||||
|
||||
<meta itemprop="name" content="Nobody'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="99">
|
||||
|
||||
|
||||
<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/saturday/nobodys-fault/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="relative max-w-5xl mx-auto px-4">
|
||||
<img
|
||||
src="/artists/tombereau_artist_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'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's Fault</a></iframe>
|
||||
<p>Formé à Clisson en 2016, le Power trio jongle entre Punk/Math Rock et Noise pour déployer une énergie propre aux punks des années 90’s. Entre rythmiques inhabituelles, lyrics émotifs et tensions alarmistes ; Nobody’s Fault vous propose un set frais et ponctué d’énergie.
|
||||
Après un premier EP DIY en 2019, le groupe est désormais basé à Nantes et sort un album en 2024 “Whatever Happens..”. S’inscrivant dans un élan beaucoup plus perfectionniste et rafraîchissant, l’album signe la fin d’une influence pop-punk et le début de riffs plus progressifs, de textes introspectifs et de sonorités éclectiques.</p>
|
||||
|
||||
</article>
|
||||
<div class="px-2 mb-2">
|
||||
|
||||
<script src="https://giscus.app/client.js"
|
||||
data-repo=""
|
||||
data-repo-id=""
|
||||
data-category=""
|
||||
data-category-id=""
|
||||
data-mapping="pathname"
|
||||
data-strict="0"
|
||||
data-reactions-enabled="1"
|
||||
data-emit-metadata="0"
|
||||
data-input-position="bottom"
|
||||
data-theme="preferred_color_scheme"
|
||||
data-lang="fr"
|
||||
crossorigin="anonymous"
|
||||
async>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
425
html/saturday/nueit/index.html
Normal file
425
html/saturday/nueit/index.html
Normal file
@@ -0,0 +1,425 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
Nuèit - Festival Le Chant du Tombereau
|
||||
</title>
|
||||
<meta name="description" content="Ambient occitane" />
|
||||
<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="/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="Ambient occitane">
|
||||
<meta property="og:locale" content="fr">
|
||||
<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="Ambient occitane">
|
||||
|
||||
|
||||
<meta itemprop="name" content="Nuèit">
|
||||
<meta itemprop="description" content="Ambient occitane">
|
||||
<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="85">
|
||||
|
||||
|
||||
<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/saturday/nueit/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="relative max-w-5xl mx-auto px-4">
|
||||
<img
|
||||
src="/artists/tombereau_artist_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 vit en Bretagne, mais adapte des chansons du répertoire de tradition orale en occitan à des instrus concoctés à base de samples indus et de nappes dronesques. Ce répertoire, elle le couve bien au chaud depuis plus de 10 ans. Elle le chantait et le violonnait avec le groupe acoustique Säkkriñ, et développait en parallèle une pratique sonore electro-acoustique avec son solo xəbərdarlıq. Avec le projet Nuèit, elle opère une fusion entre ses racines organiques occitanes et son nord industriel adoptif.</p>
|
||||
|
||||
</article>
|
||||
<div class="px-2 mb-2">
|
||||
|
||||
<script src="https://giscus.app/client.js"
|
||||
data-repo=""
|
||||
data-repo-id=""
|
||||
data-category=""
|
||||
data-category-id=""
|
||||
data-mapping="pathname"
|
||||
data-strict="0"
|
||||
data-reactions-enabled="1"
|
||||
data-emit-metadata="0"
|
||||
data-input-position="bottom"
|
||||
data-theme="preferred_color_scheme"
|
||||
data-lang="fr"
|
||||
crossorigin="anonymous"
|
||||
async>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
10
html/saturday/page/1/index.html
Normal file
10
html/saturday/page/1/index.html
Normal file
@@ -0,0 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<title>/saturday/</title>
|
||||
<link rel="canonical" href="/saturday/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=/saturday/">
|
||||
</head>
|
||||
</html>
|
||||
5
html/saturday/tezeta/index.html
Normal file
5
html/saturday/tezeta/index.html
Normal file
@@ -0,0 +1,5 @@
|
||||
<!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>Tezeta - Festival Le Chant du Tombereau
|
||||
</title><meta name=description content="DJ set"><meta name=author content="La Meule"><meta name=generator content="Hugo 0.129.0"><link rel=stylesheet href="/css/styles.min.cf5c1eee157c888065036024d8698e7a03b091a411ef132c0fa9882066d0bd1e.css" integrity="sha256-z1we7hV8iIBlA2Ak2GmOegOwkaQR7xMsD6mIIGbQvR4="><meta property="og:url" content="/saturday/tezeta/"><meta property="og:site_name" content="Festival Le Chant du Tombereau"><meta property="og:title" content="Tezeta"><meta property="og:description" content="DJ set"><meta property="og:locale" content="fr"><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="Tezeta"><meta name=twitter:description content="DJ set"><meta itemprop=name content="Tezeta"><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="42"><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 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:700 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 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 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 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 000 18"/><path d="M12.5 3a17 17 0 010 18"/></svg>
|
||||
<a href=/en/saturday/tezeta/ lang=en>English</a></li></ul></header><main class=flex-1><div class="relative max-w-5xl mx-auto px-4"><img src=/artists/tombereau_artist_tezeta.webp class="rounded-lg shadow-sm object-contain mx-auto" height=500 width=400></div><article class="prose lg:prose-lg mx-auto my-8 dark:prose-dark px-4"><h1 class="text-2xl font-bold mb-2">Tezeta</h1><iframe width=100% height=166 scrolling=no frameborder=no allow=autoplay src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1692795039&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:#ccc;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/user37238489 title=ƚҽȥҽƚα target=_blank style=color:#ccc;text-decoration:none>ƚҽȥҽƚα</a> · <a href=https://soundcloud.com/user37238489/equinoxe title="Equinoxe Organic Shapes" target=_blank style=color:#ccc;text-decoration:none>Equinoxe Organic Shapes</a></div><p>ƚҽȥҽƚα, c’est une entité à la fois rêveuse et raveuse inspirée par le voyage et la matière organique. Les couleurs et les formes s’expriment, les peuples se rencontrent, le son transcende les corps, les arts se mélangent.</p></article><div class="px-2 mb-2"><script src=https://giscus.app/client.js data-repo data-repo-id data-category data-category-id data-mapping=pathname data-strict=0 data-reactions-enabled=1 data-emit-metadata=0 data-input-position=bottom data-theme=preferred_color_scheme data-lang=fr crossorigin=anonymous async></script></div><div class="bg-blue-100 dark:bg-gray-900"><div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center"><div><div class="text-2xl font-bold mb-2">Contact</div><p class=opacity-60>Pour du plaisir toute l'année</p></div><ul class="flex justify-center gap-x-3 flex-wrap gap-y-2"><li><a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href=mailto:assolameule@gmail.com>assolameule[@]gmail.com</a></li><li><a href=https://www.instagram.com/lechantdutombereau/ target=_blank rel=noopener aria-label=Instagram class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"><svg 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 2h8.4C19.4 2 22 4.6 22 7.8v8.4A5.8 5.8.0 0116.2 22H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8.0 017.8 2M7.6 4A3.6 3.6.0 004 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8A3.6 3.6.0 0020 16.4V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5A1.25 1.25.0 0118.5 6.75 1.25 1.25.0 0117.25 8 1.25 1.25.0 0116 6.75 1.25 1.25.0 0117.25 5.5M12 7a5 5 0 015 5 5 5 0 01-5 5A5 5 0 017 12a5 5 0 015-5m0 2A3 3 0 009 12a3 3 0 003 3 3 3 0 003-3A3 3 0 0012 9z"/><circle cx="12" cy="12" r="9"/><path d="M10 9l5 3-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 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 d="M7 10v4h3v7h4v-7h3l1-4h-4V8a1 1 0 011-1h3V3h-3a5 5 0 00-5 5v2H7"/></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 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-6-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 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(){document.documentElement.classList.contains("dark")?(document.documentElement.classList.remove("dark"),localStorage.setItem("darkmode","light")):(document.documentElement.classList.add("dark"),localStorage.setItem("darkmode","dark"))}darkmode&&darkmode.addEventListener("click",toggleDarkMode);const darkStorage=localStorage.getItem("darkmode"),isBrowserDark=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches;!darkStorage&&isBrowserDark&&document.documentElement.classList.add("dark"),darkStorage&&darkStorage==="dark"&&toggleDarkMode()</script><script>const mobileMenuButton=document.querySelector(".mobile-menu-button"),mobileMenu=document.querySelector(".mobile-menu");function toggleMenu(){mobileMenu.classList.toggle("hidden"),mobileMenu.classList.toggle("flex")}mobileMenu&&mobileMenuButton&&mobileMenuButton.addEventListener("click",toggleMenu)</script></body></html>
|
||||
425
html/saturday/the-flying-bones/index.html
Normal file
425
html/saturday/the-flying-bones/index.html
Normal file
@@ -0,0 +1,425 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
The Flying Bones - Festival Le Chant du Tombereau
|
||||
</title>
|
||||
<meta name="description" content="Duo rock/garage" />
|
||||
<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="/saturday/the-flying-bones/">
|
||||
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
|
||||
<meta property="og:title" content="The Flying Bones">
|
||||
<meta property="og:description" content="Duo rock/garage">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="saturday">
|
||||
<meta property="article:published_time" content="2024-07-03T00:00:00+01:00">
|
||||
<meta property="article:modified_time" content="2024-07-03T00:00:00+01:00">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="The Flying Bones">
|
||||
<meta name="twitter:description" content="Duo rock/garage">
|
||||
|
||||
|
||||
<meta itemprop="name" content="The Flying Bones">
|
||||
<meta itemprop="description" content="Duo rock/garage">
|
||||
<meta itemprop="datePublished" content="2024-07-03T00:00:00+01:00">
|
||||
<meta itemprop="dateModified" content="2024-07-03T00:00:00+01:00">
|
||||
<meta itemprop="wordCount" content="88">
|
||||
|
||||
|
||||
<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/saturday/the-flying-bones/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="relative max-w-5xl mx-auto px-4">
|
||||
<img
|
||||
src="/artists/tombereau_artist_theflyingbones.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 Flying Bones</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/EyjVHDkL12k?si=IT9G9O3-bdnXI4AG" 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>Anciens malfrats de l’intra-muros de St-Malo, le tandem Flying Bones a rapidement su combiner la sauvagerie garage-punk de sa musique de rue à des structures plus méticuleuses autour du live-looping de la guitare en se référant à de nombreux maîtres en la matière (Culture Émotion, Partout Partout, Battles…) pour créer des lives qui tergiversent sans cesse, qui vont au bout des riffs. Tantôt rapide et féroce, tantôt transe et contemplatif, tantôt dansant et bonne franquette, le power-duo multiplie désormais les possibilités de faire s’envoler vos vieux os !</p>
|
||||
|
||||
</article>
|
||||
<div class="px-2 mb-2">
|
||||
|
||||
<script src="https://giscus.app/client.js"
|
||||
data-repo=""
|
||||
data-repo-id=""
|
||||
data-category=""
|
||||
data-category-id=""
|
||||
data-mapping="pathname"
|
||||
data-strict="0"
|
||||
data-reactions-enabled="1"
|
||||
data-emit-metadata="0"
|
||||
data-input-position="bottom"
|
||||
data-theme="preferred_color_scheme"
|
||||
data-lang="fr"
|
||||
crossorigin="anonymous"
|
||||
async>
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div class="bg-blue-100 dark:bg-gray-900">
|
||||
<div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
|
||||
<div>
|
||||
<div class="text-2xl font-bold mb-2">Contact</div>
|
||||
<p class="opacity-60">Pour du plaisir toute l'année</p>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="flex justify-center gap-x-3 flex-wrap gap-y-2">
|
||||
|
||||
<li>
|
||||
<a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href="mailto:assolameule@gmail.com">assolameule[@]gmail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.instagram.com/lechantdutombereau/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Instagram"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="icon icon-tabler icon-tabler-brand-instagram"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
fill="none"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M10 9l5 3l-5 3z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=100091775451417"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
aria-label="Facebook"
|
||||
class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
17
html/saturday/yass/index.html
Normal file
17
html/saturday/yass/index.html
Normal file
@@ -0,0 +1,17 @@
|
||||
<!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>Yass - Festival Le Chant du Tombereau
|
||||
</title><meta name=description content="Basée à Nantes, Yasmine est à la fois bijoutière et DJ, co-fondatrice du duo Shakti et Tissé Collectif.
|
||||
Le parcours musical de Yasmine se dévoile à travers des dubs hypnotiques, des cuivres résonants, des messages puissants, des breaks décalés et de la musique Roots.
|
||||
Ces éléments sonores résonnent avec son héritage issu de la culture Sound System, une fondation qui a façonné sa collection de vinyles.
|
||||
S’aventurant dans une multitude de domaines musicaux, la sélection de Yasmine couvre les genres, du Dubstep à la Jungle, de la Drum’n bass au UK Garage, du Dancehall à l’Amapiano."><meta name=author content="La Meule"><meta name=generator content="Hugo 0.128.2"><link rel=stylesheet href="/css/styles.min.c7ecb22f5e31521a7eb2a2debb333f03e57c25ac1cec06b72fef7494c9b50cbf.css" integrity="sha256-x+yyL14xUhp+sqLeuzM/A+V8Jawc7Aa3L+90lMm1DL8="><meta property="og:url" content="/saturday/yass/"><meta property="og:site_name" content="Festival Le Chant du Tombereau"><meta property="og:title" content="Yass"><meta property="og:description" content="Basée à Nantes, Yasmine est à la fois bijoutière et DJ, co-fondatrice du duo Shakti et Tissé Collectif.
|
||||
Le parcours musical de Yasmine se dévoile à travers des dubs hypnotiques, des cuivres résonants, des messages puissants, des breaks décalés et de la musique Roots.
|
||||
Ces éléments sonores résonnent avec son héritage issu de la culture Sound System, une fondation qui a façonné sa collection de vinyles.
|
||||
S’aventurant dans une multitude de domaines musicaux, la sélection de Yasmine couvre les genres, du Dubstep à la Jungle, de la Drum’n bass au UK Garage, du Dancehall à l’Amapiano."><meta property="og:locale" content="fr"><meta property="og:type" content="article"><meta property="article:section" content="saturday"><meta property="article:published_time" content="2024-07-03T01:00:00+01:00"><meta property="article:modified_time" content="2024-07-03T01:00:00+01:00"><meta name=twitter:card content="summary"><meta name=twitter:title content="Yass"><meta name=twitter:description content="Basée à Nantes, Yasmine est à la fois bijoutière et DJ, co-fondatrice du duo Shakti et Tissé Collectif.
|
||||
Le parcours musical de Yasmine se dévoile à travers des dubs hypnotiques, des cuivres résonants, des messages puissants, des breaks décalés et de la musique Roots.
|
||||
Ces éléments sonores résonnent avec son héritage issu de la culture Sound System, une fondation qui a façonné sa collection de vinyles.
|
||||
S’aventurant dans une multitude de domaines musicaux, la sélection de Yasmine couvre les genres, du Dubstep à la Jungle, de la Drum’n bass au UK Garage, du Dancehall à l’Amapiano."><meta itemprop=name content="Yass"><meta itemprop=description content="Basée à Nantes, Yasmine est à la fois bijoutière et DJ, co-fondatrice du duo Shakti et Tissé Collectif.
|
||||
Le parcours musical de Yasmine se dévoile à travers des dubs hypnotiques, des cuivres résonants, des messages puissants, des breaks décalés et de la musique Roots.
|
||||
Ces éléments sonores résonnent avec son héritage issu de la culture Sound System, une fondation qui a façonné sa collection de vinyles.
|
||||
S’aventurant dans une multitude de domaines musicaux, la sélection de Yasmine couvre les genres, du Dubstep à la Jungle, de la Drum’n bass au UK Garage, du Dancehall à l’Amapiano."><meta itemprop=datePublished content="2024-07-03T01:00:00+01:00"><meta itemprop=dateModified content="2024-07-03T01:00:00+01:00"><meta itemprop=wordCount content="147"><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.4 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:700 href=https://www.helloasso.com/associations/la-meule/evenements/chant-du-tombereau-5 target=_blank>Billetterie</a></li><li><a href=/programmation>Programmation</a></li><li><a href=/infos-pratiques>Infos pratiques</a></li><li><a href=/covoiturage>Covoiturage</a></li><li><a href=/a-propos>L'Asso</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 000 18"/><path d="M12.5 3a17 17 0 010 18"/></svg>
|
||||
<a href=/en/saturday/yass/ lang=en>English</a></li></ul></header><main class=flex-1><div class="relative max-w-5xl mx-auto px-4"><img src=/artists/tombereau_artist_yass.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">Yass</h1><p>Basée à Nantes, Yasmine est à la fois bijoutière et DJ, co-fondatrice du duo Shakti et Tissé Collectif.</p><p>Le parcours musical de Yasmine se dévoile à travers des dubs hypnotiques, des cuivres résonants, des messages puissants, des breaks décalés et de la musique Roots.</p><p>Ces éléments sonores résonnent avec son héritage issu de la culture Sound System, une fondation qui a façonné sa collection de vinyles.</p><p>S’aventurant dans une multitude de domaines musicaux, la sélection de Yasmine couvre les genres, du Dubstep à la Jungle, de la Drum’n bass au UK Garage, du Dancehall à l’Amapiano.</p><p>En allant plus loin, elle cherche à explorer la house africaine, le gqom, le baile funk, le coupé décalé, le bouillon, le shatta, créant une palette aussi diversifiée que ses influences.</p><p>Le son de Yasmine est un mélange brut mais raffiné de rythmes dévotionnels, tissant ensemble une tapisserie d’expériences et d’influences.</p></article><div class="px-2 mb-2"><script src=https://giscus.app/client.js data-repo data-repo-id data-category data-category-id data-mapping=pathname data-strict=0 data-reactions-enabled=1 data-emit-metadata=0 data-input-position=bottom data-theme=preferred_color_scheme data-lang=fr crossorigin=anonymous async></script></div><div class="bg-blue-100 dark:bg-gray-900"><div class="container px-4 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-4 items-center"><div><div class="text-2xl font-bold mb-2">Contact</div><p class=opacity-60>Pour du plaisir toute l'année</p></div><ul class="flex justify-center gap-x-3 flex-wrap gap-y-2"><li><a class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300" href=mailto:assolameule@gmail.com>assolameule[@]gmail.com</a></li><li><a href=https://www.instagram.com/lechantdutombereau/ target=_blank rel=noopener aria-label=Instagram class="p-1 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4A5.8 5.8.0 0116.2 22H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8.0 017.8 2M7.6 4A3.6 3.6.0 004 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8A3.6 3.6.0 0020 16.4V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5A1.25 1.25.0 0118.5 6.75 1.25 1.25.0 0117.25 8 1.25 1.25.0 0116 6.75 1.25 1.25.0 0117.25 5.5M12 7a5 5 0 015 5 5 5 0 01-5 5A5 5 0 017 12a5 5 0 015-5m0 2A3 3 0 009 12a3 3 0 003 3 3 3 0 003-3A3 3 0 0012 9z"/><circle cx="12" cy="12" r="9"/><path d="M10 9l5 3-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 d="M7 10v4h3v7h4v-7h3l1-4h-4V8a1 1 0 011-1h3V3h-3a5 5 0 00-5 5v2H7"/></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-6-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(){document.documentElement.classList.contains("dark")?(document.documentElement.classList.remove("dark"),localStorage.setItem("darkmode","light")):(document.documentElement.classList.add("dark"),localStorage.setItem("darkmode","dark"))}darkmode&&darkmode.addEventListener("click",toggleDarkMode);const darkStorage=localStorage.getItem("darkmode"),isBrowserDark=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches;!darkStorage&&isBrowserDark&&document.documentElement.classList.add("dark"),darkStorage&&darkStorage==="dark"&&toggleDarkMode()</script><script>const mobileMenuButton=document.querySelector(".mobile-menu-button"),mobileMenu=document.querySelector(".mobile-menu");function toggleMenu(){mobileMenu.classList.toggle("hidden"),mobileMenu.classList.toggle("flex")}mobileMenu&&mobileMenuButton&&mobileMenuButton.addEventListener("click",toggleMenu)</script></body></html>
|
||||
Reference in New Issue
Block a user