diff --git a/assets/styles/container.sass b/assets/styles/container.sass index d8e7967..240b596 100644 --- a/assets/styles/container.sass +++ b/assets/styles/container.sass @@ -1,3 +1,5 @@ +.center + text-align: center .container max-width: $size-small width: 100% @@ -20,11 +22,15 @@ &.center justify-content: center align-items: center - text-align: center &.column flex-direction: column + &.cards + padding: $size-space/2 + @media screen and (max-width: $size-small) + padding: $size-space/2 0 + main > section:first-child padding: $size-space*2 $size-space $size-space*3 @@ -43,11 +49,12 @@ main > section:first-child text-shadow: 0 0 1px currentColor .card + margin: $size-space/2 background-color: var(--card-background) z-index: 10 padding: 1rem border-radius: var(--border-radius) - max-width: 31% + max-width: 29% margin-bottom: 1rem img diff --git a/assets/styles/footer.sass b/assets/styles/footer.sass index 817e1da..370c82d 100644 --- a/assets/styles/footer.sass +++ b/assets/styles/footer.sass @@ -1,2 +1,7 @@ body > footer.container padding-bottom: 0 + font-size: .7rem + + + @media screen and (max-width: $size-small) + text-align: center diff --git a/assets/styles/home.sass b/assets/styles/home.sass index 4d9a0e5..438b540 100644 --- a/assets/styles/home.sass +++ b/assets/styles/home.sass @@ -16,17 +16,23 @@ .cadre margin: 2rem 0 display: inline-block - padding: 1rem line-height: 2 - // background: no-repeat center url(/pictos/cadre.svg) - // background-size: container - - border: 8px solid var(--color-highlight) - a - padding: 1rem + display: inline-block + padding: 2rem + margin: 2rem + border: 8px solid var(--color-highlight) + @media screen and (max-width: $size-small) + border: 8px solid var(--color-highlight) + + a + display: block + border: none + padding: .5rem 1rem + margin: 0 + #info display: flex justify-content: center @@ -42,11 +48,12 @@ text-align: center margin: 2rem 0 - #valeurs - background-color: var(--color-background-card) - - // transform: rotate(-2deg) - padding: 1rem +#valeurs + .container + &:first-child + padding-bottom: 0 + &:last-child + padding-top: 0 #partenaire ul @@ -66,3 +73,24 @@ &:hover filter: grayscale(0) + + + +#me .container + align-items: center + @media screen and (max-width: $size-small) + flex-direction: column-reverse + justify-content: center + + div + width: 450px + max-width: 100% + + svg + width: 400px + height: 400px + @media screen and (max-width: $size-small) + width: calc(200px + #{$size-space*2}) + height: calc(200px + #{$size-space*2}) + margin: 0 auto + padding: $size-space diff --git a/assets/styles/main.sass b/assets/styles/main.sass index 62de72e..20d1edc 100644 --- a/assets/styles/main.sass +++ b/assets/styles/main.sass @@ -131,25 +131,6 @@ h1 &::after bottom: -1rem -#me .container - align-items: center - @media screen and (max-width: $size-small) - flex-direction: column-reverse - justify-content: center - - div - width: 450px - max-width: 100% - - svg - width: 400px - height: 400px - @media screen and (max-width: $size-small) - width: calc(200px + #{$size-space*2}) - height: calc(200px + #{$size-space*2}) - margin: 0 auto - padding: $size-space - @import "./home" @import "./basic/html" @import "./font" diff --git a/content/_index.md b/content/_index.md index ac441ee..69887a7 100644 --- a/content/_index.md +++ b/content/_index.md @@ -3,3 +3,13 @@ title: Weko, pour un numérique responsable de proximité --- ## Weko, une entreprise engagée + +Le numérique a envahi notre quotidien, la pandémie a montré l'importance de ce moyen de communication pour continuer à s'informer, s'organiser, se soigner. Mais il faut savoir que l’informatique représentait 4 % des émissions de gaz à effet de serre dans le monde en 2019, avec une hausse de 9% par an. C’est plus que le secteur aéronautique ! + +Nous devons réagir pour minimiser son impact et pérenniser son utilisation sur plusieurs décennies. Nous avons la chance d'avoir des pionniers du GreenIT en France [qui informe sur cette problématique](https://greenit.fr) et propose de légiférer pour rendre obligatoire les démarches d'éco-conception. Si la France prend pas tout de suite des mesures l'Union européenne s'en chargera comme elle a fait avec la GDPR. + +Il faut savoir que les 3/4 des pollutions sont faits au moment de la création du matériel, luttons contre l'obsolescence programmer dû aux logiciels et réaliser des services en éco-conception pour permettre de limiter l'impact et de les rendre accessible à tous. [Des coopératives](https://fairtec.io/fr/) contribuent déjà en offrant des services alternatifs innovants. + +Prenons de l'avance, utilisons et créons ensemble les services numériques de demain ! + + diff --git a/data/homepage.yml b/data/homepage.yml index c857833..c7c7d2b 100644 --- a/data/homepage.yml +++ b/data/homepage.yml @@ -14,11 +14,11 @@ banner: valeur: enable: true - title: "Weko, une entreprise engagée" + title: "Les valeurs de Weko" valeur_item: - name : "Liberté" image : "valeur-liberte" - content : "Weko utilise uniquement des logiciels libres pour son infrastructure et ses services permettant une interropérabilité." + content : "Weko utilise uniquement des [logiciels libres](https://fr.wikipedia.org/wiki/Logiciel_libre) pour son infrastructure et ses services permettant une interopérabilité." - name : "Transparence" image : "valeur-transparence" @@ -26,7 +26,7 @@ valeur: - name : "Sobriété" image : "valeur-sobriete" - content : "Les serveurs ont été achetés reconditionnés, ce sont des nano-ordinateurs (Raspberry Pi) consommant quelques watts." + content : "Les serveurs ont été achetés reconditionnés, ce sont des nano-ordinateurs ([Raspberry Pi](https://www.raspberrypi.org/products/raspberry-pi-4-model-b/)) consommant quelques watts." - name : "Éthique" image : "valeur-ethique" @@ -34,11 +34,11 @@ valeur: - name : "Locale" image : "valeur-locale" - content : "Les serveurs sont auto-hébergés dans la Loire dans la Communauté de Commune du Pays d'Urfé à Crémeaux, pour que vos données ne parcourent pas 15 000 km." + content : "Les serveurs sont auto-hébergés dans la Loire dans la Communauté de Commune du Pays d'Urfé à Crémeaux, pour que vos données ne parcourent plus 15 000 km." - name : "Sécurité" image : "valeur-securite" - content : "La mise à jour des logiciels se fait de façon hebdomadaire. Des sauvegardes chiffrées sont effectués quotidiennement." + content : "La mise à jour des logiciels se fait de façon hebdomadaire. Des sauvegardes chiffrées sont effectuées quotidiennement." presentations: enable: true diff --git a/layouts/home.html b/layouts/home.html index 1bfe240..9d7f48f 100644 --- a/layouts/home.html +++ b/layouts/home.html @@ -5,7 +5,7 @@
-
+
{{ $size := 100 }}
+ +
+
+ {{ .Content }} +
{{ if site.Data.homepage.valeur.enable }} {{ with site.Data.homepage.valeur }} -
+
-

{{ .title | markdownify }}

+

{{ .title }}

-
+
{{ range .valeur_item }}
@@ -103,13 +105,13 @@ je cherche des solutions concrètes pour réduire mon impact.

- Après 2 ans de recherches et tests, je lance Weko, dont l’objectif est d’informer localement + Après 2 ans de recherches et développement, je lance Weko, dont l’objectif est d’informer localement sur l’impact du numérique et proposer des alternatives que ça soit pour les entreprises, les associations mais aussi les collectivités ou les particuliers.

N'hésitez pas à me contacter !

-
+
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 9269ec3..3bda652 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,4 +1,4 @@

Ce site est optimisé, il émet seulement 0.05g de CO2 à chaque visite.

©Weko 2021