johnride/nationtech-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Started introduction section

Browse Source
This commit is contained in:
jeangab 2023-03-29 12:13:23 -04:00
parent 28910b9039
commit ae3cdf1bec
3 changed files with 29 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/img/light_bulb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 101 KiB

13
src/routes/whymdc/components.rs
View File

@ -6,3 +6,16 @@ pub fn Subtitle(cx: Scope, children: Children) -> impl IntoView {
<h3 class="text-3xl font-bold text-white">{children(cx)}</h3>
}
}
#[component]
pub fn SectionTitle(cx: Scope, dark: bool, children: Children) -> impl IntoView {
let mut textColorClass = "text-indigo-950";
if dark {
textColorClass = "text-white";
}
let class = format!("text-5xl font-bold {}", textColorClass);
view! { cx,
<h2 class={class}>{children(cx)}</h2>
}
}

21
src/routes/whymdc/page.rs
View File

@ -4,11 +4,22 @@ use leptos::*;
#[component]
pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
view! { cx,
<div class="min-h-[500px] 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 class="max-w-[1600px] mx-auto">
<div class="min-h-[500px] 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>
<img src="/img/light_bulb.png" class="hidden lg:block" />
</div>
</div>
}
}