From dda15aac352cd14c152773f080af98c71d0e55d4 Mon Sep 17 00:00:00 2001
From: Olivier Jacob <ojacob@nationtech.io>
Date: Thu, 6 Apr 2023 20:35:25 +0000
Subject: [PATCH] wip

---
 assets/img/light_bulb.png | Bin 103453 -> 103454 bytes
 src/routes/whymdc/page.rs |  22 ++++++++++++++--------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/assets/img/light_bulb.png b/assets/img/light_bulb.png
index 7ed144650d2be895986f9f1177f86a2efedf3453..309697ce49b55b92587c6acfc9779e76b826099e 100644
GIT binary patch
delta 22
ecmbQcf^FUkwhfP%7|oj>Gi`s&#Ar2<kqZE8^$0%z

delta 20
ccmbQYf^F^!whfP%7|og=Gi`s&#Ar1U09$$pGXMYp

diff --git a/src/routes/whymdc/page.rs b/src/routes/whymdc/page.rs
index 3eb59af..ae4d1fe 100644
--- a/src/routes/whymdc/page.rs
+++ b/src/routes/whymdc/page.rs
@@ -5,21 +5,27 @@ use leptos::*;
 pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
     view! { cx,
         <div class="max-w-[1600px] mx-auto">
-            <div class="min-h-[500px] p-8 bg-cover bg-[url('/img/edge-cloud-1024x576.png')]">
+            <div class="min-h-[700px] p-8 bg-cover bg-[url('/img/edge-cloud-1024x576.png')]">
                 <h1 class="text-orange-400 text-7xl font-extrabold mb-6">"Micro centres de données"</h1>
                 <Subtitle>
                     <span class="max-w-lg inline-block pb-2">"Pourquoi les centres de données grande échelle sont-ils voués à disparaître?"</span>
                 </Subtitle>
             </div>
             <div class="flex">
-            <div class="flex-1">
-                <SectionTitle dark=false>"Énergie: le nerf de la guerre"</SectionTitle>
-                <p>"Tous les systèmes économiques sont basés sur deux variables fondamentales: le temps et l’énergie. Depuis des millénaires l’or est dispendieux. Parce qu’il requiert beaucoup de temps et d’énergie à trouver. Depuis toujours l’eau a une valeur différente à différents endroits de la planète et moments de l’année, en fonction du temps et de l’énergie requis pour la trouver. D’ailleurs, l’énergie est souvent représentée comme fonction du temps. L’unité d’énergie choisie par le Système International, le Joule, s’exprime en Kilogramme X Mètre2 X Seconde2. "</p>
-                <p>"Il convient donc de considérer l’énergie comme fondement principal des différents systèmes économiques. Ce livre blanc vise à étudier les caractéristiques économiques selon différentes métriques naturelles, dont l’énergie est la plus importante, des différentes technologies de déploiement de centres de données. Cette analyse vise plus particulièrement à comparer l’efficacité énergétique, et donc économique, des déploiements de centres de données à très petite et très grande échelle."</p>
-                <p class="font-bold">"L’impact global sera calculé en fonction des 5 métriques présentées ci-dessous."</p>
+            <div class="flex-1 p-8">
+            <SectionTitle dark=false>"Énergie: le nerf de la guerre"</SectionTitle>
+                <p class="mb-10 mt-8">"Tous les systèmes économiques sont basés sur deux variables fondamentales: le temps et l’énergie. Depuis des millénaires l’or est dispendieux. Parce qu’il requiert beaucoup de temps et d’énergie à trouver. Depuis toujours l’eau a une valeur différente à différents endroits de la planète et moments de l’année, en fonction du temps et de l’énergie requis pour la trouver. D’ailleurs, l’énergie est souvent représentée comme fonction du temps. L’unité d’énergie choisie par le Système International, le Joule, s’exprime en Kilogramme X Mètre2 X Seconde2. "</p>
+                <p class="mb-10">
+                    "Il convient donc de considérer l’énergie comme fondement principal des différents systèmes économiques. Ce livre blanc vise à étudier les caractéristiques économiques selon différentes métriques naturelles, dont l’énergie est la plus importante, des différentes technologies de déploiement de centres de données. Cette analyse vise plus particulièrement à comparer l’efficacité énergétique, et donc économique, des déploiements de centres de données à très petite et très grande échelle."
+                </p>
+                <p class="font-bold mb-10">
+                    "L’impact global sera calculé en fonction des 5 métriques présentées ci-dessous."
+                </p>
             </div>
-            <img src="/img/light_bulb.png" class="hidden lg:block" />
+            <div class="flex-auto">
+                <img src="/img/light_bulb.png" alt="light_bulb" class="h-full w-full"/>
+            </div>     
         </div>
-    </div>
+     </div>
     }
 }