Init project
This commit is contained in:
226
templates/page/about.html.twig
Normal file
226
templates/page/about.html.twig
Normal file
@@ -0,0 +1,226 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
{% block metadata %}
|
||||
{# ============================
|
||||
METADATA / SEO
|
||||
============================ #}
|
||||
|
||||
{% set meta_title = meta_title is defined
|
||||
? meta_title
|
||||
: 'À propos – Parcours artistique et engagement culturel'
|
||||
%}
|
||||
{% 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.'
|
||||
%}
|
||||
{% set meta_image = meta_image is defined
|
||||
? meta_image
|
||||
: asset('images/logo.jpg')
|
||||
%}
|
||||
{% set meta_url = meta_url is defined ? meta_url : app.request.uri %}
|
||||
{% set meta_site_name = meta_site_name is defined
|
||||
? meta_site_name
|
||||
: 'Nom du site'
|
||||
%}
|
||||
{% set meta_type = meta_type is defined ? meta_type : 'website' %}
|
||||
|
||||
<title>
|
||||
{{ meta_title }}
|
||||
</title>
|
||||
|
||||
<meta name="description" content="{{ meta_description }}" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<link rel="canonical" href="{{ meta_url }}" />
|
||||
|
||||
{# ============================
|
||||
OPEN GRAPH (Facebook, LinkedIn…)
|
||||
============================ #}
|
||||
|
||||
<meta property="og:title" content="{{ meta_title }}" />
|
||||
<meta property="og:description" content="{{ meta_description }}" />
|
||||
<meta property="og:type" content="{{ meta_type }}" />
|
||||
<meta property="og:url" content="{{ meta_url }}" />
|
||||
<meta property="og:image" content="{{ meta_image }}" />
|
||||
<meta property="og:site_name" content="{{ meta_site_name }}" />
|
||||
<meta property="og:locale" content="fr_FR" />
|
||||
|
||||
{# Optionnel mais recommandé #}
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
|
||||
{# ============================
|
||||
TWITTER CARDS
|
||||
============================ #}
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="{{ meta_title }}" />
|
||||
<meta name="twitter:description" content="{{ meta_description }}" />
|
||||
<meta name="twitter:image" content="{{ meta_image }}" />
|
||||
{% endblock %}
|
||||
{% block body %}
|
||||
<main class="isolate">
|
||||
<!-- Hero section -->
|
||||
<div class="relative isolate -z-10">
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
class="absolute inset-x-0 top-0 -z-10 h-256 w-full mask-[radial-gradient(32rem_32rem_at_center,white,transparent)] stroke-gray-200"
|
||||
>
|
||||
<defs>
|
||||
<pattern
|
||||
id="1f932ae7-37de-4c0a-a8b0-a6e3b4d44b84"
|
||||
width="200"
|
||||
height="200"
|
||||
x="50%"
|
||||
y="-1"
|
||||
patternUnits="userSpaceOnUse"
|
||||
>
|
||||
<path d="M.5 200V.5H200" fill="none" />
|
||||
</pattern>
|
||||
</defs>
|
||||
<svg x="50%" y="-1" class="overflow-visible fill-gray-50">
|
||||
<path
|
||||
d="M-200 0h201v201h-201Z M600 0h201v201h-201Z M-400 600h201v201h-201Z M200 800h201v201h-201Z"
|
||||
stroke-width="0"
|
||||
/>
|
||||
</svg>
|
||||
<rect
|
||||
width="100%"
|
||||
height="100%"
|
||||
fill="url(#1f932ae7-37de-4c0a-a8b0-a6e3b4d44b84)"
|
||||
stroke-width="0"
|
||||
/>
|
||||
</svg>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="absolute top-0 right-0 left-1/2 -z-10 -ml-24 transform-gpu overflow-hidden blur-3xl lg:ml-24 xl:ml-48"
|
||||
>
|
||||
<div
|
||||
style="clip-path: polygon(63.1% 29.5%, 100% 17.1%, 76.6% 3%, 48.4% 0%, 44.6% 4.7%, 54.5% 25.3%, 59.8% 49%, 55.2% 57.8%, 44.4% 57.2%, 27.8% 47.9%, 35.1% 81.5%, 0% 97.7%, 39.2% 100%, 35.2% 81.4%, 97.2% 52.8%, 63.1% 29.5%)"
|
||||
class="aspect-801/1036 w-200.25 bg-linear-to-tr from-[#ff80b5] to-[#F59E0B] opacity-30"
|
||||
></div>
|
||||
</div>
|
||||
<div class="overflow-hidden">
|
||||
<div
|
||||
class="mx-auto max-w-7xl px-6 pt-36 pb-32 sm:pt-60 lg:px-8 lg:pt-32"
|
||||
>
|
||||
<div
|
||||
class="mx-auto max-w-2xl gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center"
|
||||
>
|
||||
<div class="relative w-full lg:max-w-xl lg:shrink-0 xl:max-w-2xl">
|
||||
<h1
|
||||
class="text-5xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-7xl"
|
||||
>
|
||||
A titre professionnel
|
||||
</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.
|
||||
</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 »
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
class="mt-14 flex justify-end gap-8 sm:-mt-44 sm:justify-start sm:pl-20 lg:mt-0 lg:pl-0"
|
||||
>
|
||||
<div
|
||||
class="ml-auto w-44 flex-none space-y-8 pt-32 sm:ml-0 sm:pt-80 lg:order-last lg:pt-36 xl:order-0 xl:pt-80"
|
||||
>
|
||||
<div class="relative">
|
||||
<img
|
||||
src="images/about/mp-photo-affiche.jpg"
|
||||
alt=""
|
||||
class="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
|
||||
/>
|
||||
<div
|
||||
class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="mr-auto w-44 flex-none space-y-8 sm:mr-0 sm:pt-52 lg:pt-36"
|
||||
>
|
||||
<div class="relative">
|
||||
<img
|
||||
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"
|
||||
/>
|
||||
<div
|
||||
class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset"
|
||||
></div>
|
||||
</div>
|
||||
<div class="relative">
|
||||
<img
|
||||
src="images/about/mp-photo-affiche.jpg"
|
||||
alt=""
|
||||
class="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
|
||||
/>
|
||||
<div
|
||||
class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
<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"
|
||||
alt=""
|
||||
class="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
|
||||
/>
|
||||
<div
|
||||
class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset"
|
||||
></div>
|
||||
</div>
|
||||
<div class="relative">
|
||||
<img
|
||||
src="images/about/sans-rendez-vous-duo-recadré.jpg"
|
||||
alt=""
|
||||
class="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
|
||||
/>
|
||||
<div
|
||||
class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% endblock %}
|
||||
69
templates/page/confidentiality-policy.html.twig
Normal file
69
templates/page/confidentiality-policy.html.twig
Normal file
@@ -0,0 +1,69 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{# === Metadata (No Index pour le SEO) === #}
|
||||
{% block metadata %}
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>
|
||||
Politique de confidentialité - Arts-ticule
|
||||
</title>
|
||||
{% endblock %}
|
||||
|
||||
{# === Contenu principal === #}
|
||||
{% block body %}
|
||||
<section class="max-w-4xl mx-auto px-4 py-16">
|
||||
<h1 class="text-3xl font-bold mb-6 text-center">
|
||||
Politique de confidentialité
|
||||
</h1>
|
||||
|
||||
<p class="mb-4">
|
||||
Chez Arts-ticule, nous respectons votre vie privée et nous nous engageons
|
||||
à protéger vos informations personnelles. Cette politique explique comment
|
||||
nous collectons, utilisons et protégeons vos données.
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-semibold mt-6 mb-2">
|
||||
1. Collecte des informations
|
||||
</h2>
|
||||
<p class="mb-4">
|
||||
Nous pouvons collecter certaines informations lorsque vous utilisez notre
|
||||
site, notamment votre nom, votre adresse e-mail, et toute donnée que vous
|
||||
nous fournissez volontairement via nos formulaires de contact.
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-semibold mt-6 mb-2">
|
||||
2. Utilisation des informations
|
||||
</h2>
|
||||
<p class="mb-4">
|
||||
Les informations collectées sont utilisées pour :<ul
|
||||
class="list-disc list-inside ml-4"
|
||||
>
|
||||
<li>Répondre à vos demandes et questions</li>
|
||||
<li>Améliorer notre site et nos services</li>
|
||||
<li>
|
||||
Vous envoyer des communications importantes si vous y avez consenti
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-semibold mt-6 mb-2">3. Partage des informations</h2>
|
||||
<p class="mb-4">
|
||||
Nous ne vendons ni ne louons vos informations personnelles à des tiers.
|
||||
Vos données peuvent être partagées uniquement avec des prestataires de
|
||||
confiance pour le fonctionnement du site ou si la loi l'exige.
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-semibold mt-6 mb-2">4. Sécurité des données</h2>
|
||||
<p class="mb-4">
|
||||
Nous mettons en œuvre des mesures techniques et organisationnelles pour
|
||||
protéger vos données contre tout accès non autorisé, modification ou
|
||||
suppression.
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-semibold mt-6 mb-2">5. Vos droits</h2>
|
||||
<p class="mb-4">
|
||||
Vous pouvez accéder, rectifier ou demander la suppression de vos données
|
||||
personnelles. Pour exercer ces droits, contactez-nous via notre formulaire
|
||||
de contact.
|
||||
</p>
|
||||
</section>
|
||||
{% endblock %}
|
||||
179
templates/page/home.html.twig
Normal file
179
templates/page/home.html.twig
Normal file
@@ -0,0 +1,179 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
{% block metadata %}
|
||||
{# ============================
|
||||
METADATA / SEO
|
||||
============================ #}
|
||||
|
||||
{% set meta_title = meta_title is defined
|
||||
? meta_title
|
||||
: 'Spectacles vivants et artisanat au service des 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.'
|
||||
%}
|
||||
{% set meta_image = meta_image is defined
|
||||
? meta_image
|
||||
: asset('images/logo.jpg')
|
||||
%}
|
||||
{% set meta_url = meta_url is defined ? meta_url : app.request.uri %}
|
||||
{% set meta_site_name = meta_site_name is defined
|
||||
? meta_site_name
|
||||
: 'Nom du site'
|
||||
%}
|
||||
{% set meta_type = meta_type is defined ? meta_type : 'website' %}
|
||||
|
||||
<title>
|
||||
{{ meta_title }}
|
||||
</title>
|
||||
|
||||
<meta name="description" content="{{ meta_description }}" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<link rel="canonical" href="{{ meta_url }}" />
|
||||
|
||||
{# ============================
|
||||
OPEN GRAPH (Facebook, LinkedIn…)
|
||||
============================ #}
|
||||
|
||||
<meta property="og:title" content="{{ meta_title }}" />
|
||||
<meta property="og:description" content="{{ meta_description }}" />
|
||||
<meta property="og:type" content="{{ meta_type }}" />
|
||||
<meta property="og:url" content="{{ meta_url }}" />
|
||||
<meta property="og:image" content="{{ meta_image }}" />
|
||||
<meta property="og:site_name" content="{{ meta_site_name }}" />
|
||||
<meta property="og:locale" content="fr_FR" />
|
||||
|
||||
{# Optionnel mais recommandé #}
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
|
||||
{# ============================
|
||||
TWITTER CARDS
|
||||
============================ #}
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="{{ meta_title }}" />
|
||||
<meta name="twitter:description" content="{{ meta_description }}" />
|
||||
<meta name="twitter:image" content="{{ meta_image }}" />
|
||||
{% endblock %}
|
||||
{% block body %}
|
||||
<!-- Header -->
|
||||
|
||||
<main class="isolate py-15">
|
||||
<!-- Hero section -->
|
||||
<div class="relative pt-14">
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
|
||||
>
|
||||
<div
|
||||
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"
|
||||
class="relative left-[calc(50%-11rem)] aspect-1155/678 w-144.5 -translate-x-1/2 rotate-30 bg-linear-to-tr from-[#ff80b5] to-[#F59E0B] opacity-30 sm:left-[calc(50%-30rem)] sm:w-288.75"
|
||||
></div>
|
||||
</div>
|
||||
<div class="py-5 sm:py-6 lg:pb-7">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-2xl text-center">
|
||||
<h1
|
||||
class="text-5xl font-semibold tracking-tight text-balance text-gray-900 sm:text-7xl"
|
||||
>
|
||||
Spectacles vivants et fabrications artisanales
|
||||
</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
|
||||
</strong> !
|
||||
</p>
|
||||
<div class="mt-10 flex items-center justify-center gap-x-6">
|
||||
<a
|
||||
href="{{ path('show') }}"
|
||||
class="rounded-md bg-amber-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-amber-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-amber-600"
|
||||
>
|
||||
Mes spectacles
|
||||
</a>
|
||||
<a
|
||||
href="{{ path('about') }}"
|
||||
class="text-sm/6 font-semibold text-gray-900"
|
||||
>
|
||||
Me connaître <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
|
||||
>
|
||||
<div
|
||||
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"
|
||||
class="relative left-[calc(50%+3rem)] aspect-1155/678 w-144.5 -translate-x-1/2 bg-linear-to-tr from-[#ff80b5] to-[#F59E0B] opacity-30 sm:left-[calc(50%+36rem)] sm:w-288.75"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial section -->
|
||||
<div class="mx-auto mt-6 max-w-7xl sm:mt-12 sm:px-6 lg:px-8">
|
||||
<div
|
||||
class="relative overflow-hidden bg-gray-900 px-6 py-20 shadow-xl sm:rounded-3xl sm:px-10 sm:py-24 md:px-12 lg:px-20"
|
||||
>
|
||||
<img
|
||||
src="images/mp-photo-affiche-gros-plan.jpg"
|
||||
alt=""
|
||||
class="absolute inset-0 size-full object-cover brightness-150 saturate-0"
|
||||
/>
|
||||
<div class="absolute inset-0 bg-gray-900/90 mix-blend-multiply"></div>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="absolute -top-56 -left-80 transform-gpu blur-3xl"
|
||||
>
|
||||
<div
|
||||
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"
|
||||
class="aspect-1097/845 w-274.25 bg-linear-to-r from-[#ff4694] to-[#F59E0B] opacity-[0.45]"
|
||||
></div>
|
||||
</div>
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="hidden md:absolute md:bottom-16 md:left-200 md:block md:transform-gpu md:blur-3xl"
|
||||
>
|
||||
<div
|
||||
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"
|
||||
class="aspect-1097/845 w-274.25 bg-linear-to-r from-[#ff4694] to-[#F59E0B] opacity-25"
|
||||
></div>
|
||||
</div>
|
||||
<div class="relative mx-auto max-w-2xl lg:mx-0">
|
||||
<figure>
|
||||
<blockquote
|
||||
class="mt-6 text-lg font-semibold text-white sm:text-xl/8"
|
||||
>
|
||||
<p>
|
||||
“Dans un monde de plus en plus technologique, au rythme
|
||||
précipité, laissons de la place à l’imaginaire et la créativité.
|
||||
Acceptons de se donner des bulles suspendues de création et
|
||||
d’évasion Mettons en valeur et en commun nos savoir-faire, nos
|
||||
savoir-être Retrouvons de l’humanité, de l’écoute, du partage,
|
||||
de la cohésion ”
|
||||
</p>
|
||||
</blockquote>
|
||||
<figcaption class="mt-6 text-base text-white">
|
||||
<div class="font-semibold">
|
||||
Marie-Pierre NAUCHE
|
||||
</div>
|
||||
<div class="mt-1">
|
||||
Fondatrice de Arts-ticule
|
||||
</div>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% endblock %}
|
||||
61
templates/page/legal-mentions.html.twig
Normal file
61
templates/page/legal-mentions.html.twig
Normal file
@@ -0,0 +1,61 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{# === Metadata (No Index pour le SEO) === #}
|
||||
{% block metadata %}
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<title>
|
||||
Mentions légales - Arts-ticule
|
||||
</title>
|
||||
{% endblock %}
|
||||
|
||||
{# === Contenu principal === #}
|
||||
{% block body %}
|
||||
<section class="max-w-4xl mx-auto px-4 py-16">
|
||||
<h1 class="text-3xl font-bold mb-6 text-center">Mentions légales</h1>
|
||||
|
||||
<p class="mb-4">
|
||||
Conformément à la législation en vigueur, voici les informations légales
|
||||
concernant le site <strong>Arts-ticule</strong>.
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-semibold mt-6 mb-2">1. Éditeur du site</h2>
|
||||
<p class="mb-4">
|
||||
Arts-ticule<br />
|
||||
Adresse : 8 rue de la Dombes, Saint Etienne sur Chalaronne<br />
|
||||
Directeur de la publication : Marie-Pierre NAUCHE
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-semibold mt-6 mb-2">2. Hébergeur</h2>
|
||||
<p class="mb-4">
|
||||
Le site est hébergé par :<br />
|
||||
Contabo GmbH<br />
|
||||
Adresse : Welfenstrasse 22 81541 Munich Germany<br />
|
||||
Téléphone : +49 89 3564717 70
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-semibold mt-6 mb-2">3. Propriété intellectuelle</h2>
|
||||
<p class="mb-4">
|
||||
Tous les contenus présents sur le site (textes, images, vidéos, logos)
|
||||
sont la propriété exclusive d’Arts-ticule ou de leurs auteurs respectifs.
|
||||
Toute reproduction, modification ou distribution sans autorisation est
|
||||
interdite.
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-semibold mt-6 mb-2">4. Données personnelles</h2>
|
||||
<p class="mb-4">
|
||||
Pour plus d’informations sur la collecte et le traitement des données
|
||||
personnelles, veuillez consulter notre <a
|
||||
href="{{ path('confidentialitypolicy') }}"
|
||||
class="text-amber-600 underline"
|
||||
>
|
||||
Politique de confidentialité
|
||||
</a>.
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-semibold mt-6 mb-2">5. Responsabilité</h2>
|
||||
<p class="mb-4">
|
||||
Arts-ticule ne saurait être tenu responsable des dommages directs ou
|
||||
indirects pouvant survenir suite à l’accès ou à l’utilisation du site.
|
||||
</p>
|
||||
</section>
|
||||
{% endblock %}
|
||||
217
templates/page/manual-project.html.twig
Normal file
217
templates/page/manual-project.html.twig
Normal file
@@ -0,0 +1,217 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
{% block metadata %}
|
||||
{# ============================
|
||||
METADATA / SEO
|
||||
============================ #}
|
||||
|
||||
{% set meta_title = meta_title is defined
|
||||
? meta_title
|
||||
: 'Ateliers artisanaux et créations manuelles pour collectivités'
|
||||
%}
|
||||
{% 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.'
|
||||
%}
|
||||
{% set meta_image = meta_image is defined
|
||||
? meta_image
|
||||
: asset('images/logo.jpg')
|
||||
%}
|
||||
{% set meta_url = meta_url is defined ? meta_url : app.request.uri %}
|
||||
{% set meta_site_name = meta_site_name is defined
|
||||
? meta_site_name
|
||||
: 'Nom du site'
|
||||
%}
|
||||
{% set meta_type = meta_type is defined ? meta_type : 'website' %}
|
||||
|
||||
<title>
|
||||
{{ meta_title }}
|
||||
</title>
|
||||
|
||||
<meta name="description" content="{{ meta_description }}" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<link rel="canonical" href="{{ meta_url }}" />
|
||||
|
||||
{# ============================
|
||||
OPEN GRAPH (Facebook, LinkedIn…)
|
||||
============================ #}
|
||||
|
||||
<meta property="og:title" content="{{ meta_title }}" />
|
||||
<meta property="og:description" content="{{ meta_description }}" />
|
||||
<meta property="og:type" content="{{ meta_type }}" />
|
||||
<meta property="og:url" content="{{ meta_url }}" />
|
||||
<meta property="og:image" content="{{ meta_image }}" />
|
||||
<meta property="og:site_name" content="{{ meta_site_name }}" />
|
||||
<meta property="og:locale" content="fr_FR" />
|
||||
|
||||
{# Optionnel mais recommandé #}
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
|
||||
{# ============================
|
||||
TWITTER CARDS
|
||||
============================ #}
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="{{ meta_title }}" />
|
||||
<meta name="twitter:description" content="{{ meta_description }}" />
|
||||
<meta name="twitter:image" content="{{ meta_image }}" />
|
||||
{% endblock %}
|
||||
{% block body %}
|
||||
<div class="overflow-hidden bg-white py-12 sm:py-16">
|
||||
<div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
|
||||
<div class="max-w-4xl">
|
||||
<p class="text-base/7 font-semibold text-amber-600">
|
||||
Projets manuels et créatifs
|
||||
</p>
|
||||
<h1
|
||||
class="mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl"
|
||||
>
|
||||
Co-construction et Accompagnement
|
||||
</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…
|
||||
</p>
|
||||
</div>
|
||||
<section
|
||||
class="mt-20 grid grid-cols-1 lg:grid-cols-2 lg:gap-x-8 lg:gap-y-16"
|
||||
>
|
||||
<div class="lg:pr-8">
|
||||
<h2
|
||||
class="mt-8 text-2xl font-semibold tracking-tight text-pretty text-gray-900"
|
||||
>
|
||||
Le déroulé
|
||||
</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>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
|
||||
class="-mx-8 grid grid-cols-2 gap-4 sm:-mx-16 sm:grid-cols-4 lg:mx-0 lg:grid-cols-2 xl:gap-8"
|
||||
>
|
||||
<div
|
||||
class="aspect-square overflow-hidden rounded-xl shadow-xl outline-1 -outline-offset-1 outline-black/10"
|
||||
>
|
||||
<img
|
||||
src="/images/manual-project/COUT-coussin-champignon.jpg"
|
||||
alt=""
|
||||
class="block size-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
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"
|
||||
alt=""
|
||||
class="block size-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
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"
|
||||
alt=""
|
||||
class="block size-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
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"
|
||||
alt=""
|
||||
class="block size-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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 %}
|
||||
130
templates/page/news.html.twig
Normal file
130
templates/page/news.html.twig
Normal file
@@ -0,0 +1,130 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
{% block body %}
|
||||
{% set images = news.newsImages|default([]) %}
|
||||
{% set mainImage = images|first %}
|
||||
{% set secondaryImages = images|slice(1) %}
|
||||
|
||||
<div class="bg-white py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div
|
||||
class="mx-auto flex max-w-2xl flex-col justify-between gap-16 lg:mx-0 lg:max-w-none lg:flex-row"
|
||||
>
|
||||
<div class="w-full lg:max-w-lg lg:flex-auto">
|
||||
<h2
|
||||
class="text-3xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-4xl"
|
||||
>
|
||||
{{ news.title }}
|
||||
</h2>
|
||||
{% if mainImage %}
|
||||
<img
|
||||
src="{{ mainImage.image.url }}"
|
||||
alt="{{ news.title }}"
|
||||
class="mt-16 aspect-6/5 w-full rounded-2xl object-cover outline-1 -outline-offset-1 outline-black/5 lg:aspect-auto lg:h-138"
|
||||
/>
|
||||
{% endif %}
|
||||
{% if secondaryImages is not empty %}
|
||||
<div class="flex gap-2 mt-6">
|
||||
{% for image in secondaryImages %}
|
||||
<img
|
||||
src="{{ image.image.url }}"
|
||||
alt="{{ news.title }}"
|
||||
class="w-20 h-20 object-cover rounded-lg"
|
||||
/>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div
|
||||
class="mt-6 flex border-t border-gray-900/5 pt-6 items-center gap-x-2"
|
||||
>
|
||||
<span class="text-sm font-medium text-gray-700">Partager :</span>
|
||||
|
||||
{% set shareUrl =
|
||||
absolute_url(
|
||||
path(
|
||||
'actualites',
|
||||
{
|
||||
slug: news.slug
|
||||
}
|
||||
)
|
||||
)
|
||||
%}
|
||||
|
||||
<!-- LinkedIn -->
|
||||
<a
|
||||
href="https://www.linkedin.com/sharing/share-offsite/?url={{
|
||||
shareUrl
|
||||
}}"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="flex items-center justify-center size-9 rounded-full bg-gray-100 text-gray-600 hover:bg-amber-500/10 hover:text-amber-500 transition"
|
||||
aria-label="Partager sur LinkedIn"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-linkedin"
|
||||
viewbox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<!-- Facebook -->
|
||||
<a
|
||||
href="https://www.facebook.com/sharer/sharer.php?u={{ shareUrl }}"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="flex items-center justify-center size-9 rounded-full bg-gray-100 text-gray-600 hover:bg-amber-500/10 hover:text-amber-500 transition"
|
||||
aria-label="Partager sur Facebook"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-facebook"
|
||||
viewbox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<!-- Twitter / X -->
|
||||
<a
|
||||
href="https://twitter.com/intent/tweet?url={{
|
||||
shareUrl
|
||||
}}&text={{ news.title|url_encode }}"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="flex items-center justify-center size-9 rounded-full bg-gray-100 text-gray-600 hover:bg-amber-500/10 hover:text-amber-500 transition"
|
||||
aria-label="Partager sur Twitter"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-twitter"
|
||||
viewbox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334q.002-.211-.006-.422A6.7 6.7 0 0 0 16 3.542a6.7 6.7 0 0 1-1.889.518 3.3 3.3 0 0 0 1.447-1.817 6.5 6.5 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.32 9.32 0 0 1-6.767-3.429 3.29 3.29 0 0 0 1.018 4.382A3.3 3.3 0 0 1 .64 6.575v.045a3.29 3.29 0 0 0 2.632 3.218 3.2 3.2 0 0 1-.865.115 3 3 0 0 1-.614-.057 3.28 3.28 0 0 0 3.067 2.277A6.6 6.6 0 0 1 .78 13.58a6 6 0 0 1-.78-.045A9.34 9.34 0 0 0 5.026 15"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full lg:max-w-xl lg:flex-auto">
|
||||
{{ news.description|raw }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
267
templates/page/project.html.twig
Normal file
267
templates/page/project.html.twig
Normal file
@@ -0,0 +1,267 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
{% block metadata %}
|
||||
{# ============================
|
||||
METADATA / SEO
|
||||
============================ #}
|
||||
|
||||
{% set meta_title = meta_title is defined
|
||||
? meta_title
|
||||
: 'Projets artistiques participatifs pour écoles et collectivités'
|
||||
%}
|
||||
{% 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.'
|
||||
%}
|
||||
{% set meta_image = meta_image is defined
|
||||
? meta_image
|
||||
: asset('images/logo.jpg')
|
||||
%}
|
||||
{% set meta_url = meta_url is defined ? meta_url : app.request.uri %}
|
||||
{% set meta_site_name = meta_site_name is defined
|
||||
? meta_site_name
|
||||
: 'Nom du site'
|
||||
%}
|
||||
{% set meta_type = meta_type is defined ? meta_type : 'website' %}
|
||||
|
||||
<title>
|
||||
{{ meta_title }}
|
||||
</title>
|
||||
|
||||
<meta name="description" content="{{ meta_description }}" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<link rel="canonical" href="{{ meta_url }}" />
|
||||
|
||||
{# ============================
|
||||
OPEN GRAPH (Facebook, LinkedIn…)
|
||||
============================ #}
|
||||
|
||||
<meta property="og:title" content="{{ meta_title }}" />
|
||||
<meta property="og:description" content="{{ meta_description }}" />
|
||||
<meta property="og:type" content="{{ meta_type }}" />
|
||||
<meta property="og:url" content="{{ meta_url }}" />
|
||||
<meta property="og:image" content="{{ meta_image }}" />
|
||||
<meta property="og:site_name" content="{{ meta_site_name }}" />
|
||||
<meta property="og:locale" content="fr_FR" />
|
||||
|
||||
{# Optionnel mais recommandé #}
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
|
||||
{# ============================
|
||||
TWITTER CARDS
|
||||
============================ #}
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="{{ meta_title }}" />
|
||||
<meta name="twitter:description" content="{{ meta_description }}" />
|
||||
<meta name="twitter:image" content="{{ meta_image }}" />
|
||||
{% endblock %}
|
||||
{% block body %}
|
||||
<div class="overflow-hidden bg-white py-12 sm:py-16">
|
||||
<div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
|
||||
<div class="max-w-4xl">
|
||||
<p class="text-base/7 font-semibold text-amber-600">
|
||||
Projets artistiques
|
||||
</p>
|
||||
<h1
|
||||
class="mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl"
|
||||
>
|
||||
Co-construction et Accompagnement
|
||||
</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…
|
||||
</p>
|
||||
</div>
|
||||
<section
|
||||
class="mt-20 grid grid-cols-1 lg:grid-cols-2 lg:gap-x-8 lg:gap-y-16"
|
||||
>
|
||||
<div class="lg:pr-8">
|
||||
<h2
|
||||
class="mt-8 text-2xl font-semibold tracking-tight text-pretty text-gray-900"
|
||||
>
|
||||
Le déroulé
|
||||
</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
|
||||
</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
|
||||
</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">
|
||||
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>
|
||||
</div>
|
||||
<div class="pt-16 lg:row-span-2 lg:-mr-16 xl:mr-auto">
|
||||
<div
|
||||
class="-mx-8 grid grid-cols-2 gap-4 sm:-mx-16 sm:grid-cols-4 lg:mx-0 lg:grid-cols-2 xl:gap-8"
|
||||
>
|
||||
<div
|
||||
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"
|
||||
alt=""
|
||||
class="block size-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
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"
|
||||
alt=""
|
||||
class="block size-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="aspect-square overflow-hidden rounded-xl shadow-xl outline-1 -outline-offset-1 outline-black/10"
|
||||
>
|
||||
<img
|
||||
src="/images/project/TM-hector-papier-maché.jpg"
|
||||
alt=""
|
||||
class="block size-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
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-création-décor-baleine.jpg"
|
||||
alt=""
|
||||
class="block size-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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 %}
|
||||
189
templates/page/show.html.twig
Normal file
189
templates/page/show.html.twig
Normal file
@@ -0,0 +1,189 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
{% block metadata %}
|
||||
{# ============================
|
||||
METADATA / SEO
|
||||
============================ #}
|
||||
|
||||
{% set meta_title = meta_title is defined
|
||||
? meta_title
|
||||
: 'Spectacles vivants et artisanat au service des 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.'
|
||||
%}
|
||||
{% set meta_image = meta_image is defined
|
||||
? meta_image
|
||||
: asset('images/logo.jpg')
|
||||
%}
|
||||
{% set meta_url = meta_url is defined ? meta_url : app.request.uri %}
|
||||
{% set meta_site_name = meta_site_name is defined
|
||||
? meta_site_name
|
||||
: 'Nom du site'
|
||||
%}
|
||||
{% set meta_type = meta_type is defined ? meta_type : 'website' %}
|
||||
|
||||
<title>
|
||||
{{ meta_title }}
|
||||
</title>
|
||||
|
||||
<meta name="description" content="{{ meta_description }}" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<link rel="canonical" href="{{ meta_url }}" />
|
||||
|
||||
{# ============================
|
||||
OPEN GRAPH (Facebook, LinkedIn…)
|
||||
============================ #}
|
||||
|
||||
<meta property="og:title" content="{{ meta_title }}" />
|
||||
<meta property="og:description" content="{{ meta_description }}" />
|
||||
<meta property="og:type" content="{{ meta_type }}" />
|
||||
<meta property="og:url" content="{{ meta_url }}" />
|
||||
<meta property="og:image" content="{{ meta_image }}" />
|
||||
<meta property="og:site_name" content="{{ meta_site_name }}" />
|
||||
<meta property="og:locale" content="fr_FR" />
|
||||
|
||||
{# Optionnel mais recommandé #}
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
|
||||
{# ============================
|
||||
TWITTER CARDS
|
||||
============================ #}
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="{{ meta_title }}" />
|
||||
<meta name="twitter:description" content="{{ meta_description }}" />
|
||||
<meta name="twitter:image" content="{{ meta_image }}" />
|
||||
{% endblock %}
|
||||
{% block body %}
|
||||
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
|
||||
<!-- We've used 3xl here, but feel free to try other max-widths based on your needs -->
|
||||
<div class="mx-auto max-w-7xl">
|
||||
<!-- Content goes here -->
|
||||
{{
|
||||
render(
|
||||
controller(
|
||||
'App\\Controller\\RenderFeatureController::news',
|
||||
{
|
||||
isCarousel: true
|
||||
}
|
||||
)
|
||||
)
|
||||
}}
|
||||
</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 max-w-2xl lg:mx-0">
|
||||
<h2
|
||||
class="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">
|
||||
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.
|
||||
</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 %}
|
||||
Reference in New Issue
Block a user