Version 30 avril 17h
This commit is contained in:
parent
e1b1d68403
commit
7e1c1a282f
BIN
assets/img/solar-panel.jpg
Executable file
BIN
assets/img/solar-panel.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
@ -97,7 +97,7 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="justify-center items-center flex h-[250px] bg-cover bg-center opacity-75 bg-[url('/img/server-wires-page3.png')]">
|
||||
<div class="justify-center items-center flex h-[250px] bg-cover bg-center bg-opacity-75 bg-[url('/img/server-wires-page3.png')]">
|
||||
<div class="h-fit border-t-4 border-b-4 border-orange-400 p-4">
|
||||
<div class="ml-32 mr-32">
|
||||
<SectionTitle dark=true>
|
||||
@ -256,7 +256,8 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="justify-center items-center flex h-[250px] bg-cover bg-center opacity-90 bg-[url('/img/bg-water.jpg')]">
|
||||
|
||||
<div class="justify-center items-center flex h-[250px] bg-cover bg-center bg-opacity-90 bg-[url('/img/bg-water.jpg')]">
|
||||
<div class="h-fit border-t-4 border-b-4 border-orange-400 p-4">
|
||||
<div class="ml-32 mr-32">
|
||||
<SectionTitle dark=true>
|
||||
@ -366,7 +367,105 @@ pub fn WhyMicroDatacenters(cx: Scope) -> impl IntoView {
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex flex-col justify-center bg-indigo-950 p-8">
|
||||
<div class="mx-auto h-fit w-fit border-t-4 border-b-4 border-orange-400 p-4">
|
||||
<div class="ml-32 mr-32">
|
||||
<SectionTitle dark=true>
|
||||
"Impact social négatif"
|
||||
</SectionTitle>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-justify mt-8 text-white ml-72 mr-72">
|
||||
"Un MCD est une unité de serveurs de petite taille pouvant être installée dans n’importe quel immeuble, tant les maisons unifamiliales que les gratte-ciels ou les usines. Sa taille est adaptée aux besoins énergétiques de l’immeuble qui l’abrite. Les rejets énergétiques, le plus souvent sous forme de chaleur, sont réutilisés au maximum dans l’immeuble pour le chauffer. Ils peuvent également être utilisée pour chauffer l’eau, ou même regénérer de l’électricité dans certains cas. Ce type de déploiement réduit également les besoins de climatisation du centre de données puisque la chaleur est transférée à d’autres usages. L’énergie totale consommée par le centre de données est donc déjà réduite."
|
||||
</p>
|
||||
<p class="text-right italic mt-8 text-white ml-[450px] mr-[450px]">
|
||||
"When it comes to economic development, I don’t think we are fully transparent about the water concerns [...] We want to keep the image that we are a great place to invest and start a business. But we don’t like to talk about the water."
|
||||
</p>
|
||||
<p class="text-right italic text-white ml-[450px] mr-[450px]">
|
||||
"(Solon, 2021)"
|
||||
</p>
|
||||
<p class="text-justify mt-8 text-white ml-72 mr-72">
|
||||
"Similairement, Microsoft s’est fait reprocher de manquer de transparence quant à son utilisation dans un de ces CD au Pays-Bas. L’entreprise avait indiqué qu’elle utiliserait de 12 M à 20 M de litres d’eau par an. Or, on découvrait qu’elle avait plutôt utilisé 84 M de litres d’eau en 2021, alors que des vagues de chaleur causaient d’importantes pénuries d’eau cette même année. Ce manque de transparence chronique est révélateur d’un profond problème de responsabilité sociale de ces grandes industries."
|
||||
</p>
|
||||
<p class="text-justify mt-8 text-white ml-72 mr-72">
|
||||
"Le manque de transparence touche non seulement la gestion environnementale des projets, mais aussi le fonctionnement desdits CD comme l’illustre le graphique ci-bas."
|
||||
</p>
|
||||
<h4 class="flex justify-center text-center mt-16 font-Lato text-white text-3xl font-extrabold ml-[450px] mr-[450px]">
|
||||
"Compréhension du public quant à l'utilisation des CD et la gestion de leurs données"
|
||||
</h4>
|
||||
<div class="mx-auto w-3/5 overflow-hidden">
|
||||
<canvas
|
||||
data-te-chart="bar"
|
||||
data-te-dataset-label="Traffic"
|
||||
data-te-labels="['Monday', 'Tuesday' , 'Wednesday' , 'Thursday' , 'Friday' , 'Saturday' , 'Sunday ']"
|
||||
data-te-dataset-data="[2112, 2343, 2545, 3423, 2365, 1985, 987]">
|
||||
</canvas>
|
||||
</div>
|
||||
<p class="text-justify mt-2 text-neutral-400 text-xs ml-72 mr-72">
|
||||
"Sources:"
|
||||
</p>
|
||||
<p class="text-justify mt-2 text-neutral-400 text-xs ml-72 mr-72">
|
||||
"https://www.statista.com/statistics/617136/digital-population-worldwide/?fbclid=IwAR0bHpZ0u4JbW1hW2QI5WqJKmFhsmwJBwmviNVnesn-6rNhnQQCkbYrT1OU"
|
||||
</p>
|
||||
<p class="text-justify mt-2 text-neutral-400 text-xs ml-72 mr-72">
|
||||
"https://www.pewresearch.org/internet/2019/11/15/americans-and-privacy-concerned-confused-and-feeling-lack-of-control-over-their-personal-information/?fbcli
|
||||
d=IwAR3wuxdHW8VE30FMaqZ6Iuj9Cs86bRSvmij1e_zDjM6Bwo4l71n5EKcLxqY"
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex-col bg-zinc-200 p-8">
|
||||
<div class="mx-auto h-fit w-fit border-t-4 border-b-4 border-orange-400 p-4">
|
||||
<div class="ml-32 mr-32">
|
||||
<SectionTitle dark=false>
|
||||
"MCD: Une solution durable"
|
||||
</SectionTitle>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-row max-[1060px]:flex-col max-[1060px]:space-y-20 justify-center mt-16">
|
||||
<div class="flex flex-col justify-center pl-40 pr-40 max-[1460px]:pl-16 max-[1460px]:pr-16">
|
||||
<img src="/img/electricity-icon.png" class="transform mx-auto"/>
|
||||
<h4 class="font-Lato mx-auto text-center w-64 p-4 text-blue-950 text-3xl font-bold">
|
||||
"Consommation d’énergie responsable et durable"
|
||||
</h4>
|
||||
</div>
|
||||
<div class="flex flex-col justify-center pl-40 pr-40 max-[1460px]:pl-16 max-[1460px]:pr-16">
|
||||
<img src="/img/water-icon.png" class="transform mx-auto"/>
|
||||
<h4 class="font-Lato mx-auto text-center w-64 p-4 text-blue-950 text-3xl font-bold"> "Consommation d’eau responsable et durable"
|
||||
</h4>
|
||||
</div>
|
||||
<div class="flex flex-col justify-center pl-40 pr-40 max-[1460px]:pl-16 max-[1460px]:pr-16">
|
||||
<img src="/img/tree-icon.png" class="transform mx-auto"/>
|
||||
<h4 class="font-Lato mx-auto text-center w-64 p-4 text-blue-950 text-3xl font-bold"> "Impact environnemental nul"
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-row max-[1060px]:flex-col min-[1060px]:pt-16 max-[1060px]:space-y-20 max-[1060px]:mt-20 justify-center">
|
||||
<div class="flex flex-col justify-center pl-40 pr-40 max-[1460px]:pl-16 max-[1460px]:pr-16">
|
||||
<img src="/img/coin-icon.png" class="transform mx-auto"/>
|
||||
<h4 class="font-Lato mx-auto text-center w-64 p-4 text-blue-950 text-3xl font-bold">
|
||||
"Faibles coûts"
|
||||
</h4>
|
||||
</div>
|
||||
<div class="flex flex-col justify-center pl-40 pr-40 max-[1460px]:pl-16 max-[1460px]:pr-16">
|
||||
<img src="/img/group-icon.png" class="transform mx-auto"/>
|
||||
<h4 class="font-Lato mx-auto text-center w-64 p-4 text-blue-950 text-3xl font-bold">
|
||||
"Impact social positif"
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="justify-center items-center flex h-[250px] bg-cover bg-bottom bg-opacity-25 bg-[url('/img/solar-panel.jpg')]">
|
||||
<div class="h-fit border-t-4 border-b-4 border-orange-400 p-4">
|
||||
<div class="max-w-[850px] ml-32 mr-32">
|
||||
<SectionTitle dark=false>
|
||||
"Consommation d’énergie responsable et durable"
|
||||
</SectionTitle>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user