Publish

templates/base-admin/sidebar.html.twig

@@ -41,7 +41,7 @@
           class="relative flex grow flex-col gap-y-5 overflow-y-auto bg-white px-6 pb-2"
         >
           <div class="relative flex h-16 shrink-0 items-center">
-            <img src="/images/logo.jpg" alt="Your Company" class="h-8 w-auto" />
+            <img src="/images/logo.png" alt="Your Company" class="h-8 w-auto" />
           </div>
           <nav class="relative flex flex-1 flex-col">
             <ul role="list" class="flex flex-1 flex-col gap-y-7">
@@ -188,7 +188,7 @@
     class="relative flex grow flex-col gap-y-5 overflow-y-auto border-r border-gray-200 bg-white px-6"
   >
     <div class="relative flex h-16 shrink-0 items-center">
-      <img src="/images/logo.jpg" alt="Your Company" class="h-8 w-auto" />
+      <img src="/images/logo.png" alt="Your Company" class="h-8 w-auto" />
     </div>
     <nav class="relative flex flex-1 flex-col">
       <ul role="list" class="flex flex-1 flex-col gap-y-7">
@@ -337,7 +337,7 @@
             class="flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold text-gray-900 hover:bg-gray-50"
           >
             <img
-              src="/images/logo.jpg"
+              src="/images/logo.png"
               alt=""
               class="size-8 rounded-full bg-gray-50 outline -outline-offset-1 outline-black/5"
             />
@@ -382,7 +382,7 @@
   <a href="#" class="relative">
     <span class="sr-only">Votre profile</span>
     <img
-      src="/images/logo.jpg"
+      src="/images/logo.png"
       alt=""
       class="size-8 rounded-full bg-gray-50 outline -outline-offset-1 outline-black/5"
     />

templates/base.html.twig

@@ -7,10 +7,7 @@
 
     {% endblock %}
 
-    <link
-      rel="icon"
-      href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>"
-    />
+    <link rel="icon" href="/images/logo.png" />
     {% block stylesheets %}
       {{ encore_entry_link_tags('app') }}
     {% endblock %}

templates/base/header.html.twig

@@ -5,7 +5,7 @@
   >
     <a href="{{ path('home') }}" class="-m-1.5 p-1.5">
       <span class="sr-only">Arts-ticule</span>
-      <img src="images/logo.jpg" alt="" class="h-8 w-auto" />
+      <img src="images/logo.png" alt="" class="h-8 w-auto" />
     </a>
     <div class="flex lg:hidden">
       <button
@@ -80,7 +80,7 @@
           <div class="flex items-center justify-between">
             <a href="{{ path('home') }}" class="-m-1.5 p-1.5">
               <span class="sr-only">Arts-ticule</span>
-              <img src="/images/logo.jpg" alt="" class="h-8 w-auto" />
+              <img src="/images/logo.png" alt="" class="h-8 w-auto" />
             </a>
             <button
               type="button"
@@ -140,7 +140,7 @@
                   Me connaître
                 </a>
                 <a
-                  href="tel:+33672701956"
+                  href="{{ path('contact') }}"
                   class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50 bg-amber-300"
                 >
                   Me contacter

templates/page/about.html.twig

