some todolist for desktop

2023-11-17 13:27:10 +01:00 · 2023-11-17 13:27:10 +01:00 · 89581cf6de
commit 89581cf6de
parent a168354be4
10 changed files with 73 additions and 74 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,2 +1,3 @@
 resources
-.hugo_build*
+.hugo_build*
+public/*
--- a/TODO.md
+++ b/TODO.md
@ -1,51 +1,22 @@
- 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
+# Desktop
+- [x] lien logo navbar -> ne renvoie pas vers l'index
+- [x] flèche up présente sur la page d'accueil pour rien
+- [x] news page d'accueil -> défilement trop rapide
+- [] lien fb et instagram
+- [x] page compagnie -> paragraphes trop denses
+- [] flèche up présente même avant le scroll
+- [x] page spectacles -> flèche up non-visible
+- [] page spectacles/un-apprentissage ->  pas de galerie
+- [] page spectacles/single -> background de photo principal à mettre en noir
+- [] page spectacles/single -> photo savoir trop haute
+- [] page spectacles/le-secret -> rien dans En savoir plus 
+- [x] page spectacles/single -> galeries avec des grandes photos portraits
+- [] page spectacles/single -> galeries avec des photos pas centrées
+- [] page spectacles/single -> galeries avec la dernière photo qu'on voie apparaitre au lieu d'un slide normal
+- [] page spectacles/promenade-en-robe-de-chambre -> rien dans la galerie
+- [x] page actions-culturelles -> hauteur des cartes pas uniforme
+- [x] page partenaires -> agencement des logos soutien (sacd tout seul au milieu)
+- [] page presse/ou-sont-les-ogres -> pas de lien
+- [] page presse/outrages -> pas de lien
+- [] page presse/fiancee-de-barbe-bleue -> pas de lien
+- [] page presse/la-lettre -> pas de lien
--- a/content/compagnie/_index.md
+++ b/content/compagnie/_index.md
@ -5,7 +5,15 @@ draft: false
 subtitle: "Les fondateurs"
 ---

-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…
+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…

 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.
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@ -10,7 +10,7 @@
 <body style="position:relative">

    {{- block "main" . }}
-    {{ $bg := cond .IsHome "has-background-black has-text-white" "has-text-black" }}
+    {{ $bg := cond .IsHome "has-background-black has-text-white" "has-background-warning-light has-text-black" }}
    <main class="columns is-fullheight is-gapless m-0 has-background-black">

            <!-- Barre de navigation  -->
@ -19,13 +19,15 @@
            <!-- Contenu de la page -->
            <div class="column is-four-fifths m-0 p-0">
              {{- block "content" . }}{{- end }}
-              <div class="is-flex is-flex-direction-column is-justify-content-flex-end" style="position: fixed; bottom: 0%; right: 3%;">
-                <a href="#" class="{{$bg}}" style="position: sticky; bottom: 0;">
+              {{ if not .IsHome}}
+              <div class="is-flex is-flex-direction-column is-justify-content-flex-end" style="position: fixed; bottom: 0%; right: 2%;">
+                <a href="#" class="{{$bg}}" style="position: sticky; bottom: 0; border-radius: 50%;">
                  <span class="icon">
                    <i class="fas fa-arrow-up"></i>
                  </span>
                </a>
              </div>
+              {{ end }}
            </div>

    </main>
--- a/layouts/actions_culturelles/list.html
+++ b/layouts/actions_culturelles/list.html
@ -14,16 +14,18 @@
    {{ range .Pages }}
    <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">
+            <div class="box has-background-warning-light has-text-centered pt-6" style="height: 50vh; overflow: hidden;">
                <h2 class="subtitle mb-6">{{ .Title }}</h2>
                <div class="block">{{ .Content }}</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">
+            <div class="box has-background-warning-light" style="height: 50vh;">
                {{ $img := resources.GetMatch (print .File.Dir "/illustration.*") }}
                {{ with $img }}
-                <img src="{{ $img.Permalink }}">
+                <figure class="image is-flex is-justify-content-center" style="width: 100%; height: 100%;">
+                    <img src="{{ $img.Permalink }}" style="max-width: 100%; max-height: 100%; display: block;">
+                </figure>
                {{ end }}
            </div>
        </div>  
--- a/layouts/compagnie/list.html
+++ b/layouts/compagnie/list.html
@ -5,13 +5,13 @@

 {{ define "content" }}

-<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">{{ .Title }}</h1>
+<div class="has-background-warning-light pt-6 px-6">
+    <section class="section mb-0 py-0 has-text-justified">
+            <h1 class="title is-size-1 has-text-weight-bold has-text-centered">{{ .Title }}</h1>
            <p>{{ .Content}}</p>
    </section>
    <section class="section mb-0 pb-0">
-            <h2 class="is-size-3 mb-5">{{ .Params.subtitle}}</h2>
+            <h2 class="is-size-3 mb-5 has-text-centered">{{ .Params.subtitle}}</h2>
            <div class="columns is-justify-content-center ">
                {{ range .Pages }}
                    <div class="column is-4" style="overflow:hidden;">
@ -28,8 +28,8 @@
    </section>
    <section class="section">
        {{ range .Pages }}
-        <div class="py-5">
-            <h2 class="is-size-4">{{ .Title }}</h2>
+        <div class="py-5 has-text-justified">
+            <h2 class="is-size-4 has-text-centered">{{ .Title }}</h2>
            <p class="is-size-6">{{ .Content }}</p>
        </div>
        {{ end }}
--- a/layouts/index.html
+++ b/layouts/index.html
@ -13,7 +13,7 @@
                </figure>
                {{ end }}
        </div>
-        <div id="galerie" class="box carousel overlay">
+        <div id="news" class="box carousel overlay">
            {{ range where .Site.RegularPages "Section" "spectacles" }}
            {{ if and (isset .Params "actu") (.Params.actu) }}
            <div> 
@ -44,4 +44,19 @@
    duration: 300
 });
 </script>
+<script>
+    bulmaCarousel.attach('#news', {
+    slidesToScroll: 1,
+    slidesToShow: 1,
+    navigation: false,
+    navigationKeys: false,
+    pagination: false,
+    loop: false,
+    infinite: true,
+    autoplay: true,
+    autoplaySpeed: 5000,
+    pauseOnHover: false,
+    duration: 500
+});
+</script>
 {{ end }}
--- a/layouts/partenaires/list.html
+++ b/layouts/partenaires/list.html
@ -5,7 +5,7 @@
        <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">{{ .Title }} </h1>
        </div>
-        <div class="column is-one-fifth m-0 has-background-warning-light is-hidden-mobile">
+        <div class="column is-2 m-0 has-background-warning-light is-hidden-mobile">
        </div>
    </div>
 </section>
@ -35,7 +35,7 @@
        </div>
        <div class="column is-four-fifths p-5 has-background-warning-light">
            <p class="mb-6">{{ .Title }}</p>
-            <div class="columns is-multiline is-mobile is-justify-content-center">
+            <div class="columns is-multiline is-mobile">
                {{ range $img }}
                <div class="column is-one-quarter-mobile is-2-tablet p-1">
                    <figure class="image">
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@ -2,8 +2,8 @@

 <nav class="navbar is-hidden-tablet is-black" role="navigation" aria-label="main navigation">
  <div class="navbar-brand">
-    <a class="navbar-item" href="{{ $.Site.BaseURL }}">
-      <img src="{{ $.Site.Params.logoHome | absURL }}">
+    <a class="navbar-item" href="/">
+      <img src="{{ $.Site.Params.logoHome |relURL }}">
    </a>

    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mynavbar">
@ -31,9 +31,9 @@
          <a href="{{ $.Site.BaseURL }}">
            <div class="figure">
              {{ if .IsHome }}
-              <img src="{{ $.Site.Params.logoHome | absURL }}" class="image is-1by1 p-5">
+              <img src="{{ $.Site.Params.logoHome |relURL }}" class="image is-1by1 p-5">
              {{ else }}
-              <img src="{{ $.Site.Params.logo | absURL }}" class="image is-1by1 p-5">
+              <img src="{{ $.Site.Params.logo |relURL }}" class="image is-1by1 p-5">
              {{ end }}
            </div>
          </a>
--- a/layouts/spectacles/single.html
+++ b/layouts/spectacles/single.html
@ -6,7 +6,7 @@
 {{ define "content" }}
 <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">
+        <div class="column is-two-thirds p-5 m-0  is-flex is-justify-content-center is-align-items-center">
            <h1 class="title has-text-centered is-size-1 has-text-weight-bold">{{ .Title }}</h1>
        </div>
        <div class="column m-0 is-one-third has-background-black is-hidden-mobile"></div>
@ -112,7 +112,7 @@
 </section>
 <section class="section is-large m-0 p-6 has-background-black">
    <h2 class="subtitle">Galerie</h2>
-    <div class="container">
+    <div class="container" style="height: 20vh; overflow: hidden;">
        <div id="galerie" class="carousel">
            {{ $imgs := (resources.Match ( print .File.Dir "/*")).ByType "image" }}