426 lines
14 KiB
HTML
426 lines
14 KiB
HTML
<!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>
|