449 lines
13 KiB
HTML
449 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html><head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="robots" content="index, follow" />
|
||
<title>LTQF - Presse</title>
|
||
<link rel="icon" href="../favicon.png" />
|
||
<meta name="description" content="Un site de théatre." />
|
||
<meta name="generator" content="Hugo 0.111.3">
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.24/dist/css/bulma-carousel.min.css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Advent+Pro:wght@100;200;300;400;500;600;700&family=Lato:wght@300;400;700;900&display=swap" rel="stylesheet">
|
||
|
||
|
||
|
||
<link rel="stylesheet" href="../css/style.css">
|
||
|
||
<link rel="stylesheet" href="../css/presse.css">
|
||
|
||
</head>
|
||
<body style="position:relative">
|
||
|
||
<main class="columns is-fullheight is-gapless m-0 has-background-black">
|
||
|
||
|
||
|
||
<nav class="navbar is-hidden-tablet is-black" role="navigation" aria-label="main navigation">
|
||
<div class="navbar-brand">
|
||
<a class="navbar-item" href="">
|
||
<img src="logo_home.webp">
|
||
</a>
|
||
|
||
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mynavbar">
|
||
<span aria-hidden="true"></span>
|
||
<span aria-hidden="true"></span>
|
||
<span aria-hidden="true"></span>
|
||
</a>
|
||
</div>
|
||
|
||
<div id="mynavbar" class="navbar-menu">
|
||
|
||
<a class="navbar-item is-uppercase" href="../compagnie">La compagnie</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../spectacles">Spectacles</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../actions_culturelles">Actions culturelles</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../partenaires">Partenaires</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../presse">Presse</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../contact">Contact</a>
|
||
|
||
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="column is-fullheight is-one-fifth has-background-success has-text-black has-background-danger is-narrow is-hidden-mobile">
|
||
<aside id="sidebar" class="menu has-background-success has-text-black is-flex is-flex-direction-column is-justify-content-space-between" style="position: fixed; top: 0; height: 100vh; width: 20%">
|
||
<div>
|
||
<a href="">
|
||
<div class="figure">
|
||
|
||
<img src="ltqf.webp" class="image is-1by1 p-5">
|
||
|
||
</div>
|
||
</a>
|
||
<ul class="menu-list m-0 p-0">
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../compagnie">La compagnie</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../spectacles">Spectacles</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../actions_culturelles">Actions culturelles</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../partenaires">Partenaires</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../presse">Presse</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../contact">Contact</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
<div class="is-flex is-justify-content-center mb-5">
|
||
<div class="social-icons m-0 p-0 pl-3 pt-5">
|
||
<a href="https://www.facebook.com/votre_compte_facebook" class="mr-2 has-background-success has-text-black">
|
||
<span class="icon">
|
||
<i class="fab fa-facebook fa-2x"></i>
|
||
</span>
|
||
</a>
|
||
<a href="https://www.instagram.com/votre_compte_instagram" class="has-background-success has-text-black">
|
||
<span class="icon">
|
||
<i class="fab fa-instagram fa-2x"></i>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
|
||
<div class="column is-four-fifths m-0 p-0">
|
||
<section class="section has-background-warning-light">
|
||
<div>
|
||
<h1>Presse</h1>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="columns fond border my-6 p-6 has-background-black" style="background-image: url('/spectacles/oree-du-bois/principal.webp');">
|
||
<div class="column border has-background-black has-text-white">
|
||
|
||
<p class="mb-3 is-uppercase">L'Orée du bois</p>
|
||
<span> 2022 </span>
|
||
|
||
</div>
|
||
<div class="column border is-three-fifths ml-5-tablet has-background-warning-light">
|
||
<div>Critiques</div>
|
||
<div>
|
||
|
||
<div>
|
||
<span>Vaucluse et Le Monde</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="../spectacles/oree-du-bois/divers.pdf" target="_blank"> - Télécharger la revue</a>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="columns fond border my-6 p-6 has-background-black" style="background-image: url('/spectacles/dossier-k/principal.webp');">
|
||
<div class="column border has-background-black has-text-white">
|
||
|
||
<p class="mb-3 is-uppercase">Dossier K.</p>
|
||
<span> 2019 </span>
|
||
|
||
</div>
|
||
<div class="column border is-three-fifths ml-5-tablet has-background-warning-light">
|
||
<div>Critiques</div>
|
||
<div>
|
||
|
||
<div>
|
||
<span>Sceneweb</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="https://sceneweb.fr/pierre-yves-chapalain-dans-dossier-k-dapres-kafka/" target="_blank"> - Accéder à la revue</a>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="columns fond border my-6 p-6 has-background-black" style="background-image: url('/spectacles/ou-sont-les-ogres/principal.webp');">
|
||
<div class="column border has-background-black has-text-white">
|
||
|
||
<p class="mb-3 is-uppercase">Où sont les ogres ?</p>
|
||
<span> 2017 </span>
|
||
|
||
</div>
|
||
<div class="column border is-three-fifths ml-5-tablet has-background-warning-light">
|
||
<div>Critiques</div>
|
||
<div>
|
||
|
||
<div>
|
||
<span>Télérama</span>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="columns fond border my-6 p-6 has-background-black" style="background-image: url('/spectacles/outrages/principal.webp');">
|
||
<div class="column border has-background-black has-text-white">
|
||
|
||
<p class="mb-3 is-uppercase">Outrages</p>
|
||
<span> 2015 </span>
|
||
|
||
</div>
|
||
<div class="column border is-three-fifths ml-5-tablet has-background-warning-light">
|
||
<div>Critiques</div>
|
||
<div>
|
||
|
||
<div>
|
||
<span>Diverses revues de presse</span>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="columns fond border my-6 p-6 has-background-black" style="background-image: url('/spectacles/brume-du-soir/principal.webp');">
|
||
<div class="column border has-background-black has-text-white">
|
||
|
||
<p class="mb-3 is-uppercase">Brume du soir</p>
|
||
<span> 2014 </span>
|
||
|
||
</div>
|
||
<div class="column border is-three-fifths ml-5-tablet has-background-warning-light">
|
||
<div>Critiques</div>
|
||
<div>
|
||
|
||
<div>
|
||
<span>Diverses revues de presse</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="../spectacles/brume-du-soir/presse1.pdf" target="_blank"> - Télécharger la revue</a>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="columns fond border my-6 p-6 has-background-black" style="background-image: url('/spectacles/absinthe/principal.webp');">
|
||
<div class="column border has-background-black has-text-white">
|
||
|
||
<p class="mb-3 is-uppercase">Absinthe</p>
|
||
<span> 2010 </span>
|
||
|
||
</div>
|
||
<div class="column border is-three-fifths ml-5-tablet has-background-warning-light">
|
||
<div>Critiques</div>
|
||
<div>
|
||
|
||
<div>
|
||
<span>Diverses revues de presse</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="../spectacles/absinthe/presse1.pdf" target="_blank"> - Télécharger la revue</a>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="columns fond border my-6 p-6 has-background-black" style="background-image: url('/spectacles/fiancee-de-barbe-bleue/principal.webp');">
|
||
<div class="column border has-background-black has-text-white">
|
||
|
||
<p class="mb-3 is-uppercase">La fiancée de Barbe bleue</p>
|
||
<span> 2010 </span>
|
||
|
||
</div>
|
||
<div class="column border is-three-fifths ml-5-tablet has-background-warning-light">
|
||
<div>Critiques</div>
|
||
<div>
|
||
|
||
<div>
|
||
<span>Diverses revues de presse</span>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="columns fond border my-6 p-6 has-background-black" style="background-image: url('/spectacles/la-lettre/principal.webp');">
|
||
<div class="column border has-background-black has-text-white">
|
||
|
||
<p class="mb-3 is-uppercase">La lettre</p>
|
||
<span> 2008 </span>
|
||
|
||
</div>
|
||
<div class="column border is-three-fifths ml-5-tablet has-background-warning-light">
|
||
<div>Critiques</div>
|
||
<div>
|
||
|
||
<div>
|
||
<span>Diverses revues de presse</span>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<div class="is-flex is-flex-direction-column is-justify-content-flex-end" style="position: fixed; bottom: 0%; right: 3%;">
|
||
<a href="#" class="has-text-black" style="position: sticky; bottom: 0;">
|
||
<span class="icon">
|
||
<i class="fas fa-arrow-up"></i>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</main>
|
||
<script src="https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.24/dist/js/bulma-carousel.min.js"></script>
|
||
|
||
<script>
|
||
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
|
||
|
||
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
||
|
||
|
||
$navbarBurgers.forEach( el => {
|
||
el.addEventListener('click', () => {
|
||
|
||
|
||
const target = el.dataset.target;
|
||
const $target = document.getElementById(target);
|
||
|
||
|
||
el.classList.toggle('is-active');
|
||
$target.classList.toggle('is-active');
|
||
|
||
});
|
||
});
|
||
|
||
});
|
||
|
||
</script>
|
||
</body>
|
||
</html>
|
||
|
