From 22baf085e7e5f799870076f5ad98bde45e97d559 Mon Sep 17 00:00:00 2001
From: ManUtopiK <emmanuel.salomon@gmail.com>
Date: Mon, 22 Nov 2021 23:11:40 +0100
Subject: [PATCH] ui: improve home page
---
content/ui/home-section-ML-and.md | 72 +++++++++++++++++--------------
pages/index.vue | 36 +++++++++++++---
2 files changed, 70 insertions(+), 38 deletions(-)
diff --git a/content/ui/home-section-ML-and.md b/content/ui/home-section-ML-and.md
index 58ee64bf..8ff98195 100644
--- a/content/ui/home-section-ML-and.md
+++ b/content/ui/home-section-ML-and.md
@@ -1,35 +1,43 @@
-<section class="flex mt-12 items-center">
-<img src="/img/healthy-eating.svg" class="w-1/3" />
-<div class="pl-8">
-<h2 class="text-3xl mb-4">L'environnement</h2>
-<p class="text-lg">La Ğ1 n'utilise pas une puissance de calcul pour sécuriser la blockchain. La création monétaire par DU permet de ne plus passer par une dette perpétuelle pour créer la monnaie. Produire à tout prix n'est plus une fin en soi. De plus, le DU est une première marche vers un mode de vie sobre.</p>
-<div class="underline pt-4">En savoir plus...</div>
-</div>
-</section>
+<nuxt-link to="/la-monnaie-libre-et-lenvironnement" class="group block mt-12 p-8 hover:shadow-xl rounded-lg transition transform hover:-translate-y-1">
+ <section class="flex items-center">
+ <img src="/img/healthy-eating.svg" class="w-1/3" />
+ <div class="pl-8">
+ <h2 class="text-3xl mb-4 group-hover:text-hover">L'environnement</h2>
+ <p class="text-lg">La Ğ1 n'utilise pas une puissance de calcul pour sécuriser la blockchain. La création monétaire par DU permet de ne plus passer par une dette perpétuelle pour créer la monnaie. Produire à tout prix n'est plus une fin en soi. De plus, le DU est une première marche vers un mode de vie sobre.</p>
+ <div class="underline pt-4 group-hover:text-hover">En savoir plus...</div>
+ </div>
+ </section>
+</nuxt-link>
-<section class="flex mt-12 items-center">
-<div class="pr-8">
-<h2 class="text-3xl mb-4">La démocratie</h2>
-<p class="text-lg">Laisser moi la planche à billet, je me fiche de savoir qui fait les lois. Le privilège de création monétaire est anti-démocratique. Répartir la création sur l'ensemble de la population est bien plus démocratique.</p>
-<div class="underline pt-4">En savoir plus...</div>
-</div>
-<img src="/img/work-life-balance.svg" class="w-1/3" />
-</section>
+<nuxt-link to="/la-monnaie-libre-et-la-démocratie" class="group block mt-12 p-8 hover:shadow-xl rounded-lg transition transform hover:-translate-y-1">
+ <section class="flex items-center">
+ <div class="pr-8">
+ <h2 class="text-3xl mb-4 group-hover:text-hover">La démocratie</h2>
+ <p class="text-lg">Laissez-moi la planche à billet, je me fiche de savoir qui fait les lois. Le privilège de création monétaire est un pouvoir. Répartir la création sur l'ensemble de la population est bien plus démocratique.</p>
+ <div class="underline pt-4 group-hover:text-hover">En savoir plus...</div>
+ </div>
+ <img src="/img/work-life-balance.svg" class="w-1/4" />
+ </section>
+</nuxt-link>
-<section class="flex mt-12 items-center">
-<img src="/img/High-quality-products.svg" class="w-1/3" />
-<div class="pl-8">
-<h2 class="text-3xl mb-4">Les crypto-monnaies</h2>
-<p class="text-lg">La Ğ1 est une crypto-monnaie, mais son modèle de création monétaire en fait une monnaie bien plus équitable que les autres cryptos. Les premiers arrivés ne sont pas privilégiés par rapport aux nouveaux entrants.</p>
-<div class="underline pt-4">En savoir plus...</div>
-</div>
-</section>
+<nuxt-link to="/la-monnaie-libre-et-les-crypto-monnaies" class="group block mt-12 p-8 hover:shadow-xl rounded-lg transition transform hover:-translate-y-1">
+ <section class="flex items-center">
+ <img src="/img/High-quality-products.svg" class="w-1/3" />
+ <div class="pl-8">
+ <h2 class="text-3xl mb-4 group-hover:text-hover">Les crypto-monnaies</h2>
+ <p class="text-lg">La Ğ1 est une crypto-monnaie, mais son modèle de création monétaire en fait une monnaie bien plus équitable que les autres cryptos. Les premiers arrivés ne sont pas privilégiés par rapport aux nouveaux entrants.</p>
+ <div class="underline pt-4 group-hover:text-hover">En savoir plus...</div>
+ </div>
+ </section>
+</nuxt-link>
-<section class="flex mt-12 items-center">
-<div class="pr-8">
-<h2 class="text-3xl mb-4">Les monnaies locales</h2>
-<p class="text-lg">Généralement, les monnaies locales sont indexés à l'Euro. Ce n'est qu'un changement de référentiel. Je suis pauvre en Euro, je suis pauvre en monnaie locale.</p>
-<div class="underline pt-4">En savoir plus...</div>
-</div>
-<img src="/img/convert-currency.svg" class="w-1/3" />
-</section>
\ No newline at end of file
+<nuxt-link to="/la-monnaie-libre-et-les-monnaies-locales" class="group block mt-12 p-8 hover:shadow-xl rounded-lg transition transform hover:-translate-y-1">
+ <section class="flex items-center">
+ <div class="pr-8">
+ <h2 class="text-3xl mb-4 group-hover:text-hover">Les monnaies locales</h2>
+ <p class="text-lg">Généralement, les monnaies locales sont indexés à l'Euro. Ce n'est qu'un changement de référentiel. Je suis pauvre en Euro, je suis pauvre en monnaie locale.</p>
+ <div class="underline pt-4 group-hover:text-hover">En savoir plus...</div>
+ </div>
+ <img src="/img/convert-currency.svg" class="w-1/3" />
+ </section>
+</nuxt-link>
diff --git a/pages/index.vue b/pages/index.vue
index 25f3d7ef..e150b8d9 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -6,14 +6,29 @@
<HomeSearchInput />
- <nuxt-content
- class="container my-12 prose dark:prose-dark"
- :document="intro"
- />
+ <div class="container my-12">
+ <nuxt-content
+ class="prose dark:prose-dark max-w-full"
+ :document="intro"
+ />
+ </div>
<div class="container p-12">
<h1
- class="mb-4 text-3xl md:text-4xl xl:text-5xl bg-clip-text text-transparent bg-gradient-to-r from-purple-800 to-blue-600 font-extrabold leading-tight slide-in-bottom-h1"
+ class="
+ mb-4
+ text-3xl
+ md:text-4xl
+ xl:text-5xl
+ bg-clip-text
+ text-transparent
+ bg-gradient-to-r
+ from-purple-800
+ to-blue-600
+ font-extrabold
+ leading-tight
+ slide-in-bottom-h1
+ "
>
La monnaie libre et ...
</h1>
@@ -28,7 +43,16 @@
<a
href="https://carte.monnaie-libre.fr"
target="_blank"
- class="group bg-clip-text bg-gradient-to-r font-extrabold from-purple-800 hover:underline text-4xl text-transparent to-blue-600 uppercase"
+ class="
+ group
+ bg-clip-text bg-gradient-to-r
+ font-extrabold
+ from-purple-800
+ hover:underline
+ text-4xl text-transparent
+ to-blue-600
+ uppercase
+ "
rel="noopener noreferrer"
>
Carte
--
GitLab