Init project
This commit is contained in:
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