@@ -6,15 +6,15 @@
 
   {% set meta_title = meta_title is defined
     ? meta_title
-    : 'À propos – Parcours artistique et engagement culturel'
+    : 'Parcours artistique et engagement culturel arts-ticule'
   %}
   {% set meta_description = meta_description is defined
     ? meta_description
-    : 'Découvrez le parcours professionnel et artistique à l’origine de projets culturels et pédagogiques destinés aux écoles, collectivités et structures d’accueil.'
+    : 'Mon parcours professionnel et artistique à l’origine de projets culturels et pédagogiques destinés aux écoles, collectivités et structures d’accueil.'
   %}
   {% set meta_image = meta_image is defined
     ? meta_image
-    : asset('images/logo.jpg')
+    : asset('images/logo.png')
   %}
   {% set meta_url = meta_url is defined ? meta_url : app.request.uri %}
   {% set meta_site_name = meta_site_name is defined
@@ -112,46 +112,36 @@
               <h1
                 class="text-5xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-7xl"
               >
-                A titre professionnel
+                Compétences artistiques techniques et relationnelles
               </h1>
+
               <p
                 class="mt-8 text-lg font-medium text-pretty text-gray-500 sm:max-w-md sm:text-xl/8 lg:max-w-none"
               >
-                Après une carrière au sein de l’Education Nationale, je souhaite
-                poursuivre mon activité et mettre au service de chacun mes
-                expériences acquises. Grâce à ma formation de professeur
-                d’éducation manuelle et technique je maîtrise les bases dans
-                différentes disciplines dont le cartonnage et la couture.
-                Enseignante j’ai initié de nombreux projets artistiques et
-                culturels et notamment avec des élèves les plus en difficulté.
-                Coordinatrice de l’éducation artistique à la DSDEN de l’Ain j’ai
-                approché le fonctionnement des compagnies artistiques et
-                rencontré des partenaires institutionnels.
+                Grâce à ma formation de professeur d’éducation manuelle et
+                technique je maîtrise les bases dans différentes disciplines
+                dont le cartonnage et la couture. Enseignante j’ai initié de
+                nombreux projets artistiques et culturels et notamment avec des
+                élèves les plus en difficulté. Coordinatrice de l’éducation
+                artistique à la DSDEN de l’Ain j’ai travaillé en étroite
+                collaboration avec des compagnies artistiques et des partenaires
+                institutionnels.
               </p>
-              <h2
-                class="text-5xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-7xl mt-5"
-              >
-                A titre personnel
-              </h2>
+
               <p
                 class="mt-8 text-lg font-medium text-pretty text-gray-500 sm:max-w-md sm:text-xl/8 lg:max-w-none"
               >
-                J’ai étudié solfège et piano durant plusieurs années. Avec deux
-                amies nous avons créé le Trio « Sans rendez-vous », chants et
-                mise en scène J’ai créé un One woman show : j’ai perdu ma voie :
-                écriture des textes, jeu scénique, accompagnement à la création,
-                Sylvie Delom atelier du Réverbère Passionnée par les arts
-                vivants, j’ai participé à plusieurs formations autour du clown
-                (Christine Girod), du jeu scénique (Sylvie Delom, Nathalie
-                Stora), l’écriture de chansons (les Trapettistes)
-              </p>
-              <p
-                class="mt-8 text-lg font-medium text-pretty text-gray-500 sm:max-w-md sm:text-xl/8 lg:max-w-none"
-              >
-                Très manuelle, je cherche à donner vie et exploiter les
-                matériaux qui sont à ma disposition et à moindre coût.
-                Initiation à la création artistique avec de jeunes enfants « le
-                chevalier de la Chalaronne »
+                Etude du solfège et piano durant plus de 10 ans. Création du
+                trio « Sans rendez-vous » : chansons françaises (C. Trenet, R.
+                Barrier...) et mise en scène. Création d’un one woman show «
+                j’ai trouvé ma voix, euhh ??!!! ma voie » : écriture des textes,
+                jeu scénique, accompagnement à la création, Nathalie Stora et
+                Sylvie Delom atelier du Réverbère, Ambérieu en Bugey.
+                Participation à des formations clown (Christine Girod, Cie
+                théâtre-Montroyal), formation au jeu scénique (Master class
+                Sylvie Delom, Nathalie Stora), écriture de chansons (les
+                Trapettistes). Initiation de jeunes enfants à la création
+                artistique, « le chevalier de la Chalaronne ».
               </p>
             </div>
             <div
@@ -162,7 +152,7 @@
               >
                 <div class="relative">
                   <img
-                    src="images/about/mp-photo-affiche.jpg"
+                    src="images/about/M-One-man-show.JPG"
                     alt=""
                     class="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
                   />
@@ -176,7 +166,7 @@
               >
                 <div class="relative">
                   <img
-                    src="images/about/sans-rendez-vous-concert-MJC-2004.jpg"
+                    src="images/about/mp-carton-invitation-4.jpg"
                     alt=""
                     class="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
                   />
@@ -186,7 +176,7 @@
                 </div>
                 <div class="relative">
                   <img
-                    src="images/about/mp-photo-affiche.jpg"
+                    src="images/about/MP-chevalier-chalaronne.jpg"
                     alt=""
                     class="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
                   />
@@ -198,7 +188,7 @@
               <div class="w-44 flex-none space-y-8 pt-32 sm:pt-0">
                 <div class="relative">
                   <img
-                    src="images/about/mp-carton-invitation-4.jpg"
+                    src="images/about/sans-rendez-vous-concert-MJC-2004.jpg"
                     alt=""
                     class="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
                   />

templates/page/contact.html.twig

@@ -6,15 +6,15 @@
 
   {% set meta_title = meta_title is defined
     ? meta_title
-    : 'Contact – Spectacles vivants et artisanat pour collectivités'
+    : 'Contact – arts-ticule, spectacles jeunes publics et projets artistiques'
   %}
   {% set meta_description = meta_description is defined
     ? meta_description
-    : 'Contactez-nous pour vos projets de spectacles vivants et de créations artisanales destinés aux collectivités, écoles et lieux culturels.'
+    : 'Contactez-moi pour vos projets artistiques et représentations de spectacles.'
   %}
   {% set meta_image = meta_image is defined
     ? meta_image
-    : asset('images/logo.jpg')
+    : asset('images/logo.png')
   %}
   {% set meta_url = meta_url is defined ? meta_url : app.request.uri %}
   {% set meta_site_name = meta_site_name is defined

templates/page/home.html.twig

@@ -6,15 +6,15 @@
 
   {% set meta_title = meta_title is defined
     ? meta_title
-    : 'Spectacles vivants et artisanat au service des collectivités'
+    : 'Arts-ticule : Spectacles jeune public, ateliers artistiques'
   %}
   {% set meta_description = meta_description is defined
     ? meta_description
-    : 'Découvrez des spectacles vivants et des fabrications artisanales conçus pour les collectivités, écoles et lieux culturels, alliant création, transmission et savoir-faire.'
+    : 'Représentation contes et marionettes  pour enfants, ateliers et créations artistiques.'
   %}
   {% set meta_image = meta_image is defined
     ? meta_image
-    : asset('images/logo.jpg')
+    : asset('images/logo.png')
   %}
   {% set meta_url = meta_url is defined ? meta_url : app.request.uri %}
   {% set meta_site_name = meta_site_name is defined
@@ -80,16 +80,13 @@
             <h1
               class="text-5xl font-semibold tracking-tight text-balance text-gray-900 sm:text-7xl"
             >
-              Spectacles vivants et fabrications artisanales
+              Spectacles jeune public et arts manuels
             </h1>
             <p
               class="mt-8 text-lg font-medium text-pretty text-gray-500 sm:text-xl/8"
             >
-              Les voyages, les projets de classe font partie de nos bons
-              souvenirs d’école.
-
-              Alors poursuivons et proposons aux plus jeunes de vivre <strong>
-                des projets artistiques
+              En route pour<strong>
+                le parcours d’éducation artistique et culturel de chaque enfant
               </strong> !
             </p>
             <div class="mt-10 flex items-center justify-center gap-x-6">

templates/page/manual-project.html.twig

@@ -6,15 +6,15 @@
 
   {% set meta_title = meta_title is defined
     ? meta_title
-    : 'Ateliers artisanaux et créations manuelles pour collectivités'
+    : 'Ateliers couture Lyon : créations manuelles et artistiques'
   %}
   {% set meta_description = meta_description is defined
     ? meta_description
-    : 'Conception et animation d’ateliers artisanaux pour collectivités et écoles, autour de la couture, du cartonnage et de la création d’objets à partir de matériaux variés.'
+    : "Ateliers couture et créations manuelles pour projets de classes, de collectivités et structures d'accueil."
   %}
   {% set meta_image = meta_image is defined
     ? meta_image
-    : asset('images/logo.jpg')
+    : asset('images/logo.png')
   %}
   {% set meta_url = meta_url is defined ? meta_url : app.request.uri %}
   {% set meta_site_name = meta_site_name is defined
@@ -69,19 +69,19 @@
         <h1
           class="mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl"
         >
-          Co-construction et Accompagnement
+          Ateliers couture et créations manuelles dans le cadre de projet de
+          classe, projet d’école ou évènement spécifique, avec des élèves, des
+          enfants, des résidents
         </h1>
         <p class="mt-6 text-xl/8 text-balance text-gray-700">
-          Vous avez des idées de « bricolage » avec vos élèves, vos enfants, vos
-          résidents, vous souhaitez réaliser des objets pour une occasion
-          spécifique, mais ils sont trop nombreux, vous avez peu de temps, peu
-          de place, peu de moyens, vous ne savez pas comment vous y prendre ? Je
-          suis là pour vous aider ! Proposition d’accompagnement à la conduite
-          d’ateliers de créations manuelles plus spécifiquement en lien avec la
-          couture et le cartonnage : enfants dans le milieu scolaire rural ou
-          urbain, personnes âgées en structure d’accueil… Matériaux privilégiés
-          : les matériaux souples tels que les tissus, fils, laines, cordes…les
-          matériaux semi-rigides tels que les papiers, cartons…
+          Pratiquer une activité manuelle et artistique pour développer sa
+          propre motricité, des qualités de rigueur, de concentration et
+          d’écoute, de partage. Exploiter et faire référence à ses compétences
+          en enseignement général notamment en mathématiques (calcul et mesures,
+          géométrie) et éducation civique (éco-responsabilité, protection de
+          l’environnement). Enrichir son parcours artistique et culturel par la
+          connaissance de pratiques artisanales, développer son esprit critique,
+          sa sensibilité, ses goûts. S'initier à un savoir-faire et transmettre.
         </p>
       </div>
       <section
@@ -91,36 +91,43 @@
           <h2
             class="mt-8 text-2xl font-semibold tracking-tight text-pretty text-gray-900"
           >
-            Le déroulé
+            Adaptabilité, éco-responsabilité, valorisation
           </h2>
           <ul class="mt-5 text-base/7 text-gray-600">
-            <li>Recherche et choix des objets à réaliser</li>
-            <li>Définition du calendrier et des modalités d’intervention</li>
+            <li>
+              Adaptabilité : à vos équipements et espaces, votre thème, votre
+              temps, votre public
+            </li>
+            <li>
+              Economie et environnement : travailler pour partie avec des
+              matériaux récupérés ; Matériaux privilégiés : les matériaux
+              souples tels que les tissus, fils, laines, cordes…les matériaux
+              semi-rigides tels que les papiers, cartons…
+            </li>
+            <li>Qualité : soin, esthétisme</li>
+            <li>
+              Valorisation : donner à voir les travaux aboutis sous forme
+              d’exposition publique, d’invitation de partenaires, de mise en
+              ligne
+            </li>
+          </ul>
+          <h2
+            class="mt-8 text-2xl font-semibold tracking-tight text-pretty text-gray-900"
+          >
+            Etude et déroulé du planning
+          </h2>
+          <ul class="mt-5 text-base/7 text-gray-600">
+            <li>Définition et choix des objets à réaliser</li>
+            <li>
+              Définition de l’organisation, du calendrier et des modalités
+              d’intervention
+            </li>
             <li>Mise en œuvre des réalisations</li>
             <li>
               Présentation de la fin des travaux, mise en valeur des objets
               réalisés
             </li>
           </ul>
-          <h2
-            class="mt-8 text-2xl font-semibold tracking-tight text-pretty text-gray-900"
-          >
-            Objectifs
-          </h2>
-          <p class="mt-5 text-base/7 text-gray-600">
-            Allier exigence et bienveillance, développer des qualités de
-            rigueur, de concentration et d’écoute, de partage.
-          </p>
-          <h2
-            class="mt-8 text-2xl font-semibold tracking-tight text-pretty text-gray-900"
-          >
-            Construction de soi
-          </h2>
-          <p class="mt-5 text-base/7 text-gray-600">
-            Développer sa propre motricité, sa rigueur, sa sensibilité, son
-            goût, exploiter et faire référence à ses compétences en calcul et
-            mesures, enrichir sa culture intellectuelle et artistique.
-          </p>
         </div>
         <div class="pt-16 lg:row-span-2 lg:-mr-16 xl:mr-auto">
           <div
@@ -139,7 +146,7 @@
               class="-mt-8 aspect-square overflow-hidden rounded-xl shadow-xl outline-1 -outline-offset-1 outline-black/10 lg:-mt-40"
             >
               <img
-                src="/images/manual-project/COUT-tigre-enzo.jpg"
+                src="/images/manual-project/MARQUE-PAGE-3.jpg"
                 alt=""
                 class="block size-full object-cover"
               />
@@ -148,7 +155,7 @@
               class="aspect-square overflow-hidden rounded-xl shadow-xl outline-1 -outline-offset-1 outline-black/10"
             >
               <img
-                src="/images/manual-project/COUT-yan-tigre.jpg"
+                src="/images/manual-project/TM-sac-fillette.jpg"
                 alt=""
                 class="block size-full object-cover"
               />
@@ -157,7 +164,7 @@
               class="-mt-8 aspect-square overflow-hidden rounded-xl shadow-xl outline-1 -outline-offset-1 outline-black/10 lg:-mt-40"
             >
               <img
-                src="/images/manual-project/TM-LAPINS-POMPOM.jpg"
+                src="/images/manual-project/TM-COUPE-FLEURS-DECO-NOEL.jpg"
                 alt=""
                 class="block size-full object-cover"
               />
@@ -167,51 +174,4 @@
       </section>
     </div>
   </div>
-
-  <div class="bg-white py-6 sm:py-10">
-    <div class="mx-auto max-w-7xl px-6 lg:px-8">
-      <dl
-        class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 text-base/7 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3"
-      >
-        <div>
-          <dt class="font-semibold text-gray-900">
-            Gestion du groupe
-          </dt>
-          <dd class="mt-1 text-gray-600">
-            rigueur, bienveillance, exigence, mettre en exergue pour chaque
-            participant une de ses qualités
-          </dd>
-        </div>
-        <div>
-          <dt class="font-semibold text-gray-900">
-            Economie et environnement
-          </dt>
-          <dd class="mt-1 text-gray-600">
-            travailler pour partie avec des matériaux récupérés
-          </dd>
-        </div>
-        <div>
-          <dt class="font-semibold text-gray-900">
-            Qualité
-          </dt>
-          <dd class="mt-1 text-gray-600">soin, esthétisme</dd>
-        </div>
-        <div>
-          <dt class="font-semibold text-gray-900">
-            Valorisation
-          </dt>
-          <dd class="mt-1 text-gray-600">
-            donner à voir les travaux aboutis sous forme d’exposition publique,
-            d’invitation de partenaires
-          </dd>
-        </div>
-        <div>
-          <dt class="font-semibold text-gray-900">
-            Transmission
-          </dt>
-          <dd class="mt-1 text-gray-600">partage de savoir-faire</dd>
-        </div>
-      </dl>
-    </div>
-  </div>
 {% endblock %}

templates/page/project.html.twig

@@ -6,15 +6,15 @@
 
   {% set meta_title = meta_title is defined
     ? meta_title
-    : 'Projets artistiques participatifs pour écoles et collectivités'
+    : 'Partenariat projets artistiques : Ain'
   %}
   {% set meta_description = meta_description is defined
     ? meta_description
-    : 'Accompagnement et co-construction de projets artistiques pour écoles, collectivités et structures d’accueil : création, scénographie et mise en jeu adaptées à chaque public.'
+    : "Partenariat pour des projets artistiques et culturels à l'école, en collectivités et structures d'accueil."
   %}
   {% set meta_image = meta_image is defined
     ? meta_image
-    : asset('images/logo.jpg')
+    : asset('images/logo.png')
   %}
   {% set meta_url = meta_url is defined ? meta_url : app.request.uri %}
   {% set meta_site_name = meta_site_name is defined
@@ -69,19 +69,17 @@
         <h1
           class="mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl"
         >
-          Co-construction et Accompagnement
+          Partenariat artistique et technique dans le cadre d’un projet de
+          classe, projet d’école, projet de structure avec des élèves, des
+          enfants, des résidents
         </h1>
         <p class="mt-6 text-xl/8 text-balance text-gray-700">
-          Vous avez un projet de classe, un projet d’école, un thème défini ou
-          non, des idées d’un scénario avec vos élèves, vos enfants, vos
-          résidents pour une occasion spécifique, vous visualisez
-          approximativement la fin du projet mais ils sont trop nombreux,
-          novices, pas toujours très autonomes et vous avez peu de temps, peu de
-          place, peu de moyens, vous ne savez pas comment vous y prendre… Je
-          suis là pour vous aider ! Proposition d’accompagnement à la création
-          et la mise en jeu de projets artistiques à destination des enfants
-          dans le milieu scolaire rural ou urbain, des personnes âgées en
-          structure d’accueil…
+          Pour faire émerger et valoriser les compétences de chaque participant,
+          allier exigence et bienveillance, développer des qualités de rigueur,
+          de partage, d’écoute et de concentration. Développer l’intelligence
+          sensible de chaque jeune, son imaginaire, sa créativité, enrichir sa
+          culture artistique et intellectuelle, faire naître ou conforter
+          l’estime de soi, la confiance en soi.
         </p>
       </div>
       <section
@@ -91,41 +89,37 @@
           <h2
             class="mt-8 text-2xl font-semibold tracking-tight text-pretty text-gray-900"
           >
-            Le déroulé
+            Adaptabilité, sur mesure et originalité du projet
           </h2>
           <ul class="mt-5 text-base/7 text-gray-600">
-            <li>Définition du cahier des charges</li>
-            <li>Définition du calendrier et des modalités d’intervention</li>
             <li>
-              Co-écriture de textes avec les acteurs du projet Recherche et
-              co-construction d’éléments de décors et accessoires
+              Adaptabilité : à vos équipements et espaces, votre thème, votre
+              temps, votre public
             </li>
+            <li>Sur mesure : projet unique et personnalisé</li>
             <li>
-              Mise en jeu dans un espace dédié Présentation de la fin des
-              travaux ou d’un spectacle en fin de parcours
+              Originalité et créativité : accessoires et scénographie créés avec
+              les participants
             </li>
           </ul>
 
           <h2
             class="mt-8 text-2xl font-semibold tracking-tight text-pretty text-gray-900"
           >
-            Objectifs
+            Etude et déroulé du planning
           </h2>
-          <p class="mt-5 text-base/7 text-gray-600">
-            Faire émerger et valoriser les compétences de chaque participant,
-            allier exigence et bienveillance, développer des qualités de
-            rigueur, de partage, d’écoute et de concentration.
-          </p>
-          <h2
-            class="mt-8 text-2xl font-semibold tracking-tight text-pretty text-gray-900"
-          >
-            Construction de soi
-          </h2>
-          <p class="mt-5 text-base/7 text-gray-600">
-            Développer sa propre sensibilité, son imaginaire, sa créativité,
-            enrichir sa culture artistique et intellectuelle, faire naître ou
-            conforter l’estime de soi, la confiance en soi.
-          </p>
+          <ul class="mt-5 text-base/7 text-gray-600">
+            <li>
+              Définition du cahier des charges dans le cadre d’une pédagogie de
+              projet interdisciplinaire
+            </li>
+            <li>Définition du calendrier et des modalités d’intervention</li>
+            <li>Co-écriture de textes avec les acteurs du projet</li>
+            <li>
+              Recherche et co-construction d’éléments de décors et accessoires
+            </li>
+            <li>Mise en jeu dans un espace dédié</li>
+          </ul>
         </div>
         <div class="pt-16 lg:row-span-2 lg:-mr-16 xl:mr-auto">
           <div
@@ -135,7 +129,7 @@
               class="aspect-square overflow-hidden rounded-xl shadow-xl outline-1 -outline-offset-1 outline-black/10"
             >
               <img
-                src="/images/project/TM-création-décor-baleine.jpg"
+                src="/images/project/decoupe-tissu.jpg"
                 alt=""
                 class="block size-full object-cover"
               />
@@ -144,7 +138,7 @@
               class="-mt-8 aspect-square overflow-hidden rounded-xl shadow-xl outline-1 -outline-offset-1 outline-black/10 lg:-mt-40"
             >
               <img
-                src="/images/project/TM-pieuvre.jpg"
+                src="/images/project/MARIO-5-DOIGT.jpg"
                 alt=""
                 class="block size-full object-cover"
               />
@@ -172,96 +166,4 @@
       </section>
     </div>
   </div>
-
-  <div class="bg-white py-6 sm:py-8">
-    <div class="mx-auto max-w-7xl px-6 lg:px-8">
-      <div class="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none">
-        <dl
-          class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3"
-        >
-          <div class="flex flex-col">
-            <dt class="text-base/7 font-semibold text-gray-900">
-              <div
-                class="mb-6 flex size-10 items-center justify-center rounded-lg bg-amber-600"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke-width="1.5"
-                  stroke="currentColor"
-                  class="size-6 text-white"
-                >
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    d="M7.5 21 3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5"
-                  />
-                </svg>
-              </div>Adaptabilité
-            </dt>
-            <dd class="mt-1 flex flex-auto flex-col text-base/7 text-gray-600">
-              <p class="flex-auto">
-                à votre budget, votre localisation, votre thème.
-              </p>
-            </dd>
-          </div>
-          <div class="flex flex-col">
-            <dt class="text-base/7 font-semibold text-gray-900">
-              <div
-                class="mb-6 flex size-10 items-center justify-center rounded-lg bg-amber-600"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke-width="1.5"
-                  stroke="currentColor"
-                  class="size-6 text-white"
-                >
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    d="m7.848 8.25 1.536.887M7.848 8.25a3 3 0 1 1-5.196-3 3 3 0 0 1 5.196 3Zm1.536.887a2.165 2.165 0 0 1 1.083 1.839c.005.351.054.695.14 1.024M9.384 9.137l2.077 1.199M7.848 15.75l1.536-.887m-1.536.887a3 3 0 1 1-5.196 3 3 3 0 0 1 5.196-3Zm1.536-.887a2.165 2.165 0 0 0 1.083-1.838c.005-.352.054-.695.14-1.025m-1.223 2.863 2.077-1.199m0-3.328a4.323 4.323 0 0 1 2.068-1.379l5.325-1.628a4.5 4.5 0 0 1 2.48-.044l.803.215-7.794 4.5m-2.882-1.664A4.33 4.33 0 0 0 10.607 12m3.736 0 7.794 4.5-.802.215a4.5 4.5 0 0 1-2.48-.043l-5.326-1.629a4.324 4.324 0 0 1-2.068-1.379M14.343 12l-2.882 1.664"
-                  />
-                </svg>
-              </div>Sur mesure
-            </dt>
-            <dd class="mt-1 flex flex-auto flex-col text-base/7 text-gray-600">
-              <p class="flex-auto">
-                projet unique et personnalisé.
-              </p>
-            </dd>
-          </div>
-          <div class="flex flex-col">
-            <dt class="text-base/7 font-semibold text-gray-900">
-              <div
-                class="mb-6 flex size-10 items-center justify-center rounded-lg bg-amber-600"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke-width="1.5"
-                  stroke="currentColor"
-                  class="size-6 text-white"
-                >
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z"
-                  />
-                </svg>
-              </div>Originalité et créativité
-            </dt>
-            <dd class="mt-1 flex flex-auto flex-col text-base/7 text-gray-600">
-              <p class="flex-auto">
-                accessoires et scénographie créés avec les participants .
-              </p>
-            </dd>
-          </div>
-        </dl>
-      </div>
-    </div>
-  </div>
 {% endblock %}

templates/page/show.html.twig

@@ -6,15 +6,17 @@
 
   {% set meta_title = meta_title is defined
     ? meta_title
-    : 'Spectacles vivants et artisanat au service des collectivités'
+    : 'Spectacles jeune public Ain : écoles collectivités'
   %}
   {% set meta_description = meta_description is defined
     ? meta_description
-    : 'Découvrez des spectacles vivants et des fabrications artisanales conçus pour les collectivités, écoles et lieux culturels, alliant création, transmission et savoir-faire.'
+    : '
+  Spectacles pour enfants contes et marionettes.
+  '
   %}
   {% set meta_image = meta_image is defined
     ? meta_image
-    : asset('images/logo.jpg')
+    : asset('images/logo.png')
   %}
   {% set meta_url = meta_url is defined ? meta_url : app.request.uri %}
   {% set meta_site_name = meta_site_name is defined
@@ -79,111 +81,26 @@
   <div class="bg-white py-6 sm:py-8">
     <div class="mx-auto max-w-7xl px-6 lg:px-8">
       <div class="mx-auto max-w-2xl lg:mx-0">
-        <h2
-          class="text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl"
+        <p class="text-base/7 font-semibold text-amber-600">
+          Spectacles jeune public
+        </p>
+        <h1
+          class="mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl"
         >
-          Conte et marionnettes
-        </h2>
-        <p class="mt-6 text-lg/8 text-gray-600">
+          Spectacles contes et marionnettes
+        </h1>
+        <p class="mt-6 text-xl/8 text-balance text-gray-700">
           Une démarche de création pour introduire, enrichir, conclure des
           projets de classe, des projets d’école ou s’inscrire dans la
-          thématique d’une manifestation ou d’un projet global. Un spectacle
-          pour s’initier à l’écoute, la concentration et devenir un spectateur
-          averti. Un texte avec des mots choisis pour élargir le vocabulaire du
-          jeune public. ​Des thématiques autour de problématiques actuelles,
-          -relation avec les autres, respect de l’environnement- pour ouvrir
-          débat et questionnement. Des choix scénographiques privilégiant des
-          décors construits à partir d’éléments existants ou transformés.
+          thématique d'un projet spécifique. Un spectacle pour s’initier à
+          l’écoute, la concentration et devenir un spectateur averti. Des textes
+          aux mots choisis pour élargir le vocabulaire du jeune public. Des
+          thématiques autour de problématiques actuelles, relation avec les
+          autres, respect de l’environnement pour ouvrir débat et
+          questionnement. Des choix scénographiques privilégiant des décors
+          construits à partir d’éléments existants ou transformés.
         </p>
       </div>
-      <div class="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none">
-        <dl
-          class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3"
-        >
-          <div class="flex flex-col">
-            <dt class="text-base/7 font-semibold text-gray-900">
-              <div
-                class="mb-6 flex size-10 items-center justify-center rounded-lg bg-amber-600"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke-width="1.5"
-                  stroke="currentColor"
-                  class="size-6 text-white"
-                >
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z"
-                  />
-                </svg>
-              </div>Créativité
-            </dt>
-            <dd class="mt-1 flex flex-auto flex-col text-base/7 text-gray-600">
-              <p class="flex-auto">
-                conte créé à partir d’expériences vécues ; des objets de seconde
-                vie prennent forment dans ce conte.
-              </p>
-            </dd>
-          </div>
-          <div class="flex flex-col">
-            <dt class="text-base/7 font-semibold text-gray-900">
-              <div
-                class="mb-6 flex size-10 items-center justify-center rounded-lg bg-amber-600"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke-width="1.5"
-                  stroke="currentColor"
-                  class="size-6 text-white"
-                >
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6"
-                  />
-                </svg>
-              </div>Disponibilité
-            </dt>
-            <dd class="mt-1 flex flex-auto flex-col text-base/7 text-gray-600">
-              <p class="flex-auto">
-                déplacement partout en France pour partager un temps artistique.
-              </p>
-            </dd>
-          </div>
-          <div class="flex flex-col">
-            <dt class="text-base/7 font-semibold text-gray-900">
-              <div
-                class="mb-6 flex size-10 items-center justify-center rounded-lg bg-amber-600"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke-width="1.5"
-                  stroke="currentColor"
-                  class="size-6 text-white"
-                >
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    d="M7.5 21 3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5"
-                  />
-                </svg>
-              </div>Adaptabilité
-            </dt>
-            <dd class="mt-1 flex flex-auto flex-col text-base/7 text-gray-600">
-              <p class="flex-auto">
-                Jeu et interactions en fonction du public
-              </p>
-            </dd>
-          </div>
-        </dl>
-      </div>
     </div>
   </div>
 {% endblock %}