Skip to content
Snippets Groups Projects
Commit 22baf085 authored by Emmanuel Salomon's avatar Emmanuel Salomon :fist:
Browse files

ui: improve home page

parent 2c242b86
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
content/ui/home-section-ML-and.md
+ 40
− 32
View file @ 22baf085
<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>
pages/index.vue
+ 30
− 6
View file @ 22baf085
......@@ -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
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment