pierre/lesfrouzivores.fr
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

V1

Browse Source
This commit is contained in:
Pierre Martin
2024-12-04 01:42:17 +01:00
parent 1e41b24330
commit e26301960b
3 changed files with 174 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.html
+174 -46
View File
@@ -15,6 +15,11 @@
<div class="relative bg-green-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
<div class="text-center">
<img
src="./logo_light.png"
alt="Les Frouzivores"
class="mx-auto mb-6 w-64"
/>
<h1
class="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl md:text-6xl"
>
@@ -37,33 +42,27 @@
<i class="fas fa-calendar text-xl"></i>
<span class="text-lg font-semibold">Prochaine distribution</span>
</div>
<p class="text-2xl font-bold text-gray-900">29 novembre</p>
<p class="text-gray-600 mt-2">7 rue du Vieux Moulin (FIC)</p>
<p class="text-2xl font-bold text-gray-900">18 décembre</p>
<p class="text-gray-600 mt-2">
<a
href="https://www.openstreetmap.org/#map=19/43.51294/1.32234"
class="text-green-600 hover:underline"
>
à « La Grange » de
<abbr title="Frouzins Initiatives Citoyennes">FIC</abbr> – 7 rue
du Vieux Moulin
</a>
</p>
<div class="mt-8">
<a
href="https://local.direct"
href="https://www.local.direct/les-frouzivores"
class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-green-600 hover:bg-green-700"
>
<i class="fas fa-shopping-cart mr-4"></i>
Je commande maintenant
</a>
</div>
</div>
<div class="mt-8 bg-green-100 rounded-lg p-4">
<div
class="flex items-center justify-center space-x-2 text-green-700"
>
<i class="fas fa-leaf"></i>
<p class="text-lg">
🍷🌰 Plongez dans l'automne avec notre distribution spéciale de
vin nouveau et de marrons chauds !
</p>
</div>
<p class="mt-2 text-green-600">
🍏 Nouveauté : pommes et jus de fruits par Les jardins de
Labourdette
</p>
</div>
</div>
</div>
</div>
@@ -168,6 +167,31 @@
</p>
</div>
</div>
<div class="flex">
<div class="flex-shrink-0">
<div
class="flex items-center justify-center h-12 w-12 rounded-md bg-green-500 text-white"
>
<i class="fas fa-file-download"></i>
</div>
</div>
<div class="ml-4">
<h3 class="text-lg font-medium text-gray-900">Notre charte</h3>
<p class="mt-2 text-base text-gray-500">
Découvrez les valeurs et engagements des Frouzivores.
</p>
<div class="mt-4">
<a
href="./fichiers/charte_20201127.pdf"
class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-gray-500 hover:bg-gray-400"
>
<i class="fas fa-download mr-2"></i>
Télécharger la charte
</a>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -192,12 +216,12 @@
secours populaire » à votre panier. Ils seront distribués aux
bénéficiaires dans les jours qui suivent la commande.
</p>
<p class="mt-4 text-lg text-gray-600 font-medium">
💡 Dons possibles : yaourts, farine, steaks hachés…
<p class="mt-4 text-lg text-gray-600 font-bold">
Dons possibles : yaourts, farine, steaks hachés, fromage…
</p>
<div class="mt-8">
<a
href="https://local.direct"
href="https://www.local.direct/les-frouzivores"
class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-green-600 hover:bg-green-700"
>
Je donne
@@ -221,29 +245,41 @@
</p>
</div>
<div class="mt-12 grid grid-cols-2 gap-4 md:grid-cols-4">
<div class="bg-gray-50 rounded-lg p-4 text-center">
<p class="text-lg font-medium text-gray-800">25 septembre 2024</p>
<p class="text-sm text-gray-600 font-semibold">Passée</p>
</div>
<div class="bg-gray-50 rounded-lg p-4 text-center">
<p class="text-lg font-medium text-gray-800">23 octobre 2024</p>
<p class="text-sm text-gray-600 font-semibold">Passée</p>
</div>
<div class="bg-gray-50 rounded-lg p-4 text-center">
<p class="text-lg font-medium text-gray-800">27 novembre 2024</p>
<p class="text-sm text-gray-600 font-semibold">Passée</p>
</div>
<div class="bg-green-50 rounded-lg p-4 text-center">
<p class="text-lg font-medium text-green-800">29 novembre 2023</p>
<p class="text-lg font-medium text-green-800">18 décembre 2024</p>
</div>
<div class="bg-green-50 rounded-lg p-4 text-center">
<p class="text-lg font-medium text-green-800">20 décembre 2023</p>
<p class="text-lg font-medium text-green-800">29 janvier 2025</p>
</div>
<div class="bg-green-50 rounded-lg p-4 text-center">
<p class="text-lg font-medium text-green-800">31 janvier 2024</p>
<p class="text-lg font-medium text-green-800">26 février 2025</p>
</div>
<div class="bg-green-50 rounded-lg p-4 text-center">
<p class="text-lg font-medium text-green-800">28 février 2024</p>
<p class="text-lg font-medium text-green-800">26 mars 2025</p>
</div>
<div class="bg-green-50 rounded-lg p-4 text-center">
<p class="text-lg font-medium text-green-800">27 mars 2024</p>
<p class="text-lg font-medium text-green-800">30 avril 2025</p>
</div>
<div class="bg-green-50 rounded-lg p-4 text-center">
<p class="text-lg font-medium text-green-800">24 avril 2024</p>
<p class="text-lg font-medium text-green-800">28 mai 2025</p>
</div>
<div class="bg-green-50 rounded-lg p-4 text-center">
<p class="text-lg font-medium text-green-800">29 mai 2024</p>
</div>
<div class="bg-green-50 rounded-lg p-4 text-center">
<p class="text-lg font-medium text-green-800">3 juillet 2024</p>
<div class="bg-green-200 rounded-lg p-4 text-center">
<p class="text-lg font-medium text-green-800">2 juillet 2025</p>
<p class="text-sm text-green-600 font-semibold">La Guinguette</p>
</div>
</div>
</div>
@@ -273,11 +309,50 @@
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>La Ferme de Borde Bio (Frouzins) - Légumes</span>
<span
>Le <strong>porc noir</strong> de Patrice (Frouzins)</span
>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>Les Ruchers de Manon (Seysses) - Miel</span>
<span
>Les <strong>fruits & légumes</strong> de Simon et Alex
(Seysses)</span
>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span
>Les <strong>fleurs</strong> d'Emmanuelle (Seysses)</span
>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span
>Les <strong>nettoyants</strong> de Yannick et Séverine
(Seysses)</span
>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span
>Les <strong>volailles</strong> de Jérémy (Plaisance du
Touch)</span
>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span
>Les <strong>biscuits</strong> d'Isabelle (Lamasquère)</span
>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span
>Les <strong>bières</strong> de Boris, Julien, Jean-Philippe
(Muret)</span
>
</li>
</ul>
</div>
@@ -297,17 +372,31 @@
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span
>Les Jardins de Labourdette (Poucharramet) - Pommes, jus de
fruits</span
>La <strong>farine</strong> de Christophe (Ste Foy de
Peyrolières)</span
>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>La Ferme du Couget (Rieumes) - Volailles</span>
<span>Les <strong>œufs</strong> de Véronique (Rieumes)</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>Les Fromages de Marie (Bérat) - Fromages</span>
<span
>Les <strong>pommes et raisins</strong> de Jeremy, Anthony
(Grépiac)</span
>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>Le <strong>fromage</strong> de Marion (Plagnole)</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span
>Les <strong>beewraps et samoussas</strong> de Vinciane (Le
Castéra)</span
>
</li>
</ul>
</div>
@@ -326,12 +415,23 @@
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span>Domaine de Cantalauze (Gaillac) - Vins</span>
<span
>Les <strong>plants</strong> de Camille et Yoann
(Saverdun)</span
>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span
>La Ferme des Violettes (Lavaur) - Produits laitiers</span
>La <strong>viande bovine</strong> de Christian, Benjamin,
Camille (Castex)</span
>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
<span
>Les <strong>produits laitiers</strong> de Patricia et
Francis (Arnaud-Guilhem)</span
>
</li>
</ul>
@@ -341,6 +441,31 @@
</div>
</div>
<!-- Adhérer Section -->
<div class="bg-gray-50 py-24">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<i class="fas fa-hand-holding-heart text-4xl text-green-600"></i>
<h2 class="mt-4 text-3xl font-bold text-gray-900">Adhérer</h2>
<p class="mt-4 text-xl text-gray-500">
L'adhésion est à prix libre, et n'est pas nécessaire pour
commander.<br />Elle permet de soutenir l'association et de
participer à son fonctionnement.
</p>
<p class="mt-4 text-xl text-gray-500">
Vous pouvez adhérer lors de la distribution mensuelle, ou en ligne
via HelloAsso.<br />
<a
href="https://www.helloasso.com/associations/les-frouzivores/adhesions/adhesions"
class="text-green-600 hover:underline"
>
Je soutiens l'association en adhérant !
</a>
</p>
</div>
</div>
</div>
<!-- FAQ Section -->
<div class="bg-gray-50 py-24">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -348,8 +473,9 @@
<i class="fas fa-question-circle text-4xl text-green-600"></i>
<h2 class="mt-4 text-3xl font-bold text-gray-900">Des questions ?</h2>
<p class="mt-4 text-xl text-gray-500">
Nous avons les réponses ! Elles devraient vous permettre de mieux
comprendre notre fonctionnement.
Nous avons les réponses !<br />
Elles devraient vous permettre de mieux comprendre notre
fonctionnement.
</p>
</div>
<div class="mt-12 max-w-3xl mx-auto">
@@ -359,9 +485,11 @@
Comment se déroule une commande ?
</dt>
<dd class="mt-2 text-base text-gray-500">
La commande se fait en ligne sur local.direct. Une fois votre
commande validée, vous la récupérez lors de la distribution
mensuelle.
La commande se fait en ligne sur
<a href="https://www.local.direct/les-frouzivores"
>local.direct</a
>. Une fois votre commande validée, vous la récupérez lors de la
distribution mensuelle.
</dd>
</div>
<div>