initial webp

.gitignore

@@ -0,0 +1,2 @@
+resources
+.hugo_build*

TODO.md

@@ -0,0 +1,51 @@
+- spectacles:
+  - Oree du Bois:
+    - [x] image principale
+    - [x] images complémentaires
+    - [] crédits
+    - [x] description
+  - Dossier K:
+    - [x] image principale
+    - [x] images complémentaires
+    - [x] crédits
+    - [x] description
+  - Où sont les ogres:
+    - [x] image principale
+    - [x] images complémentaires
+    - [] crédits
+    - [] description
+  - Outrages:
+    - [x] image principale
+    - [x] images complémentaires
+    - [x] crédits
+    - [x] description
+  - Brume du soir:
+    - [x] image principale
+    - [x] images complémentaires
+    - [] crédits
+    - [] description
+  - La fiancée de Barbe Bleue:
+    - [x] image principale
+    - [x] images complémentaires
+    - [] crédits
+    - [] description
+  - Absinthe:
+    - [x] image principale
+    - [x] images complémentaires
+    - [x] crédits
+    - [] description
+  - La lettre:
+    - [x] image principale
+    - [x] images complémentaires
+    - [x] crédits
+    - [] description
+  - Dans les plis de sa langue:
+    - [] image principale
+    - [] images complémentaires
+    - [x] crédits
+    - [x] description
+  - Derrière tes paupières:
+    - [x] image principale
+    - [x] images complémentaires
+    - [] crédits
+    - [x] description

archetypes/default.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

assets/css/agenda.css

@@ -0,0 +1,24 @@
+.section img {
+    height: 500px;
+    width: 100%;
+    object-fit: cover;
+}
+.section h2, .section h3 {
+    font-family: 'Advent Pro', sans-serif;
+}
+
+h3 {
+    text-decoration: underline;
+}
+
+p, li, button {
+    font-family: 'Lato', sans-serif;
+}
+
+.section li {
+    list-style-type: disc;
+}
+
+.column {
+    border-radius: 20px;
+}

assets/css/compagnie.css

@@ -0,0 +1,3 @@
+h2{
+    font-family: 'Advent Pro', sans-serif;
+}

assets/css/contact.css

@@ -0,0 +1,43 @@
+
+.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;
+}

assets/css/index.css

@@ -0,0 +1,56 @@
+.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 */
+    }
+  }

assets/css/presse.css

@@ -0,0 +1,8 @@
+.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 */
+  }

assets/css/single-spectacle.css

@@ -0,0 +1,26 @@
+#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;
+    }
+}

assets/css/spectacles.css

@@ -0,0 +1,18 @@
+.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;
+  }

assets/css/style.css

@@ -0,0 +1,19 @@
+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;
+}

assets/css/stylebak.css

@@ -0,0 +1,105 @@
+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;
+  }
+/*
+html, body, .hero, .columns, .column, .is-fullheight {
+    height: 100%;
+  }
+*/
+html, body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+   .menu, .menu--dark {
+      position: fixed;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      width: 20%; 
+      overflow-y: auto; 
+    }
+
+.menu-list a {
+  font-family: 'Lato', sans-serif;
+}
+.menu-list a:hover {
+  background-color: transparent;
+  text-decoration: underline;
+}
+
+aside.home .menu-list a, aside.home a {
+  color: white;
+}
+aside.not-home .menu-list a, aside.not-home a {
+  color: black;
+}
+    .social-icons{
+      margin-left: 10%;
+    }
+
+    /*
+    .social-icons a {
+      color: white;
+      font-size: .8rem;
+    }
+    */
+    .navbar-bottom-icon {
+      position: absolute;
+      bottom: 2%;
+      left: 50%;
+      border: 2px solid black;
+      transform: translateX(-50%);
+    }
+
+    .home__main {
+      display: flex;
+    }
+    .section--fixed {
+      position: fixed;
+      z-index: 1;
+      height: 100%;
+      width: 80%;
+    }
+    
+  .carousel {
+      width: 100%;
+      height: 100%;
+  }
+  
+  .carousel-container {
+      display: flex;
+      transition: transform 0.5s ease-in-out;
+      height: 100%;
+      width: 100%;
+  }
+  
+  .carousel-item {
+      flex: 0 0 100%;
+      text-align: center;
+  }
+  
+  .carousel-item img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+
+  }
+  
+  /* Pulls out inactive pictures */
+  .carousel-item:not(.active) {
+      display: none;
+
+  }