dokku conf
This commit is contained in:
Florian du Garage Num
parent
bcddcefb2e
commit
a168354be4
1
.buildpacks
Normal file
1
.buildpacks
Normal file
@ -0,0 +1 @@
|
||||
https://github.com/dokku/heroku-buildpack-nginx.git
|
||||
@ -1,4 +1,5 @@
|
||||
baseURL = 'https://git.legaragenumerique.fr/GARAGENUM/LTQF'
|
||||
baseURL = ''
|
||||
relativeURLs = "True"
|
||||
languageCode = 'en-us'
|
||||
title = 'LTQF'
|
||||
buildFuture= true
|
||||
|
||||
11
public/404.html
Normal file
11
public/404.html
Normal file
@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Page non trouvée - Mon site</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Erreur 404 - Page non trouvée</h1>
|
||||
<p>Désolé, la page que vous recherchez n'a pas été trouvée sur ce site.</p>
|
||||
<p>Vous pouvez retourner à la <a href="./">page d'accueil</a> ou utiliser le menu de navigation pour explorer le site.</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/actions_culturelles/action1/illustration.webp
Normal file
BIN
public/actions_culturelles/action1/illustration.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 MiB |
3
public/actions_culturelles/action1/index.html
Normal file
3
public/actions_culturelles/action1/index.html
Normal file
@ -0,0 +1,3 @@
|
||||
|
||||
|
||||
|
||||
BIN
public/actions_culturelles/action2/illustration.webp
Normal file
BIN
public/actions_culturelles/action2/illustration.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 MiB |
3
public/actions_culturelles/action2/index.html
Normal file
3
public/actions_culturelles/action2/index.html
Normal file
@ -0,0 +1,3 @@
|
||||
|
||||
|
||||
|
||||
BIN
public/actions_culturelles/action3/illustration.webp
Normal file
BIN
public/actions_culturelles/action3/illustration.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
3
public/actions_culturelles/action3/index.html
Normal file
3
public/actions_culturelles/action3/index.html
Normal file
@ -0,0 +1,3 @@
|
||||
|
||||
|
||||
|
||||
229
public/actions_culturelles/index.html
Normal file
229
public/actions_culturelles/index.html
Normal file
@ -0,0 +1,229 @@
|
||||
<!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 - Actions culturelles</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">
|
||||
</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">
|
||||
<h1 class="title is-size-1 has-text-weight-bold has-text-centered">Actions culturelles</h1>
|
||||
</section>
|
||||
<section class="section has-background-primary-dark">
|
||||
<div class="container has-text-black">
|
||||
<p><p>Depuis sa création, la compagnie le temps qu’il faut, en partenariat avec différents lieux, propose des ateliers d’écriture et de pratique théâtrale à des publics aussi variés que possible : des élèves de la maternelle au lycée (Classique, SEGPA, dispositif ULIS, UPE2A), des jeunes “décrocheurs”, des groupes parents/ enfants, des chômeurs longue durée, des personnes suivies en psychiatrie…</p>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section has-background-black">
|
||||
<h2 class="subtitle has-text-white has-text-centered pb-6">Quelques actions réalisées par la compagnie</h2>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-flex is-half has-background-black">
|
||||
<div class="box has-background-warning-light has-text-centered pt-6">
|
||||
<h2 class="subtitle mb-6">Dispositif ULIS</h2>
|
||||
<div class="block"><p>Actuellement, en partenariat avec le Théâtre National de La Coline, Kahena Saïghi mène un projet théâtre « inclusion inversée » avec le dispositif ULIS et une classe de 5ème classique du collège Jean-Pierre Timbaud à Bobigny, sur les thématiques liées à l’adolescence (Les corps qui changent, le rejet et l’acceptation de l’autre…)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-half has-background-black">
|
||||
<div class="box has-background-warning-light is-flex is-align-items-center is-justify-content-center">
|
||||
|
||||
|
||||
<img src="../actions_culturelles/action1/illustration.webp">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-flex is-half has-background-black">
|
||||
<div class="box has-background-warning-light has-text-centered pt-6">
|
||||
<h2 class="subtitle mb-6">Hôpital psychiatrique / maison d'arrêt</h2>
|
||||
<div class="block"><p>Grâce au CDN de Besançon, durant trois années consécutives, Kahena Saïghi et Pierre-Yves Chapalain ont mené un travail axé sur l’improvisation et l’expression corporelle, auprès de patients de l’hôpital psychiatrique de Novilar.
|
||||
Avec les Scènes du Jura, ils ont animé de nombreux ateliers en maison des jeunes et en milieu scolaire. Un travail d’écriture a été fait avec des détenus de la Maison d’arrêt de Lons Le Saunier.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-half has-background-black">
|
||||
<div class="box has-background-warning-light is-flex is-align-items-center is-justify-content-center">
|
||||
|
||||
|
||||
<img src="../actions_culturelles/action3/illustration.webp">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-flex is-half has-background-black">
|
||||
<div class="box has-background-warning-light has-text-centered pt-6">
|
||||
<h2 class="subtitle mb-6">Maison de quartier</h2>
|
||||
<div class="block"><p>Pierre-Yves Chapalain en lien avec le CDN de Caen, a animé des ateliers théâtre auprès d’allocataires de La CAF à la maison de quartier de la Pierre Heuzé durant plus de 3 ans. Avec ces différents groupes, des spectacles ont vu le jour et les participants ont pu faire l’expérience de représentations publiques au théâtre des Cordes à Caen.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-half has-background-black">
|
||||
<div class="box has-background-warning-light is-flex is-align-items-center is-justify-content-center">
|
||||
|
||||
|
||||
<img src="../actions_culturelles/action2/illustration.webp">
|
||||
|
||||
</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>
|
||||
|
||||
38
public/actions_culturelles/index.xml
Normal file
38
public/actions_culturelles/index.xml
Normal file
@ -0,0 +1,38 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Actions culturelles on LTQF</title>
|
||||
<link>/actions_culturelles/</link>
|
||||
<description>Recent content in Actions culturelles on LTQF</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Fri, 17 Mar 2023 15:21:27 +0100</lastBuildDate><atom:link href="/actions_culturelles/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Dispositif ULIS</title>
|
||||
<link>/actions_culturelles/action1/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/actions_culturelles/action1/</guid>
|
||||
<description>Actuellement, en partenariat avec le Théâtre National de La Coline, Kahena Saïghi mène un projet théâtre « inclusion inversée » avec le dispositif ULIS et une classe de 5ème classique du collège Jean-Pierre Timbaud à Bobigny, sur les thématiques liées à l’adolescence (Les corps qui changent, le rejet et l’acceptation de l’autre…)</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Hôpital psychiatrique / maison d'arrêt</title>
|
||||
<link>/actions_culturelles/action3/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/actions_culturelles/action3/</guid>
|
||||
<description>Grâce au CDN de Besançon, durant trois années consécutives, Kahena Saïghi et Pierre-Yves Chapalain ont mené un travail axé sur l’improvisation et l’expression corporelle, auprès de patients de l’hôpital psychiatrique de Novilar. Avec les Scènes du Jura, ils ont animé de nombreux ateliers en maison des jeunes et en milieu scolaire. Un travail d&rsquo;écriture a été fait avec des détenus de la Maison d’arrêt de Lons Le Saunier.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Maison de quartier</title>
|
||||
<link>/actions_culturelles/action2/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/actions_culturelles/action2/</guid>
|
||||
<description>Pierre-Yves Chapalain en lien avec le CDN de Caen, a animé des ateliers théâtre auprès d’allocataires de La CAF à la maison de quartier de la Pierre Heuzé durant plus de 3 ans. Avec ces différents groupes, des spectacles ont vu le jour et les participants ont pu faire l’expérience de représentations publiques au théâtre des Cordes à Caen.</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
BIN
public/carousel/carousel1.webp
Normal file
BIN
public/carousel/carousel1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
public/carousel/carousel10.webp
Normal file
BIN
public/carousel/carousel10.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 MiB |
BIN
public/carousel/carousel2.webp
Normal file
BIN
public/carousel/carousel2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 MiB |
BIN
public/carousel/carousel3.webp
Normal file
BIN
public/carousel/carousel3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
public/carousel/carousel4.webp
Normal file
BIN
public/carousel/carousel4.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 MiB |
BIN
public/carousel/carousel5.webp
Normal file
BIN
public/carousel/carousel5.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 MiB |
BIN
public/carousel/carousel6.webp
Normal file
BIN
public/carousel/carousel6.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 652 KiB |
BIN
public/carousel/carousel7.webp
Normal file
BIN
public/carousel/carousel7.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 372 KiB |
BIN
public/carousel/carousel8.webp
Normal file
BIN
public/carousel/carousel8.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
public/carousel/carousel9.webp
Normal file
BIN
public/carousel/carousel9.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 MiB |
2
public/categories/index.html
Normal file
2
public/categories/index.html
Normal file
@ -0,0 +1,2 @@
|
||||
|
||||
|
||||
10
public/categories/index.xml
Normal file
10
public/categories/index.xml
Normal file
@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Categories on LTQF</title>
|
||||
<link>/categories/</link>
|
||||
<description>Recent content in Categories on LTQF</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language><atom:link href="/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
228
public/compagnie/index.html
Normal file
228
public/compagnie/index.html
Normal file
@ -0,0 +1,228 @@
|
||||
<!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 - La compagnie</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/compagnie.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">
|
||||
|
||||
<div class="has-background-warning-light has-text-justified-mobile has-text-centered pt-6 px-6">
|
||||
<section class="section mb-0 py-0">
|
||||
<h1 class="title is-size-1 has-text-weight-bold">La compagnie</h1>
|
||||
<p><p>Pierre-Yves Chapalain est auteur, acteur et metteur en scène. Depuis 2008, il met en scène ses propres textes (édités aux éditions Les Solitaires Intempestifs) au sein de la compagnie le temps qu’il faut. Les histoires que raconte Pierre-Yves Chapalain se passent souvent au sein de la famille, comme un reflet troublant de notre société. Elles se situent à un bout du monde, quelque part au bord d’un océan, ou à la lisière d’une forêt, comme un reflet troublant de nos dedans. Dans un temps indéfini, suspendu entre passé, présent et futur, et à la fois très ancrées dans notre époque contemporaine, les histoires racontées se nourrissent aussi des grands mythes. Les personnages sont souvent au bord, à la marge d’une société qu’ils refusent ou qui les refuse. Ils sont en quête de quelque chose : d’identité, de liberté, de mémoire, d’amour, de revanche…Ils cherchent à comprendre le/ leur monde, veulent déterrer les secrets qui les empêchent d’avancer quitte à réveiller les morts, les confronter, bousculer les vivants pour s’extirper d’une vie qui étouffe. Comment être au monde sans le/se détruire ? Comment éviter d’être les pantins de cette folie destructrice qui est à l’œuvre en ces temps troublés ? Comment réussir à préserver ce qui fait la beauté du monde et des êtres ? Aucune réponse n’est donnée, seules des pistes de réflexions s’ouvrent en même temps que les personnages se déploient dans la fable. Oui, car les pièces de Pierre-Yves sont souvent construites à la manière des contes populaires où, à partir d’une situation concrète et quotidienne, les personnages glissent peu à peu dans un univers à la frontière du rêve et du réel, où se côtoient le fantastique, l’ordinaire, l’onirisme, l’étrange et le burlesque…</p>
|
||||
<p>Le travail au plateau se fait en plusieurs étapes, plusieurs allers retours entre la table et la scène, nourris des réflexions et des questionnements des acteurs. Le texte est donc toujours en mouvement pour être au plus près d’eux.
|
||||
L’esthétique des spectacles nait souvent d’une idée, d’une image faite de signes, de suggestions, pour laisser libre l’imaginaire. Puis la scénographie se précise, grâce au son et à la lumière pour continuer d’écrire, ensemble, et créer une atmosphère particulière.</p>
|
||||
</p>
|
||||
</section>
|
||||
<section class="section mb-0 pb-0">
|
||||
<h2 class="is-size-3 mb-5">Les fondateurs</h2>
|
||||
<div class="columns is-justify-content-center ">
|
||||
|
||||
<div class="column is-4" style="overflow:hidden;">
|
||||
<figure class="image">
|
||||
|
||||
|
||||
<img src="../compagnie/kahena/portrait.webp" alt="Artiste">
|
||||
|
||||
</figure>
|
||||
<p class="is-size-5"> Kahena Saïghi</p>
|
||||
</div>
|
||||
|
||||
<div class="column is-4" style="overflow:hidden;">
|
||||
<figure class="image">
|
||||
|
||||
|
||||
<img src="../compagnie/pierre/portrait.webp" alt="Artiste">
|
||||
|
||||
</figure>
|
||||
<p class="is-size-5"> Pierre-Yves Chapalain</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<section class="section">
|
||||
|
||||
<div class="py-5">
|
||||
<h2 class="is-size-4">Kahena Saïghi</h2>
|
||||
<p class="is-size-6"><p>Elle se forme au théâtre auprès de Véronique Nordey, et crée, avec cette dernière, la compagnie Balachova, pour jouer en 1999, Iphigénie, ou le pêché des dieux de Michel Azama au Théâtre Gérard Philipe, où elle est également assistante à la mise en scène. La même année, elle débute au cinéma dans Total western d’Eric Rochant, puis travaillera entre autres avec José Pinhéro, Gabriel Aghion, Jacques Renard ou Didier Bourdon.</p>
|
||||
<p>Elle revient au théâtre avec à mon âge je me cache encore pour fumer de Rayhana. Elle participe à l’écriture de Femmes de paroles, qu’elle joue sous la direction de D’ de Kabal.</p>
|
||||
<p>Parallèlement à la comédie, Kahena Saïghi se forme à la danse et se spécialise dans le tango argentin. Elle collabore avec plusieurs compagnies et évènements en tant que danseuse puis comme chorégraphe et assistante à la mise en scène de l’Opéra Un tango pour Toulouse Lautrec de Jorge Zulueta et Jacobo Romano. Elle participe aussi à la tournée de Gotan Project.
|
||||
Elle fait sa première mise en scène en 2010 avec Ivresse tango qui mêle, théâtre, danse et musique.</p>
|
||||
<p>En 2009, elle rencontre Pierre-Yves Chapalain, auteur/ metteur en scène. La Fiancée de Barbe Bleue marque le début d’une longue collaboration. Après plusieurs créations ensemble, elle s’occupe désormais de la dramaturgie et collabore à la mise en scène des spectacles de la compagnie.</p>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="py-5">
|
||||
<h2 class="is-size-4">Pierre-Yves Chapalain</h2>
|
||||
<p class="is-size-6"><p>Il débute comme acteur au théâtre de la main d’Or et joue dans les premiers spectacles de Joël Pommerat jusqu’à la création de Pinocchio en 2007. Acteur complice aussi de metteur.e.s en scène comme Pierre Meunier, Philippe Carbonnaux, Bérangère Ventuso, Nathalie Fillon ou Sylvain Maurice.
|
||||
Il crée la compagnie Le Temps qu’il Faut et commence à mettre en scène ses propres pièces à partir de 2008 avec La Lettre au théâtre de la Tempête, puis Absinthe au théâtre de la Bastille.</p>
|
||||
<p>En 15 ans, 14 spectacles sont créés au sein de la compagnie.
|
||||
Parallèlement à ses productions, Pierre-Yves Chapalain s’est vu confier plusieurs commandes d’écriture dont : Un heureux naufrage pour le Panta Théâtre en partenariat avec la cité de l’Immigration en 2012, Une symbiose, dans le cadre des Binômes #3, ou Une Sacrée boucherie pour IVT avec Emmanuelle Laborit en 2014.
|
||||
Il a été artiste associé du CDN de Besançon, des Scènes du Jura, Du Canal théâtre de Redon.
|
||||
Il écrit et met en scène également pour le jeune public, La fiancée de Barbe Bleue qui mêle ventriloquie, magie et danse et qui sera jouée plus de 150 fois.</p>
|
||||
<p>En 2017, il présente deux autres spectacles tout public : Où sont les Ogres ? au Festival d’Avignon puis Le Secret au Très Tôt Théâtre de Quimper.
|
||||
En 2020, 2021 et 2022 il écrit et met en scène Derrière tes paupières, À l’orée du bois et Un apprentissage, pièces créées et jouées, entre autres, au Théâtre National de la Colline, à la 76ème édition du Festival d’Avignon et au TNB de Rennes.
|
||||
En 2023, la tournée, sur le territoire Breton, d’Un apprentissage, orchestrée par le TNB de Rennes, continue de se dérouler avec succès. Une reprise est donc prévue en Ile de France en 2024, chapeautée, cette fois-ci, par le Théâtre National de la Colline.
|
||||
En 2024 et 2025, deux spectacles verront le jour : Promenade en robe de chambre, en bilingue français/ breton et Dans les plis de sa langue.</p>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
29
public/compagnie/index.xml
Normal file
29
public/compagnie/index.xml
Normal file
@ -0,0 +1,29 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>La compagnie on LTQF</title>
|
||||
<link>/compagnie/</link>
|
||||
<description>Recent content in La compagnie on LTQF</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Fri, 17 Mar 2023 15:21:27 +0100</lastBuildDate><atom:link href="/compagnie/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Kahena Saïghi</title>
|
||||
<link>/compagnie/kahena/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/compagnie/kahena/</guid>
|
||||
<description>Elle se forme au théâtre auprès de Véronique Nordey, et crée, avec cette dernière, la compagnie Balachova, pour jouer en 1999, Iphigénie, ou le pêché des dieux de Michel Azama au Théâtre Gérard Philipe, où elle est également assistante à la mise en scène. La même année, elle débute au cinéma dans Total western d&rsquo;Eric Rochant, puis travaillera entre autres avec José Pinhéro, Gabriel Aghion, Jacques Renard ou Didier Bourdon.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Pierre-Yves Chapalain</title>
|
||||
<link>/compagnie/pierre/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/compagnie/pierre/</guid>
|
||||
<description>Il débute comme acteur au théâtre de la main d’Or et joue dans les premiers spectacles de Joël Pommerat jusqu’à la création de Pinocchio en 2007. Acteur complice aussi de metteur.e.s en scène comme Pierre Meunier, Philippe Carbonnaux, Bérangère Ventuso, Nathalie Fillon ou Sylvain Maurice. Il crée la compagnie Le Temps qu’il Faut et commence à mettre en scène ses propres pièces à partir de 2008 avec La Lettre au théâtre de la Tempête, puis Absinthe au théâtre de la Bastille.</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
3
public/compagnie/kahena/index.html
Normal file
3
public/compagnie/kahena/index.html
Normal file
@ -0,0 +1,3 @@
|
||||
|
||||
|
||||
|
||||
BIN
public/compagnie/kahena/portrait.webp
Normal file
BIN
public/compagnie/kahena/portrait.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 384 KiB |
3
public/compagnie/pierre/index.html
Normal file
3
public/compagnie/pierre/index.html
Normal file
@ -0,0 +1,3 @@
|
||||
|
||||
|
||||
|
||||
BIN
public/compagnie/pierre/portrait.webp
Normal file
BIN
public/compagnie/pierre/portrait.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 133 KiB |
259
public/contact/index.html
Normal file
259
public/contact/index.html
Normal file
@ -0,0 +1,259 @@
|
||||
<!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 - Contact</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/contact.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">
|
||||
<div class="container">
|
||||
<h1>Contact</h1>
|
||||
<div class="contact columns mt-2">
|
||||
<div class="adresse column is-one-third is-flex is-align-items-center has-text-centered">
|
||||
<div class="container">
|
||||
<i class="fa-solid fa-location-dot fa-3x mb-5"></i>
|
||||
<div class="mb-5">
|
||||
<h2 class="title is-3 has-text-white">Adresse Postale:</h2>
|
||||
<p class="subtitle is-5 has-text-white">3 rue Raoul Dufy 75020 Paris</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="title is-3 has-text-white">Siège social:</h2>
|
||||
<p class="subtitle is-5 has-text-white">Pors Al Louch 29430 Pounevez-Louchrist</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail column is-flex is-align-items-center has-text-centered ml-3-tablet">
|
||||
<div class="container">
|
||||
<i class="fa-solid fa-envelope fa-3x mb-5"></i>
|
||||
<h2 class="title is-3 has-text-white">Adresse Email:</h2>
|
||||
<ul>
|
||||
|
||||
<li class="subtitle is-5 has-text-white">cie@letempsquilfaut.fr</li>
|
||||
|
||||
<li class="subtitle is-5 has-text-white">pierre-yves.chapalain@wanadoo.fr</li>
|
||||
|
||||
</ul>
|
||||
<a class="mt-3 button is" href="mailto:[cie@letempsquilfaut.fr%20pierre-yves.chapalain@wanadoo.fr]">Cliquez-ici</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="phone column is-flex is-align-items-center has-text-centered ml-3-tablet">
|
||||
<div class="container">
|
||||
<i class="fa-solid fa-phone fa-3x mb-5"></i>
|
||||
<h2 class="title is-3 has-text-white">Numéro de téléphone:</h2>
|
||||
<ul>
|
||||
|
||||
<li class="subtitle is-5 has-text-white">+33 6 63 91 23 46</li>
|
||||
|
||||
|
||||
<li class="subtitle is-5 has-text-white">+33 6 15 08 30 80</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="p-5">
|
||||
<div class="container contactform p-5">
|
||||
<h2 class="mb-3">Formulaire de contact</h2>
|
||||
<div class="columns">
|
||||
<div class="column is-half">
|
||||
<div class="field">
|
||||
<label class="label">Nom</label>
|
||||
<div class="control">
|
||||
<input class="input" type="text" placeholder="Entrez votre nom">
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label">Email</label>
|
||||
<div class="control">
|
||||
<input class="input" type="email" placeholder="Entrez votre email" value="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label">Prénom</label>
|
||||
<div class="control">
|
||||
<input class="input" type="text" placeholder="Entrez votre prénom">
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label">Téléphone</label>
|
||||
<div class="control">
|
||||
<input class="input" type="tel" placeholder="Entrez votre numéro de téléphone">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-full">
|
||||
<div class="field">
|
||||
<label class="label">Message</label>
|
||||
<textarea class="textarea" placeholder="Bonjour..." rows="10"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="button has-text-white is-medium is-responsive has-background-success">Envoyer</button>
|
||||
|
||||
</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>
|
||||
|
||||
10
public/contact/index.xml
Normal file
10
public/contact/index.xml
Normal file
@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Contact on LTQF</title>
|
||||
<link>/contact/</link>
|
||||
<description>Recent content in Contact on LTQF</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language><atom:link href="/contact/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
2
public/css/compagnie.css
Normal file
2
public/css/compagnie.css
Normal file
@ -0,0 +1,2 @@
|
||||
h2 {
|
||||
font-family: 'Advent Pro', sans-serif; }
|
||||
32
public/css/contact.css
Normal file
32
public/css/contact.css
Normal file
@ -0,0 +1,32 @@
|
||||
.contact {
|
||||
/* border: 5px solid green; */
|
||||
margin-left: 0.1rem; }
|
||||
|
||||
.columns .adresse {
|
||||
/* border: 5px solid red; */
|
||||
background-color: black;
|
||||
color: white;
|
||||
height: 400px; }
|
||||
|
||||
.columns .mail div {
|
||||
margin-bottom: 6%; }
|
||||
|
||||
.columns .phone div {
|
||||
margin-bottom: 10%; }
|
||||
|
||||
.columns .mail {
|
||||
/* border: 5px solid blue; */
|
||||
background-color: black;
|
||||
color: white;
|
||||
height: 400px; }
|
||||
|
||||
.columns .phone {
|
||||
background-color: black;
|
||||
color: white;
|
||||
height: 400px; }
|
||||
|
||||
.contactform h2 {
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-size: 1.7rem;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700; }
|
||||
54
public/css/index.css
Normal file
54
public/css/index.css
Normal file
@ -0,0 +1,54 @@
|
||||
.columns {
|
||||
height: 100vh;
|
||||
overflow: hidden; }
|
||||
|
||||
.section {
|
||||
position: relative; }
|
||||
|
||||
.carousel .image img {
|
||||
height: auto;
|
||||
/* Set a fixed height */
|
||||
width: fit-content;
|
||||
/* Maintain aspect ratio */
|
||||
overflow: hidden;
|
||||
object-fit: contain; }
|
||||
|
||||
.slider {
|
||||
overflow: hidden; }
|
||||
|
||||
.slider-navigation-previous {
|
||||
display: none; }
|
||||
|
||||
.slider-navigation-next {
|
||||
display: none; }
|
||||
|
||||
.overlay {
|
||||
z-index: 10;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
right: 10%;
|
||||
/* Extending full width */
|
||||
bottom: 10%;
|
||||
width: 30%;
|
||||
height: 20%;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
/* Voile clair */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
/* Center content horizontally */
|
||||
align-items: center;
|
||||
/* Center content vertically */
|
||||
text-align: center; }
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.overlay {
|
||||
z-index: 10;
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
/* Voile clair */ } }
|
||||
7
public/css/presse.css
Normal file
7
public/css/presse.css
Normal file
@ -0,0 +1,7 @@
|
||||
.border {
|
||||
border: 2px solid black; }
|
||||
|
||||
.fond {
|
||||
background-size: cover;
|
||||
background-position: 0% 22%;
|
||||
/* Ajuste la position horizontale (0%) et verticale (22%) de l'image de fond */ }
|
||||
23
public/css/single-spectacle.css
Normal file
23
public/css/single-spectacle.css
Normal file
@ -0,0 +1,23 @@
|
||||
#title-section {
|
||||
height: 20vh; }
|
||||
|
||||
.carousel .image img {
|
||||
height: 40vh;
|
||||
/* Set a fixed height */
|
||||
width: auto;
|
||||
/* Maintain aspect ratio */
|
||||
/*overflow: hidden;
|
||||
object-fit: contain; Ensure the whole image fits into the container */ }
|
||||
|
||||
.slider-navigation-previous {
|
||||
display: none; }
|
||||
|
||||
.slider-navigation-next {
|
||||
display: none; }
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.p-6 {
|
||||
padding-left: 1.5rem !important;
|
||||
padding-right: 1.5rem !important;
|
||||
padding-top: 1.5rem !important;
|
||||
padding-bottom: 1.5rem !important; } }
|
||||
19
public/css/spectacles.css
Normal file
19
public/css/spectacles.css
Normal file
@ -0,0 +1,19 @@
|
||||
.image:hover .overlay {
|
||||
opacity: 0; }
|
||||
|
||||
.overlay {
|
||||
transition: opacity .5s ease;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
/* Voile clair */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
/* Centre horizontalement le texte */
|
||||
align-items: center;
|
||||
/* Centre verticalement le texte */
|
||||
text-align: center; }
|
||||
15
public/css/style.css
Normal file
15
public/css/style.css
Normal file
@ -0,0 +1,15 @@
|
||||
h1 {
|
||||
font-family: 'Advent Pro', sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
color: black; }
|
||||
|
||||
.subtitles {
|
||||
font-family: 'Advent Pro', sans-serif;
|
||||
color: black;
|
||||
font-size: 2rem;
|
||||
font-weight: 500; }
|
||||
|
||||
.carousel {
|
||||
overflow: hidden; }
|
||||
270
public/index.html
Normal file
270
public/index.html
Normal file
@ -0,0 +1,270 @@
|
||||
<!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 - Accueil - LTQF</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/index.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-black has-text-white has-background-danger is-narrow is-hidden-mobile">
|
||||
<aside id="sidebar" class="menu has-background-black has-text-white 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="logo_home.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-black has-text-white">
|
||||
<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-black has-text-white">
|
||||
<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="has-background-black is-fullheight">
|
||||
<div id="galerie" class="carousel">
|
||||
|
||||
|
||||
<figure class="image">
|
||||
<img src='./carousel/carousel1.webp' alt="/carousel/carousel1.webp">
|
||||
</figure>
|
||||
|
||||
<figure class="image">
|
||||
<img src='./carousel/carousel10.webp' alt="/carousel/carousel10.webp">
|
||||
</figure>
|
||||
|
||||
<figure class="image">
|
||||
<img src='./carousel/carousel2.webp' alt="/carousel/carousel2.webp">
|
||||
</figure>
|
||||
|
||||
<figure class="image">
|
||||
<img src='./carousel/carousel3.webp' alt="/carousel/carousel3.webp">
|
||||
</figure>
|
||||
|
||||
<figure class="image">
|
||||
<img src='./carousel/carousel4.webp' alt="/carousel/carousel4.webp">
|
||||
</figure>
|
||||
|
||||
<figure class="image">
|
||||
<img src='./carousel/carousel5.webp' alt="/carousel/carousel5.webp">
|
||||
</figure>
|
||||
|
||||
<figure class="image">
|
||||
<img src='./carousel/carousel6.webp' alt="/carousel/carousel6.webp">
|
||||
</figure>
|
||||
|
||||
<figure class="image">
|
||||
<img src='./carousel/carousel7.webp' alt="/carousel/carousel7.webp">
|
||||
</figure>
|
||||
|
||||
<figure class="image">
|
||||
<img src='./carousel/carousel8.webp' alt="/carousel/carousel8.webp">
|
||||
</figure>
|
||||
|
||||
<figure class="image">
|
||||
<img src='./carousel/carousel9.webp' alt="/carousel/carousel9.webp">
|
||||
</figure>
|
||||
|
||||
</div>
|
||||
<div id="galerie" class="box carousel overlay">
|
||||
|
||||
|
||||
<div>
|
||||
<div class="subtitle">Dans les plis de sa langue</div>
|
||||
<p class="p-0-mobile px-4-tablet">Grâce à une résidence au CUBE à Hérisson en juillet 2023, l’écriture de la pièce a pu être achevée....</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
<div class="subtitle">Un apprentissage</div>
|
||||
<p class="p-0-mobile px-4-tablet">Spectacle tout terrain, soutenu par le TNB, continue sa tournée en Région Bretagne et en démarre une nouvelle en Île de France, produit par La Colline-théâtre national...</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
<div class="subtitle">Promenade en robe de chambre</div>
|
||||
<p class="p-0-mobile px-4-tablet">En répétition, sera monté en 2024...</p>
|
||||
</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-background-black has-text-white" 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>
|
||||
<script>
|
||||
bulmaCarousel.attach('#galerie', {
|
||||
slidesToScroll: 1,
|
||||
slidesToShow: 1,
|
||||
navigation: false,
|
||||
navigationKeys: false,
|
||||
pagination: false,
|
||||
loop: false,
|
||||
infinite: true,
|
||||
autoplay: true,
|
||||
autoplaySpeed: 3000,
|
||||
pauseOnHover: false,
|
||||
duration: 300
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
202
public/index.xml
Normal file
202
public/index.xml
Normal file
@ -0,0 +1,202 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Accueil - LTQF on LTQF</title>
|
||||
<link>/</link>
|
||||
<description>Recent content in Accueil - LTQF on LTQF</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Fri, 28 Jul 2023 00:00:00 +0000</lastBuildDate><atom:link href="/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Kahena Saïghi</title>
|
||||
<link>/compagnie/kahena/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/compagnie/kahena/</guid>
|
||||
<description>Elle se forme au théâtre auprès de Véronique Nordey, et crée, avec cette dernière, la compagnie Balachova, pour jouer en 1999, Iphigénie, ou le pêché des dieux de Michel Azama au Théâtre Gérard Philipe, où elle est également assistante à la mise en scène. La même année, elle débute au cinéma dans Total western d&rsquo;Eric Rochant, puis travaillera entre autres avec José Pinhéro, Gabriel Aghion, Jacques Renard ou Didier Bourdon.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Pierre-Yves Chapalain</title>
|
||||
<link>/compagnie/pierre/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/compagnie/pierre/</guid>
|
||||
<description>Il débute comme acteur au théâtre de la main d’Or et joue dans les premiers spectacles de Joël Pommerat jusqu’à la création de Pinocchio en 2007. Acteur complice aussi de metteur.e.s en scène comme Pierre Meunier, Philippe Carbonnaux, Bérangère Ventuso, Nathalie Fillon ou Sylvain Maurice. Il crée la compagnie Le Temps qu’il Faut et commence à mettre en scène ses propres pièces à partir de 2008 avec La Lettre au théâtre de la Tempête, puis Absinthe au théâtre de la Bastille.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Dans les plis de sa langue</title>
|
||||
<link>/spectacles/dans-les-plis-de-sa-langue/</link>
|
||||
<pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/spectacles/dans-les-plis-de-sa-langue/</guid>
|
||||
<description>Emma, une jeune fille à peine sortie de l&rsquo;adolescence, vit avec sa mère et son oncle paternel, au dessus du restaurant familial. L&rsquo;oncle, le frère jumeau de son père décédé, est chef cuistot et tient le restaurant, accompagné de son jeune apprenti Alan, ancien ami d&rsquo;enfance d&rsquo;Emma.
|
||||
Ce dernier, au parcours chaotique, a pu écourter sa peine de prison, gràce à l&rsquo;oncle et aux ateliers de cuisine qu&rsquo;il dispensait au sein de l&rsquo;établissement pénitencier.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Le secret</title>
|
||||
<link>/spectacles/le-secret/</link>
|
||||
<pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/spectacles/le-secret/</guid>
|
||||
<description>Léna a 7 ans et un secret. Elle aimerait le partager avec son copain Ulysse, mais il lui faut d’abord être sûre de leur amitié. Quand enfin elle lui avoue qu’elle est une ogresse, Ulysse, pourtant pas tout à fait rassuré, lui propose de l’aider. Mais comment guérir de &ldquo;l’ogreté&rdquo; ? Un pantin découvert au fond d’une vieille valise leur donnera quelques pistes, mais sa mémoire est bien défaillante… Léna et Ulysse vont s’engager dans une quête qui mettra à l’épreuve leur amitié : grandir, ce n’est pas si facile… Pour raconter cette quête : deux comédiens, un pantin qui prend vie magiquement grâce à la ventriloquie, un ogre, un cerf, des &ldquo;objets vivants&rdquo; ; comme cette chaise en bois qui souhaite retourner à l’état sauvage… et un travail sonore et musical pour les accompagner.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Un apprentissage</title>
|
||||
<link>/spectacles/un-apprentissage/</link>
|
||||
<pubDate>Wed, 01 Jan 2025 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/spectacles/un-apprentissage/</guid>
|
||||
<description>Une personne, après 15 années passées en prison, vient rencontrer son enfant adolescent·e. Il revient avec ce besoin ardent de lui transmettre une chose, un questionnement essentiel à ses yeux, qu’il a mis des années à faire naître en lui. Cette chose qu’il veut dire à son enfant est que « chacun de nous a un trésor particulier en soi, travailler à l’école pour apprendre un métier oui, mais avant toute chose découvrir et faire grandir en soi ce trésor, une façon de sentir, de penser, d’être au monde, personnelle, à soi et unique, comme un cadeau qui sommeille à l’intérieur&hellip; ».</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Promenade en robe de chambre</title>
|
||||
<link>/spectacles/promenade-en-robe-de-chambre/</link>
|
||||
<pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/spectacles/promenade-en-robe-de-chambre/</guid>
|
||||
<description>Un homme d’un certain âge, écrit une lettre à son neveu, Joseph, qu’il a élevé comme son fils. Il s’inquiète pour lui depuis qu’un ami lui a dit qu’il aurait des problèmes avec la justice…Au bout de la troisième lettre sans réponse, et de plus en plus inquiet, l’oncle décide de faire le voyage pour se rendre chez son neveu. En arrivant, l’appartement semble vide. La chambre à coucher est fermée à clé.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>L'Orée du bois</title>
|
||||
<link>/spectacles/oree-du-bois/</link>
|
||||
<pubDate>Thu, 17 Mar 2022 15:21:27 +0100</pubDate>
|
||||
|
||||
<guid>/spectacles/oree-du-bois/</guid>
|
||||
<description>Un couple de citadins, vient de s&rsquo;installer sur les terres familiales, à l&rsquo;orée d&rsquo;un bois. Sorte de néo-ruraux qui ont fait le pas d&rsquo;un nouveau départ, pour une vie différente, plus libre peut-être, dans un contexte où les interdits sont de plus en plus nombreux&hellip;Le mari, totalement novice dans le domaine de la terre et des lois élémentaires, écoute les conseils avisés de la Coryphée, avec laquelle il sympathise. Celle-ci est le personnage par lequel se raconte l&rsquo;histoire, lors de ses rondes nocturnes, à la recherche du mystérieux organisateur de fêtes sauvages impossibles à localiser.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Derrière tes paupières</title>
|
||||
<link>/spectacles/derriere-tes-paupieres/</link>
|
||||
<pubDate>Fri, 01 Jan 2021 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/spectacles/derriere-tes-paupieres/</guid>
|
||||
<description>Éléonore, la quarantaine, est au bord de l’épuisement. Depuis quelque temps, elle a des oublis de plus en plus fréquents et des problèmes d’élocution. Alors elle note compulsivement ses souvenirs sur des post-it et décide de consulter un neurologue qui lui propose, à titre expérimental, une « aide technique », une sorte d’être hybride mi-végétal mi-humain, pour surveiller sa santé en direct. Éléonore refuse et son état empire : ses phrases sont décousues, elle perd le fil des conversations, puis les mots, avant d’arrêter complètement de parler.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Dossier K.</title>
|
||||
<link>/spectacles/dossier-k/</link>
|
||||
<pubDate>Sun, 17 Mar 2019 15:21:27 +0100</pubDate>
|
||||
|
||||
<guid>/spectacles/dossier-k/</guid>
|
||||
<description>Dossier K. est un spectacle d’après le procès&hellip; ainsi que de quelques pensées intimes tiréesde son journal, et de certains passages du Terrier : un spectacle mettant en scène un homme« ordinaire » qui s’interroge sans cesse de manière concrète pour tenter d’élucider « la sorte de mise en accusation » dont il fait l’objet. Il s’agira alors pour lui (K.) de définir s’il est possible de se défendre, si toutefois « l’arrestation » dont il fait l’objet peut être prise au sérieux, car K.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Où sont les ogres ?</title>
|
||||
<link>/spectacles/ou-sont-les-ogres/</link>
|
||||
<pubDate>Fri, 17 Mar 2017 15:21:27 +0100</pubDate>
|
||||
|
||||
<guid>/spectacles/ou-sont-les-ogres/</guid>
|
||||
<description>De nos jours, dans une grande ville, une femme vit seule avec sa fille, Hannah. Celle-ci ne sort plus de sa chambre. Tiraillée par d&rsquo;étranges envies qui la mettent mal à l&rsquo;aise et l&rsquo;éloignent des autres, elle n&rsquo;a d&rsquo;yeux que pour celle qu&rsquo;elle n&rsquo;a jamais vue mais qui la comprend comme une sœur : Angelica. Elles discutent jour et nuit sur Internet. Et pendant les sommes que pique Angelica à tout bout de champ et qui peuvent durer un certain temps, Hannah guette ses écrans et angoisse à l&rsquo;idée que son amie l&rsquo;ait oubliée.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Outrages</title>
|
||||
<link>/spectacles/outrages/</link>
|
||||
<pubDate>Tue, 17 Mar 2015 15:21:27 +0100</pubDate>
|
||||
|
||||
<guid>/spectacles/outrages/</guid>
|
||||
<description>Cette pièce raconte comment l’idée de meurtre peut germer dans la tête de gens simples confrontés à une situation d’une ambiguïté rare.Ruinés, calomniés, détruits par Edmond, Les Parents vivent depuis des années dans un extrême dénuement.Puis un jour, ils apprennent que cet homme veut léguer toute sa fortune à leur fille uniqueMathilde, qui vient régulièrement faire le ménage chez lui. Il n’a pas d’enfant en propre, alors c’est possible. Les parents de Mathilde interprètent son geste comme le dernier outrage qu’il peut encore leur faire.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Brume du soir</title>
|
||||
<link>/spectacles/brume-du-soir/</link>
|
||||
<pubDate>Mon, 17 Mar 2014 15:21:27 +0100</pubDate>
|
||||
|
||||
<guid>/spectacles/brume-du-soir/</guid>
|
||||
<description>Monsieur Alexandra est fou d&rsquo;inquiétude. Sa fille, Mathilde, n’est pas rentrée depuis plusieurs jours… Il n&rsquo;est pourtant pas du genre à empêcher sa fille de vivre sa vie, il aime trop la liberté pour lui interdire quoique ce soit. Mais il trouve qu&rsquo;elle a depuis quelque temps un comportement étrange, il sent l&rsquo;imminence d&rsquo;une catastrophe au plus profond de lui-même… C&rsquo;est peut-être à cause de cet homme dont Mathilde s&rsquo;est entichée, avec qui elle discute le soir au bord du fleuve.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Absinthe</title>
|
||||
<link>/spectacles/absinthe/</link>
|
||||
<pubDate>Wed, 17 Mar 2010 15:21:27 +0100</pubDate>
|
||||
|
||||
<guid>/spectacles/absinthe/</guid>
|
||||
<description>Adèle et Francis et leurs deux enfants, Adrien et Absinthe, forment une famille ordinaire, sans histoire. Ils vivent dans une maison protégée de l&rsquo;océan par une ancienne digue. Les enfants terminent leurs études tandis que leur père tente de vivre de sa plume. Le carnaval bat son plein dans la ville voisine. La nuit, un homme à moustache vient trouver Absinthe. Il parle d&rsquo;une malédiction et prédit à Absinthe un avenir hors du commun mais refuse de révéler qui il est.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>La fiancée de Barbe bleue</title>
|
||||
<link>/spectacles/fiancee-de-barbe-bleue/</link>
|
||||
<pubDate>Wed, 17 Mar 2010 15:21:27 +0100</pubDate>
|
||||
|
||||
<guid>/spectacles/fiancee-de-barbe-bleue/</guid>
|
||||
<description>Gilles et Marguerite viennent de se fiancer. Ils emménagent dans une grande maison au bord de l’océan. Le couple semble heureux. Gilles veut refaire sa vie, retrouver sa jeunesse, « tout remettre à plat ». Quand il aura « tout remis à neuf », ils pourront se marier. Mais ses pertes de mémoire l’inquiètent et Gilles s’absente pour passer des radios de « l’intérieur de son crâne ». Il confie à Marguerite les clefs de la maison, en lui précisant de ne pas utiliser la petite clef qui ouvre la porte d’une grosse boîte… Marguerite s’ennuie.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>La lettre</title>
|
||||
<link>/spectacles/la-lettre/</link>
|
||||
<pubDate>Mon, 17 Mar 2008 15:21:27 +0100</pubDate>
|
||||
|
||||
<guid>/spectacles/la-lettre/</guid>
|
||||
<description>Un Père (il va mourir) réunit autour de lui les personnes qui lui sont le plus cher.Comme une prémonition, ce « mal être » du Père annonce quelque chose de plus trouble : l’arrivée de son frère (oublié) « qui rien que par sa présence a causé déjà tellement de troubles »&hellip; Une lettre est adressée à sa Femme.
|
||||
Une lettre qui ne contient pas un contenu précis, puisqu’elle est écrite en une langue inconnue de tous&hellip; Les suppositions vont bon train, tous sont mis à nu, labourés intérieurement par ces périodes troubles, tout ce passé violent qui semble prêt à refaire surface.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Dispositif ULIS</title>
|
||||
<link>/actions_culturelles/action1/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/actions_culturelles/action1/</guid>
|
||||
<description>Actuellement, en partenariat avec le Théâtre National de La Coline, Kahena Saïghi mène un projet théâtre « inclusion inversée » avec le dispositif ULIS et une classe de 5ème classique du collège Jean-Pierre Timbaud à Bobigny, sur les thématiques liées à l’adolescence (Les corps qui changent, le rejet et l’acceptation de l’autre…)</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Hôpital psychiatrique / maison d'arrêt</title>
|
||||
<link>/actions_culturelles/action3/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/actions_culturelles/action3/</guid>
|
||||
<description>Grâce au CDN de Besançon, durant trois années consécutives, Kahena Saïghi et Pierre-Yves Chapalain ont mené un travail axé sur l’improvisation et l’expression corporelle, auprès de patients de l’hôpital psychiatrique de Novilar. Avec les Scènes du Jura, ils ont animé de nombreux ateliers en maison des jeunes et en milieu scolaire. Un travail d&rsquo;écriture a été fait avec des détenus de la Maison d’arrêt de Lons Le Saunier.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>La compagnie LE TEMPS QU’IL FAUT est conventionnée par la DRAC Bretagne-Ministère de la Culture et de la communication. Elle bénéficie du soutien de Spectacle Vivant en Bretagne.</title>
|
||||
<link>/partenaires/convention/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/partenaires/convention/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>La compagnie Le Temps qu’il Faut est ou a été soutenue par : </title>
|
||||
<link>/partenaires/soutien/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/partenaires/soutien/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>La plupart des pièces de Pierre-Yves Chapalain sont éditées aux Solitaires intempestifs.</title>
|
||||
<link>/partenaires/edition/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/partenaires/edition/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Maison de quartier</title>
|
||||
<link>/actions_culturelles/action2/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/actions_culturelles/action2/</guid>
|
||||
<description>Pierre-Yves Chapalain en lien avec le CDN de Caen, a animé des ateliers théâtre auprès d’allocataires de La CAF à la maison de quartier de la Pierre Heuzé durant plus de 3 ans. Avec ces différents groupes, des spectacles ont vu le jour et les participants ont pu faire l’expérience de représentations publiques au théâtre des Cordes à Caen.</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
BIN
public/logo_home.webp
Normal file
BIN
public/logo_home.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
public/ltqf.webp
Normal file
BIN
public/ltqf.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
3
public/partenaires/convention/index.html
Normal file
3
public/partenaires/convention/index.html
Normal file
@ -0,0 +1,3 @@
|
||||
|
||||
|
||||
|
||||
BIN
public/partenaires/convention/logo-direction-regionale.webp
Normal file
BIN
public/partenaires/convention/logo-direction-regionale.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
BIN
public/partenaires/convention/logo-ministere-de-la-culture.webp
Normal file
BIN
public/partenaires/convention/logo-ministere-de-la-culture.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
3
public/partenaires/edition/index.html
Normal file
3
public/partenaires/edition/index.html
Normal file
@ -0,0 +1,3 @@
|
||||
|
||||
|
||||
|
||||
BIN
public/partenaires/edition/logo-editions.webp
Normal file
BIN
public/partenaires/edition/logo-editions.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
281
public/partenaires/index.html
Normal file
281
public/partenaires/index.html
Normal file
@ -0,0 +1,281 @@
|
||||
<!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 - Nos partenaires</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">
|
||||
</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 m-0 p-0">
|
||||
<div class="columns p-0 m-0">
|
||||
<div class="column p-0 m-0 pl-6 is-flex is-align-items-center has-background-black has-text-white" style="height: 20vh;">
|
||||
<h1 class="title is-size-1 has-text-weight-bold">Nos partenaires </h1>
|
||||
</div>
|
||||
<div class="column is-one-fifth m-0 has-background-warning-light is-hidden-mobile">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section m-0 p-0 has-background-warning-light">
|
||||
<div class="columns m-0 p-0">
|
||||
|
||||
|
||||
<div class="column is-four-fifths p-5">
|
||||
<p class="mb-6">La compagnie LE TEMPS QU’IL FAUT est conventionnée par la DRAC Bretagne-Ministère de la Culture et de la communication. Elle bénéficie du soutien de Spectacle Vivant en Bretagne.</p>
|
||||
<div class="columns is-multiline is-mobile is-justify-content-center">
|
||||
|
||||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||||
<figure class="image">
|
||||
<img src="../partenaires/convention/logo-direction-regionale.webp">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||||
<figure class="image">
|
||||
<img src="../partenaires/convention/logo-ministere-de-la-culture.webp">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="column m-0 p-0 has-background-black is-hidden-mobile">
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section m-0 p-0 has-background-warning-light">
|
||||
<div class="columns m-0 p-0">
|
||||
|
||||
|
||||
<div class="column has-background-black is-hidden-mobile">
|
||||
</div>
|
||||
<div class="column is-four-fifths p-5 has-background-warning-light">
|
||||
<p class="mb-6">La compagnie Le Temps qu’il Faut est ou a été soutenue par : </p>
|
||||
<div class="columns is-multiline is-mobile is-justify-content-center">
|
||||
|
||||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||||
<figure class="image">
|
||||
<img src="../partenaires/soutien/Logo-Arcadi.webp">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||||
<figure class="image">
|
||||
<img src="../partenaires/soutien/logo-Departement_29_logo-finistere.webp">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||||
<figure class="image">
|
||||
<img src="../partenaires/soutien/logo-adami.webp">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||||
<figure class="image">
|
||||
<img src="../partenaires/soutien/logo-copie-priv%C3%A9e-logo.webp">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||||
<figure class="image">
|
||||
<img src="../partenaires/soutien/logo-illustration.webp">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||||
<figure class="image">
|
||||
<img src="../partenaires/soutien/logo-region-logo.webp">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||||
<figure class="image">
|
||||
<img src="../partenaires/soutien/logo-sacd.webp">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section m-0 p-0 has-background-warning-light">
|
||||
<div class="columns m-0 p-0">
|
||||
|
||||
|
||||
<div class="column is-four-fifths p-5">
|
||||
<p class="mb-6">La plupart des pièces de Pierre-Yves Chapalain sont éditées aux Solitaires intempestifs.</p>
|
||||
<div class="columns is-multiline is-mobile is-justify-content-center">
|
||||
|
||||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||||
<figure class="image">
|
||||
<img src="../partenaires/edition/logo-editions.webp">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="column m-0 p-0 has-background-black is-hidden-mobile">
|
||||
</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>
|
||||
|
||||
37
public/partenaires/index.xml
Normal file
37
public/partenaires/index.xml
Normal file
@ -0,0 +1,37 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Nos partenaires on LTQF</title>
|
||||
<link>/partenaires/</link>
|
||||
<description>Recent content in Nos partenaires on LTQF</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language><atom:link href="/partenaires/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>La compagnie LE TEMPS QU’IL FAUT est conventionnée par la DRAC Bretagne-Ministère de la Culture et de la communication. Elle bénéficie du soutien de Spectacle Vivant en Bretagne.</title>
|
||||
<link>/partenaires/convention/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/partenaires/convention/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>La compagnie Le Temps qu’il Faut est ou a été soutenue par : </title>
|
||||
<link>/partenaires/soutien/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/partenaires/soutien/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>La plupart des pièces de Pierre-Yves Chapalain sont éditées aux Solitaires intempestifs.</title>
|
||||
<link>/partenaires/edition/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>/partenaires/edition/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
BIN
public/partenaires/soutien/Logo-Arcadi.webp
Normal file
BIN
public/partenaires/soutien/Logo-Arcadi.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
3
public/partenaires/soutien/index.html
Normal file
3
public/partenaires/soutien/index.html
Normal file
@ -0,0 +1,3 @@
|
||||
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
BIN
public/partenaires/soutien/logo-adami.webp
Normal file
BIN
public/partenaires/soutien/logo-adami.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
public/partenaires/soutien/logo-copie-privée-logo.webp
Normal file
BIN
public/partenaires/soutien/logo-copie-privée-logo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/partenaires/soutien/logo-illustration.webp
Normal file
BIN
public/partenaires/soutien/logo-illustration.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/partenaires/soutien/logo-region-logo.webp
Normal file
BIN
public/partenaires/soutien/logo-region-logo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
public/partenaires/soutien/logo-sacd.webp
Normal file
BIN
public/partenaires/soutien/logo-sacd.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
448
public/presse/index.html
Normal file
448
public/presse/index.html
Normal file
@ -0,0 +1,448 @@
|
||||
<!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>
|
||||
|
||||
10
public/presse/index.xml
Normal file
10
public/presse/index.xml
Normal file
@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Presse on LTQF</title>
|
||||
<link>/presse/</link>
|
||||
<description>Recent content in Presse on LTQF</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language><atom:link href="/presse/index.xml" rel="self" type="application/rss+xml" />
|
||||
</channel>
|
||||
</rss>
|
||||
82
public/sitemap.xml
Normal file
82
public/sitemap.xml
Normal file
@ -0,0 +1,82 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||
<url>
|
||||
<loc>/compagnie/kahena/</loc>
|
||||
</url><url>
|
||||
<loc>/compagnie/pierre/</loc>
|
||||
</url><url>
|
||||
<loc>/spectacles/dans-les-plis-de-sa-langue/</loc>
|
||||
<lastmod>2025-01-01T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/spectacles/le-secret/</loc>
|
||||
<lastmod>2025-01-01T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/spectacles/un-apprentissage/</loc>
|
||||
<lastmod>2025-01-01T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/spectacles/promenade-en-robe-de-chambre/</loc>
|
||||
<lastmod>2024-01-01T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/</loc>
|
||||
<lastmod>2023-07-28T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/actions_culturelles/</loc>
|
||||
<lastmod>2023-03-17T15:21:27+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/compagnie/</loc>
|
||||
<lastmod>2023-03-17T15:21:27+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/spectacles/</loc>
|
||||
<lastmod>2023-03-17T15:21:27+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/spectacles/oree-du-bois/</loc>
|
||||
<lastmod>2022-03-17T15:21:27+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/spectacles/derriere-tes-paupieres/</loc>
|
||||
<lastmod>2021-01-01T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/spectacles/dossier-k/</loc>
|
||||
<lastmod>2019-03-17T15:21:27+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/spectacles/ou-sont-les-ogres/</loc>
|
||||
<lastmod>2017-03-17T15:21:27+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/spectacles/outrages/</loc>
|
||||
<lastmod>2015-03-17T15:21:27+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/spectacles/brume-du-soir/</loc>
|
||||
<lastmod>2014-03-17T15:21:27+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/spectacles/absinthe/</loc>
|
||||
<lastmod>2010-03-17T15:21:27+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/spectacles/fiancee-de-barbe-bleue/</loc>
|
||||
<lastmod>2010-03-17T15:21:27+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/spectacles/la-lettre/</loc>
|
||||
<lastmod>2008-03-17T15:21:27+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>/categories/</loc>
|
||||
</url><url>
|
||||
<loc>/contact/</loc>
|
||||
</url><url>
|
||||
<loc>/actions_culturelles/action1/</loc>
|
||||
</url><url>
|
||||
<loc>/actions_culturelles/action3/</loc>
|
||||
</url><url>
|
||||
<loc>/partenaires/convention/</loc>
|
||||
</url><url>
|
||||
<loc>/partenaires/soutien/</loc>
|
||||
</url><url>
|
||||
<loc>/partenaires/edition/</loc>
|
||||
</url><url>
|
||||
<loc>/actions_culturelles/action2/</loc>
|
||||
</url><url>
|
||||
<loc>/partenaires/</loc>
|
||||
</url><url>
|
||||
<loc>/presse/</loc>
|
||||
</url><url>
|
||||
<loc>/tags/</loc>
|
||||
</url>
|
||||
</urlset>
|
||||
BIN
public/spectacles/absinthe/Image1.webp
Normal file
BIN
public/spectacles/absinthe/Image1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 698 KiB |
BIN
public/spectacles/absinthe/Image2.webp
Normal file
BIN
public/spectacles/absinthe/Image2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
public/spectacles/absinthe/Image4.webp
Normal file
BIN
public/spectacles/absinthe/Image4.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
public/spectacles/absinthe/Image5.webp
Normal file
BIN
public/spectacles/absinthe/Image5.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 143 KiB |
BIN
public/spectacles/absinthe/Image6.webp
Normal file
BIN
public/spectacles/absinthe/Image6.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1012 KiB |
BIN
public/spectacles/absinthe/Image7.webp
Normal file
BIN
public/spectacles/absinthe/Image7.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 449 KiB |
BIN
public/spectacles/absinthe/Image8.webp
Normal file
BIN
public/spectacles/absinthe/Image8.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 488 KiB |
BIN
public/spectacles/absinthe/Image9.webp
Normal file
BIN
public/spectacles/absinthe/Image9.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
BIN
public/spectacles/absinthe/dossier.pdf
Normal file
BIN
public/spectacles/absinthe/dossier.pdf
Normal file
Binary file not shown.
BIN
public/spectacles/absinthe/image10.webp
Normal file
BIN
public/spectacles/absinthe/image10.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 974 KiB |
428
public/spectacles/absinthe/index.html
Normal file
428
public/spectacles/absinthe/index.html
Normal file
@ -0,0 +1,428 @@
|
||||
<!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 - Absinthe</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/single-spectacle.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 is-large p-0 m-0 has-background-warning-light">
|
||||
<div id="title-section" class="columns p-0 m-0">
|
||||
<div class="column is-two-thirds p-5 m-0 is-flex is-justify-content-center">
|
||||
<h1 class="title has-text-centered is-size-1 has-text-weight-bold">Absinthe</h1>
|
||||
</div>
|
||||
<div class="column m-0 is-one-third has-background-black is-hidden-mobile"></div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section is-large p-0 m-0 has-background-warning">
|
||||
<div class="columns p-0 m-0">
|
||||
<div class="column is-four-fifths p-0 m-0 has-background-danger">
|
||||
|
||||
|
||||
<figure class="image">
|
||||
<img src="../../spectacles/absinthe/principal.webp">
|
||||
</figure>
|
||||
|
||||
</div>
|
||||
<div class="column is-one-fifth p-0 m-0 has-background-success is-flex is-justify-content-center is-align-items-center is-size-3">
|
||||
<div class="has-text-black has-text-weight-bold p-6">2010</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section is-large p-0 m-0 has-background-warning">
|
||||
<div class="columns p-0 m-0">
|
||||
<div class="column is-1 has-background-black is-hidden-mobile"></div>
|
||||
<div class="column is-10 p-6 has-background-warning-light">
|
||||
<h2 class="subtitle">Spectacle créé le 4 novembre 2010 au Nouveau Théâtre – Centre dramatique national de Besançon et de Franche-Comté</h2>
|
||||
<div class="has-text-black"><p>Adèle et Francis et leurs deux enfants, Adrien et Absinthe, forment une famille ordinaire, sans histoire. Ils vivent dans une maison protégée de l’océan par une ancienne digue. Les enfants terminent leurs études tandis que leur père tente de vivre de sa plume. Le carnaval bat son plein dans la ville voisine. La nuit, un homme à moustache vient trouver Absinthe. Il parle d’une malédiction et prédit à Absinthe un avenir hors du commun mais refuse de révéler qui il est. Absinthe change, elle tient des propos étranges. Sa famille s’inquiète pour elle. Adèle apprend que sa fille doit subir des examens médicaux. Elle est persuadée que sa fille est malade, qu’elle va devoir se faire opérer. Il faut trouver de l’argent pour cette opération. Une amie d’Adèle lui donne des clefs en or. Des clefs qui permettent d’ouvrir les portes de la digue. L’homme à moustache revient trouver Absinthe. On comprend qu’il est son vrai père. Il demande à Absinthe de le venger…</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-1 has-background-black is-hidden-mobile"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section is-large p-0 m-0 has-background-warning">
|
||||
<div class="columns p-0 m-0">
|
||||
<div class="column p-6 is-two-fifths has-background-primary-dark has-text-black">
|
||||
<h2 class="subtitle mb-6">En savoir plus</h2>
|
||||
|
||||
|
||||
<div class="columns is-gapless is-vcentered ">
|
||||
<div class="column">
|
||||
<a href=../../spectacles/absinthe/dossier.pdf>
|
||||
<h3 class="title is-6">Télécharger le Dossier de présentation</h3>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="column is-three-fifths p-0 m-0 has-background-danger is-hidden-mobile">
|
||||
|
||||
|
||||
<figure class="image">
|
||||
<img src="../../spectacles/absinthe/savoir.webp">
|
||||
</figure>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section is-large p-6 m-0 has-background-black has-text-white">
|
||||
<h2 class="subtitle">Crédits</h2>
|
||||
<div class="columns is-multiline mt-2">
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Texte et mise en scène</div>
|
||||
|
||||
<div class="column is-three-quarters">Pierre-Yves Chapalain</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Metteur en scène</div>
|
||||
|
||||
<div class="column is-three-quarters">Pierre-Yves Chapalain</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Production / Diffusion</div>
|
||||
|
||||
<div class="column is-three-quarters">Juliette Roels</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Scénographie</div>
|
||||
|
||||
<div class="column is-three-quarters">Marguerite Bordat</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Collaboration artistique</div>
|
||||
|
||||
<div class="column is-three-quarters">Yann Richard</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Musique et Paysage sonore</div>
|
||||
|
||||
<div class="column is-three-quarters">Yann Le Hérissé et Frédéric Lagnau</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Création lumières et direction technique</div>
|
||||
|
||||
<div class="column is-three-quarters">Grégoire De Lafond</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Perruques et maquillage</div>
|
||||
|
||||
<div class="column is-three-quarters">Nathalie Regior</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Collaboration à la ventriloquie</div>
|
||||
|
||||
<div class="column is-three-quarters">Michel Dejeneffe</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Construction</div>
|
||||
|
||||
<div class="column is-three-quarters">Patrick Poyard et Pedro Noguera</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Réalisation des costumes</div>
|
||||
|
||||
<div class="column is-three-quarters">Florence Bruchon et Sara Barthesaghi-Gallo</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Administration de production</div>
|
||||
|
||||
<div class="column is-three-quarters">Juliette Roels et Céline Settimelli</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Production déléguée</div>
|
||||
|
||||
<div class="column is-three-quarters">Compagnie Le Temps qu’il Faut</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Partenaires en co-production</div>
|
||||
|
||||
<div class="column is-three-quarters">
|
||||
<ul>
|
||||
|
||||
<li>le Nouveau Théâtre - Centre dramatique national de Besançon et de Franche-Comté,</li>
|
||||
|
||||
<li>le Théâtre de la Bastille,</li>
|
||||
|
||||
<li>la Comédie de l’Est – Centre Dramatique Régional d’Alsace,</li>
|
||||
|
||||
<li>le Théâtre de la Coupe d’Or – Scène conventionnée de Rochefort,</li>
|
||||
|
||||
<li>avec l’aide à la production d’Arcadi, du Ministère de la culture et de la communication – DRAC de Bretagne,</li>
|
||||
|
||||
<li>avec l’aide à la production et à la diffusion du Fonds SACD Théâtre et le soutien de l’ADAMI.</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Édition</div>
|
||||
|
||||
<div class="column is-three-quarters">Absinthe de Pierre-Yves Chapalain, est publié aux éditions Les Solitaires intempestifs</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Tournée 2010/2011</div>
|
||||
|
||||
<div class="column is-three-quarters">
|
||||
<ul>
|
||||
|
||||
<li>Nouveau Théâtre – Centre dramatique national de Besançon,</li>
|
||||
|
||||
<li>La Comédie de l’est – Centre dramatique régional d’Alsace, Colmar,</li>
|
||||
|
||||
<li><a href="https://www.theatre-bastille.com/le-theatre/archives/saison-2010-2011/absinthe">Théâtre de la Bastille</a>,</li>
|
||||
|
||||
<li>Théâtre de la Coupe d’Or – Scène conventionnée de Rochefort,</li>
|
||||
|
||||
<li>Nouvel Olympia - Centre dramatique régional, Tours.</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<section class="section is-large m-0 p-6 has-background-black">
|
||||
<h2 class="subtitle">Galerie</h2>
|
||||
<div class="container">
|
||||
<div id="galerie" class="carousel">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/absinthe/Image1.webp" alt="spectacles/absinthe/Image1.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/absinthe/Image2.webp" alt="spectacles/absinthe/Image2.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/absinthe/Image4.webp" alt="spectacles/absinthe/Image4.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/absinthe/Image5.webp" alt="spectacles/absinthe/Image5.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/absinthe/Image6.webp" alt="spectacles/absinthe/Image6.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/absinthe/Image7.webp" alt="spectacles/absinthe/Image7.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/absinthe/Image8.webp" alt="spectacles/absinthe/Image8.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/absinthe/Image9.webp" alt="spectacles/absinthe/Image9.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/absinthe/image10.webp" alt="spectacles/absinthe/image10.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/absinthe/principal.webp" alt="spectacles/absinthe/principal.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/absinthe/savoir.webp" alt="spectacles/absinthe/savoir.webp">
|
||||
|
||||
|
||||
|
||||
</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>
|
||||
<script>
|
||||
bulmaCarousel.attach('#galerie', {
|
||||
slidesToScroll: 1,
|
||||
slidesToShow: 3,
|
||||
navigation: false,
|
||||
navigationKeys: false,
|
||||
pagination: false,
|
||||
loop: false,
|
||||
infinite: true,
|
||||
autoplay: true,
|
||||
autoplaySpeed: 2000,
|
||||
pauseOnHover: true,
|
||||
duration: 300
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
BIN
public/spectacles/absinthe/presse1.pdf
Normal file
BIN
public/spectacles/absinthe/presse1.pdf
Normal file
Binary file not shown.
BIN
public/spectacles/absinthe/principal.webp
Normal file
BIN
public/spectacles/absinthe/principal.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
public/spectacles/absinthe/savoir.webp
Normal file
BIN
public/spectacles/absinthe/savoir.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 488 KiB |
BIN
public/spectacles/brume-du-soir/Image1.webp
Normal file
BIN
public/spectacles/brume-du-soir/Image1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 345 KiB |
BIN
public/spectacles/brume-du-soir/Image2.webp
Normal file
BIN
public/spectacles/brume-du-soir/Image2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 MiB |
BIN
public/spectacles/brume-du-soir/Image4.webp
Normal file
BIN
public/spectacles/brume-du-soir/Image4.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
public/spectacles/brume-du-soir/Image5.webp
Normal file
BIN
public/spectacles/brume-du-soir/Image5.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 MiB |
BIN
public/spectacles/brume-du-soir/Image6.webp
Normal file
BIN
public/spectacles/brume-du-soir/Image6.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 MiB |
BIN
public/spectacles/brume-du-soir/Image7.webp
Normal file
BIN
public/spectacles/brume-du-soir/Image7.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 MiB |
BIN
public/spectacles/brume-du-soir/dossier.pdf
Normal file
BIN
public/spectacles/brume-du-soir/dossier.pdf
Normal file
Binary file not shown.
BIN
public/spectacles/brume-du-soir/image8.webp
Normal file
BIN
public/spectacles/brume-du-soir/image8.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 MiB |
423
public/spectacles/brume-du-soir/index.html
Normal file
423
public/spectacles/brume-du-soir/index.html
Normal file
@ -0,0 +1,423 @@
|
||||
<!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 - Brume du soir</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/single-spectacle.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 is-large p-0 m-0 has-background-warning-light">
|
||||
<div id="title-section" class="columns p-0 m-0">
|
||||
<div class="column is-two-thirds p-5 m-0 is-flex is-justify-content-center">
|
||||
<h1 class="title has-text-centered is-size-1 has-text-weight-bold">Brume du soir</h1>
|
||||
</div>
|
||||
<div class="column m-0 is-one-third has-background-black is-hidden-mobile"></div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section is-large p-0 m-0 has-background-warning">
|
||||
<div class="columns p-0 m-0">
|
||||
<div class="column is-four-fifths p-0 m-0 has-background-danger">
|
||||
|
||||
|
||||
<figure class="image">
|
||||
<img src="../../spectacles/brume-du-soir/principal.webp">
|
||||
</figure>
|
||||
|
||||
</div>
|
||||
<div class="column is-one-fifth p-0 m-0 has-background-success is-flex is-justify-content-center is-align-items-center is-size-3">
|
||||
<div class="has-text-black has-text-weight-bold p-6">2014</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section is-large p-0 m-0 has-background-warning">
|
||||
<div class="columns p-0 m-0">
|
||||
<div class="column is-1 has-background-black is-hidden-mobile"></div>
|
||||
<div class="column is-10 p-6 has-background-warning-light">
|
||||
<h2 class="subtitle">Spectacle créé en février 2014 au Théâtre Anne de Bretagne, Vannes</h2>
|
||||
<div class="has-text-black"><p>Monsieur Alexandra est fou d’inquiétude. Sa fille, Mathilde, n’est pas rentrée depuis plusieurs jours… Il n’est pourtant pas du genre à empêcher sa fille de vivre sa vie, il aime trop la liberté pour lui interdire quoique ce soit. Mais il trouve qu’elle a depuis quelque temps un comportement étrange, il sent l’imminence d’une catastrophe au plus profond de lui-même… C’est peut-être à cause de cet homme dont Mathilde s’est entichée, avec qui elle discute le soir au bord du fleuve. Il est jeune, mais il semble si vieux à Monsieur Alexandra, et ravive en lui de douloureux souvenirs d’un pays lointain, d’une vie passée jusque-là soigneusement cachée. La Brume du soir est une histoire d’exils. D’exils réels, ceux du père et de l’homme, qui ont fui un pays lointain pour se reconstruire ailleurs. D’exil intérieur aussi, cette perte de l’âme que peut provoquer l’effacement du passé, l’oubli des origines. Le père veut être « géographique », se développer en fonction du lieu où il vit. Il fait table rase du passé pour ne pas se laisser entraver par quoique ce soit de négatif, comme une plante qui doit s’adapter coûte que coûte au lieu où elle se trouve…Mais quelque chose vient toquer à la porte de sa conscience, quelque chose qui n’est peut-être pas le passé, mais tout simplement son âme qui cherche à ne pas mourir…La Brume du soir est une histoire d’amour. Un amour dangereux, interdit, mystérieux aussi puisque les deux amants ne parviennent pas à se souvenir des mots qui les ont rapprochés, aimantés. Ces mots sont entrés dans l’oreille de Mathilde et l’ont touchée au plus profond d’elle-même, l’ont conduit comme « à la lisière d’une forêt ». Des mots qui, comme chez les Dogons, nourrissent vraiment et habillent de vêtements brodés celui qui les reçoit dans l’oreille…</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-1 has-background-black is-hidden-mobile"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section is-large p-0 m-0 has-background-warning">
|
||||
<div class="columns p-0 m-0">
|
||||
<div class="column p-6 is-two-fifths has-background-primary-dark has-text-black">
|
||||
<h2 class="subtitle mb-6">En savoir plus</h2>
|
||||
|
||||
|
||||
<div class="columns is-gapless is-vcentered ">
|
||||
<div class="column">
|
||||
<a href=../../spectacles/brume-du-soir/dossier.pdf>
|
||||
<h3 class="title is-6">Télécharger le Dossier de présentation</h3>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="column is-three-fifths p-0 m-0 has-background-danger is-hidden-mobile">
|
||||
|
||||
|
||||
<figure class="image">
|
||||
<img src="../../spectacles/brume-du-soir/savoir.webp">
|
||||
</figure>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section is-large p-6 m-0 has-background-black has-text-white">
|
||||
<h2 class="subtitle">Crédits</h2>
|
||||
<div class="columns is-multiline mt-2">
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Écriture et mise en scène</div>
|
||||
|
||||
<div class="column is-three-quarters">Pierre-Yves Chapalain</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Avec</div>
|
||||
|
||||
<div class="column is-three-quarters">Eric Challier, Antek Klemm, Kahena Saïghi</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Collaboration artistique</div>
|
||||
|
||||
<div class="column is-three-quarters">Yann Richard</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Création lumière</div>
|
||||
|
||||
<div class="column is-three-quarters">Grégoire de Lafond</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Création son</div>
|
||||
|
||||
<div class="column is-three-quarters">Tal Agram</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Régie plateau</div>
|
||||
|
||||
<div class="column is-three-quarters">Frédéric Plou</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Collaboration à la scénographie et aux costumes</div>
|
||||
|
||||
<div class="column is-three-quarters">Pia de Compiègne</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Marionnette réalisée par</div>
|
||||
|
||||
<div class="column is-three-quarters">Marguerite Bordat</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Voix</div>
|
||||
|
||||
<div class="column is-three-quarters">Odja Llorca</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Administration de production et diffusion</div>
|
||||
|
||||
<div class="column is-three-quarters">Nathalie Untersinger</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Production</div>
|
||||
|
||||
<div class="column is-three-quarters">Compagnie Le Temps qu’il Faut et Théâtre Dijon Bourgogne</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Co-production</div>
|
||||
|
||||
<div class="column is-three-quarters">
|
||||
<ul>
|
||||
|
||||
<li>Théâtre Anne de Bretagne, scène conventionnée – Vannes,</li>
|
||||
|
||||
<li>l’Archipel, pôle d’action culturelle de Fouesnant-Les Glénan - Fouesnant</li>
|
||||
|
||||
<li>Les Théâtrales Charles Dullin – Festival de la création contemporaine,</li>
|
||||
|
||||
<li>Théâtre Edwige Feuillère, scène conventionnée de Vesoul,</li>
|
||||
|
||||
<li>Théâtre de Poche d’Hédé</li>
|
||||
|
||||
<li>Avec le soutien du Ministère de la Culture et de la Communication au titre de l’aide à la production,</li>
|
||||
|
||||
<li>Avec le soutien de la Région Bretagne et de Spectacle Vivant en Bretagne.</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Co-réalisation</div>
|
||||
|
||||
<div class="column is-three-quarters">Théâtre de l’Echangeur, Bagnolet – Cie Public Chérie</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Tournée 2014/2015</div>
|
||||
|
||||
<div class="column is-three-quarters">
|
||||
<ul>
|
||||
|
||||
<li>Théâtre Anne de Bretagne, scène conventionnée – Vannes,</li>
|
||||
|
||||
<li>l’Archipel, pôle d’action culturelle de Fouesnant-Les Glénan - Fouesnant,</li>
|
||||
|
||||
<li>Théâtre de l’Echangeur – Paris,</li>
|
||||
|
||||
<li>Théâtre Dijon-Bourgogne, centre dramatique national,</li>
|
||||
|
||||
<li>La Faïencerie-Théâtre – Creil,</li>
|
||||
|
||||
<li>Théâtre Edwige Feuillère, scène conventionnée – Vesoul,</li>
|
||||
|
||||
<li><a href="https://theatre-de-poche.com/la-brume-du-soir">Théâtre de Poche de Hédé – Hédé-Bazouges</a>,</li>
|
||||
|
||||
<li>Scènes du Jura, scène nationale,</li>
|
||||
|
||||
<li>Théâtre de Morlaix</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<section class="section is-large m-0 p-6 has-background-black">
|
||||
<h2 class="subtitle">Galerie</h2>
|
||||
<div class="container">
|
||||
<div id="galerie" class="carousel">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/brume-du-soir/Image1.webp" alt="spectacles/brume-du-soir/Image1.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/brume-du-soir/Image2.webp" alt="spectacles/brume-du-soir/Image2.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/brume-du-soir/Image4.webp" alt="spectacles/brume-du-soir/Image4.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/brume-du-soir/Image5.webp" alt="spectacles/brume-du-soir/Image5.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/brume-du-soir/Image6.webp" alt="spectacles/brume-du-soir/Image6.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/brume-du-soir/Image7.webp" alt="spectacles/brume-du-soir/Image7.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/brume-du-soir/image8.webp" alt="spectacles/brume-du-soir/image8.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/brume-du-soir/last.webp" alt="spectacles/brume-du-soir/last.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/brume-du-soir/principal.webp" alt="spectacles/brume-du-soir/principal.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/brume-du-soir/savoir.webp" alt="spectacles/brume-du-soir/savoir.webp">
|
||||
|
||||
|
||||
|
||||
</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>
|
||||
<script>
|
||||
bulmaCarousel.attach('#galerie', {
|
||||
slidesToScroll: 1,
|
||||
slidesToShow: 3,
|
||||
navigation: false,
|
||||
navigationKeys: false,
|
||||
pagination: false,
|
||||
loop: false,
|
||||
infinite: true,
|
||||
autoplay: true,
|
||||
autoplaySpeed: 2000,
|
||||
pauseOnHover: true,
|
||||
duration: 300
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
BIN
public/spectacles/brume-du-soir/last.webp
Normal file
BIN
public/spectacles/brume-du-soir/last.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
public/spectacles/brume-du-soir/presse1.pdf
Normal file
BIN
public/spectacles/brume-du-soir/presse1.pdf
Normal file
Binary file not shown.
BIN
public/spectacles/brume-du-soir/principal.webp
Normal file
BIN
public/spectacles/brume-du-soir/principal.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 MiB |
BIN
public/spectacles/brume-du-soir/savoir.webp
Normal file
BIN
public/spectacles/brume-du-soir/savoir.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 MiB |
BIN
public/spectacles/dans-les-plis-de-sa-langue/dossier.pdf
Normal file
BIN
public/spectacles/dans-les-plis-de-sa-langue/dossier.pdf
Normal file
Binary file not shown.
BIN
public/spectacles/dans-les-plis-de-sa-langue/image1.webp
Normal file
BIN
public/spectacles/dans-les-plis-de-sa-langue/image1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
public/spectacles/dans-les-plis-de-sa-langue/image2.webp
Normal file
BIN
public/spectacles/dans-les-plis-de-sa-langue/image2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
public/spectacles/dans-les-plis-de-sa-langue/image3.webp
Normal file
BIN
public/spectacles/dans-les-plis-de-sa-langue/image3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
public/spectacles/dans-les-plis-de-sa-langue/image4.webp
Normal file
BIN
public/spectacles/dans-les-plis-de-sa-langue/image4.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
348
public/spectacles/dans-les-plis-de-sa-langue/index.html
Normal file
348
public/spectacles/dans-les-plis-de-sa-langue/index.html
Normal file
@ -0,0 +1,348 @@
|
||||
<!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 - Dans les plis de sa langue</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/single-spectacle.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 is-large p-0 m-0 has-background-warning-light">
|
||||
<div id="title-section" class="columns p-0 m-0">
|
||||
<div class="column is-two-thirds p-5 m-0 is-flex is-justify-content-center">
|
||||
<h1 class="title has-text-centered is-size-1 has-text-weight-bold">Dans les plis de sa langue</h1>
|
||||
</div>
|
||||
<div class="column m-0 is-one-third has-background-black is-hidden-mobile"></div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section is-large p-0 m-0 has-background-warning">
|
||||
<div class="columns p-0 m-0">
|
||||
<div class="column is-four-fifths p-0 m-0 has-background-danger">
|
||||
|
||||
|
||||
<figure class="image">
|
||||
<img src="../../spectacles/dans-les-plis-de-sa-langue/principal.webp">
|
||||
</figure>
|
||||
|
||||
</div>
|
||||
<div class="column is-one-fifth p-0 m-0 has-background-success is-flex is-justify-content-center is-align-items-center is-size-3">
|
||||
<div class="has-text-black has-text-weight-bold p-6">2025</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section is-large p-0 m-0 has-background-warning">
|
||||
<div class="columns p-0 m-0">
|
||||
<div class="column is-1 has-background-black is-hidden-mobile"></div>
|
||||
<div class="column is-10 p-6 has-background-warning-light">
|
||||
<h2 class="subtitle">Création en 2025</h2>
|
||||
<div class="has-text-black"><p>Emma, une jeune fille à peine sortie de l’adolescence, vit avec sa mère et son oncle paternel, au dessus du restaurant familial. L’oncle, le frère jumeau de son père décédé, est chef cuistot et tient le restaurant, accompagné de son jeune apprenti Alan, ancien ami d’enfance d’Emma.</p>
|
||||
<p>Ce dernier, au parcours chaotique, a pu écourter sa peine de prison, gràce à l’oncle et aux ateliers de cuisine qu’il dispensait au sein de l’établissement pénitencier. En effet, l’oncle a reconnu en Alan un don extraordinaire pour la cuisine. D’ailleurs, la mère d’Emma qui refusait de s’alimenter, se remet à manger depuis qu’il lui concocte ses repas.
|
||||
Emma reçoit une lettre d’admission à une école prestigieuse, à laquelle elle a candidaté sans véritablement y croire, persuadée que ce genre d’école n’est pas fait pour elle et défiante vis-à-vis de ce type d’insitution qui, selon elle, formate et uniformise la pensée.</p>
|
||||
<p>Son oncle s’attache à l’idée de la voir partir étudier dans cet établissement renommé. Pour lui, cela représente l’accession à un monde nouveau, plein de promesses. Il ne comprend pas l’hésitation de sa nièce.</p>
|
||||
<p>Elle, ne comprend pas son insistance. Pourquoi veut-il se débarasser d’elle ? Emma pense à sa mère, qui semble perdre la mémoire, comme vidée de sa substance vitale, elle l’estime trop vulnérable pour la laisser seule avec son oncle. Elle l’a tellement vu se faire dévorer par son père, elle craint que l’histoire se répète avec son oncle. En effet, celui-ci tente, depuis la mort de son frère jumeau, de rappeler à sa belle-soeur les souvenirs d’une relation amoureuse passée et toujours restée secrète, une manière de la ramener dans le flux de la vie.</p>
|
||||
<p>Tout ce petit monde qui tente d’éclore à nouveau pourra-t-il s’affranchir de l’aura dévastatrice du défunt mari?</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-1 has-background-black is-hidden-mobile"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section is-large p-0 m-0 has-background-warning">
|
||||
<div class="columns p-0 m-0">
|
||||
<div class="column p-6 is-two-fifths has-background-primary-dark has-text-black">
|
||||
<h2 class="subtitle mb-6">En savoir plus</h2>
|
||||
|
||||
|
||||
<div class="columns is-gapless is-vcentered ">
|
||||
<div class="column">
|
||||
<a href=../../spectacles/dans-les-plis-de-sa-langue/dossier.pdf>
|
||||
<h3 class="title is-6">Télécharger le Dossier de présentation</h3>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="column is-three-fifths p-0 m-0 has-background-danger is-hidden-mobile">
|
||||
|
||||
|
||||
<figure class="image">
|
||||
<img src="../../spectacles/dans-les-plis-de-sa-langue/savoir.webp">
|
||||
</figure>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section is-large p-6 m-0 has-background-black has-text-white">
|
||||
<h2 class="subtitle">Crédits</h2>
|
||||
<div class="columns is-multiline mt-2">
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Écriture</div>
|
||||
|
||||
<div class="column is-three-quarters">Pierre-Yves Chapalain</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Mise en scène</div>
|
||||
|
||||
<div class="column is-three-quarters">Kahena Saïghi et Pierre-Yves Chapalain</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Avec</div>
|
||||
|
||||
<div class="column is-three-quarters">Marie Cariès, Kahena Saïghi, Pierre-Yves Chapalain, Miléna Sansonetti et Baptiste Znemenak</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Assistant à la mise en scène</div>
|
||||
|
||||
<div class="column is-three-quarters">Eric Feldman</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Création lumières</div>
|
||||
|
||||
<div class="column is-three-quarters">Florent Jacob</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Création sonore</div>
|
||||
|
||||
<div class="column is-three-quarters">Samuel Favart-Mikcha</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Scénographie et costumes</div>
|
||||
|
||||
<div class="column is-three-quarters">Andréa Warzée</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Administration de production</div>
|
||||
|
||||
<div class="column is-three-quarters">En votre compagnie</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Production</div>
|
||||
|
||||
<div class="column is-three-quarters">Compagnie Le Temps qu’il Faut</div>
|
||||
|
||||
|
||||
<div class="column is-one-quarter">Résidence</div>
|
||||
|
||||
<div class="column is-three-quarters">Le Cube - Hérisson</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<section class="section is-large m-0 p-6 has-background-black">
|
||||
<h2 class="subtitle">Galerie</h2>
|
||||
<div class="container">
|
||||
<div id="galerie" class="carousel">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/dans-les-plis-de-sa-langue/image1.webp" alt="spectacles/dans-les-plis-de-sa-langue/image1.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/dans-les-plis-de-sa-langue/image2.webp" alt="spectacles/dans-les-plis-de-sa-langue/image2.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/dans-les-plis-de-sa-langue/image3.webp" alt="spectacles/dans-les-plis-de-sa-langue/image3.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/dans-les-plis-de-sa-langue/image4.webp" alt="spectacles/dans-les-plis-de-sa-langue/image4.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/dans-les-plis-de-sa-langue/principal.webp" alt="spectacles/dans-les-plis-de-sa-langue/principal.webp">
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="../../spectacles/dans-les-plis-de-sa-langue/savoir.webp" alt="spectacles/dans-les-plis-de-sa-langue/savoir.webp">
|
||||
|
||||
|
||||
|
||||
</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>
|
||||
<script>
|
||||
bulmaCarousel.attach('#galerie', {
|
||||
slidesToScroll: 1,
|
||||
slidesToShow: 3,
|
||||
navigation: false,
|
||||
navigationKeys: false,
|
||||
pagination: false,
|
||||
loop: false,
|
||||
infinite: true,
|
||||
autoplay: true,
|
||||
autoplaySpeed: 2000,
|
||||
pauseOnHover: true,
|
||||
duration: 300
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
BIN
public/spectacles/dans-les-plis-de-sa-langue/principal.webp
Normal file
BIN
public/spectacles/dans-les-plis-de-sa-langue/principal.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 MiB |
BIN
public/spectacles/dans-les-plis-de-sa-langue/savoir.webp
Normal file
BIN
public/spectacles/dans-les-plis-de-sa-langue/savoir.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 MiB |
BIN
public/spectacles/derriere-tes-paupieres/dossier.pdf
Normal file
BIN
public/spectacles/derriere-tes-paupieres/dossier.pdf
Normal file
Binary file not shown.
BIN
public/spectacles/derriere-tes-paupieres/image1.webp
Normal file
BIN
public/spectacles/derriere-tes-paupieres/image1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
public/spectacles/derriere-tes-paupieres/image10.webp
Normal file
BIN
public/spectacles/derriere-tes-paupieres/image10.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
BIN
public/spectacles/derriere-tes-paupieres/image11.webp
Normal file
BIN
public/spectacles/derriere-tes-paupieres/image11.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 MiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user
