123 lines
8.4 KiB
Twig
123 lines
8.4 KiB
Twig
|
{% extends 'base.twig' %}
|
||
|
|
|
||
|
|
{% block title %}Qui Somme Nous{% endblock %}
|
||
|
|
|
||
|
|
{% block canonical_url %}<link rel="canonical" href="{{ url('app_about') }}" />
|
||
|
|
{% endblock %}
|
||
|
|
|
||
|
|
{% block breadcrumb_schema %}
|
||
|
|
<script type="application/ld+json">
|
||
|
|
{
|
||
|
|
"@context": "https://schema.org",
|
||
|
|
"@type": "BreadcrumbList",
|
||
|
|
"itemListElement": [
|
||
|
|
{
|
||
|
|
"@type": "ListItem",
|
||
|
|
"position": 1,
|
||
|
|
"name": "Accueil",
|
||
|
|
"item": "{{ app.request.schemeAndHttpHost }}"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"@type": "ListItem",
|
||
|
|
"position": 2,
|
||
|
|
"name": "Qui Somme Nous",
|
||
|
|
"item": "{{ app.request.schemeAndHttpHost }}{{ app.request.pathInfo }}"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
{% endblock %}
|
||
|
|
|
||
|
|
{% block body %}
|
||
|
|
<main class="container mx-auto px-4 py-12">
|
||
|
|
<h1 class="text-4xl font-extrabold text-blue-800 mb-6 text-center">Qui Sommes-Nous ?</h1>
|
||
|
|
|
||
|
|
<!-- Section Introduction MISE À JOUR -->
|
||
|
|
<section class="mb-12 p-6 bg-gray-50 rounded-xl shadow-lg">
|
||
|
|
<h2 class="text-2xl font-semibold text-teal-600 mb-4 border-b pb-2">Notre Passion : Créer l'Imaginaire</h2>
|
||
|
|
<p class="text-lg text-gray-700 leading-relaxed">
|
||
|
|
Nous sommes une <span class="font-bold">association dédiée à l'art du Cosplay et du CosHopital</span>, fondée par des passionnés pour les passionnés. Notre mission est de fournir une plateforme dynamique et inclusive où la <span class="font-bold">création, le partage et l'expression artistique</span> sont au cœur de toutes nos activités.
|
||
|
|
<br><br>
|
||
|
|
Nous considérons que le Cosplay est un art complet. C'est pourquoi, qu'un cosplayer ait <span class="font-bold">réalisé son costume à la main ou qu'il l'ait acheté</span>, tous sont mis sur un <span class="font-bold">pied d'égalité</span> au sein de notre communauté. Nous croyons que le Cosplay est bien plus qu'un simple déguisement : c'est une forme d'art qui combine couture, ingénierie, jeu d'acteur et amour des œuvres de fiction.
|
||
|
|
</p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- Section Nos Objectifs & Valeurs -->
|
||
|
|
<section class="mb-12">
|
||
|
|
<h2 class="text-3xl font-bold text-blue-700 mb-6 text-center">Nos Objectifs et Nos Valeurs</h2>
|
||
|
|
<!-- Grille ajustée pour 4 éléments : 2 colonnes sur tablette (md), 4 colonnes sur grand écran (lg) -->
|
||
|
|
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||
|
|
<!-- 1. Promouvoir la Création -->
|
||
|
|
<div class="p-6 bg-white border border-blue-200 rounded-xl shadow-md transition transform hover:scale-[1.02]">
|
||
|
|
<div class="text-3xl text-teal-600 mb-3">🎨</div>
|
||
|
|
<h3 class="text-xl font-bold text-gray-800 mb-2">Promouvoir la Création</h3>
|
||
|
|
<p class="text-gray-600">Encourager la fabrication de costumes complexes et originaux, en valorisant l'artisanat, les techniques de couture, le maquillage et la création d'accessoires (props).</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 2. Unir la Communauté -->
|
||
|
|
<div class="p-6 bg-white border border-blue-200 rounded-xl shadow-md transition transform hover:scale-[1.02]">
|
||
|
|
<div class="text-3xl text-teal-600 mb-3">🤝</div>
|
||
|
|
<h3 class="text-xl font-bold text-gray-800 mb-2">Unir la Communauté</h3>
|
||
|
|
<p class="text-gray-600">Créer un espace sûr et bienveillant pour tous les niveaux, du débutant à l'expert. Favoriser l'échange de conseils et de techniques entre membres.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 3. Célébrer la Performance -->
|
||
|
|
<div class="p-6 bg-white border border-blue-200 rounded-xl shadow-md transition transform hover:scale-[1.02]">
|
||
|
|
<div class="text-3xl text-teal-600 mb-3">🎭</div>
|
||
|
|
<h3 class="text-xl font-bold text-gray-800 mb-2">Célébrer la Performance</h3>
|
||
|
|
<p class="text-gray-600">Mettre en lumière l'aspect théâtral et scénique du Cosplay à travers des événements et des concours de haut niveau.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 4. NOUVEAU BLOC : Inclusivité et Non-Discrimination -->
|
||
|
|
<div class="p-6 bg-white border border-blue-200 rounded-xl shadow-md transition transform hover:scale-[1.02] border-4 border-red-300">
|
||
|
|
<div class="text-3xl text-red-600 mb-3">❤️🔥</div>
|
||
|
|
<h3 class="text-xl font-bold text-gray-800 mb-2">Inclusivité et Non-Discrimination</h3>
|
||
|
|
<p class="text-gray-600">
|
||
|
|
Notre association est <span class="font-bold">ouverte à toutes et à tous sans aucune discrimination</span> (sexuelle, d'origine, etc.). Nous sommes un environnement <span class="font-bold">LGBTQ+ friendly</span>, garantissant le respect et la sécurité pour chaque membre.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- Section Activités -->
|
||
|
|
<section class="mb-12 p-8 bg-blue-100 rounded-xl shadow-inner">
|
||
|
|
<h2 class="text-3xl font-bold text-blue-700 mb-6 text-center">Nos Activités Principales</h2>
|
||
|
|
|
||
|
|
<div class="space-y-8">
|
||
|
|
<!-- Concours Cosplay -->
|
||
|
|
<div class="md:flex md:items-start p-4 bg-white rounded-lg shadow">
|
||
|
|
<div class="flex-shrink-0 text-3xl text-pink-600 md:mr-6 mb-4 md:mb-0">🏆</div>
|
||
|
|
<div>
|
||
|
|
<h3 class="text-2xl font-semibold text-gray-800 mb-2">Organisation de Concours Cosplay</h3>
|
||
|
|
<p class="text-gray-600">
|
||
|
|
Nous organisons régulièrement des <span class="font-bold">concours de Cosplay</span> lors de conventions et événements thématiques. Ces compétitions sont <span class="font-bold">ouvertes à tous, que votre costume soit fait-main ou acheté</span>, avec des catégories de jugement adaptées. Elles sont structurées pour évaluer la qualité de la confection (<span class="font-bold">craftsmanship</span>, pour les créateurs) et/ou la performance scénique (<span class="font-bold">acting</span>, pour tous), offrant ainsi des opportunités pour tous les styles et niveaux de compétence.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Ateliers Cosplay -->
|
||
|
|
<div class="md:flex md:items-start p-4 bg-white rounded-lg shadow">
|
||
|
|
<div class="flex-shrink-0 text-3xl text-pink-600 md:mr-6 mb-4 md:mb-0">🛠️</div>
|
||
|
|
<div>
|
||
|
|
<h3 class="text-2xl font-semibold text-gray-800 mb-2">Ateliers de Fabrication et de Perfectionnement</h3>
|
||
|
|
<p class="text-gray-600">
|
||
|
|
Du moulage à l'impression 3D, en passant par la couture de précision et la peinture, nos <span class="font-bold">ateliers Cosplay</span> sont conçus pour vous transmettre des savoir-faire essentiels. Que vous souhaitiez apprendre à travailler la mousse EVA, manipuler des LEDs ou parfaire votre wig styling, nos sessions encadrées par des experts vous aideront à donner vie à vos projets les plus ambitieux.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- CosHopital (Réparation Gratuite) -->
|
||
|
|
<div class="md:flex md:items-start p-4 bg-white rounded-lg shadow">
|
||
|
|
<div class="flex-shrink-0 text-3xl text-pink-600 md:mr-6 mb-4 md:mb-0">🩹</div>
|
||
|
|
<div>
|
||
|
|
<h3 class="text-2xl font-semibold text-gray-800 mb-2">Le CosHopital : Réparation Gratuite</h3>
|
||
|
|
<p class="text-gray-600">
|
||
|
|
Le <span class="font-bold">CosHopital</span> est notre service solidaire et essentiel. Lors de nos événements, nos bénévoles spécialisés offrent une <span class="font-bold">réparation gratuite des cosplays et accessoires des visiteurs</span> qui auraient subi des dégâts. Que ce soit une couture qui lâche, un prop cassé ou une perruque à remettre en place, notre équipe de "médecins du cosplay" est là pour vous dépanner rapidement et vous permettre de profiter pleinement de votre journée !
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
{% endblock %}
|