Initial commit
This commit is contained in:
304
html/editions-precedentes/index.html
Normal file
304
html/editions-precedentes/index.html
Normal file
@@ -0,0 +1,304 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" itemscope itemtype="http://schema.org/WebPage"><head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<link rel="icon" href="/favicon.webp">
|
||||
|
||||
<title>
|
||||
Éditions précédentes - Festival Le Chant du Tombereau
|
||||
</title>
|
||||
<meta name="description" content="
|
||||
|
||||
|
||||
2020
|
||||
|
||||
|
||||
|
||||
2021
|
||||
|
||||
|
||||
|
||||
2022
|
||||
|
||||
|
||||
|
||||
2023
|
||||
|
||||
|
||||
×
|
||||
|
||||
|
||||
" />
|
||||
<meta name="author" content="La Meule" />
|
||||
<meta name="generator" content="Hugo 0.139.3"><link
|
||||
rel="stylesheet"
|
||||
href="/css/styles.min.cf5c1eee157c888065036024d8698e7a03b091a411ef132c0fa9882066d0bd1e.css"
|
||||
integrity="sha256-z1we7hV8iIBlA2Ak2GmOegOwkaQR7xMsD6mIIGbQvR4="
|
||||
/>
|
||||
|
||||
|
||||
|
||||
<meta property="og:url" content="/editions-precedentes/">
|
||||
<meta property="og:site_name" content="Festival Le Chant du Tombereau">
|
||||
<meta property="og:title" content="Éditions précédentes">
|
||||
<meta property="og:description" content="2020
|
||||
2021
|
||||
2022
|
||||
2023
|
||||
×">
|
||||
<meta property="og:locale" content="fr">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:published_time" content="2024-07-01T00:00:00+00:00">
|
||||
<meta property="article:modified_time" content="2024-07-01T00:00:00+00:00">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Éditions précédentes">
|
||||
<meta name="twitter:description" content="2020
|
||||
2021
|
||||
2022
|
||||
2023
|
||||
×">
|
||||
|
||||
|
||||
<meta itemprop="name" content="Éditions précédentes">
|
||||
<meta itemprop="description" content="2020
|
||||
2021
|
||||
2022
|
||||
2023
|
||||
×">
|
||||
<meta itemprop="datePublished" content="2024-07-01T00:00:00+00:00">
|
||||
<meta itemprop="dateModified" content="2024-07-01T00:00:00+00:00">
|
||||
<meta itemprop="wordCount" content="5">
|
||||
|
||||
|
||||
<meta name="lang" content="fr" />
|
||||
|
||||
</head>
|
||||
<body class="dark:bg-gray-800 dark:text-white relative flex flex-col min-h-screen"><header class="container flex justify-between md:justify-between gap-4 flex-wrap p-6 mx-auto relative">
|
||||
|
||||
<a href="/" class="capitalize font-bold text-xl">
|
||||
Festival Le Chant du Tombereau - Derval - 2.3 août 2024
|
||||
|
||||
</a>
|
||||
<button class="mobile-menu-button md:hidden" style="margin-top: 20px; margin-left: auto;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<line x1="4" y1="8" x2="20" y2="8" />
|
||||
<line x1="4" y1="16" x2="20" y2="16" />
|
||||
</svg>
|
||||
</button>
|
||||
<ul class="mobile-menu absolute z-10 px-6 pb-6 md:p-0 top-full left-0 w-full md:w-auto md:relative hidden md:flex flex-col md:flex-row items-end md:items-center gap-4 lg:gap-6 bg-white dark:bg-gray-800">
|
||||
|
||||
<li class="flex items-center">
|
||||
<a style="font-weight: bold;" href="https://www.helloasso.com/associations/la-meule/evenements/chant-du-tombereau-5" target="_blank">Billetterie</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li style="text-align: center;"><a href="/programmation">Programmation</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/infos">Infos</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/covoiturage">Covoiturage</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/a-propos">L'Asso</a></li>
|
||||
|
||||
<li style="text-align: center;"><a href="/editions-precedentes">Editions<br>précédentes</a></li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="open-search inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="10" cy="10" r="7" />
|
||||
<line x1="21" y1="21" x2="15" y2="15" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li class="grid place-items-center">
|
||||
<span class="toggle-dark-mode inline-block cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="3" />
|
||||
<line x1="12" y1="5" x2="12" y2="5.01" />
|
||||
<line x1="17" y1="7" x2="17" y2="7.01" />
|
||||
<line x1="19" y1="12" x2="19" y2="12.01" />
|
||||
<line x1="17" y1="17" x2="17" y2="17.01" />
|
||||
<line x1="12" y1="19" x2="12" y2="19.01" />
|
||||
<line x1="7" y1="17" x2="7" y2="17.01" />
|
||||
<line x1="5" y1="12" x2="5" y2="12.01" />
|
||||
<line x1="7" y1="7" x2="7" y2="7.01" />
|
||||
</svg>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="flex items-center">
|
||||
|
||||
|
||||
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="mr-2" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<line x1="3.6" y1="9" x2="20.4" y2="9" />
|
||||
<line x1="3.6" y1="15" x2="20.4" y2="15" />
|
||||
<path d="M11.5 3a17 17 0 0 0 0 18" />
|
||||
<path d="M12.5 3a17 17 0 0 1 0 18" />
|
||||
</svg>
|
||||
<a href="/en/previous-editions/" lang="en">English</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<main class="flex-1">
|
||||
|
||||
<article class="lg:prose-lg mx-auto my-8 dark:prose-dark px-4">
|
||||
|
||||
<h1 class="text-2xl font-bold mb-2" style="text-align: center;">Éditions précédentes</h1>
|
||||
|
||||
<div class ="container p-6 mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-8">
|
||||
<div>
|
||||
<img class="max-w-500 thumbnail" src="/CDT_1.webp" alt="Festival n°1 poster" onclick="openLightbox(this)">
|
||||
<p class="text-center mt-2">2020</p>
|
||||
</div>
|
||||
<div>
|
||||
<img class="max-w-500 thumbnail" src="/CDT_2.webp" alt="Festival n°2 poster" onclick="openLightbox(this)">
|
||||
<p class="text-center mt-2">2021</p>
|
||||
</div>
|
||||
<div>
|
||||
<img class="max-w-500 thumbnail" src="/CDT_3.webp" alt="Festival n°3 poster" onclick="openLightbox(this)">
|
||||
<p class="text-center mt-2">2022</p>
|
||||
</div>
|
||||
<div>
|
||||
<img class="max-w-500 thumbnail" src="/CDT_4.webp" alt="Festival n°4 poster" onclick="openLightbox(this)">
|
||||
<p class="text-center mt-2">2023</p>
|
||||
</div>
|
||||
<div id="lightbox" class="lightbox" onclick="closeLightbox()">
|
||||
<span class="close">×</span>
|
||||
<img class="lightbox-content" id="lightbox-image">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
<script src="/js/fullscreen.min.js"></script>
|
||||
|
||||
|
||||
</main><footer class="container p-6 mx-auto flex justify-between items-center">
|
||||
<span class="text-sm font-light">
|
||||
|
||||
2024 - Association La Meule. Propulsé par <a href='https://gohugo.io/' class='underline'>GoHugo</a> et le thème <a href='https://github.com/apvarun/blist-hugo-theme' class='underline'>Blist</a>.
|
||||
|
||||
</span>
|
||||
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 15l-6 -6l-6 6h12" />
|
||||
</svg>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
|
||||
<div class="container max-w-3xl mx-auto p-12">
|
||||
<div class="relative">
|
||||
<div class="my-4 text-center text-2xl font-bold">Search</div>
|
||||
|
||||
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
|
||||
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
|
||||
placeholder="Enter search query" />
|
||||
|
||||
<div class="search-results text-lg font-medium my-4 hidden">Results</div>
|
||||
<ul class="search-list my-2">
|
||||
|
||||
</ul>
|
||||
|
||||
<div class="no-results text-center my-8 hidden">
|
||||
<div class="text-xl font-semibold mb-2">No results found</div>
|
||||
<p class="font-light text-sm">Try adjusting your search query</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/scripts.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
const darkmode = document.querySelector('.toggle-dark-mode');
|
||||
function toggleDarkMode() {
|
||||
if (document.documentElement.classList.contains('dark')) {
|
||||
document.documentElement.classList.remove('dark')
|
||||
localStorage.setItem('darkmode', 'light')
|
||||
} else {
|
||||
document.documentElement.classList.add('dark')
|
||||
localStorage.setItem('darkmode', 'dark')
|
||||
}
|
||||
}
|
||||
if (darkmode) {
|
||||
darkmode.addEventListener('click', toggleDarkMode);
|
||||
}
|
||||
|
||||
const darkStorage = localStorage.getItem('darkmode');
|
||||
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
|
||||
if (!darkStorage && isBrowserDark) {
|
||||
document.documentElement.classList.add('dark');
|
||||
}
|
||||
|
||||
if (darkStorage && darkStorage === 'dark') {
|
||||
toggleDarkMode();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
const mobileMenuButton = document.querySelector('.mobile-menu-button')
|
||||
const mobileMenu = document.querySelector('.mobile-menu')
|
||||
function toggleMenu() {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileMenu.classList.toggle('flex');
|
||||
}
|
||||
if(mobileMenu && mobileMenuButton){
|
||||
mobileMenuButton.addEventListener('click', toggleMenu)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user