feat: WIP

2021-06-12 01:58:10 +02:00
62 changed files with 694 additions and 945 deletions
--- a/.dockerignore
+++ b/.dockerignore
@ -0,0 +1,4 @@
+# Ignore everything
+**
+
+!public
--- a/.drone.yml
+++ b/.drone.yml
@ -1,146 +0,0 @@
---
-# drone encrypt weko/weko.io $AWS_ACCESS_KEY_ID
-kind: secret
-name: STAGING_AWS_ACCESS_KEY_ID
-data: WtVy8Op//nxf80WqKrVBUNucUohSNdfb+a6xBheoTJSktMo1R+MVj6vSsnyzRfeIjEX6oKBf
-
---
-# drone encrypt weko/weko.io $AWS_SECRET_ACCESS_KEY
-kind: secret
-name: STAGING_AWS_SECRET_ACCESS_KEY
-data: rrpzP1MZMKywkN1OppC9UaeLR1Zaa+Z9weQrduwUWX7YdSdwOKjxoYYRncV9leU8r9NGnJlIBtJaRA2I+FXPg/7q4ZhppAscDfcNxe1sug75Ni3exvYXeC0pbsU=
-
---
-# drone encrypt weko/weko.io $AWS_ACCESS_KEY_ID
-kind: secret
-name: PRODUCTION_AWS_ACCESS_KEY_ID
-data: hnpqmMR4M/j7dptGaUYX/OK/5zHRn2wsnorAwcakt76cl4AP0+so0rSqYcdVA05K8ER4PAkO
-
---
-# drone encrypt weko/weko.io $AWS_SECRET_ACCESS_KEY
-kind: secret
-name: PRODUCTION_AWS_SECRET_ACCESS_KEY
-data: NeDUFPKQazc+G7tILfKy4iNTildFBV3oPPn93NyIpu88xtQevk+Crg7km0z0yLevyTU//fkZ6fA9xw3bqWz7raSihzYn7V5TmStS57sykSglxWr0uPXkMazEKhg=
-
---
-kind: pipeline
-type: docker
-name: prod
-
-platform:
-  os: linux
-  arch: arm64
-
-steps:
- name: install submodule
-  image: drone/git
-  commands:
-  - git submodule update --init
-
- name: install npm
-  image: node:current-alpine
-  volumes:
-  - name: hugo-theme-lowtech_node_modules
-    path: /drone/src/themes/hugo-theme-lowtech/node_modules
-  commands:
-  - (cd themes/hugo-theme-lowtech && npm i)
-
- name: build website
-  image: klakegg/hugo:0.107.0-ext-debian-ci
-  commands:
-    - hugo --minify --environment production
-
- name: typo
-  image: node:current-alpine
-  volumes:
-  - name: hugo-theme-lowtech_node_modules
-    path: /drone/src/themes/hugo-theme-lowtech/node_modules
-  commands:
-  - node themes/hugo-theme-lowtech/scripts/typo
-
- name: deploy
-  image: klakegg/hugo:0.107.0-ext-debian-ci
-  environment:
-    AWS_ACCESS_KEY_ID:
-      from_secret: PRODUCTION_AWS_ACCESS_KEY_ID
-    AWS_SECRET_ACCESS_KEY:
-      from_secret: PRODUCTION_AWS_SECRET_ACCESS_KEY
-  commands:
-    - hugo deploy --environment production
-
- name: notify
-  image: plugins/matrix@sha256:f1affb31b0c86963c97c6f976fa0dcb3cc84272057fd8558d609d28b3064bd7f
-  settings:
-    homeserver: https://converser.eu
-    roomid: "QwOITmkKxRJJyCSDOZ:converser.eu"
-    userid: "resilien:converser.eu"
-    accesstoken:
-      from_secret: MATRIX_ACCESSTOKEN
-  when:
-    status: [ failure ]
-
-trigger:
-  event:
-    - push
-  branch:
-    - main
-
-volumes:
- name: hugo-theme-lowtech_node_modules
-  host:
-    path: /tmp/drone/cache/weko/weko_io/themes/hugo-theme-lowtech
-
---
-kind: pipeline
-type: docker
-name: staging
-
-platform:
-  os: linux
-  arch: arm64
-
-steps:
- name: install submodule
-  image: drone/git
-  commands:
-  - git submodule update --init
-
- name: install npm
-  image: node:current-alpine
-  volumes:
-  - name: hugo-theme-lowtech_node_modules
-    path: /drone/src/themes/hugo-theme-lowtech/node_modules
-  commands:
-  - (cd themes/hugo-theme-lowtech && npm i)
-
- name: build website
-  image: klakegg/hugo:0.107.0-ext-debian-ci
-  commands:
-    - hugo --minify --buildDrafts --buildFuture --environment staging
-
- name: typo
-  image: node:current-alpine
-  volumes:
-  - name: hugo-theme-lowtech_node_modules
-    path: /drone/src/themes/hugo-theme-lowtech/node_modules
-  commands:
-  - node themes/hugo-theme-lowtech/scripts/typo
-
- name: deploy
-  image: klakegg/hugo:0.107.0-ext-debian-ci
-  environment:
-    AWS_ACCESS_KEY_ID:
-      from_secret: STAGING_AWS_ACCESS_KEY_ID
-    AWS_SECRET_ACCESS_KEY:
-      from_secret: STAGING_AWS_SECRET_ACCESS_KEY
-  commands:
-    - hugo deploy --environment staging
-
-trigger:
-  event:
-    - push
-
-volumes:
- name: hugo-theme-lowtech_node_modules
-  host:
-    path: /tmp/drone/cache/weko/weko_io/themes/hugo-theme-lowtech
--- a/.env
+++ b/.env
@ -0,0 +1,4 @@
+DOCKER_CONTEXT=vert
+NAME=weko
+URL=weko.io
+STATS_CONTAINER=weko-stats
--- a/.gitignore
+++ b/.gitignore
@ -1,4 +1,3 @@
 public
 resources
 backups
-.hugo_build.lock
--- a/.gitmodules0
+++ b/.gitmodules0
@ -0,0 +1,3 @@
+[submodule "themes/hugo-theme-lowtech"]
+	path = themes/hugo-theme-lowtech
+	url = https://git.weko.io/kosssi/hugo-theme-lowtech.git
--- a/4
+++ b/4
@ -0,0 +1,4 @@
+FROM registry.weko.io/nginx-lowtech:0.0.8
+
+# Copie des sources du site
+COPY public /usr/share/nginx/html
--- a/assets/js/main.js
+++ b/assets/js/main.js
@ -1,6 +1,37 @@
-import obfuscates from 'js/obfuscates';
+'use strict';
+function reverse(str) { return str.split("").reverse().join(""); }
+function getName() { return "nomis"; }
+function getAt() { return "@"; }
+function getDomain() { return "okew"; }
+function getDot() { return "."; }
+function getTld() { return "oi"; }
+function getAddress() { return reverse(getName()) + getAt() + reverse(getDomain()) + getDot() + reverse(getTld()); }
+
+function comments(elm) {
+    var link = document.getElementById('comment-add');
+    link.href = "mai" + "lto:" + getAddress() + "?subject=" + link.dataset.title;
+    elm.remove();
+}
+
+function contact() {
+    var link = document.getElementById('contact');
+    link.href = "mai" + "lto:" + getAddress();
+}
+
+// function menu() {
+//     var button = document.getElementById('menu-button'),
+//         menu = document.getElementById('menu');
+//
+//     button.onclick = function () {
+//         if (document.body.classList.contains('menu-open')) {
+//             document.body.classList.remove('menu-open');
+//         } else {
+//             window.scroll({ top: 0, left: 0 });
+//             document.body.classList.add('menu-open');
+//         }
+//     };
+// }

-obfuscates();
 function changeTheme() {
  // https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/#using-javascript-local-storage
  const btn = document.querySelector(".btn-toggle");
@ -32,7 +63,8 @@ function changeTheme() {
 }

 function main() {
-    obfuscates();
+    // menu();
+    contact();
    changeTheme();
 }

--- a/assets/jsconfig.json
+++ b/assets/jsconfig.json
@ -1,10 +0,0 @@
-{
- "compilerOptions": {
-  "baseUrl": ".",
-  "paths": {
-   "*": [
-    "../themes/hugo-theme-lowtech/assets/*"
-   ]
-  }
- }
-}
--- a/assets/styles/basic/html.sass
+++ b/assets/styles/basic/html.sass
@ -13,7 +13,7 @@ body
  line-height: 1.65
  font-family: var(--font)
  color: var(--color-paragraph)
-  background-color: var(--color-background)
+  background-color: var(--color-dark-background)
  min-height: 100vh

 p
@ -26,24 +26,18 @@ h4,
 h5
  font-weight: 400
  line-height: 1.15
-  color: var(--color-headline)
-  font-family: "Libre Franklin Black"

 h1
-  word-spacing: 1rem
-  font-size: 3rem
+  font-size: 1.802em
  text-align: center
  overflow-wrap: anywhere
-  line-height: 1.5
  //hyphens: auto
-  @media screen and (max-width: $size-small)
-    font-size: 1.5rem
-    word-spacing: inherit

 h2
  font-size: 1.602em
  overflow-wrap: anywhere
  //hyphens: auto
+
 h3
  font-size: 1.424em

@ -58,10 +52,9 @@ small,
  font-size: 0.889em

 a
-  color: var(--color-headline)
-  font-weight: bold
+  color: var(--color-text)
  &:hover, &:active
-    color: var(--color-secondary)
+    color: var(--color-text-strong)

 h2 + blockquote
  margin-top: 1rem
--- a/assets/styles/container.sass
+++ b/assets/styles/container.sass
@ -1,90 +0,0 @@
-.center
-  text-align: center
-.container
-  max-width: $size-small
-  width: 100%
-  margin: 0 auto
-  padding: $size-space
-  display: flex
-  justify-content: space-between
-  flex-wrap: wrap
-
-  @media screen and (max-width: $size-small)
-    justify-content: center
-    padding: $size-space/2
-
-  &.md
-    max-width: 660px
-
-  &.nowrap
-    flex-wrap: nowrap
-
-  &.center
-    justify-content: center
-    align-items: 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
-
-// Color
-.section, .header, .footer
-  background-color: var(--background)
-  color: var(--paragraph)
-
-  h2, h3, h4
-    color: var(--headline)
-
-  a
-    color: var(--link)
-
-    &:hover
-      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: 29%
-    margin-bottom: 1rem
-
-    img
-      margin: 0 auto
-
-    p
-      margin-bottom: 0
-
-    @media screen and (max-width: $size-small)
-      max-width: 288px
-      margin-bottom: 1rem
-      text-align: center
-
-.section, .header, .footer
-  --background: var(--color-background)
-  --paragraph: var(--color-paragraph)
-  --headline:  var(--color-headline)
-  --link: var(--color-link)
-  --card-background: var(--color-card-background)
-
-  &.secondary
-    --background: var(--color-secondary-background)
-    --paragraph: var(--color-secondary-paragraph)
-    --headline:  var(--color-secondary-headline)
-    --link: var(--color-secondary-link)
-    --card-background: var(--color-secondary-card-background)
-
-  &.tertiary
-    --background: var(--color-tertiary-background)
-    --paragraph:  var(--color-tertiary-paragraph)
-    --headline:  var(--color-tertiary-headline)
-    --link: var(--color-tertiary-link)
-    --card-background: var(--color-tertiary-card-background)
--- a/assets/styles/font.sass
+++ b/assets/styles/font.sass
@ -33,19 +33,3 @@
  src: url("/webfonts/Raleway-Light.woff2") format("woff2")
  font-weight: normal
  font-style: normal
-
-@font-face
-  font-family: 'Libre Franklin Regular'
-  font-style: normal
-  font-weight: 400
-  font-display: swap
-  src: url(/webfonts/libre-franklin/libre-franklin-regular-400.woff2) format('woff2')
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
-
-@font-face
-  font-family: 'Libre Franklin Black'
-  font-style: normal
-  font-weight: 900
-  font-display: swap
-  src: url(/webfonts/libre-franklin/libre-franklin-black-900.woff2) format('woff2')
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
--- a/assets/styles/footer.sass
+++ b/assets/styles/footer.sass
@ -1,7 +0,0 @@
-body > footer.container
-  padding-bottom: 0
-  font-size: .7rem
-
-
-  @media screen and (max-width: $size-small)
-    text-align: center
--- a/assets/styles/header.sass
+++ b/assets/styles/header.sass
@ -1,66 +0,0 @@
-// Container
-
-body > header.container
-  flex-wrap: nowrap
-  justify-content: space-between
-  align-items: center
-
-// Menu
-
-#menu ul
-  display: flex
-  align-items: center
-  height: 50px
-
-  @media screen and (max-width: $size-small)
-    height: 30px
-
-  li
-    display: block
-    max-height: 100%
-  svg
-    display: block
-    max-height: 100%
-
-
-// Logo
-
-#logo
-  .st1
-    fill: var(--color-headline)
-
-  img
-    height: 100%
-    width: 100%
-  a
-    width: 186px
-    height: 79px
-    display: block
-
-    @media screen and (max-width: $size-small)
-      width: 120px
-      height: 51px
-
-
-// Button Toggle
-
-.btn-toggle
-  font-size: 1.5rem
-  background: inherit
-  border: inherit
-  padding: 0 0 0 1rem
-  cursor: pointer
-  height: 50px
-  @media screen and (max-width: $size-small)
-    padding: 0 0 0 .5rem
-    height: 30px
-
-.light-theme .btn-toggle
-  filter: grayscale(0)!important
-
-.dark-theme .btn-toggle
-  filter: grayscale(.5)!important
-
-@media (prefers-color-scheme: dark)
-  .btn-toggle
-    filter: grayscale(.5)
--- a/assets/styles/home.sass
+++ b/assets/styles/home.sass
@ -1,37 +1,108 @@
-#presentation
-  text-align: center
-  position: relative
+.container
+  max-width: $size-small
+  margin: 0 auto
+  padding: 1rem

-  &::before
-    height: 8px
-    width: 100%
+  &.md
+    max-width: 660px
+
+
+header .container
+    display: flex
+    justify-content: space-between
+
+main > section
+  margin: 2rem auto
+
+
+#menu ul
+  list-style-type: none
+  li
+    display: inline
+  img
+    display: inline
+
+
+#title
+  margin: 4rem auto
+  h1, h2
+    text-align: center
+
+  h1
+    margin-bottom: 1rem
+
+  h2
+    font-size: 1rem
+    margin: 0 3rem
+
+.highlight
+  display: inline-block
+  color: white
+  padding: .5rem
+  margin: .5rem
+  font-family: "blackout-midnight"
+  transform: rotate(-2deg)
+  background-color: var(--color-tertiary)
+  border-radius: var(--border-radius)
+  // text-shadow: 4px 3px 0 #7A7A7A, 2px 2px 2px rgba(206,89,55,0)
+
+  &:hover
    background: var(--color-highlight)
-    content: ""
-    position: absolute
-    left: 0
-    right: 0
-    top: 18rem
+
+#presentation
+  display: flex
+  justify-content: center
+  flex-wrap: wrap
+
+  section
+    max-width: 16rem
+    padding: 4rem 1rem 1rem
+
+  article
+    background: var(--color-dark-background-card)
+    padding: 2rem 1rem
+    text-align: center
+    height: 10rem
+    position: relative
+    border-radius: var(--border-radius)
+    margin-bottom: 1rem
+
+    img
+      position: absolute
+      left: 0
+      right: 0
+      margin: -5rem auto
+
+    h3
+      padding-top: 1rem
+      hyphens: auto
+      word-break: break-word

 #contact
-  .cadre
+  // border-radius: 34% 45% 45% 38% / 34% 77% 38% 88%
+  // background: var(--color-dark-background-card)
+  max-width: 36rem
+  padding: 3rem
+  text-align: center
+
+  h3
    margin: 2rem 0
-    display: inline-block
-    line-height: 2
-    a
-      display: inline-block
-      padding: 2rem
-      margin: 2rem
-      border: 8px solid var(--color-highlight)

+  p a
+    font-size: 1.3rem
+    padding: 1rem

-    @media screen and (max-width: $size-small)
-      border: 8px solid var(--color-highlight)
+#news
+  display: flex
+  justify-content: center
+  flex-wrap: wrap

-      a
-        display: block
-        border: none
-        padding: .5rem 1rem
-        margin: 0
+  #reflexions h3
+    text-align: right
+
+  .more
+    display: block
+    text-align: center

 #info
  display: flex
@ -44,53 +115,148 @@
  margin-left: -1rem
  margin-right: -1rem

+  .container
+    text-align: center
+
+  @media screen and (min-width: $size-small)
+    margin-left: calc(-100vw / 2 + #{$size-small} / 2 - 1rem)
+    margin-right: calc(-100vw / 2 + #{$size-small} / 2)
+
+    #valeurs
+      width: 50%
+
+      .container
+        // transform: rotate(2deg)
+        float: right
+        width: calc(#{$size-small/2} - 2rem
+        padding: .5rem
+    #me
+      width: 50%
+
+      .container
+        padding: 2rem 0 2rem 2rem
+        width: $size-small/2
+
  h3
    text-align: center
    margin: 2rem 0

-#valeurs, #presentation
+  #valeurs
+    background-color: var(--color-dark-background-card)
+
+    // transform: rotate(-2deg)
+    padding: 1rem
+
+  #me
+    .container
+      text-align: center
+
+      img
+        margin: 0 auto
+
+#valeurs
  .container
-    &:first-child
-      padding-bottom: 0
-    &:last-child
-      padding-top: 0
+    display: flex
+    align-items: strech
+
+  h3
+    display: block
+    height: auto
+    writing-mode: vertical-rl
+    text-align: right
+    position: relative
+    padding: 0 .5rem
+    margin: 2rem .5rem
+    border-left: 3px dashed var(--color-white)
+    // border-right: 2px solid var(--color-white)
+    transform: rotate(180deg)
+
+    @media screen and (max-width: 630px)
+      padding-right: 0
+      margin-right: 0
+
+
+  ul.card
+    display: flex
+    justify-content: center
+    flex-wrap: wrap
+
+    li
+      background: var(--color-dark-background-card)
+      // border: 2px solid var(--color-white)
+      position: relative
+      margin: 2rem 1rem
+      padding: 2rem 1rem 1rem
+      width: calc(33% - 2rem)
+      text-align: center
+      display: flex
+      align-items: center
+      justify-content: center
+      flex-direction: column
+      border-radius: var(--border-radius)
+
+      @media screen and (max-width: 770px)
+        width: calc(50% - 2rem)
+
+      @media screen and (max-width: 630px)
+        width: 100%
+        h4
+          left: -1rem
+
+      &:hover
+        h4
+          background-color: var(--color-highlight)
+          transform: rotate(2deg)
+
+      h4
+        position: absolute
+        top: -2rem
+        transition-property: transform
+        transition-duration: .2s
+      p
+        margin: 0
+
+
+      img
+        position: absolute
+        background-color: white
+        padding: .5rem
+        border: 1px solid white
+        left: -2rem
+        top: -2rem
+
+#me
+  padding: 2rem
+  text-align: center
+  background-image: repeating-linear-gradient(-45deg,transparent,transparent 7px,var(--color-dark-background-card) 0, var(--color-dark-background-card) 10px)
+
+  @media screen and (max-width: 630px)
+    padding: 1rem
+
+  .container
+    padding-top: 3rem
+    max-width: 660px
+    background: var(--color-dark-background)
+
+  img
+    margin: 0 auto
+
+  h3
+    margin: 2rem auto

 #partenaire
  ul
-    display: flex
-    justify-content: center
-    align-items: flex-start
-    width: 100%
-    @media screen and (max-width: $size-small)
-      flex-wrap: wrap
    li
      text-align: center
-      padding: $size-space/2
+      padding: .5rem
  img
    height: 75px
    margin: 0 auto
    filter: grayscale(1)

-    &: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
+  .container
+      display: flex
+      justify-content: space-between
+      align-items: flex-start
+  .right
+    width: 75%
--- a/assets/styles/main.sass
+++ b/assets/styles/main.sass
@ -6,91 +6,49 @@
 $size-small: 1024px
 $color-dark: #010101
 $color-light: #fffffe
-$size-space: 2rem

@mixin dark-theme
  // https://www.happyhues.co/palettes/4
  --color-black: #{$color-dark}
  --color-white: #{$color-light}
-  --color-stroke: #010101
-  --color-main: #fffffe
-  --color-highlight: #7f5af0
+  --color-highlight: #2cb67d
  --color-secondary: #72757e
-  --color-tertiary: #2cb67d
+  --color-tertiary: #7f5af0

-  --color-background: #16161a
-  --color-headline: #fffffe
+  --color-dark-background: #16161a
+  --color-dark-background-card: #242629
+
+  --color-light-background: #242629
+  --color-light-background-card: #16161a
+
+  --color-headline: var(--color-white)
  --color-paragraph: #94a1b2
-  --color-card-background: #242629
-  --color-card-headline: #fffffe
-  --color-card-paragraph: #94a1b2
-  --color-link: #fffffe
-
-  --color-secondary-background: #242629
-  --color-secondary-headline: #fffffe
-  --color-secondary-paragraph: #94a1b2
-  --color-secondary-card-background: #16161a
-  --color-secondary-card-headline: #fffffe
-  --color-secondary-card-paragraph: #94a1b2
-  --color-secondary-link: #fffffe
-
-  --color-tertiary-background: black
-  --color-tertiary-headline: #fffffe
-  --color-tertiary-paragraph: #94a1b2
-  --color-tertiary-card-background: #16161a
-  --color-tertiary-card-headline: #fffffe
-  --color-tertiary-card-paragraph: #94a1b2
-  --color-tertiary-link: #2cb67d
+  --color-button: var(--color-highlight)
+  --color-button-text: var(--color-white)

@mixin light-theme
  // https://www.happyhues.co/palettes/2
  --color-black: #{$color-light}
  --color-white: #{$color-dark}
-  --color-stroke: #00214d
-  --color-main: #fffffe
  --color-highlight: #00ebc7
  --color-secondary: #ff5470
  --color-tertiary: #fde24f

-  --color-background: #fffffe
+  --color-dark-background: #fffffe
+  --color-dark-background-card: #f2f4f6
+
+  --color-light-background: #242629
+  --color-light-background-card: #16161a
+
  --color-headline: #00214d
  --color-paragraph: #1b2d45
-  --color-card-background: #f2f4f6
-  --color-card-headline: #00214d
-  --color-card-paragraph: #1b2d45
-  --color-link: #00214d
-
-  --color-secondary-background: #f2f4f6
-  --color-secondary-headline: #00214d
-  --color-secondary-paragraph: #1b2d45
-  --color-secondary-card-background: #fffffe
-  --color-secondary-card-headline: #00214d
-  --color-secondary-card-paragraph: #1b2d45
-  --color-secondary-link: #00214d
-
-  --color-tertiary-background: #001534
-  --color-tertiary-headline: #fffffe
-  --color-tertiary-paragraph: #b7c9e4
-  --color-tertiary-card-background: #fffffe
-  --color-tertiary-card-headline: #00214d
-  --color-tertiary-card-paragraph: #1b2d45
-  --color-tertiary-link: #fffffe
-
-svg
-  .stroke
-    stroke: var(--color-stroke)
-  .main
-    fill: var(--color-main)
-  .highlight
-    fill: var(--color-highlight)
-  .secondary
-    fill: var(--color-secondary)
-  .tertiary
-    fill: var(--color-tertiary)
+  --color-button: var(--color-highlight)
+  --color-button-text: var(--color-white)

 body
  color-scheme: light dark
-  --font: "Libre Franklin Regular"
+  --font: "prociono"
+  --background-grid: 15px
  --border-radius: 4px

  @include light-theme
@ -105,36 +63,46 @@ body
    &.light-theme
      @include light-theme

-h1
-  display: inline-block
-  position: relative
-  padding: 2rem 4rem
+// \::selection
+//   background-color: invert($color-dark, $weight: 100%)
+//   color: invert($color-light, $weight: 100%)

-  @media screen and (max-width: $size-small)
-    padding: 1rem
+.btn-toggle
+  font-size: 1.5rem
+  background: inherit
+  border: inherit
+  padding: 1rem 0 1rem 1rem
+  cursor: pointer

-  &::after,
-  &::before
-    height: 8px
-    width: 100%
-    background: var(--color-highlight)
-    content: ""
-    position: absolute
-    border-radius: 1rem 1rem 1rem 1rem / 1rem 1rem 1rem 1rem
-    left: 0
-    right: 0
-    transform: rotate(-2deg)
+.light-theme .btn-toggle
+  filter: grayscale(0)!important

-  &::before
-    top: -1rem
+.dark-theme .btn-toggle
+  filter: grayscale(.5)!important

-  &::after
-    bottom: -1rem
+@media (prefers-color-scheme: dark)
+  .btn-toggle
+    filter: grayscale(.5)
+
+#logo a
+  width: 186px
+  height: 79px
+  display: block
+  background-repeat: no-repeat
+  background-image: url('/logos/weko-noir.svg')
+
+@media (prefers-color-scheme: dark)
+  #logo a
+    background-image: url('/logos/weko-blanc.svg')
+
+.light-theme #logo a
+  background-image: url('/logos/weko-noir.svg')
+
+.dark-theme #logo a
+  background-image: url('/logos/weko-blanc.svg')

@import "./home"
@import "./basic/html"
@import "./font"
-@import "./header"
-@import "./footer"
-@import "./container"
-@import "../../themes/hugo-theme-lowtech/assets/styles/obfuscates"
+
+// @import "./elements/header"
--- a/config/_default/config.yml
+++ b/config/_default/config.yml
@ -11,7 +11,6 @@ taxonomies:
  categorie: categories

 params:
-  faviconFile: /logo.svg
  debug: false
  description: Weko, pour un numérique responsable et local dans la Loire (42), mon objectif est d’informer sur l’impact du numérique et proposer des alternatives et ainsi réduire l'impact environnemental des sites internet.
 markup:
--- a/config/production/config.yml
+++ b/config/production/config.yml
@ -1,7 +1 @@
 baseURL: https://weko.io/
-
-deployment:
-  targets:
-    - name: production
-      URL: >-
-        s3://weko.io?endpoint=https://s3.garage.resilien.cloud&disableSSL=true&s3ForcePathStyle=true&region=garage
--- a/config/staging/config.yml
+++ b/config/staging/config.yml
@ -1,7 +1 @@
 baseURL: https://staging.weko.io/
-
-deployment:
-  targets:
-    - name: staging
-      URL: >-
-        s3://staging.weko.io?endpoint=https://s3.garage.resilien.cloud&disableSSL=true&s3ForcePathStyle=true&region=garage
--- a/content/_index.md
+++ b/content/_index.md
@ -4,12 +4,4 @@ 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 ne prend pas tout de suite des mesures l'Union européenne s'en chargera comme elle a fait avec la RGPD.
-
-Il faut savoir que les <sup>3</sup>/<sub>4</sub> des pollutions sont du à la fabrication 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 !
-
-<!-- Heureusement des alternatives se mettent en place, elle existe et se sont regroupé derrière [FairTEC](https://fairtec.io/fr/) pour avoir une offre encore plus simple. Weko utilise ses services et peut vous conseiller sur leur utilisation. -->
+Je vou
--- a/content/sites/_index.md
+++ b/content/sites/_index.md
@ -1,14 +0,0 @@
---
-title: Création de site internet à faible impact énergétique
-description: Je développe des sites internet à faible impact énergétique pour des acteurs qui ont un impact bénéfique pour notre société permettant de réduire l'impact écologique.
-menu:
-  main:
-    name: Site Internet
-    weight: 20
---
-
-Je développe des sites internet pour des acteurs qui ont la volonté de générer un impact bénéfique pour notre société. Ils sont faits d'une façon particulière permettant d'avoir **un faible impact énergétique**.
-
-Pour réduire l'empreinte énergétique d'un site il est possible d'optimiser la partie navigateur ça aura des conséquences pour chaque visiteur, mais aussi sur la façon de l'héberger.
-
-Le code source des sites est en [libre consultation](https://git.weko.io/weko/). Je propose d’auto-héberger les sites dans la Loire sur des minuscules serveurs appelés [Raspberry Pi](https://www.raspberrypi.org/products/raspberry-pi-4-model-b/).
--- a/content/sites/cremeaux.png
+++ b/content/sites/cremeaux.png
--- a/content/sites/fatumfatras.png
+++ b/content/sites/fatumfatras.png
--- a/content/sites/histoiredunpied.png
+++ b/content/sites/histoiredunpied.png
--- a/content/sites/lestoitsduval.png
+++ b/content/sites/lestoitsduval.png
--- a/data/contact.yml
+++ b/data/contact.yml
@ -1,6 +0,0 @@
-adresse:
-  rue: La Meliora
-  cp: 42260
-  ville: Crémeaux
-telephone: 07 57 18 01 68
-mail: simon@weko.io
--- a/data/homepage.yml
+++ b/data/homepage.yml
@ -18,7 +18,7 @@ valeur:
  valeur_item:
    - name : "Liberté"
      image : "valeur-liberte"
-      content : "Weko utilise uniquement des [logiciels libres](https://fr.wikipedia.org/wiki/Logiciel_libre) pour son infrastructure et ses services permettant une interopérabilité."
+      content : "Weko utilise uniquement des logiciels libres pour son infrastructure et ses services permettant une interropérabilité."

    - name : "Transparence"
      image : "valeur-transparence"
@ -26,19 +26,19 @@ valeur:

    - name : "Sobriété"
      image : "valeur-sobriete"
-      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."
+      content : "Les serveurs ont été achetés reconditionnés, ce sont des nano-ordinateurs (Raspberry Pi) consommant quelques watts."

    - name : "Éthique"
      image : "valeur-ethique"
      content : "Vos données vous appartiennent, vous êtes l'exclusif propriétaire. Weko ne les partage pas et ne les revend pas."

-    - name : "Proximité"
+    - name : "Locale"
      image : "valeur-locale"
-      content : "Les serveurs sont auto-hébergés dans la <a href=\"https://www.loire.fr/\">Loire</a> dans la <a href=\"https://www.ccpu.fr/\">Communauté de Commune du Pays d'Urfé</a> à <a href=\"https://cremeaux.fr\">Crémeaux</a>, pour que vos données ne parcourent plus 15 000 km."
+      content : "Les serveurs sont auto-hébergés dans la <a href=\"https://www.loire.fr/\">Loire</a> dans la <a href=\"https://www.ccpu.fr/\">Communauté de Commune du Pays d'Urfé</a> à <a href=\"https://cremeaux.fr\">Crémeaux</a>, pour que vos données ne parcourent pas 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ées quotidiennement."
+      content : "La mise à jour des logiciels se fait de façon hebdomadaire. Des sauvegardes chiffrées sont effectués quotidiennement."

 presentations:
  enable: true
--- a/data/sites.yml
+++ b/data/sites.yml
@ -18,9 +18,11 @@ sites:
    source: https://git.weko.io/weko/lestoitsduval
    image: lestoitsduval.png
    online: 2018
+
+a_rappatrier:
  - title: Fatum Fatras
    description: Groupe de musique qui puise son inspiration dans les thèmes traditionnels des Balkans et des pays du bassin méditerranéen, sans jamais oublier sa culture occidentale et son goût pour le rock’n’roll.
    url: http://fatumfatras.com
    source: https://github.com/ftmftrs/ftmftrs.github.io
    image: fatumfatras.png
-    online: 2015
+    online: 2015
--- a/docker-compose.prod.yml
+++ b/docker-compose.prod.yml
@ -0,0 +1,37 @@
+version: "3.8"
+
+volumes:
+  weko-log:
+    name: weko-log
+  weko-stats:
+    name: weko-stats
+
+services:
+  weko-prod:
+    container_name: weko-prod
+    build: .
+    restart: always
+    labels:
+      traefik.enable: "true"
+      traefik.http.routers.weko.rule: "Host(`${URL}`)"
+      traefik.http.routers.weko.entrypoints: "web"
+    volumes:
+      - weko-log:/var/log/nginx
+      - weko-stats:/usr/share/nginx/html/stats
+      - /etc/timezone:/etc/timezone:ro
+      - /etc/localtime:/etc/localtime:ro
+
+  weko-stats:
+    container_name: weko-stats
+    image: registry.weko.io/goaccess:1.4.6
+    restart: always
+    volumes:
+      - weko-log:/var/log/nginx
+      - weko-stats:/usr/share/nginx/html/stats
+      - /etc/timezone:/etc/timezone:ro
+      - /etc/localtime:/etc/localtime:ro
+
+networks:
+  default:
+    external:
+      name: traefik
--- a/docker-compose.staging.yml
+++ b/docker-compose.staging.yml
@ -0,0 +1,19 @@
+version: "3.8"
+
+networks:
+  default:
+    external:
+      name: traefik
+
+services:
+  weko-staging:
+    container_name: weko-staging
+    build: .
+    restart: always
+    labels:
+      traefik.enable: "true"
+      traefik.http.routers.weko-staging.rule: "Host(`staging.${URL}`)"
+      traefik.http.routers.weko-staging.entrypoints: "web"
+    volumes:
+      - /etc/timezone:/etc/timezone:ro
+      - /etc/localtime:/etc/localtime:ro
--- a/home.html
+++ b/home.html
@ -0,0 +1,75 @@
+{{ define "main" }}
+
+{{ with site.Data.homepage.banner }}
+<section>
+  <article>
+    <h1>{{ .title | markdownify }}</h1>
+    {{with .image}}<img src="{{ . | absURL }}" alt="Le futur du numérique responsable">{{end}}
+    <p class="mb-4">{{ .content | markdownify }}</p>
+    {{ if .button.enable }}
+    {{ with .button }}
+    <p><a href="{{ .link | safeURL }}" class="btn">{{ .label }}</a></p>
+    {{ end }}
+    {{ end }}
+  </article>
+</section>
+{{ end }}
+
+{{ if site.Data.homepage.valeur.enable }}
+{{ with site.Data.homepage.valeur }}
+<section class="highlight column full">
+  <section>
+    <h2 class="section-title">{{ .title | markdownify }}</h2>
+  </section>
+  <section class="full">
+    {{ range .valeur_item }}
+    <article class="box">
+      <img src="images/{{.image}}.svg" alt="{{ .name | title }}" height="64" width="64">
+      <h4 class="mb-2">{{ .name | title }}</h4>
+      <p>{{ .content | markdownify }}</p>
+    </article>
+    {{ end }}
+  </section>
+</section>
+{{ end }}
+{{ end }}
+
+{{ if site.Data.homepage.presentations.enable }}
+{{ with site.Data.homepage.presentations }}
+{{ range $i,$p := .presentations_item }}
+{{ with $p }}
+<section class="{{ if modBool $i 2 }}image-text{{ else }}highlight text-image{{end}} full">
+  <article>
+    {{ if modBool $i 2 }}
+    <img src="{{ .image }}" alt="{{ .Title }}" />
+    {{ else }}
+    {{ .content | markdownify }}
+    {{ end }}
+  </article>
+  <article>
+    {{ if modBool $i 2 }}
+    {{ .content | markdownify }}
+    {{ else }}
+    <img src="{{ .image }}" alt="{{ .Title }}" />
+    {{ end }}
+  </article>
+</section>
+{{ end }}
+{{ end }}
+{{ end }}
+{{ end }}
+
+<section class="highlight text-image full">
+  <article>
+    <h3>Accompagné par l'incubateur Ronalpia</h3>
+    <p>« J’ai le plaisir de vous annoncer qu’en 2021, mon entreprise va bénéficier d’un accompagnement personnalisé par <a href="https://www.ronalpia.fr/">Ronalpia</a> !<br>
+      Cela va me permettre de développer mon projet et contribuer à réduire les impacts environnementaux du numérique sur mon territoire ! »</p>
+  </article>
+  <article>
+    <a href="https://www.ronalpia.fr/">
+      <img src="/images/ronalpia.png" alt="Ronalpia, incubation 2021" />
+    </a>
+  </article>
+</section>
+
+{{ end }}
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.Language.Lang }}">
+{{ partial "head.html" . }}
+  <body>
+      <header>
+        <div class="container">
+          {{ partial "header.html" . }}
+        </div>
+      </header>
+
+      {{ partial "debug.html" . }}
+
+      <main>
+        {{ block "main" . }}{{ end }}
+      </main>
+
+      <footer>
+        <div class="container">
+          {{ partial "footer.html" . }}
+        </div>
+      </footer>
+    </div>
+
+    {{ partial "js.html" . }}
+  </body>
+</html>
--- a/layouts/home.html
+++ b/layouts/home.html
@ -1,141 +1,124 @@
 {{ define "main" }}

-  <section class="section container center">
-    <h1 id="pour-un-numérique-responsable-de-proximité">Pour un numérique <br><i>RESPONSABLE</i><br> de <i>PROXIMITÉ</i></h1>
+  <section id="title">
+    <h1>Pour un numérique <span class="highlight">Responsable</span> et <span class="highlight">local</span></h1>
+    <h2>Créons ensemble le numérique de demain.</h2>
  </section>

-  <section id="presentation" class="section secondary">
-    <div class="container center">
-      <h2 id="créons-ensemble-les-services-numériques-de-demain">Créons ensemble les services numériques de demain !</h2>
-    </div>
-    <div class="container cards">
+  <section id="presentation">
    {{ $size := 100 }}
-      <article class="card">
-        <svg version="1.1" alt="Ordinateur" width="{{ $size }}" height="{{ $size }}" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 157 93" xml:space="preserve">
-          <style>.st0,.st1{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style>
-          <path class="stroke st0" d="M128.6 41.6l-12.3-5.3c-.3-.1-.5-.2-.7-.4l-7.7-5.1c-.5-.3-1-.5-1.6-.7-1.1-.2-2-.4-3.7 1.1-2.1 2.5-.9 4.6.1 5.6.8.9 9 6.7 10.6 7.9l8.8 4.4c.1.1.2.1.3.2.7.4 3.1 2.1 4.6 4.9 1.7 3 4.3 8.4 16.4 11.9"/>
-          <path class="stroke st0" d="M103.2 37.8l-1.9 3c-.2.4-.4.8-.4 1.2 0 .7.3 1.7 1.5 2.4.8.5 1.4.7 1.9.7.7.1 1.4-.3 1.9-.8l2.3-3M108.4 41.6l-4 5.2c-.2.4-2.3 3.1.8 5 2.2 1.4 3.7-.9 4.2-1.5l4-5.3M109.4 50.4l.7 4.2s.6 2.8 3.8 2.2c3.2-.7 2.5-3.3 2.5-3.3l-1.2-7.5M130.9 25.3l-4.5-2.7c-.7-.4-1.5-.6-2.3-.4l-8.7 1.3c-.5.1-1 .3-1.5.6l-6.8 4.8s-2.8 2.3-4.9.6c-.6-.5-1-1.3-1-2.1 0-.3-.1-.6-.1-.9 0-1 .4-1.9 1.2-2.6l6-5.3c.3-.3.7-.5 1.2-.7l13.9-4.8c.9-.3 1.9-.2 2.7.2l18.6 9.7"/>
-          <path class="stroke st0" d="M114.2 34.9s33.6-5.7 40.2-6.9c2.2-4.2-1.1-6.3-1.1-6.3l-63.8 11-5.2 4.1 6.3 1.8 11.6-2M149.2 29.1l6.8 20.2"/>
-          <path class="stroke st0" d="M121.6 56.9v28.3c0 3.7-3.1 6.8-6.8 6.8H7.8C4.1 92 1 89 1 85.2V7.8C1 4.1 4.1 1 7.8 1h107c3.7 0 6.8 3.1 6.8 6.8M99.7 19.5H1M93.5 60.9H59.6M79.3 36.9H59.6M93.5 44.9H59.6M93.5 52.9H59.6"/>
-          <circle class="stroke highlight st0" cx="14.7" cy="10.4" r="4.2"/>
-          <path class="stroke highlight st0" d="M10.4 29.4h39.1v44.1H10.4z"/>
-          <path class="stroke secondary" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M58.2 70h35.6v21.9H58.2z"/>
-          <path class="stroke tertiary" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.5 58.8l-8.1-6.7-6.2 4.8-9.4-12L10.4 56v17.6h39.1V60z"/>
-        </svg>
+    <section>
+      <article onclick="">
+        <img src="/laptop.svg" alt="Ordinateur" width="{{ $size }}" height="{{ $size }}">
        <h3>Création de site Internet</h3>
-        <p>Besoin d'un site personnalisé à faible impact énergétique ?</p>
-        <a href="/sites/">En savoir plus</a>
      </article>
-      <article class="card">
-        <svg version="1.1" width="{{ $size }}" height="{{ $size }}" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 94.6 93.2" xml:space="preserve">
-          <style>.st2{stroke-width:2;stroke-miterlimit:10}.st2,.st3{stroke-linecap:round;stroke-linejoin:round}.st3,.st5{fill:none;stroke-width:2;stroke-miterlimit:10}</style>
-          <circle class="secondary stroke" stroke-width="2" stroke-miterlimit="10" cx="31.6" cy="31.6" r="30.6"/>
-          <circle class="main stroke" stroke-width="2" stroke-miterlimit="10" cx="31.6" cy="31.6" r="24"/>
-          <path class="highlight st2 stroke" d="M36.7 14.8c-1.9 2.2-3.6 4.4-4.9 6.9-1.2 2.4-1.9 5.1-1.5 7.6.1.6.6 3.5 3.9 3.5 3 0 4.1-1.1 4.6-1.5 2.5-2.1 3.1-5.1 2.3-8.2-.8-2.7-4.4-8.3-4.4-8.3zM16.1 36.3s7.3-5.6 12.8-1.2c1.9 1.4 2.9 4.7-1 6.3-.7.3-1.5.4-2.3.4-5.1-.2-9.5-5.5-9.5-5.5z"/>
-          <path class="st3 stroke" d="M35.5 22.4s-4.1 13.3 2 24.3M22.8 37.2s7.1.1 12.2 3.7"/>
-          <path class="tertiary stroke" stroke-width="2" stroke-miterlimit="10" d="M91.6 90.1h0c-2.7 2.7-7.1 2.8-9.9 0l-26-25.8c-1.2-1.1-1.2-3 0-4.2l5.7-5.7c1.1-1.2 3-1.2 4.2 0l26 25.8c2.7 2.7 2.7 7.2 0 9.9z"/>
-          <path class="st5 stroke" d="M56 59.8l-4.4-4.4M61.1 54.7l-4.4-4.3"/>
-          <path class="st3 stroke" d="M86.7 83.4l-5.5 5.9"/>
-        </svg>
+      <p>Besoin d'un site personnalisé à faible impact énergétique ?</p>
+    </section>
+    <section>
+      <article>
+        <img src="/loupe.svg" alt="Loupe" width="{{ $size }}" height="{{ $size }}">
        <h3>Conseil et<br>Accompagnement</h3>
-        <p>Et si vous vous lanciez dans le numérique responsable, besoin d'expertise ?</p>
      </article>
-      <article class="card">
-        <svg version="1.1" alt="Haut parleur" width="{{ $size }}" height="{{ $size }}" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 110.4 93.3" xml:space="preserve">
-          <style>.st1{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style>
-          <path class="highlight stroke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M84.7 54.8h4.5c3 0 5.5-2.5 5.5-5.5V18.1c0-3-2.5-5.5-5.5-5.5h-7.1V1l-14 11.6H40.9c-3 0-5.5 2.5-5.5 5.5v19.8"/>
-          <path class="stroke st1" d="M81.9 22.8H48.2M81.9 30.7H48.2"/>
-          <path class="tertiary stroke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M51.4 80.7h27.3c3 0 5.5-2.5 5.5-5.5V44c0-3-2.5-5.5-5.5-5.5H30.3c-3 0-5.5 2.5-5.5 5.5v31.2c0 3 2.5 5.5 5.5 5.5h7.1v11.6l14-11.6z"/>
-          <circle class="main stroke st1" cx="17.8" cy="26.9" r="4.5"/>
-          <circle class="main stroke st1" cx="100.9" cy="65.6" r="4.5"/>
-          <circle class="secondary" cx="107.3" cy="53.3" r="3.1"/>
-          <circle class="secondary" cx="15.1" cy="40.5" r="2.6"/>
-          <circle class="stroke" cx="95.2" cy="4.9" r="1.5"/>
-          <circle class="stroke" cx="1.5" cy="30.5" r="1.5"/>
-          <circle class="stroke" cx="15" cy="73.4" r="1.5"/>
-          <g>
-            <path class="stroke st1" d="M71.7 68.1H37.9M71.7 52.1H37.9M71.7 60.1H37.9"/>
-          </g>
-        </svg>
-        <h3>Formation et conférence</h3>
-        <p>Vous voulez sensibiliser à l'impact du numérique ?</p>
+      <p>Et si vous vous lanciez dans le numérique responsable, besoin d'expertise ?</p>
+    </section>
+    <section>
+      <article>
+        <img src="/speech-bubble.svg" alt="Haut parleur" width="{{ $size }}" height="{{ $size }}">
+        <h3>Formation</h3>
      </article>
-    </div>
+      <p>Vous voulez sensibiliser à l'impact du numérique ?</p>
+    </section>
  </section>

-  <section id="contact" class="section container column center">
-    <h2 id="contactez-moi">Vous avez une idée, un projet ?<br> Contactez-moi !</h2>
-    <h3 class="cadre">{{ partial "contact/mail" .Site.Data.contact.mail }}{{ partial "contact/telephone" .Site.Data.contact.telephone }}</h3>
+  <section id="contact">
+    <p>Vous avez un projet, une idée, une question ?</p>
+    <a href="mailto:simon@weko.io">
+      <h3 class="highlight">Contactez moi !</h3>
+    </a>
+    <p>
+      <a href="mailto:simon@weko.io">simon@weko.io</a> - <a href="tel:+33680268661">06 80 26 86 61</a>
+    </p>
  </section>

-  <section class="section secondary">
-    <article class="container">
-      {{ .Content }}
-    </article>
-  </section>
+  <!-- <section id="news">
+    <section id="realisations">
+      <h3>Réalisations</h3>
+      <ul>
+        <li>Création du site internet de la municipalité de Crémeaux</li>
+        <li>Accompagnement de Com' en Aubrac</li>
+        <li>Conférence au cheval blanc</li>
+      </ul>
+      <a href="" class="more">➕</a>
+    </section>
+    <section id="reflexions">
+      <h3>Réflexions</h3>
+      <ul>
+        <li>Comment Nextcloud peut vous permettre d'être plus efficace</li>
+        <li>Le numérique c'est pas propre</li>
+        <li>Création de site résponsable</li>
+      </ul>
+      <a href="" class="more">➕</a>
+    </section>
+  </section> -->

  {{ if site.Data.homepage.valeur.enable }}
+  {{ $content := .Content }}
  {{ with site.Data.homepage.valeur }}
-  <section id="valeurs" class="section">
-    <div class="container center">
-      <h2 id="les-valeurs-de-weko">{{ .title }}</h2>
-    </div>
-    <div class="container cards">
-      {{ range .valeur_item }}
-      <article class="card center">
-        <!-- <img src="images/{{.image}}.svg" alt="{{ .name | title }}" height="64" width="64" loading="lazy"> -->
-        <h3>{{ .name | title }}</h3>
-        <p>{{ .content | markdownify }}</p>
-      </article>
-      {{ end }}
-    </div>
-  </section>
-  {{ end }}
-  {{ end }}
-
-  <section id="me" class="section tertiary">
+  <section id="valeurs">
    <div class="container">
-      <div>
-        <h2 class="highlight" id="qui-est-derrière-weko">Qui est derrière Weko ?</h2>
-        <p>
-          Je me présente Simon CONSTANS, passionné de l’informatique.
-          J’en ai fait mon métier en devenant <b>ingénieur</b> spécialisé dans le développement depuis 2009,
-          j’ai pu mettre à contribution mes compétences dans des startups avec <b>des projets éthiques</b>.
-        </p>
-        <p>
-          Depuis 2017, je me renseigne énormément sur mon <b>impact environnemental</b>,
-          et prenant conscience que <b>l’informatique n’était vraiment pas <i>green</i></b>,
-          je cherche des solutions concrètes pour réduire mon impact.
-        </p>
-        <p>
-          Après 2 ans de recherches et développement, je lance <b>Weko</b>, dont l’objectif est d’<b>informer localement</b>
-          sur l’impact du numérique et <b>proposer des alternatives</b> que ça soit pour
-          les entreprises, les associations mais aussi les collectivités ou les particuliers.
-        </p>
-        <p>N'hésitez pas à me <a href="#contact">contacter</a> !</p>
-      </div>
-      <div class="center">
-        <svg alt="Simon" height="200" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
-          <circle fill="#FFF" stroke="#000" stroke-width="2.978" stroke-miterlimit="10" cx="200" cy="200" r="198.5"/>
-          <path fill="none" stroke="#000" stroke-width="3.383" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M100.2 371c2.9-9.3 4.4-14 7.9-23.3l2.2-5.7 33.5 13.1-2 5.2M293.9 374.7c-1-9.6-1.2-12.9-2.7-22.6l-1.1-6-37 6.4.9 5.4c1.8 11.7 2.8 17.8 3.9 29.8"/>
-          <path d="M284.3 314.2c-2.5-8.1-5.8-16.5-9.4-22.9-1.7-3.2-3.6-6-5-7.9-.7-1-1.4-1.7-1.7-2.2-.4-.5-.6-.8-.6-.8-2.5-2.9-5.7-5.4-9.5-6.8-1.1-.4-5.6-2.8-6.5-2.1-17.7 13-35.2 16.9-50.5 16.6v-.1h-2.8v.1c-15.4.3-32.9-3.6-50.5-16.6-.9-.7-5.4 1.7-6.5 2.1-3.8 1.5-7 3.9-9.5 6.8 0 0-.2.3-.6.8-.4.5-1.1 1.3-1.7 2.2-1.4 1.9-3.3 4.7-5 7.9-3.6 6.5-6.9 14.8-9.4 22.9-2.5 8.1-4.4 16.2-5.6 22.1-1.2 6-1.9 9.9-1.9 9.9l22 4.7v33.4c22.4 8.8 46.8 13.6 72.3 13.6 24 0 47-4.7 68.3-12.5V351l22-4.7s-.7-4-1.9-9.9c-1.6-6-3.5-14-6-22.2z"/>
-          <g>
-            <path fill="none" stroke="#000" stroke-width="2.916" stroke-miterlimit="10" d="M147.3 272.8l27.5-2.9 1-8.3c-30.5-4.8-53.8-29.2-53.8-58.5v-25.9s.8-96.2 57.3-96.2h41.4c56.4 0 57.3 96.3 57.3 96.3v25.8c0 29.4-23.3 53.8-53.9 58.5l1 8.3 27 3"/><path d="M120.6 199.2s-3.5-11.4-5.5-17.3-2.3-39.8-2.3-46.2c0-6.3 0-28.8 3.5-33.1 0 0-2-9.8-2-13.3 0 0-7.4-12.6-10.8-20.2 0 0 10.8 7.4 14.4 8.4 0 0-7.1-10.5-9.7-15.3 0 0 9.7 9.2 12.9 11.1 0 0-2.6-5.8-2.4-8.7 0 0 5 9.5 13.7 13.9 0 0-2.1-8.9-7.9-15.5 0 0 5.2-1.3 6.8 1.3 0 0-.8-10.8-5-16.3 0 0 8.7-2.1 14.2 2.6 0 0-10.2-8.4-16-10.8 0 0 11.3-.5 18.1 6.3 0 0-7.4-8.4 1.3-11.3 0 0-2.1 5 4.2 6.3 0 0-5.2-8.4 2.4-15.8 0 0-3.7 10 4.7 16.3 0 0-1.6-7.9 8.1-12.4 0 0-4.7 5.8-3.4 12.9 0 0 2.1-10.8 10.5-12.4 0 0-6.8 6.8-5.5 14.7 0 0 9.5-12.6.3-25.8 0 0 10.8.8 14.7 7.6 0 0 1.6-5.8 3.2-6.3 0 0 2.1 5 4.7 6.6 0 0 1.3-2.1 0-5 0 0 3.7 3.2 3.7 5.5 0 0 6.6-1.9 8.7 1.8 2.1 3.7 11 7.4 19.5 7.9 0 0-10.2-12.1-24.2-12.1 0 0 7.6-4.2 21 4.5 0 0-4.7-6-7.4-7.6 0 0 11 .5 22.3 15 0 0 2.3-3.2-2.4-7.1 0 0 11.3 3.9 18.4 14.4 0 0-5-9.2-10-12.1 0 0 20.8 7.6 17.1 16.3 0 0 2.9 4.2 6 6.3 3.2 2.1 18.7 14.2 19.7 20.8 1.1 6.6 2.9 6.6 4.7 6.3 0 0 2.9-1.4 3.7-4.2 0 0 .5 5-3.7 7.1 0 0-1 6.1 5.6 7.1 0 0 3.9 1.6 4.2 3.9 0 0-5.3-1.6-9.5-1.3 0 0 4.7 7.4 9.7 11.3 0 0 5.8 3.4-2.9 19.5 0 0-2.1 12.3-1.8 17.9.3 5.5 0 17.6 0 23.9 0 6.3.3 10.2-4 18.7-4.2 8.4-7.9 11.8-8.1 15.5-.3 3.7.5 11.8-.3 12.6 0 0-2.9-.8-2.9-6.6s0-18.9-.8-24.5c-.8-5.5-2.4-14.7-5.5-21-3.2-6.3-5.8-23.9-5.8-27.9s-2.9-12.6-2.9-15c0-2.4-.3-3.7-3.2-.5-2.9 3.2-27.4 4.5-40.5 2.1-13.1-2.4-16.8 8.1-29.5 4.5-12.6-3.7-17.3.8-23.4 1.6-6.1.8-8.7 4.2-12.6 7.6-3.9 3.4-2.6 9.2-9.4 12.9-6.9 3.7-10.5 3.7-10.3 12.4.3 8.7 0 17.3-3.4 19.5-3.4 2.1-5.5 9.7-6 13.9-.2 4.5 1.2 8.9-1 6.8z"/><path d="M241.6 173.2c-5.4 0-9.8 4.4-9.8 9.8s4.4 9.8 9.8 9.8 9.8-4.4 9.8-9.8c-.1-5.4-4.4-9.8-9.8-9.8zm-1.9 8.8c-1.6 0-2.9-1.3-2.9-2.9 0-1.6 1.3-2.9 2.9-2.9 1.6 0 2.9 1.3 2.9 2.9.1 1.5-1.3 2.9-2.9 2.9zM160.5 173.2c-5.4 0-9.8 4.4-9.8 9.8s4.4 9.8 9.8 9.8 9.8-4.4 9.8-9.8c-.1-5.4-4.5-9.8-9.8-9.8zm-1.9 8.8c-1.6 0-2.9-1.3-2.9-2.9 0-1.6 1.3-2.9 2.9-2.9s2.9 1.3 2.9 2.9c0 1.5-1.3 2.9-2.9 2.9zM206.9 190c0 1.5-1.2 2.6-2.6 2.6h-6.1c-1.5 0-2.6-1.2-2.6-2.6 0-1.5 1.2-2.6 2.6-2.6h6.1c1.5 0 2.6 1.1 2.6 2.6z"/><path stroke="#000" stroke-width="1.016" stroke-miterlimit="10" d="M202.2 225.8c-14.6 0-25.6-8-25.7-8.2-.6-.5-.7-1.3-.3-2 .5-.6 1.3-.7 2-.3.9.7 23.4 17 46.1 0 .6-.5 1.5-.3 2 .3s.3 1.5-.3 2c-8.2 6.1-16.4 8.2-23.8 8.2z"/>
-            <path d="M201.3 197.7s-22.2 5-38.9 6.5c44 24.5 77 0 77 0s-26.8-2.4-38.1-6.5z"/>
-            <path d="M239.4 204.2c-7 30.6-37.9 29.2-38.5 29.2-.6 0-31.5 1.4-38.5-29.2 0 0-27.3 6.3-40.3 2.3 5.6 26.9 20.1 52 55.9 54.9 7.9 2.8 22.6 2.1 22.9 2.1.3 0 15 .7 22.9-2.1 38.1-5.3 49.3-30.4 54.2-54.8-13.1 4-38.6-2.4-38.6-2.4z"/>
-          </g>
-        </svg>
-      </div>
+      {{ $content }}
+    </div>
+    <div class="container">
+      <h3>{{ .title | markdownify }}</h3>
+      <ul class="no-style card">
+        {{ range .valeur_item }}
+        <li>
+          <!-- <img src="images/{{.image}}.svg" alt="{{ .name | title }}" height="64" width="64"> -->
+          <h4 class="highlight">{{ .name | title }}</h4>
+          <p>{{ .content | markdownify }}</p>
+        </li>
+        {{ end }}
+      </ul>
+    </div>
+  </section>
+  {{ end }}
+  {{ end }}
+
+  <section id="me">
+    <div class="container">
+      <img src="/simon.png" alt="Simon" width="200" height="200">
+      <h3 class="highlight">Qui est derrière Weko</h3>
+      <p>
+        Je me présente Simon CONSTANS, passionné de l’informatique.
+        J’en ai fait mon métier en devenant <b>ingénieur</b> spécialisé dans le développement depuis 2009,
+        j’ai pu mettre à contribution mes compétences dans des startups avec <b>des projets éthiques</b>.
+      </p>
+      <p>
+        Depuis 2017, je me renseigne énormément sur mon <b>impact environnemental</b>,
+        et prenant conscience que <b>l’informatique n’était vraiment pas <i>green</i></b>,
+        je cherche des solutions concrètes pour réduire mon impact.
+      </p>
+      <p>
+        Après 2 ans de recherches et tests, je lance <b>Weko</b>, dont l’objectif est d’<b>informer localement</b>
+        sur l’impact du numérique et <b>proposer des alternatives</b> que ça soit pour
+        les entreprises, les associations mais aussi les collectivités ou les particuliers.
+      </p>
+      <p>N'hésitez pas à me <a href="#contact">contacter</a> !</p>
    </div>
  </section>

-  <section id="partenaire" class="section container">
-    <h2 id="réseau-professionnel">Réseau professionnel</h2>
-    <p>Weko fait partie de la Coopérative d'Activité et d'Emploi <a href="https://www.talentscroises.fr/">Talents Croisés</a> et est accompagnée par un incubateur de l'Économie Sociale et Solidaire <a href="https://ronalpia.fr">Ronalpia</a>. Elle participe à l'association <a href="https://www.digital-league.org">Digital League</a> sur la partie Numérique Responsable.</p>
-    <ul class="no-style">
-      <li><a href="https://www.talentscroises.fr/"><img src="/logos/talentscroises.webp" alt="Logo de Talents Croisés" height="150" loading="lazy"></a></li>
-      <li><a href="https://ronalpia.fr"><img src="/logos/ronalpia.webp" alt="Logo de Ronalpia" height="150" loading="lazy"></a></li>
-      <li><a href="https://www.digital-league.org"><img src="/logos/digitalleague.webp" alt="Logo de Digital League" height="150" loading="lazy"></a></li>
-    </ul>
+  <section id="partenaire">
+    <div class="container">
+      <div class="right">
+        <h3>Réseau professionnel</h3>
+        <p>Weko est une entreprise engagée !</p>
+        <p> Elle fait partie de la Coopérative d'Activité et d'Emploi <a href="https://www.talentscroises.fr/">Talents Croisés</a> et est accompagnée par un incubateur de l'Économie Sociale et Solidaire <a href="https://ronalpia.fr">Ronalpia</a>. Elle participe à l'association <a href="https://www.digital-league.org">Digital League</a> sur la partie Numérique Responsable.</p>
+      </div>
+      <ul class="no-style left">
+        <li><a href="https://www.talentscroises.fr/"><img src="/logos/talentscroises.webp" alt="Logo de Talents Croisés" height="150"></a></li>
+        <li><a href="https://ronalpia.fr"><img src="/logos/ronalpia.webp" alt="Logo de Ronalpia" height="150"></a></li>
+        <li><a href="https://www.digital-league.org"><img src="/logos/digitalleague.webp" alt="Logo de Digital League" height="150"></a></li>
+      </ul>
+    </div>
  </section>
 {{ end }}
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@ -1,8 +1 @@
-<footer class="section container">
-  <p>Ce site est optimisé, il <a href="https://www.websitecarbon.com/website/weko-io/">émet seulement 0.05g de CO<sub>2</sub></a> à chaque visite.</p>
-  <p>©Weko 2021</p>
-</footer>
-{{ if or (eq hugo.Environment "production") (eq hugo.Environment "staging") }}
-<script defer data-domain="{{if eq hugo.Environment "staging" }}staging.{{ end }}weko.io" src="https://analytiques.resilien.cloud/js/plausible.js"></script>
-<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
-{{ end }}
+<small><center>Creative Commons (CC BY 4.0) - 2021 - simon@weko.io</center><small>
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@ -1,29 +1,10 @@
-<header class="section container">
-  <div id="logo">
-    <a href="/" alt="Weko" title="Weko">
-      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 185.9 78.8" xml:space="preserve">
-        <path fill="#00ebc7" d="M27.5 27.9c3 9 6.1 17.9 9.3 26.8 1.1 3.3 5.3 3.1 6.5 0 3.2-8.4 6.7-16.8 10.1-25.1-2.1.3-4.1.5-6.2.8 3.6 8.4 7.1 16.8 10.7 25.2.5 1.2 2.2 1.8 3.4 1.6 1.4-.2 2.3-1.1 2.8-2.4l6.6-17.1c3.5-9 6.9-18.1 10.4-27.1l2.4-6.3c.8-2-1.2-4.4-3.3-4.3-15.7.7-31.3 1.4-46.9 2.1-6.6.3-13.3.6-19.9.9-2.3.1-4.6.2-7 .3-1.8.1-3.6.2-5 1.6C0 6.3-.3 8.2.1 10.1c.6 2.9 1.7 5.8 2.6 8.6L7.8 34c3.6 10.9 7.4 21.8 11.1 32.6.6 1.8 1.2 3.6 1.8 5.3.5 1.4 1 2.8 2.1 3.9 1.8 1.8 4.6 1.5 7 1.6 7 .4 13.9.8 20.9 1.3.4 0 .9.1 1.3.1 1.8.1 3.4-1.6 3.4-3.4 0-1.9-1.5-3.3-3.4-3.4l-15-.9c-2-.1-4-.2-6-.4-1-.1-1.9-.1-2.9-.2-.3 0-1.3-.2-1.5-.1.2-.1 1.1.4 1.1.8.1-.5-.5-1.6-.7-2-.3-.8-.6-1.6-.8-2.4-3.5-10.2-7-20.4-10.4-30.6-2.9-8.7-6-17.5-8.6-26.3-.2-.4-.3-.9-.5-1.3 0-.1-.1-.3-.1-.4-.1-.4.1.3.1.3 0 .5-.3 1.1-.8 1.4-.1.1-1.2.1-.6.2 1.9.2 4.1-.2 6-.3 6.1-.3 12.2-.5 18.3-.8C44.8 8.3 59.9 7.6 75 7c1.7-.1 3.4-.1 5.1-.2C79 5.4 77.9 4 76.8 2.5l-6.6 17.1c-3.5 9-6.9 18.1-10.4 27.1L57.4 53c2.1-.3 4.1-.5 6.2-.8-3.5-8.4-7-16.8-10.6-25.2-.5-1.2-2.2-1.8-3.4-1.6-1.4.2-2.3 1.1-2.8 2.4-3.4 8.4-6.8 16.7-10.1 25.1h6.5C40.1 44 37 35.1 34 26.1c-.6-1.7-2.3-2.9-4.2-2.4-1.6.5-2.9 2.5-2.3 4.2z"/>
-        <path class="st1" d="M111.3 40.6c0 1.2-.7 2.3-2.6 2.3H86.8c.4 5.1 3.8 8.9 9.9 8.9 3.8 0 6.1-1.3 8.5-3.6.6-.6 1.4-1.1 2.3-1.1 1.5 0 2.9 1.1 2.9 2.9 0 .7-.4 1.4-.9 2-2.8 3.2-7.8 5.3-13 5.3-10.9 0-16.7-7.6-16.7-16.8 0-9.6 7-16.8 16.4-16.8 9.1 0 15.1 7.5 15.1 16.9zM96.1 29.2c-5.1 0-8.5 3.6-9.2 8.1h18c-.5-4.3-3.8-8.1-8.8-8.1zM123.1 57.2c-2 0-3.4-1.5-3.4-3.4V15.5c0-1.9 1.4-3.4 3.4-3.4s3.4 1.5 3.4 3.4v20.9l15.1-11.8c.6-.5 1.4-.7 2.1-.7 1.8 0 3.1 1.3 3.1 3 0 1.1-.6 1.9-1.6 2.6l-9.7 7.6 11.7 15.3c.4.6.7 1.2.7 1.9 0 1.7-1.2 3.1-3.2 3.1-1 0-1.7-.5-2.3-1.3l-11.7-15.3-4.2 3.4V54c0 1.7-1.3 3.2-3.4 3.2zM169.2 57.3c-10.2 0-16.8-7.5-16.8-16.8 0-9.2 6.6-16.8 16.8-16.8 10.2 0 16.8 7.5 16.8 16.8-.1 9.2-6.7 16.8-16.8 16.8zm0-27.7c-6.4 0-9.9 5-9.9 10.9s3.4 10.9 9.9 10.9c6.4 0 9.9-5 9.9-10.9s-3.5-10.9-9.9-10.9z"/>
-      </svg>
-    </a>
-  </div>
-  <nav id="menu">
-    <ul class="no-style">
-      <li><a href="#contact" class="btn">Contact</a></li>
-      <li>
-        <button class="btn-toggle" title="Changer de thème">
-          <svg width="50" height="50" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 93.1 93.1" xml:space="preserve">
-            <style>.st3{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style>
-            <path class="highlight" d="M1 46.6c0-2.8 7-4.9 7.5-7.6.5-2.7-5.1-7.3-4.1-9.9 1.1-2.6 8.3-1.8 9.9-4.1 1.5-2.3-1.9-8.7 0-10.7 1.9-1.9 8.4 1.5 10.7 0 2.3-1.5 1.5-8.8 4.1-9.9 2.5-1 7.1 4.6 9.9 4.1C41.6 8 43.7 1 46.6 1c2.8 0 4.9 7 7.6 7.5 2.7.5 7.3-5.1 9.9-4.1 2.6 1.1 1.8 8.3 4.1 9.9 2.3 1.5 8.7-1.9 10.7 0 1.9 1.9-1.5 8.4 0 10.7 1.5 2.3 8.8 1.5 9.9 4.1 1 2.5-4.6 7.1-4.1 9.9.5 2.7 7.5 4.8 7.5 7.6s-7 4.9-7.5 7.6c-.5 2.7 5.1 7.3 4.1 9.9-1.1 2.6-8.3 1.8-9.9 4.1-1.5 2.3 1.9 8.7 0 10.7-1.9 1.9-8.4-1.5-10.7 0-2.3 1.5-1.5 8.8-4.1 9.9-2.5 1-7.1-4.6-9.9-4.1-2.7.5-4.8 7.5-7.6 7.5s-4.9-7-7.6-7.5c-2.7-.5-7.3 5.1-9.9 4.1-2.6-1.1-1.8-8.3-4.1-9.9-2.3-1.5-8.7 1.9-10.7 0-1.9-1.9 1.5-8.4 0-10.7-1.5-2.3-8.8-1.5-9.9-4.1-1-2.5 4.6-7.1 4.1-9.9C8 51.5 1 49.4 1 46.6z"/>
-            <path class="stroke" fill="none" stroke-width="2" stroke-miterlimit="10" d="M1 46.6c0-2.8 7-4.9 7.5-7.6.5-2.7-5.1-7.3-4.1-9.9 1.1-2.6 8.3-1.8 9.9-4.1 1.5-2.3-1.9-8.7 0-10.7 1.9-1.9 8.4 1.5 10.7 0 2.3-1.5 1.5-8.8 4.1-9.9 2.5-1 7.1 4.6 9.9 4.1C41.6 8 43.7 1 46.6 1c2.8 0 4.9 7 7.6 7.5 2.7.5 7.3-5.1 9.9-4.1 2.6 1.1 1.8 8.3 4.1 9.9 2.3 1.5 8.7-1.9 10.7 0 1.9 1.9-1.5 8.4 0 10.7 1.5 2.3 8.8 1.5 9.9 4.1 1 2.5-4.6 7.1-4.1 9.9.5 2.7 7.5 4.8 7.5 7.6s-7 4.9-7.5 7.6c-.5 2.7 5.1 7.3 4.1 9.9-1.1 2.6-8.3 1.8-9.9 4.1-1.5 2.3 1.9 8.7 0 10.7-1.9 1.9-8.4-1.5-10.7 0-2.3 1.5-1.5 8.8-4.1 9.9-2.5 1-7.1-4.6-9.9-4.1-2.7.5-4.8 7.5-7.6 7.5s-4.9-7-7.6-7.5c-2.7-.5-7.3 5.1-9.9 4.1-2.6-1.1-1.8-8.3-4.1-9.9-2.3-1.5-8.7 1.9-10.7 0-1.9-1.9 1.5-8.4 0-10.7-1.5-2.3-8.8-1.5-9.9-4.1-1-2.5 4.6-7.1 4.1-9.9C8 51.5 1 49.4 1 46.6z"/>
-            <circle class="tertiary stroke" stroke-width="2" stroke-miterlimit="10" cx="46.6" cy="46.6" r="33.1"/>
-            <path class="st3 stroke" d="M57.8 53.7c0 6.3-5 11.3-11.2 11.3s-11.3-5-11.3-11.3"/>
-            <g>
-              <path class="st3 stroke" d="M30.9 40.2c.6-1.4 1.9-2.3 3.5-2.3s2.9 1 3.5 2.3M55.2 40.2c.6-1.4 1.9-2.3 3.5-2.3s2.9 1 3.5 2.3"/>
-            </g>
-          </svg>
-        </button>
-      </li>
+<div id="logo">
+  <a href="/">
+  </a>
+</div>
+<nav id="menu" class="no-style">
+    <ul>
+        <li><a href="#contact" class="btn">Contact</a></li>
+        <li><button class="btn-toggle">💡</button></li>
    </ul>
-  </nav>
-</header>
+</nav>
--- a/layouts/partials/site.html
+++ b/layouts/partials/site.html
@ -1,14 +0,0 @@
-<article class="card">
-  <figure>
-    <a href="{{ .url }}">
-      <img src="{{ .image }}" alt="Copie d'écran du site {{ .title }}" loading="lazy" />
-    </a>
-  </figure>
-  <div>
-    <h3>{{ .title }}</h3>
-    <p>{{ .description }}</p>
-  </div>
-  <div>
-    <a class="btn" href="{{ .url }}">Visiter le site</a>
-  </div>
-</article>
--- a/layouts/partials/sites.html
+++ b/layouts/partials/sites.html
@ -1,20 +0,0 @@
-{{ $headless := .Site.GetPage "/sites" }}
-
-<section class="section">
-  <div class="container">
-    {{ range sort $.Site.Data.sites.sites "online" "desc" }}
-      {{ $image := $headless.Resources.GetMatch .image }}
-      {{ $resized := $image.Resize "728x webp" }}
-       {{ partial "site.html" (merge . (dict "image" $resized.RelPermalink)) }}
-    {{ end }}
-    <article class="card">
-      <h3>Votre projet ?</h3>
-      <p>
-        Vous voulez créer un site internet ?<br>
-        Vous voulez que sa fabrication soit en accord avec vos convictions écologiques ?<br>
-        Vous pensez à l'accessibilité de votre site ?
-      </p>
-      <p>N'hésitez pas à me <a href="/#contact">contacter</a></p>
-    </article>
-  </div>
-</section>
--- a/layouts/sites/list.html
+++ b/layouts/sites/list.html
@ -1,11 +0,0 @@
-{{ define "main" }}
-  <section class="section container center">
-    <h1>{{ .Title }}</h1>
-  </section>
-  <section class="section secondary">
-    <div class="container">
-      {{ .Content }}
-    </div>
-  </section>
-  {{ partial "sites.html" . }}
-{{ end }}
--- a/12
+++ b/12
@ -7,14 +7,14 @@ set -eu
 . ./.env
 . ./themes/hugo-theme-lowtech/scripts/run

-echo '              _'
-echo '__      _____| | _____'
-echo '\ \ /\ / / _ | |/ / _ \'
-echo ' \ V  V |  __|   | (_) |'
-echo '  \_/\_/ \___|_|\_\___/'
+echo "              _"
+echo "             | |"
+echo "__      _____| | _____"
+echo "\ \ /\ / / _ \ |/ / _ \\"
+echo " \ V  V /  __/   < (_) |"
+echo "  \_/\_/ \___|_|\_\___/"
 echo
 echo
-# https://duckduckgo.com/?q=Figlet+weko

 if [ $# -ge 1 ]; then
  $@
--- a/static/conversation.png
+++ b/static/conversation.png
--- a/static/favicon.ico
+++ b/static/favicon.ico
--- a/static/laptop.svg
+++ b/static/laptop.svg
@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 468.293 468.293" style="enable-background:new 0 0 468.293 468.293;" xml:space="preserve">
+<path style="fill:#64798A;" d="M30.966,364.373V92.099c0-10.345,8.386-18.732,18.732-18.732h368.897
+	c10.345,0,18.732,8.386,18.732,18.732v272.274H30.966z"/>
+<path style="fill:#44C4A1;" d="M401.311,90.648H66.981c-10.345,0-18.732,8.386-18.732,18.732v224.566h371.793V109.38
+	C420.043,99.035,411.657,90.648,401.311,90.648z"/>
+<path style="fill:#D5D6DB;" d="M277.371,351.228v13.671h-86.45v-13.671H0v20.654c0,12.727,10.317,23.043,23.043,23.043h422.206
+	c12.727,0,23.043-10.317,23.043-23.043v-20.654H277.371z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
--- a/static/logo.svg
+++ b/static/logo.svg
@ -1 +1,25 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><path d="M28.2 31c3 9 6.1 17.9 9.3 26.8 1.1 3.3 5.3 3.1 6.5 0 3.2-8.4 6.7-16.8 10.1-25.1-2.1.3-4.1.5-6.2.8 3.6 8.4 7.1 16.8 10.7 25.2.5 1.2 2.2 1.8 3.4 1.6 1.4-.2 2.3-1.1 2.8-2.4l6.6-17.1c3.5-9 6.9-18.1 10.4-27.1l2.4-6.3c.8-2-1.2-4.4-3.3-4.3-15.6.7-31.3 1.4-46.9 2.1-6.6.3-13.3.6-19.9.9-2.3.1-4.6.2-7 .3-1.8.1-3.5.2-4.9 1.6C.8 9.4.5 11.3.9 13.2c.6 2.9 1.7 5.8 2.6 8.6C5.2 26.9 6.9 32 8.6 37.2 12.2 48.1 16 59 19.7 69.8c.6 1.8 1.2 3.6 1.8 5.3.5 1.4 1 2.8 2.1 3.9 1.8 1.8 4.6 1.5 7 1.6 7 .4 13.9.8 20.9 1.3.4 0 .9.1 1.3.1 1.8.1 3.4-1.6 3.4-3.4 0-1.9-1.5-3.3-3.4-3.4l-15-.9c-2-.1-4-.2-6-.4-1-.1-1.9-.1-2.9-.2-.3 0-1.3-.2-1.5-.1.2-.1 1.1.4 1.1.8.1-.5-.5-1.6-.7-2-.3-.8-.6-1.6-.8-2.4-3.5-10.2-7-20.4-10.4-30.6-2.9-8.7-6-17.5-8.6-26.3-.1-.5-.3-.9-.4-1.4 0-.1-.1-.3-.1-.4-.1-.3.1.4.1.4 0 .5-.3 1.1-.8 1.4-.1.1-1.2.1-.6.2 1.9.2 4.1-.2 6-.3 6.1-.3 12.2-.6 18.3-.8 15.1-.7 30.3-1.4 45.4-2 1.7-.1 3.4-.1 5.1-.2-1.1-1.4-2.2-2.8-3.3-4.3-2.3 5.6-4.5 11.3-6.7 17-3.5 9-6.9 18.1-10.4 27.1l-2.4 6.3c2.1-.3 4.1-.5 6.2-.8-3.6-8.4-7.1-16.8-10.7-25.2-.5-1.2-2.2-1.8-3.4-1.6-1.4.2-2.3 1.1-2.8 2.4-3.4 8.4-6.8 16.7-10.1 25.1h6.5c-3.1-8.9-6.3-17.8-9.3-26.8-.6-1.7-2.3-2.9-4.2-2.4-1.5.5-2.7 2.5-2.2 4.2z" fill="#00ebc7"/></svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 83.5 79.1" style="enable-background:new 0 0 83.5 79.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#2FAC66;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M27.4,27.9c3,9,6.1,17.9,9.3,26.8c1.1,3.3,5.3,3.1,6.5,0c3.2-8.4,6.7-16.8,10.1-25.1
+			c-2.1,0.3-4.1,0.5-6.2,0.8c3.6,8.4,7.1,16.8,10.7,25.2c0.5,1.2,2.2,1.8,3.4,1.6c1.4-0.2,2.3-1.1,2.8-2.4
+			c2.2-5.7,4.4-11.4,6.6-17.1c3.5-9,6.9-18.1,10.4-27.1c0.8-2.1,1.6-4.2,2.4-6.3c0.8-2-1.2-4.4-3.3-4.3c-16.7,0.7-33.3,1.4-50,2.2
+			c-6.7,0.3-13.3,0.6-20,0.9C7.4,3.3,3.6,2.8,1.5,4.8c-2.2,2.1-1.4,4.9-1,7.6c2,11.2,3.9,22.4,5.9,33.5c1,5.9,2.1,11.9,3.2,17.8
+			c0.4,2.2,0.8,4.3,1.2,6.5c0.5,2.7,0.8,5.5,3.7,6.7c1.6,0.7,3.5,0.5,5.2,0.6c1.6,0.1,3.3,0.2,4.9,0.3c3.6,0.2,7.1,0.4,10.7,0.5
+			c5.4,0.3,10.8,0.5,16.2,0.8c0.3,0,0.6,0,0.9,0c1.8,0.1,3.4-1.6,3.4-3.4c0-1.9-1.5-3.3-3.4-3.4c-10.5-0.5-21-1-31.5-1.6
+			c-0.7,0-1.4-0.1-2.1-0.1c-0.6,0-1.5-0.3-2-0.1c-0.2,0,0.4,0.1,0.5,0.3c-0.1-0.1,0.6,0.4,0.5,0.5c0.1,0,0,0,0-0.2
+			c0-0.3-0.1-0.6-0.2-0.9c-0.3-1.8-0.7-3.5-1-5.3c-1-5.4-1.9-10.8-2.9-16.2c-2-11.5-4.1-23.1-6.1-34.6C7.3,12.4,7,10.7,6.8,9.1
+			c0-0.3-0.1-0.5-0.1-0.8C6.6,8,6.7,7.8,6.7,8.5c0,0.5-0.3,1.1-0.8,1.4c-0.1,0.1-1.2,0.1-0.6,0.2c0.9,0.1,2-0.1,2.9-0.1
+			c6.1-0.3,12.2-0.6,18.2-0.8C42.5,8.4,58.5,7.7,74.6,7c1.8-0.1,3.6-0.2,5.4-0.2c-1.1-1.4-2.2-2.8-3.3-4.3
+			c-2.2,5.7-4.4,11.4-6.6,17.1c-3.5,9-6.9,18.1-10.4,27.1c-0.8,2.1-1.6,4.2-2.4,6.3c2.1-0.3,4.1-0.5,6.2-0.8
+			C60.1,43.8,56.5,35.4,53,27c-0.5-1.2-2.2-1.8-3.4-1.6c-1.4,0.2-2.3,1.1-2.8,2.4c-3.4,8.4-6.8,16.7-10.1,25.1c2.2,0,4.3,0,6.5,0
+			C40.1,44,36.9,35.1,34,26.1c-0.6-1.7-2.3-2.9-4.2-2.4C28.1,24.2,26.9,26.2,27.4,27.9L27.4,27.9z"/>
+	</g>
+</g>
+</svg>
--- a/static/logos/logo
+++ b/static/logos/logo
@ -1 +0,0 @@
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 185.9 78.8" xml:space="preserve"><style>.st1{fill:#1d1d1b}</style><path d="M27.5 27.9c3 9 6.1 17.9 9.3 26.8 1.1 3.3 5.3 3.1 6.5 0 3.2-8.4 6.7-16.8 10.1-25.1-2.1.3-4.1.5-6.2.8 3.6 8.4 7.1 16.8 10.7 25.2.5 1.2 2.2 1.8 3.4 1.6 1.4-.2 2.3-1.1 2.8-2.4l6.6-17.1c3.5-9 6.9-18.1 10.4-27.1l2.4-6.3c.8-2-1.2-4.4-3.3-4.3-15.7.7-31.3 1.4-46.9 2.1-6.6.3-13.3.6-19.9.9-2.3.1-4.6.2-7 .3-1.8.1-3.6.2-5 1.6C0 6.3-.3 8.2.1 10.1c.6 2.9 1.7 5.8 2.6 8.6L7.8 34c3.6 10.9 7.4 21.8 11.1 32.6.6 1.8 1.2 3.6 1.8 5.3.5 1.4 1 2.8 2.1 3.9 1.8 1.8 4.6 1.5 7 1.6 7 .4 13.9.8 20.9 1.3.4 0 .9.1 1.3.1 1.8.1 3.4-1.6 3.4-3.4 0-1.9-1.5-3.3-3.4-3.4l-15-.9c-2-.1-4-.2-6-.4-1-.1-1.9-.1-2.9-.2-.3 0-1.3-.2-1.5-.1.2-.1 1.1.4 1.1.8.1-.5-.5-1.6-.7-2-.3-.8-.6-1.6-.8-2.4-3.5-10.2-7-20.4-10.4-30.6-2.9-8.7-6-17.5-8.6-26.3-.2-.4-.3-.9-.5-1.3 0-.1-.1-.3-.1-.4-.1-.4.1.3.1.3 0 .5-.3 1.1-.8 1.4-.1.1-1.2.1-.6.2 1.9.2 4.1-.2 6-.3 6.1-.3 12.2-.5 18.3-.8C44.8 8.3 59.9 7.6 75 7c1.7-.1 3.4-.1 5.1-.2C79 5.4 77.9 4 76.8 2.5l-6.6 17.1c-3.5 9-6.9 18.1-10.4 27.1L57.4 53c2.1-.3 4.1-.5 6.2-.8-3.5-8.4-7-16.8-10.6-25.2-.5-1.2-2.2-1.8-3.4-1.6-1.4.2-2.3 1.1-2.8 2.4-3.4 8.4-6.8 16.7-10.1 25.1h6.5C40.1 44 37 35.1 34 26.1c-.6-1.7-2.3-2.9-4.2-2.4-1.6.5-2.9 2.5-2.3 4.2z" fill="#00ebc7"/><path class="st1" d="M111.3 40.6c0 1.2-.7 2.3-2.6 2.3H86.8c.4 5.1 3.8 8.9 9.9 8.9 3.8 0 6.1-1.3 8.5-3.6.6-.6 1.4-1.1 2.3-1.1 1.5 0 2.9 1.1 2.9 2.9 0 .7-.4 1.4-.9 2-2.8 3.2-7.8 5.3-13 5.3-10.9 0-16.7-7.6-16.7-16.8 0-9.6 7-16.8 16.4-16.8 9.1 0 15.1 7.5 15.1 16.9zM96.1 29.2c-5.1 0-8.5 3.6-9.2 8.1h18c-.5-4.3-3.8-8.1-8.8-8.1zM123.1 57.2c-2 0-3.4-1.5-3.4-3.4V15.5c0-1.9 1.4-3.4 3.4-3.4s3.4 1.5 3.4 3.4v20.9l15.1-11.8c.6-.5 1.4-.7 2.1-.7 1.8 0 3.1 1.3 3.1 3 0 1.1-.6 1.9-1.6 2.6l-9.7 7.6 11.7 15.3c.4.6.7 1.2.7 1.9 0 1.7-1.2 3.1-3.2 3.1-1 0-1.7-.5-2.3-1.3l-11.7-15.3-4.2 3.4V54c0 1.7-1.3 3.2-3.4 3.2zM169.2 57.3c-10.2 0-16.8-7.5-16.8-16.8 0-9.2 6.6-16.8 16.8-16.8 10.2 0 16.8 7.5 16.8 16.8-.1 9.2-6.7 16.8-16.8 16.8zm0-27.7c-6.4 0-9.9 5-9.9 10.9s3.4 10.9 9.9 10.9c6.4 0 9.9-5 9.9-10.9s-3.5-10.9-9.9-10.9z"/></svg>
--- a/static/logos/logo.svg
+++ b/static/logos/logo.svg
@ -1,36 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 185.9 78.8" style="enable-background:new 0 0 185.9 78.8;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#00ebc7;}
-	.st1{fill:#00214d;}
-</style>
-<g>
-	<g>
-		<path class="st0" d="M27.5,27.9c3,9,6.1,17.9,9.3,26.8c1.1,3.3,5.3,3.1,6.5,0c3.2-8.4,6.7-16.8,10.1-25.1
-			c-2.1,0.3-4.1,0.5-6.2,0.8c3.6,8.4,7.1,16.8,10.7,25.2c0.5,1.2,2.2,1.8,3.4,1.6c1.4-0.2,2.3-1.1,2.8-2.4
-			c2.2-5.7,4.4-11.4,6.6-17.1c3.5-9,6.9-18.1,10.4-27.1c0.8-2.1,1.6-4.2,2.4-6.3c0.8-2-1.2-4.4-3.3-4.3C64.5,0.7,48.9,1.4,33.3,2.1
-			C26.7,2.4,20,2.7,13.4,3c-2.3,0.1-4.6,0.2-7,0.3c-1.8,0.1-3.6,0.2-5,1.6c-1.4,1.4-1.7,3.3-1.3,5.2c0.6,2.9,1.7,5.8,2.6,8.6
-			C4.4,23.8,6.1,28.9,7.8,34c3.6,10.9,7.4,21.8,11.1,32.6c0.6,1.8,1.2,3.6,1.8,5.3c0.5,1.4,1,2.8,2.1,3.9c1.8,1.8,4.6,1.5,7,1.6
-			c7,0.4,13.9,0.8,20.9,1.3c0.4,0,0.9,0.1,1.3,0.1c1.8,0.1,3.4-1.6,3.4-3.4c0-1.9-1.5-3.3-3.4-3.4c-5-0.3-10-0.6-15-0.9
-			c-2-0.1-4-0.2-6-0.4c-1-0.1-1.9-0.1-2.9-0.2c-0.3,0-1.3-0.2-1.5-0.1c0.2-0.1,1.1,0.4,1.1,0.8c0.1-0.5-0.5-1.6-0.7-2
-			c-0.3-0.8-0.6-1.6-0.8-2.4c-3.5-10.2-7-20.4-10.4-30.6c-2.9-8.7-6-17.5-8.6-26.3C7,9.5,6.9,9,6.7,8.6c0-0.1-0.1-0.3-0.1-0.4
-			C6.5,7.8,6.7,8.5,6.7,8.5c0,0.5-0.3,1.1-0.8,1.4c-0.1,0.1-1.2,0.1-0.6,0.2c1.9,0.2,4.1-0.2,6-0.3C17.4,9.5,23.5,9.3,29.6,9
-			C44.8,8.3,59.9,7.6,75,7c1.7-0.1,3.4-0.1,5.1-0.2c-1.1-1.4-2.2-2.8-3.3-4.3c-2.2,5.7-4.4,11.4-6.6,17.1c-3.5,9-6.9,18.1-10.4,27.1
-			c-0.8,2.1-1.6,4.2-2.4,6.3c2.1-0.3,4.1-0.5,6.2-0.8C60.1,43.8,56.6,35.4,53,27c-0.5-1.2-2.2-1.8-3.4-1.6c-1.4,0.2-2.3,1.1-2.8,2.4
-			c-3.4,8.4-6.8,16.7-10.1,25.1c2.2,0,4.3,0,6.5,0C40.1,44,37,35.1,34,26.1c-0.6-1.7-2.3-2.9-4.2-2.4C28.2,24.2,26.9,26.2,27.5,27.9
-			L27.5,27.9z"/>
-	</g>
-</g>
-<path class="st1" d="M111.3,40.6c0,1.2-0.7,2.3-2.6,2.3H86.8c0.4,5.1,3.8,8.9,9.9,8.9c3.8,0,6.1-1.3,8.5-3.6
-	c0.6-0.6,1.4-1.1,2.3-1.1c1.5,0,2.9,1.1,2.9,2.9c0,0.7-0.4,1.4-0.9,2c-2.8,3.2-7.8,5.3-13,5.3c-10.9,0-16.7-7.6-16.7-16.8
-	c0-9.6,7-16.8,16.4-16.8C105.3,23.7,111.3,31.2,111.3,40.6z M96.1,29.2c-5.1,0-8.5,3.6-9.2,8.1h18C104.4,33,101.1,29.2,96.1,29.2z"
-	/>
-<path class="st1" d="M123.1,57.2c-2,0-3.4-1.5-3.4-3.4V15.5c0-1.9,1.4-3.4,3.4-3.4c2,0,3.4,1.5,3.4,3.4v20.9l15.1-11.8
-	c0.6-0.5,1.4-0.7,2.1-0.7c1.8,0,3.1,1.3,3.1,3c0,1.1-0.6,1.9-1.6,2.6l-9.7,7.6l11.7,15.3c0.4,0.6,0.7,1.2,0.7,1.9
-	c0,1.7-1.2,3.1-3.2,3.1c-1,0-1.7-0.5-2.3-1.3l-11.7-15.3l-4.2,3.4v9.8C126.5,55.7,125.2,57.2,123.1,57.2z"/>
-<path class="st1" d="M169.2,57.3c-10.2,0-16.8-7.5-16.8-16.8c0-9.2,6.6-16.8,16.8-16.8c10.2,0,16.8,7.5,16.8,16.8
-	C185.9,49.7,179.3,57.3,169.2,57.3z M169.2,29.6c-6.4,0-9.9,5-9.9,10.9c0,5.9,3.4,10.9,9.9,10.9c6.4,0,9.9-5,9.9-10.9
-	C179.1,34.6,175.6,29.6,169.2,29.6z"/>
-</svg>
--- a/static/logos/weko-noir.svg
+++ b/static/logos/weko-noir.svg
@ -3,8 +3,7 @@
 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 185.9 79.1" style="enable-background:new 0 0 185.9 79.1;" xml:space="preserve">
 <style type="text/css">
-	.st0{fill:#00EBC7;}
-	.st1{fill:#00214d;}
+	.st0{fill:#2FAC66;}
 </style>
 <g>
 	<g>
@ -23,13 +22,13 @@
 			C40.1,44,36.9,35.1,34,26.1c-0.6-1.7-2.3-2.9-4.2-2.4C28.1,24.2,26.9,26.2,27.4,27.9L27.4,27.9z"/>
 	</g>
 </g>
-<path class="st1" d="M111.3,40.6c0,1.2-0.7,2.3-2.6,2.3H86.7c0.4,5.1,3.8,8.9,9.9,8.9c3.8,0,6.1-1.3,8.5-3.6c0.6-0.6,1.4-1.1,2.3-1.1
+<path d="M111.3,40.6c0,1.2-0.7,2.3-2.6,2.3H86.7c0.4,5.1,3.8,8.9,9.9,8.9c3.8,0,6.1-1.3,8.5-3.6c0.6-0.6,1.4-1.1,2.3-1.1
 	c1.5,0,2.9,1.1,2.9,2.9c0,0.7-0.4,1.4-0.9,2c-2.8,3.2-7.8,5.3-13,5.3c-10.9,0-16.7-7.6-16.7-16.8c0-9.6,7-16.8,16.4-16.8
 	C105.3,23.7,111.3,31.2,111.3,40.6z M96.1,29.2c-5.1,0-8.5,3.6-9.2,8.1h18C104.3,33,101,29.2,96.1,29.2z"/>
-<path class="st1" d="M123.1,57.2c-2,0-3.4-1.5-3.4-3.4V15.5c0-1.9,1.4-3.4,3.4-3.4c2,0,3.4,1.5,3.4,3.4v20.9l15.1-11.8c0.6-0.5,1.4-0.7,2.1-0.7
+<path d="M123.1,57.2c-2,0-3.4-1.5-3.4-3.4V15.5c0-1.9,1.4-3.4,3.4-3.4c2,0,3.4,1.5,3.4,3.4v20.9l15.1-11.8c0.6-0.5,1.4-0.7,2.1-0.7
 	c1.8,0,3.1,1.3,3.1,3c0,1.1-0.6,1.9-1.6,2.6l-9.7,7.6l11.7,15.3c0.4,0.6,0.7,1.2,0.7,1.9c0,1.7-1.2,3.1-3.2,3.1
 	c-1,0-1.7-0.5-2.3-1.3l-11.7-15.3l-4.2,3.4v9.8C126.5,55.7,125.1,57.2,123.1,57.2z"/>
-<path class="st1" d="M169.1,57.3c-10.2,0-16.8-7.5-16.8-16.8c0-9.2,6.6-16.8,16.8-16.8c10.2,0,16.8,7.5,16.8,16.8
+<path d="M169.1,57.3c-10.2,0-16.8-7.5-16.8-16.8c0-9.2,6.6-16.8,16.8-16.8c10.2,0,16.8,7.5,16.8,16.8
 	C185.9,49.7,179.3,57.3,169.1,57.3z M169.1,29.6c-6.4,0-9.9,5-9.9,10.9c0,5.9,3.4,10.9,9.9,10.9c6.4,0,9.9-5,9.9-10.9
 	C179,34.6,175.6,29.6,169.1,29.6z"/>
 </svg>
--- a/static/loupe.svg
+++ b/static/loupe.svg
@ -0,0 +1 @@
+<svg height="512pt" viewBox="0 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m378.871094 374.449219c-3.855469 3.953125-7.835938 7.785156-11.941406 11.480469-3.695313 4.105468-7.527344 8.085937-11.480469 11.941406l95.339843 95.339844c5.859376 5.859374 13.53125 8.789062 21.210938 8.789062 3.199219 0 6.398438-.515625 9.464844-1.535156 3.460937-10.429688 1.046875-22.378906-7.253906-30.675782zm0 0" fill="#4dbbeb"/><path d="m354.21875 396.640625c4.636719-3.648437 9.125-7.472656 13.492188-11.429687 3.957031-4.367188 7.78125-8.855469 11.429687-13.492188l-41.199219-41.199219c-4.042968 4.269531-8.277344 8.347657-12.691406 12.230469-3.878906 4.414062-7.960938 8.648438-12.230469 12.691406zm0 0" fill="#fff5cd"/><path d="m226 11.785156c-92.511719 12.71875-164 92.265625-164 188.214844 0 95.960938 71.503906 175.515625 164.027344 188.21875 31.578125-4.347656 60.710937-16.480469 85.382812-34.398438 16.269532-11.808593 30.601563-26.140624 42.410156-42.410156 22.75-31.320312 36.179688-69.832031 36.179688-111.410156 0-95.949219-71.488281-175.496094-164-188.214844zm0 0" fill="#4dbbeb"/><path d="m200 50c82.710938 0 150 67.289062 150 150s-67.289062 150-150 150-150-67.289062-150-150 67.289062-150 150-150zm0 0" fill="#fff"/><path d="m225 52.09375c-70.851562 11.9375-125 73.714844-125 147.90625s54.148438 135.96875 125 147.90625c70.851562-11.9375 125-73.714844 125-147.90625s-54.148438-135.96875-125-147.90625zm0 0" fill="#bee7f4"/><path d="m500.28125 443.71875-133.480469-133.480469c21.746094-32.753906 33.199219-70.683593 33.199219-110.238281 0-110.28125-89.71875-200-200-200s-200 89.71875-200 200 89.71875 200 200 200c39.554688 0 77.484375-11.453125 110.238281-33.199219l36.894531 36.894531c.007813.007813.011719.011719.015626.019532l96.570312 96.566406c7.558594 7.558594 17.601562 11.71875 28.28125 11.71875s20.722656-4.160156 28.277344-11.714844c7.558594-7.554687 11.722656-17.597656 11.722656-28.285156s-4.164062-20.730469-11.71875-28.28125zm-173.765625-88.925781c10.351563-8.46875 19.8125-17.929688 28.277344-28.277344l28.371093 28.371094c-8.628906 10.183593-18.09375 19.648437-28.277343 28.277343zm-306.515625-154.792969c0-99.253906 80.746094-180 180-180s180 80.746094 180 180c0 38.175781-11.851562 74.667969-34.273438 105.535156-11.214843 15.453125-24.738281 28.976563-40.191406 40.191406v.003907c-30.867187 22.417969-67.359375 34.269531-105.535156 34.269531-99.253906 0-180-80.746094-180-180zm466.140625 286.140625c-3.78125 3.777344-8.800781 5.859375-14.140625 5.859375s-10.359375-2.082031-14.140625-5.859375l-88.792969-88.796875c10.125-8.691406 19.585938-18.148438 28.277344-28.277344l88.796875 88.796875c3.777344 3.777344 5.859375 8.792969 5.859375 14.136719s-2.082031 10.359375-5.859375 14.140625zm0 0"/><path d="m360 200c0-88.226562-71.773438-160-160-160s-160 71.773438-160 160 71.773438 160 160 160 160-71.773438 160-160zm-160 140c-77.195312 0-140-62.804688-140-140s62.804688-140 140-140 140 62.804688 140 140-62.804688 140-140 140zm0 0"/><path d="m306.316406 169.996094c5.15625-1.980469 7.730469-7.765625 5.75-12.921875-8.613281-22.414063-23.605468-41.574219-43.363281-55.414063-20.222656-14.171875-43.980469-21.660156-68.703125-21.660156-5.523438 0-10 4.476562-10 10s4.476562 10 10 10c41.097656 0 78.632812 25.816406 93.394531 64.246094 1.53125 3.976562 5.320313 6.417968 9.339844 6.417968 1.191406 0 2.402344-.214843 3.582031-.667968zm0 0"/><path d="m310 190c-5.519531 0-10 4.480469-10 10s4.480469 10 10 10 10-4.480469 10-10-4.480469-10-10-10zm0 0"/></svg>
--- a/static/pictos/bulles-min.svg
+++ b/static/pictos/bulles-min.svg
@ -1 +0,0 @@
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 110.4 93.3" xml:space="preserve"><style>.st1{fill:none;stroke:#00214d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.st3{fill:#ff5470}.st4{fill:#00214d}</style><path d="M84.7 54.8h4.5c3 0 5.5-2.5 5.5-5.5V18.1c0-3-2.5-5.5-5.5-5.5h-7.1V1l-14 11.6H40.9c-3 0-5.5 2.5-5.5 5.5v19.8" fill="#00ebc7" stroke="#00214d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/><path class="st1" d="M81.9 22.8H48.2M81.9 30.7H48.2"/><path d="M51.4 80.7h27.3c3 0 5.5-2.5 5.5-5.5V44c0-3-2.5-5.5-5.5-5.5H30.3c-3 0-5.5 2.5-5.5 5.5v31.2c0 3 2.5 5.5 5.5 5.5h7.1v11.6l14-11.6z" fill="#fde24f" stroke="#00214d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/><circle class="st1" cx="17.8" cy="26.9" r="4.5"/><circle class="st1" cx="100.9" cy="65.6" r="4.5"/><circle class="st3" cx="107.3" cy="53.3" r="3.1"/><circle class="st3" cx="15.1" cy="40.5" r="2.6"/><circle class="st4" cx="95.2" cy="4.9" r="1.5"/><circle class="st4" cx="1.5" cy="30.5" r="1.5"/><circle class="st4" cx="15" cy="73.4" r="1.5"/><g><path class="st1" d="M71.7 68.1H37.9M71.7 52.1H37.9M71.7 60.1H37.9"/></g></svg>
--- a/static/pictos/bulles.svg
+++ b/static/pictos/bulles.svg
@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 110.4 93.3" style="enable-background:new 0 0 110.4 93.3;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#00EBC7;stroke:#00214D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-	.st1{fill:none;stroke:#00214D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-	.st2{fill:#FDE24F;stroke:#00214D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-	.st3{fill:#FF5470;}
-	.st4{fill:#00214D;}
-</style>
-<path class="st0" d="M84.7,54.8h4.5c3,0,5.5-2.5,5.5-5.5V18.1c0-3-2.5-5.5-5.5-5.5h-7.1V1l-14,11.6H40.9c-3,0-5.5,2.5-5.5,5.5v19.8"
-	/>
-<g>
-	<line class="st1" x1="81.9" y1="22.8" x2="48.2" y2="22.8"/>
-	<line class="st1" x1="81.9" y1="30.7" x2="48.2" y2="30.7"/>
-</g>
-<path class="st2" d="M51.4,80.7h27.3c3,0,5.5-2.5,5.5-5.5V44c0-3-2.5-5.5-5.5-5.5H30.3c-3,0-5.5,2.5-5.5,5.5v31.2
-	c0,3,2.5,5.5,5.5,5.5h7.1v11.6L51.4,80.7z"/>
-<circle class="st1" cx="17.8" cy="26.9" r="4.5"/>
-<circle class="st1" cx="100.9" cy="65.6" r="4.5"/>
-<circle class="st3" cx="107.3" cy="53.3" r="3.1"/>
-<circle class="st3" cx="15.1" cy="40.5" r="2.6"/>
-<circle class="st4" cx="95.2" cy="4.9" r="1.5"/>
-<circle class="st4" cx="1.5" cy="30.5" r="1.5"/>
-<circle class="st4" cx="15" cy="73.4" r="1.5"/>
-<g>
-	<line class="st1" x1="71.7" y1="68.1" x2="37.9" y2="68.1"/>
-	<line class="st1" x1="71.7" y1="52.1" x2="37.9" y2="52.1"/>
-	<line class="st1" x1="71.7" y1="60.1" x2="37.9" y2="60.1"/>
-</g>
-</svg>
--- a/static/pictos/cadre.svg
+++ b/static/pictos/cadre.svg
@ -1 +0,0 @@
-<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 243.07 120.66"><defs><style>.cls-1{fill:none;stroke:#27eac7;stroke-linecap:round;stroke-linejoin:round;stroke-width:8px;}</style></defs><path id="Tracé_18" data-name="Tracé 18" class="cls-1" d="M152,116.66,4,89.31V4H239.07V56.6"/></svg>
--- a/static/pictos/loupe-min.svg
+++ b/static/pictos/loupe-min.svg
@ -1 +0,0 @@
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 94.6 93.2" xml:space="preserve"><style>.st2{fill:#00ebc7;stroke:#00214d;stroke-width:2;stroke-miterlimit:10}.st2,.st3{stroke-linecap:round;stroke-linejoin:round}.st3,.st5{fill:none;stroke:#00214d;stroke-width:2;stroke-miterlimit:10}</style><circle cx="31.6" cy="31.6" r="30.6" fill="#ff5470" stroke="#00214d" stroke-width="2" stroke-miterlimit="10"/><circle cx="31.6" cy="31.6" r="24" fill="#fff" stroke="#00214d" stroke-width="2" stroke-miterlimit="10"/><path class="st2" d="M36.7 14.8c-1.9 2.2-3.6 4.4-4.9 6.9-1.2 2.4-1.9 5.1-1.5 7.6.1.6.6 3.5 3.9 3.5 3 0 4.1-1.1 4.6-1.5 2.5-2.1 3.1-5.1 2.3-8.2-.8-2.7-4.4-8.3-4.4-8.3zM16.1 36.3s7.3-5.6 12.8-1.2c1.9 1.4 2.9 4.7-1 6.3-.7.3-1.5.4-2.3.4-5.1-.2-9.5-5.5-9.5-5.5z"/><path class="st3" d="M35.5 22.4s-4.1 13.3 2 24.3M22.8 37.2s7.1.1 12.2 3.7"/><path d="M91.6 90.1h0c-2.7 2.7-7.1 2.8-9.9 0l-26-25.8c-1.2-1.1-1.2-3 0-4.2l5.7-5.7c1.1-1.2 3-1.2 4.2 0l26 25.8c2.7 2.7 2.7 7.2 0 9.9z" fill="#fde24f" stroke="#00214d" stroke-width="2" stroke-miterlimit="10"/><path class="st5" d="M56 59.8l-4.4-4.4M61.1 54.7l-4.4-4.3"/><path class="st3" d="M86.7 83.4l-5.5 5.9"/></svg>
--- a/static/pictos/loupe.svg
+++ b/static/pictos/loupe.svg
@ -1,28 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 94.6 93.2" style="enable-background:new 0 0 94.6 93.2;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#FF5470;stroke:#00214D;stroke-width:2;stroke-miterlimit:10;}
-	.st1{fill:#FFFFFF;stroke:#00214D;stroke-width:2;stroke-miterlimit:10;}
-	.st2{fill:#00EBC7;stroke:#00214D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-	.st3{fill:none;stroke:#00214D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-	.st4{fill:#FDE24F;stroke:#00214D;stroke-width:2;stroke-miterlimit:10;}
-	.st5{fill:none;stroke:#00214D;stroke-width:2;stroke-miterlimit:10;}
-</style>
-<circle class="st0" cx="31.6" cy="31.6" r="30.6"/>
-<circle class="st1" cx="31.6" cy="31.6" r="24"/>
-<path class="st2" d="M36.7,14.8c-1.9,2.2-3.6,4.4-4.9,6.9c-1.2,2.4-1.9,5.1-1.5,7.6c0.1,0.6,0.6,3.5,3.9,3.5c3,0,4.1-1.1,4.6-1.5
-	c2.5-2.1,3.1-5.1,2.3-8.2C40.3,20.4,36.7,14.8,36.7,14.8z"/>
-<path class="st2" d="M16.1,36.3c0,0,7.3-5.6,12.8-1.2c1.9,1.4,2.9,4.7-1,6.3c-0.7,0.3-1.5,0.4-2.3,0.4
-	C20.5,41.6,16.1,36.3,16.1,36.3z"/>
-<path class="st3" d="M35.5,22.4c0,0-4.1,13.3,2,24.3"/>
-<path class="st3" d="M22.8,37.2c0,0,7.1,0.1,12.2,3.7"/>
-<path class="st4" d="M91.6,90.1L91.6,90.1c-2.7,2.7-7.1,2.8-9.9,0l-26-25.8c-1.2-1.1-1.2-3,0-4.2l5.7-5.7c1.1-1.2,3-1.2,4.2,0
-	l26,25.8C94.3,82.9,94.3,87.4,91.6,90.1z"/>
-<g>
-	<line class="st5" x1="56" y1="59.8" x2="51.6" y2="55.4"/>
-	<line class="st5" x1="61.1" y1="54.7" x2="56.7" y2="50.4"/>
-</g>
-<line class="st3" x1="86.7" y1="83.4" x2="81.2" y2="89.3"/>
-</svg>
--- a/static/pictos/lune.svg
+++ b/static/pictos/lune.svg
@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 64.6 93" style="enable-background:new 0 0 64.6 93;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#00EBC7;stroke:#00214D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-	.st1{fill:none;stroke:#00214D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-</style>
-<path class="st0" d="M29.4,46.5c0,19.1-11.8,35.4-28.4,42.2C6.3,90.8,12,92,18.1,92c25.1,0,45.5-20.4,45.5-45.5
-	C63.6,21.4,43.2,1,18.1,1C12,1,6.3,2.2,1,4.3C17.7,11.1,29.4,27.4,29.4,46.5z"/>
-<path class="st1" d="M48,34.5c-0.8,1.9-2.7,3.2-4.8,3.2c-2.2,0-4-1.3-4.8-3.2"/>
-<g>
-	<path class="st1" d="M25.1,67.2c3,0,3,2.3,6,2.3s3-2.3,6-2.3"/>
-</g>
-</svg>
--- a/static/pictos/simon-min.svg
+++ b/static/pictos/simon-min.svg
@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><circle fill="#FFF" stroke="#000" stroke-width="2.978" stroke-miterlimit="10" cx="200" cy="200" r="198.5"/><path fill="none" stroke="#000" stroke-width="3.383" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M100.2 371c2.9-9.3 4.4-14 7.9-23.3l2.2-5.7 33.5 13.1-2 5.2M293.9 374.7c-1-9.6-1.2-12.9-2.7-22.6l-1.1-6-37 6.4.9 5.4c1.8 11.7 2.8 17.8 3.9 29.8"/><path d="M284.3 314.2c-2.5-8.1-5.8-16.5-9.4-22.9-1.7-3.2-3.6-6-5-7.9-.7-1-1.4-1.7-1.7-2.2-.4-.5-.6-.8-.6-.8-2.5-2.9-5.7-5.4-9.5-6.8-1.1-.4-5.6-2.8-6.5-2.1-17.7 13-35.2 16.9-50.5 16.6v-.1h-2.8v.1c-15.4.3-32.9-3.6-50.5-16.6-.9-.7-5.4 1.7-6.5 2.1-3.8 1.5-7 3.9-9.5 6.8 0 0-.2.3-.6.8-.4.5-1.1 1.3-1.7 2.2-1.4 1.9-3.3 4.7-5 7.9-3.6 6.5-6.9 14.8-9.4 22.9-2.5 8.1-4.4 16.2-5.6 22.1-1.2 6-1.9 9.9-1.9 9.9l22 4.7v33.4c22.4 8.8 46.8 13.6 72.3 13.6 24 0 47-4.7 68.3-12.5V351l22-4.7s-.7-4-1.9-9.9c-1.6-6-3.5-14-6-22.2z"/><g><path fill="none" stroke="#000" stroke-width="2.916" stroke-miterlimit="10" d="M147.3 272.8l27.5-2.9 1-8.3c-30.5-4.8-53.8-29.2-53.8-58.5v-25.9s.8-96.2 57.3-96.2h41.4c56.4 0 57.3 96.3 57.3 96.3v25.8c0 29.4-23.3 53.8-53.9 58.5l1 8.3 27 3"/><path d="M120.6 199.2s-3.5-11.4-5.5-17.3-2.3-39.8-2.3-46.2c0-6.3 0-28.8 3.5-33.1 0 0-2-9.8-2-13.3 0 0-7.4-12.6-10.8-20.2 0 0 10.8 7.4 14.4 8.4 0 0-7.1-10.5-9.7-15.3 0 0 9.7 9.2 12.9 11.1 0 0-2.6-5.8-2.4-8.7 0 0 5 9.5 13.7 13.9 0 0-2.1-8.9-7.9-15.5 0 0 5.2-1.3 6.8 1.3 0 0-.8-10.8-5-16.3 0 0 8.7-2.1 14.2 2.6 0 0-10.2-8.4-16-10.8 0 0 11.3-.5 18.1 6.3 0 0-7.4-8.4 1.3-11.3 0 0-2.1 5 4.2 6.3 0 0-5.2-8.4 2.4-15.8 0 0-3.7 10 4.7 16.3 0 0-1.6-7.9 8.1-12.4 0 0-4.7 5.8-3.4 12.9 0 0 2.1-10.8 10.5-12.4 0 0-6.8 6.8-5.5 14.7 0 0 9.5-12.6.3-25.8 0 0 10.8.8 14.7 7.6 0 0 1.6-5.8 3.2-6.3 0 0 2.1 5 4.7 6.6 0 0 1.3-2.1 0-5 0 0 3.7 3.2 3.7 5.5 0 0 6.6-1.9 8.7 1.8 2.1 3.7 11 7.4 19.5 7.9 0 0-10.2-12.1-24.2-12.1 0 0 7.6-4.2 21 4.5 0 0-4.7-6-7.4-7.6 0 0 11 .5 22.3 15 0 0 2.3-3.2-2.4-7.1 0 0 11.3 3.9 18.4 14.4 0 0-5-9.2-10-12.1 0 0 20.8 7.6 17.1 16.3 0 0 2.9 4.2 6 6.3 3.2 2.1 18.7 14.2 19.7 20.8 1.1 6.6 2.9 6.6 4.7 6.3 0 0 2.9-1.4 3.7-4.2 0 0 .5 5-3.7 7.1 0 0-1 6.1 5.6 7.1 0 0 3.9 1.6 4.2 3.9 0 0-5.3-1.6-9.5-1.3 0 0 4.7 7.4 9.7 11.3 0 0 5.8 3.4-2.9 19.5 0 0-2.1 12.3-1.8 17.9.3 5.5 0 17.6 0 23.9 0 6.3.3 10.2-4 18.7-4.2 8.4-7.9 11.8-8.1 15.5-.3 3.7.5 11.8-.3 12.6 0 0-2.9-.8-2.9-6.6s0-18.9-.8-24.5c-.8-5.5-2.4-14.7-5.5-21-3.2-6.3-5.8-23.9-5.8-27.9s-2.9-12.6-2.9-15c0-2.4-.3-3.7-3.2-.5-2.9 3.2-27.4 4.5-40.5 2.1-13.1-2.4-16.8 8.1-29.5 4.5-12.6-3.7-17.3.8-23.4 1.6-6.1.8-8.7 4.2-12.6 7.6-3.9 3.4-2.6 9.2-9.4 12.9-6.9 3.7-10.5 3.7-10.3 12.4.3 8.7 0 17.3-3.4 19.5-3.4 2.1-5.5 9.7-6 13.9-.2 4.5 1.2 8.9-1 6.8z"/><path d="M241.6 173.2c-5.4 0-9.8 4.4-9.8 9.8s4.4 9.8 9.8 9.8 9.8-4.4 9.8-9.8c-.1-5.4-4.4-9.8-9.8-9.8zm-1.9 8.8c-1.6 0-2.9-1.3-2.9-2.9 0-1.6 1.3-2.9 2.9-2.9 1.6 0 2.9 1.3 2.9 2.9.1 1.5-1.3 2.9-2.9 2.9zM160.5 173.2c-5.4 0-9.8 4.4-9.8 9.8s4.4 9.8 9.8 9.8 9.8-4.4 9.8-9.8c-.1-5.4-4.5-9.8-9.8-9.8zm-1.9 8.8c-1.6 0-2.9-1.3-2.9-2.9 0-1.6 1.3-2.9 2.9-2.9s2.9 1.3 2.9 2.9c0 1.5-1.3 2.9-2.9 2.9zM206.9 190c0 1.5-1.2 2.6-2.6 2.6h-6.1c-1.5 0-2.6-1.2-2.6-2.6 0-1.5 1.2-2.6 2.6-2.6h6.1c1.5 0 2.6 1.1 2.6 2.6z"/><path stroke="#000" stroke-width="1.016" stroke-miterlimit="10" d="M202.2 225.8c-14.6 0-25.6-8-25.7-8.2-.6-.5-.7-1.3-.3-2 .5-.6 1.3-.7 2-.3.9.7 23.4 17 46.1 0 .6-.5 1.5-.3 2 .3s.3 1.5-.3 2c-8.2 6.1-16.4 8.2-23.8 8.2z"/><path d="M201.3 197.7s-22.2 5-38.9 6.5c44 24.5 77 0 77 0s-26.8-2.4-38.1-6.5z"/><path d="M239.4 204.2c-7 30.6-37.9 29.2-38.5 29.2-.6 0-31.5 1.4-38.5-29.2 0 0-27.3 6.3-40.3 2.3 5.6 26.9 20.1 52 55.9 54.9 7.9 2.8 22.6 2.1 22.9 2.1.3 0 15 .7 22.9-2.1 38.1-5.3 49.3-30.4 54.2-54.8-13.1 4-38.6-2.4-38.6-2.4z"/></g></svg>
--- a/static/pictos/site-min.svg
+++ b/static/pictos/site-min.svg
@ -1 +0,0 @@
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 157 93" xml:space="preserve"><style>.st0,.st1{fill:none;stroke:#00214d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.st1{fill:#00ebc7}</style><path class="st0" d="M128.6 41.6l-12.3-5.3c-.3-.1-.5-.2-.7-.4l-7.7-5.1c-.5-.3-1-.5-1.6-.7-1.1-.2-2-.4-3.7 1.1-2.1 2.5-.9 4.6.1 5.6.8.9 9 6.7 10.6 7.9l8.8 4.4c.1.1.2.1.3.2.7.4 3.1 2.1 4.6 4.9 1.7 3 4.3 8.4 16.4 11.9"/><path class="st0" d="M103.2 37.8l-1.9 3c-.2.4-.4.8-.4 1.2 0 .7.3 1.7 1.5 2.4.8.5 1.4.7 1.9.7.7.1 1.4-.3 1.9-.8l2.3-3M108.4 41.6l-4 5.2c-.2.4-2.3 3.1.8 5 2.2 1.4 3.7-.9 4.2-1.5l4-5.3M109.4 50.4l.7 4.2s.6 2.8 3.8 2.2c3.2-.7 2.5-3.3 2.5-3.3l-1.2-7.5M130.9 25.3l-4.5-2.7c-.7-.4-1.5-.6-2.3-.4l-8.7 1.3c-.5.1-1 .3-1.5.6l-6.8 4.8s-2.8 2.3-4.9.6c-.6-.5-1-1.3-1-2.1 0-.3-.1-.6-.1-.9 0-1 .4-1.9 1.2-2.6l6-5.3c.3-.3.7-.5 1.2-.7l13.9-4.8c.9-.3 1.9-.2 2.7.2l18.6 9.7"/><path class="st0" d="M114.2 34.9s33.6-5.7 40.2-6.9c2.2-4.2-1.1-6.3-1.1-6.3l-63.8 11-5.2 4.1 6.3 1.8 11.6-2M149.2 29.1l6.8 20.2"/><path class="st0" d="M121.6 56.9v28.3c0 3.7-3.1 6.8-6.8 6.8H7.8C4.1 92 1 89 1 85.2V7.8C1 4.1 4.1 1 7.8 1h107c3.7 0 6.8 3.1 6.8 6.8M99.7 19.5H1M93.5 60.9H59.6M79.3 36.9H59.6M93.5 44.9H59.6M93.5 52.9H59.6"/><circle class="st1" cx="14.7" cy="10.4" r="4.2"/><path class="st1" d="M10.4 29.4h39.1v44.1H10.4z"/><path fill="#ff5470" stroke="#00214d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M58.2 70h35.6v21.9H58.2z"/><path fill="#fde24f" stroke="#00214d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.5 58.8l-8.1-6.7-6.2 4.8-9.4-12L10.4 56v17.6h39.1V60z"/></svg>
--- a/static/pictos/site.svg
+++ b/static/pictos/site.svg
@ -1,34 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 157 93" style="enable-background:new 0 0 157 93;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;stroke:#00214D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-	.st1{fill:#00EBC7;stroke:#00214D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-	.st2{fill:#FF5470;stroke:#00214D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-	.st3{fill:#FDE24F;stroke:#00214D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-</style>
-<path class="st0" d="M128.6,41.6l-12.3-5.3c-0.3-0.1-0.5-0.2-0.7-0.4l-7.7-5.1c-0.5-0.3-1-0.5-1.6-0.7c-1.1-0.2-2-0.4-3.7,1.1
-	c-2.1,2.5-0.9,4.6,0.1,5.6c0.8,0.9,9,6.7,10.6,7.9c0.2,0.1,8.8,4.4,8.8,4.4c0.1,0.1,0.2,0.1,0.3,0.2c0.7,0.4,3.1,2.1,4.6,4.9
-	c1.7,3,4.3,8.4,16.4,11.9"/>
-<path class="st0" d="M103.2,37.8l-1.9,3c-0.2,0.4-0.4,0.8-0.4,1.2c0,0.7,0.3,1.7,1.5,2.4c0.8,0.5,1.4,0.7,1.9,0.7
-	c0.7,0.1,1.4-0.3,1.9-0.8l2.3-3"/>
-<path class="st0" d="M108.4,41.6l-4,5.2c-0.2,0.4-2.3,3.1,0.8,5c2.2,1.4,3.7-0.9,4.2-1.5l4-5.3"/>
-<path class="st0" d="M109.4,50.4l0.7,4.2c0,0,0.6,2.8,3.8,2.2c3.2-0.7,2.5-3.3,2.5-3.3l-1.2-7.5"/>
-<path class="st0" d="M130.9,25.3l-4.5-2.7c-0.7-0.4-1.5-0.6-2.3-0.4l-8.7,1.3c-0.5,0.1-1,0.3-1.5,0.6l-6.8,4.8c0,0-2.8,2.3-4.9,0.6
-	c-0.6-0.5-1-1.3-1-2.1c0-0.3-0.1-0.6-0.1-0.9c0-1,0.4-1.9,1.2-2.6l6-5.3c0.3-0.3,0.7-0.5,1.2-0.7l13.9-4.8c0.9-0.3,1.9-0.2,2.7,0.2
-	l18.6,9.7"/>
-<path class="st0" d="M114.2,34.9c0,0,33.6-5.7,40.2-6.9c2.2-4.2-1.1-6.3-1.1-6.3L89.5,32.7l-5.2,4.1l6.3,1.8l11.6-2"/>
-<line class="st0" x1="149.2" y1="29.1" x2="156" y2="49.3"/>
-<path class="st0" d="M121.6,56.9v28.3c0,3.7-3.1,6.8-6.8,6.8H7.8C4.1,92,1,89,1,85.2V7.8C1,4.1,4.1,1,7.8,1h107
-	c3.7,0,6.8,3.1,6.8,6.8"/>
-<line class="st0" x1="99.7" y1="19.5" x2="1" y2="19.5"/>
-<line class="st0" x1="93.5" y1="60.9" x2="59.6" y2="60.9"/>
-<line class="st0" x1="79.3" y1="36.9" x2="59.6" y2="36.9"/>
-<line class="st0" x1="93.5" y1="44.9" x2="59.6" y2="44.9"/>
-<line class="st0" x1="93.5" y1="52.9" x2="59.6" y2="52.9"/>
-<circle class="st1" cx="14.7" cy="10.4" r="4.2"/>
-<rect x="10.4" y="29.4" class="st1" width="39.1" height="44.1"/>
-<rect x="58.2" y="70" class="st2" width="35.6" height="21.9"/>
-<polygon class="st3" points="49.5,58.8 41.4,52.1 35.2,56.9 25.8,44.9 10.4,56 10.4,73.6 49.5,73.6 49.5,60 "/>
-</svg>
--- a/static/pictos/soleil-min.svg
+++ b/static/pictos/soleil-min.svg
@ -1 +0,0 @@
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 93.1 93.1" xml:space="preserve"><style>.st3{fill:none;stroke:#00214d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style><path d="M1 46.6c0-2.8 7-4.9 7.5-7.6.5-2.7-5.1-7.3-4.1-9.9 1.1-2.6 8.3-1.8 9.9-4.1 1.5-2.3-1.9-8.7 0-10.7 1.9-1.9 8.4 1.5 10.7 0 2.3-1.5 1.5-8.8 4.1-9.9 2.5-1 7.1 4.6 9.9 4.1C41.6 8 43.7 1 46.6 1c2.8 0 4.9 7 7.6 7.5 2.7.5 7.3-5.1 9.9-4.1 2.6 1.1 1.8 8.3 4.1 9.9 2.3 1.5 8.7-1.9 10.7 0 1.9 1.9-1.5 8.4 0 10.7 1.5 2.3 8.8 1.5 9.9 4.1 1 2.5-4.6 7.1-4.1 9.9.5 2.7 7.5 4.8 7.5 7.6s-7 4.9-7.5 7.6c-.5 2.7 5.1 7.3 4.1 9.9-1.1 2.6-8.3 1.8-9.9 4.1-1.5 2.3 1.9 8.7 0 10.7-1.9 1.9-8.4-1.5-10.7 0-2.3 1.5-1.5 8.8-4.1 9.9-2.5 1-7.1-4.6-9.9-4.1-2.7.5-4.8 7.5-7.6 7.5s-4.9-7-7.6-7.5c-2.7-.5-7.3 5.1-9.9 4.1-2.6-1.1-1.8-8.3-4.1-9.9-2.3-1.5-8.7 1.9-10.7 0-1.9-1.9 1.5-8.4 0-10.7-1.5-2.3-8.8-1.5-9.9-4.1-1-2.5 4.6-7.1 4.1-9.9C8 51.5 1 49.4 1 46.6z" fill="#00ebc7"/><path d="M1 46.6c0-2.8 7-4.9 7.5-7.6.5-2.7-5.1-7.3-4.1-9.9 1.1-2.6 8.3-1.8 9.9-4.1 1.5-2.3-1.9-8.7 0-10.7 1.9-1.9 8.4 1.5 10.7 0 2.3-1.5 1.5-8.8 4.1-9.9 2.5-1 7.1 4.6 9.9 4.1C41.6 8 43.7 1 46.6 1c2.8 0 4.9 7 7.6 7.5 2.7.5 7.3-5.1 9.9-4.1 2.6 1.1 1.8 8.3 4.1 9.9 2.3 1.5 8.7-1.9 10.7 0 1.9 1.9-1.5 8.4 0 10.7 1.5 2.3 8.8 1.5 9.9 4.1 1 2.5-4.6 7.1-4.1 9.9.5 2.7 7.5 4.8 7.5 7.6s-7 4.9-7.5 7.6c-.5 2.7 5.1 7.3 4.1 9.9-1.1 2.6-8.3 1.8-9.9 4.1-1.5 2.3 1.9 8.7 0 10.7-1.9 1.9-8.4-1.5-10.7 0-2.3 1.5-1.5 8.8-4.1 9.9-2.5 1-7.1-4.6-9.9-4.1-2.7.5-4.8 7.5-7.6 7.5s-4.9-7-7.6-7.5c-2.7-.5-7.3 5.1-9.9 4.1-2.6-1.1-1.8-8.3-4.1-9.9-2.3-1.5-8.7 1.9-10.7 0-1.9-1.9 1.5-8.4 0-10.7-1.5-2.3-8.8-1.5-9.9-4.1-1-2.5 4.6-7.1 4.1-9.9C8 51.5 1 49.4 1 46.6z" fill="none" stroke="#00214d" stroke-width="2" stroke-miterlimit="10"/><circle cx="46.6" cy="46.6" r="33.1" fill="#fffffe" stroke="#00214d" stroke-width="2" stroke-miterlimit="10"/><path class="st3" d="M57.8 53.7c0 6.3-5 11.3-11.2 11.3s-11.3-5-11.3-11.3"/><g><path class="st3" d="M30.9 40.2c.6-1.4 1.9-2.3 3.5-2.3s2.9 1 3.5 2.3M55.2 40.2c.6-1.4 1.9-2.3 3.5-2.3s2.9 1 3.5 2.3"/></g></svg>
--- a/static/pictos/soleil.svg
+++ b/static/pictos/soleil.svg
@ -1,33 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 93.1 93.1" style="enable-background:new 0 0 93.1 93.1;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#00EBC7;}
-	.st1{fill:none;stroke:#00214D;stroke-width:2;stroke-miterlimit:10;}
-	.st2{fill:#FFFFFE;stroke:#00214D;stroke-width:2;stroke-miterlimit:10;}
-	.st3{fill:none;stroke:#00214D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-</style>
-<g>
-	<path class="st0" d="M1,46.6c0-2.8,7-4.9,7.5-7.6c0.5-2.7-5.1-7.3-4.1-9.9c1.1-2.6,8.3-1.8,9.9-4.1c1.5-2.3-1.9-8.7,0-10.7
-		c1.9-1.9,8.4,1.5,10.7,0c2.3-1.5,1.5-8.8,4.1-9.9c2.5-1,7.1,4.6,9.9,4.1C41.6,8,43.7,1,46.6,1c2.8,0,4.9,7,7.6,7.5
-		c2.7,0.5,7.3-5.1,9.9-4.1c2.6,1.1,1.8,8.3,4.1,9.9c2.3,1.5,8.7-1.9,10.7,0c1.9,1.9-1.5,8.4,0,10.7c1.5,2.3,8.8,1.5,9.9,4.1
-		c1,2.5-4.6,7.1-4.1,9.9c0.5,2.7,7.5,4.8,7.5,7.6c0,2.8-7,4.9-7.5,7.6c-0.5,2.7,5.1,7.3,4.1,9.9c-1.1,2.6-8.3,1.8-9.9,4.1
-		c-1.5,2.3,1.9,8.7,0,10.7c-1.9,1.9-8.4-1.5-10.7,0c-2.3,1.5-1.5,8.8-4.1,9.9c-2.5,1-7.1-4.6-9.9-4.1c-2.7,0.5-4.8,7.5-7.6,7.5
-		c-2.8,0-4.9-7-7.6-7.5c-2.7-0.5-7.3,5.1-9.9,4.1c-2.6-1.1-1.8-8.3-4.1-9.9c-2.3-1.5-8.7,1.9-10.7,0c-1.9-1.9,1.5-8.4,0-10.7
-		c-1.5-2.3-8.8-1.5-9.9-4.1c-1-2.5,4.6-7.1,4.1-9.9C8,51.5,1,49.4,1,46.6z"/>
-	<path class="st1" d="M1,46.6c0-2.8,7-4.9,7.5-7.6c0.5-2.7-5.1-7.3-4.1-9.9c1.1-2.6,8.3-1.8,9.9-4.1c1.5-2.3-1.9-8.7,0-10.7
-		c1.9-1.9,8.4,1.5,10.7,0c2.3-1.5,1.5-8.8,4.1-9.9c2.5-1,7.1,4.6,9.9,4.1C41.6,8,43.7,1,46.6,1c2.8,0,4.9,7,7.6,7.5
-		c2.7,0.5,7.3-5.1,9.9-4.1c2.6,1.1,1.8,8.3,4.1,9.9c2.3,1.5,8.7-1.9,10.7,0c1.9,1.9-1.5,8.4,0,10.7c1.5,2.3,8.8,1.5,9.9,4.1
-		c1,2.5-4.6,7.1-4.1,9.9c0.5,2.7,7.5,4.8,7.5,7.6c0,2.8-7,4.9-7.5,7.6c-0.5,2.7,5.1,7.3,4.1,9.9c-1.1,2.6-8.3,1.8-9.9,4.1
-		c-1.5,2.3,1.9,8.7,0,10.7c-1.9,1.9-8.4-1.5-10.7,0c-2.3,1.5-1.5,8.8-4.1,9.9c-2.5,1-7.1-4.6-9.9-4.1c-2.7,0.5-4.8,7.5-7.6,7.5
-		c-2.8,0-4.9-7-7.6-7.5c-2.7-0.5-7.3,5.1-9.9,4.1c-2.6-1.1-1.8-8.3-4.1-9.9c-2.3-1.5-8.7,1.9-10.7,0c-1.9-1.9,1.5-8.4,0-10.7
-		c-1.5-2.3-8.8-1.5-9.9-4.1c-1-2.5,4.6-7.1,4.1-9.9C8,51.5,1,49.4,1,46.6z"/>
-</g>
-<circle class="st2" cx="46.6" cy="46.6" r="33.1"/>
-<path class="st3" d="M57.8,53.7C57.8,60,52.8,65,46.6,65S35.3,60,35.3,53.7"/>
-<g>
-	<path class="st3" d="M30.9,40.2c0.6-1.4,1.9-2.3,3.5-2.3c1.6,0,2.9,1,3.5,2.3"/>
-	<path class="st3" d="M55.2,40.2c0.6-1.4,1.9-2.3,3.5-2.3c1.6,0,2.9,1,3.5,2.3"/>
-</g>
-</svg>
--- a/static/simon.png
+++ b/static/simon.png
--- a/static/speech-bubble.svg
+++ b/static/speech-bubble.svg
@ -0,0 +1 @@
+<svg viewBox="0 -26 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m463.988281 240.589844c23.710938-24.417969 38.011719-56.039063 38.011719-90.589844 0-77.320312-77.628906-140-166-140s-160 62.679688-160 140l160 140c23.609375 0 52.03125-4.480469 72.210938-12.511719 18.277343 19.980469 44.570312 32.511719 73.789062 32.511719-18.789062-18.789062-24.800781-45.539062-18.011719-69.410156zm0 0" fill="#e87288"/><path d="m258.449219 170c46.472656 24.5 77.550781 69.070312 77.550781 120 0 77.320312-71.628906 140-160 140-23.609375 0-52.03125-4.480469-72.210938-12.511719-18.277343 19.980469-44.570312 32.511719-73.789062 32.511719 18.789062-18.789062 24.800781-45.539062 18.011719-69.410156-23.710938-24.417969-38.011719-56.039063-38.011719-90.589844 0-77.320312 77.628906-140 166-140 30.160156 0 58.378906 7.300781 82.449219 20zm0 0" fill="#cae9fc"/><path d="m256 100c-5.519531 0-10 4.480469-10 10s4.480469 10 10 10 10-4.480469 10-10-4.480469-10-10-10zm0 0"/><path d="m90 280c5.519531 0 10-4.480469 10-10s-4.480469-10-10-10-10 4.480469-10 10 4.480469 10 10 10zm0 0"/><path d="m336 0c-90.027344 0-163.917969 62.070312-169.632812 140.253906-85.738282 4.300782-166.367188 66.125-166.367188 149.746094 0 34.945312 13.828125 68.804688 39 95.632812 4.980469 20.53125-1.066406 42.292969-16.070312 57.296876-2.859376 2.859374-3.714844 7.160156-2.167969 10.898437 1.546875 3.734375 5.191406 6.171875 9.238281 6.171875 28.519531 0 56.003906-11.183594 76.425781-30.890625 19.894531 6.78125 45.851563 10.890625 69.574219 10.890625 90.015625 0 163.898438-62.054688 169.628906-140.222656 20.9375-.929688 42.714844-4.796875 59.945313-10.667969 20.421875 19.707031 47.90625 30.890625 76.425781 30.890625 4.046875 0 7.691406-2.4375 9.238281-6.171875 1.546875-3.738281.691407-8.039063-2.167969-10.898437-15.003906-15.003907-21.050781-36.765626-16.070312-57.296876 25.171875-26.828124 39-60.6875 39-95.632812 0-86.886719-86.839844-150-176-150zm-160 420c-23.601562 0-50.496094-4.632812-68.511719-11.800781-3.859375-1.539063-8.269531-.527344-11.078125 2.539062-12.074218 13.199219-27.773437 22.402344-44.878906 26.632813 9.425781-18.058594 11.832031-39.347656 6.097656-59.519532-.453125-1.589843-1.292968-3.042968-2.445312-4.226562-22.6875-23.367188-35.183594-53.066406-35.183594-83.625 0-70.46875 71.4375-130 156-130 79.851562 0 150 55.527344 150 130 0 71.683594-67.289062 130-150 130zm280.816406-186.375c-1.152344 1.1875-1.992187 2.640625-2.445312 4.226562-5.734375 20.171876-3.328125 41.460938 6.097656 59.519532-17.105469-4.226563-32.804688-13.433594-44.878906-26.632813-2.808594-3.0625-7.21875-4.078125-11.078125-2.539062-15.613281 6.210937-37.886719 10.511719-58.914063 11.550781-2.921875-37.816406-21.785156-73.359375-54.035156-99.75h130.4375c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10h-161.160156c-22.699219-11.554688-48.1875-18.292969-74.421875-19.707031 5.746093-67.164063 70.640625-120.292969 149.582031-120.292969 84.5625 0 156 59.53125 156 130 0 30.558594-12.496094 60.257812-35.183594 83.625zm0 0"/><path d="m256 260h-126c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h126c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10zm0 0"/><path d="m256 320h-166c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h166c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10zm0 0"/><path d="m422 100h-126c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h126c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10zm0 0"/></svg>
--- a/static/webfonts/libre-franklin/libre-franklin-black-900.woff2
+++ b/static/webfonts/libre-franklin/libre-franklin-black-900.woff2
--- a/static/webfonts/libre-franklin/libre-franklin-regular-400.woff2
+++ b/static/webfonts/libre-franklin/libre-franklin-regular-400.woff2
--- a/themes/hugo-theme-lowtech
+++ b/themes/hugo-theme-lowtech
@ -1 +1 @@
-Subproject commit 64eaab93b25d057230ed24d8180812658aeffc96
+Subproject commit ea32c9cb09f51a1e6c61347242bbcf00b0fe23fc
				`@ -1 +0,0 @@`
				<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 185.9 78.8" xml:space="preserve"><style>.st1{fill:#1d1d1b}</style><path d="M27.5 27.9c3 9 6.1 17.9 9.3 26.8 1.1 3.3 5.3 3.1 6.5 0 3.2-8.4 6.7-16.8 10.1-25.1-2.1.3-4.1.5-6.2.8 3.6 8.4 7.1 16.8 10.7 25.2.5 1.2 2.2 1.8 3.4 1.6 1.4-.2 2.3-1.1 2.8-2.4l6.6-17.1c3.5-9 6.9-18.1 10.4-27.1l2.4-6.3c.8-2-1.2-4.4-3.3-4.3-15.7.7-31.3 1.4-46.9 2.1-6.6.3-13.3.6-19.9.9-2.3.1-4.6.2-7 .3-1.8.1-3.6.2-5 1.6C0 6.3-.3 8.2.1 10.1c.6 2.9 1.7 5.8 2.6 8.6L7.8 34c3.6 10.9 7.4 21.8 11.1 32.6.6 1.8 1.2 3.6 1.8 5.3.5 1.4 1 2.8 2.1 3.9 1.8 1.8 4.6 1.5 7 1.6 7 .4 13.9.8 20.9 1.3.4 0 .9.1 1.3.1 1.8.1 3.4-1.6 3.4-3.4 0-1.9-1.5-3.3-3.4-3.4l-15-.9c-2-.1-4-.2-6-.4-1-.1-1.9-.1-2.9-.2-.3 0-1.3-.2-1.5-.1.2-.1 1.1.4 1.1.8.1-.5-.5-1.6-.7-2-.3-.8-.6-1.6-.8-2.4-3.5-10.2-7-20.4-10.4-30.6-2.9-8.7-6-17.5-8.6-26.3-.2-.4-.3-.9-.5-1.3 0-.1-.1-.3-.1-.4-.1-.4.1.3.1.3 0 .5-.3 1.1-.8 1.4-.1.1-1.2.1-.6.2 1.9.2 4.1-.2 6-.3 6.1-.3 12.2-.5 18.3-.8C44.8 8.3 59.9 7.6 75 7c1.7-.1 3.4-.1 5.1-.2C79 5.4 77.9 4 76.8 2.5l-6.6 17.1c-3.5 9-6.9 18.1-10.4 27.1L57.4 53c2.1-.3 4.1-.5 6.2-.8-3.5-8.4-7-16.8-10.6-25.2-.5-1.2-2.2-1.8-3.4-1.6-1.4.2-2.3 1.1-2.8 2.4-3.4 8.4-6.8 16.7-10.1 25.1h6.5C40.1 44 37 35.1 34 26.1c-.6-1.7-2.3-2.9-4.2-2.4-1.6.5-2.9 2.5-2.3 4.2z" fill="#00ebc7"/><path class="st1" d="M111.3 40.6c0 1.2-.7 2.3-2.6 2.3H86.8c.4 5.1 3.8 8.9 9.9 8.9 3.8 0 6.1-1.3 8.5-3.6.6-.6 1.4-1.1 2.3-1.1 1.5 0 2.9 1.1 2.9 2.9 0 .7-.4 1.4-.9 2-2.8 3.2-7.8 5.3-13 5.3-10.9 0-16.7-7.6-16.7-16.8 0-9.6 7-16.8 16.4-16.8 9.1 0 15.1 7.5 15.1 16.9zM96.1 29.2c-5.1 0-8.5 3.6-9.2 8.1h18c-.5-4.3-3.8-8.1-8.8-8.1zM123.1 57.2c-2 0-3.4-1.5-3.4-3.4V15.5c0-1.9 1.4-3.4 3.4-3.4s3.4 1.5 3.4 3.4v20.9l15.1-11.8c.6-.5 1.4-.7 2.1-.7 1.8 0 3.1 1.3 3.1 3 0 1.1-.6 1.9-1.6 2.6l-9.7 7.6 11.7 15.3c.4.6.7 1.2.7 1.9 0 1.7-1.2 3.1-3.2 3.1-1 0-1.7-.5-2.3-1.3l-11.7-15.3-4.2 3.4V54c0 1.7-1.3 3.2-3.4 3.2zM169.2 57.3c-10.2 0-16.8-7.5-16.8-16.8 0-9.2 6.6-16.8 16.8-16.8 10.2 0 16.8 7.5 16.8 16.8-.1 9.2-6.7 16.8-16.8 16.8zm0-27.7c-6.4 0-9.9 5-9.9 10.9s3.4 10.9 9.9 10.9c6.4 0 9.9-5 9.9-10.9s-3.5-10.9-9.9-10.9z"/></svg>
				`@ -0,0 +1 @@`
				<svg height="512pt" viewBox="0 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m378.871094 374.449219c-3.855469 3.953125-7.835938 7.785156-11.941406 11.480469-3.695313 4.105468-7.527344 8.085937-11.480469 11.941406l95.339843 95.339844c5.859376 5.859374 13.53125 8.789062 21.210938 8.789062 3.199219 0 6.398438-.515625 9.464844-1.535156 3.460937-10.429688 1.046875-22.378906-7.253906-30.675782zm0 0" fill="#4dbbeb"/><path d="m354.21875 396.640625c4.636719-3.648437 9.125-7.472656 13.492188-11.429687 3.957031-4.367188 7.78125-8.855469 11.429687-13.492188l-41.199219-41.199219c-4.042968 4.269531-8.277344 8.347657-12.691406 12.230469-3.878906 4.414062-7.960938 8.648438-12.230469 12.691406zm0 0" fill="#fff5cd"/><path d="m226 11.785156c-92.511719 12.71875-164 92.265625-164 188.214844 0 95.960938 71.503906 175.515625 164.027344 188.21875 31.578125-4.347656 60.710937-16.480469 85.382812-34.398438 16.269532-11.808593 30.601563-26.140624 42.410156-42.410156 22.75-31.320312 36.179688-69.832031 36.179688-111.410156 0-95.949219-71.488281-175.496094-164-188.214844zm0 0" fill="#4dbbeb"/><path d="m200 50c82.710938 0 150 67.289062 150 150s-67.289062 150-150 150-150-67.289062-150-150 67.289062-150 150-150zm0 0" fill="#fff"/><path d="m225 52.09375c-70.851562 11.9375-125 73.714844-125 147.90625s54.148438 135.96875 125 147.90625c70.851562-11.9375 125-73.714844 125-147.90625s-54.148438-135.96875-125-147.90625zm0 0" fill="#bee7f4"/><path d="m500.28125 443.71875-133.480469-133.480469c21.746094-32.753906 33.199219-70.683593 33.199219-110.238281 0-110.28125-89.71875-200-200-200s-200 89.71875-200 200 89.71875 200 200 200c39.554688 0 77.484375-11.453125 110.238281-33.199219l36.894531 36.894531c.007813.007813.011719.011719.015626.019532l96.570312 96.566406c7.558594 7.558594 17.601562 11.71875 28.28125 11.71875s20.722656-4.160156 28.277344-11.714844c7.558594-7.554687 11.722656-17.597656 11.722656-28.285156s-4.164062-20.730469-11.71875-28.28125zm-173.765625-88.925781c10.351563-8.46875 19.8125-17.929688 28.277344-28.277344l28.371093 28.371094c-8.628906 10.183593-18.09375 19.648437-28.277343 28.277343zm-306.515625-154.792969c0-99.253906 80.746094-180 180-180s180 80.746094 180 180c0 38.175781-11.851562 74.667969-34.273438 105.535156-11.214843 15.453125-24.738281 28.976563-40.191406 40.191406v.003907c-30.867187 22.417969-67.359375 34.269531-105.535156 34.269531-99.253906 0-180-80.746094-180-180zm466.140625 286.140625c-3.78125 3.777344-8.800781 5.859375-14.140625 5.859375s-10.359375-2.082031-14.140625-5.859375l-88.792969-88.796875c10.125-8.691406 19.585938-18.148438 28.277344-28.277344l88.796875 88.796875c3.777344 3.777344 5.859375 8.792969 5.859375 14.136719s-2.082031 10.359375-5.859375 14.140625zm0 0"/><path d="m360 200c0-88.226562-71.773438-160-160-160s-160 71.773438-160 160 71.773438 160 160 160 160-71.773438 160-160zm-160 140c-77.195312 0-140-62.804688-140-140s62.804688-140 140-140 140 62.804688 140 140-62.804688 140-140 140zm0 0"/><path d="m306.316406 169.996094c5.15625-1.980469 7.730469-7.765625 5.75-12.921875-8.613281-22.414063-23.605468-41.574219-43.363281-55.414063-20.222656-14.171875-43.980469-21.660156-68.703125-21.660156-5.523438 0-10 4.476562-10 10s4.476562 10 10 10c41.097656 0 78.632812 25.816406 93.394531 64.246094 1.53125 3.976562 5.320313 6.417968 9.339844 6.417968 1.191406 0 2.402344-.214843 3.582031-.667968zm0 0"/><path d="m310 190c-5.519531 0-10 4.480469-10 10s4.480469 10 10 10 10-4.480469 10-10-4.480469-10-10-10zm0 0"/></svg>
				`@ -1 +0,0 @@`
				`<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 243.07 120.66"><defs><style>.cls-1{fill:none;stroke:#27eac7;stroke-linecap:round;stroke-linejoin:round;stroke-width:8px;}</style></defs><path id="Tracé_18" data-name="Tracé 18" class="cls-1" d="M152,116.66,4,89.31V4H239.07V56.6"/></svg>`
				`@ -1 +0,0 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><circle fill="#FFF" stroke="#000" stroke-width="2.978" stroke-miterlimit="10" cx="200" cy="200" r="198.5"/><path fill="none" stroke="#000" stroke-width="3.383" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M100.2 371c2.9-9.3 4.4-14 7.9-23.3l2.2-5.7 33.5 13.1-2 5.2M293.9 374.7c-1-9.6-1.2-12.9-2.7-22.6l-1.1-6-37 6.4.9 5.4c1.8 11.7 2.8 17.8 3.9 29.8"/><path d="M284.3 314.2c-2.5-8.1-5.8-16.5-9.4-22.9-1.7-3.2-3.6-6-5-7.9-.7-1-1.4-1.7-1.7-2.2-.4-.5-.6-.8-.6-.8-2.5-2.9-5.7-5.4-9.5-6.8-1.1-.4-5.6-2.8-6.5-2.1-17.7 13-35.2 16.9-50.5 16.6v-.1h-2.8v.1c-15.4.3-32.9-3.6-50.5-16.6-.9-.7-5.4 1.7-6.5 2.1-3.8 1.5-7 3.9-9.5 6.8 0 0-.2.3-.6.8-.4.5-1.1 1.3-1.7 2.2-1.4 1.9-3.3 4.7-5 7.9-3.6 6.5-6.9 14.8-9.4 22.9-2.5 8.1-4.4 16.2-5.6 22.1-1.2 6-1.9 9.9-1.9 9.9l22 4.7v33.4c22.4 8.8 46.8 13.6 72.3 13.6 24 0 47-4.7 68.3-12.5V351l22-4.7s-.7-4-1.9-9.9c-1.6-6-3.5-14-6-22.2z"/><g><path fill="none" stroke="#000" stroke-width="2.916" stroke-miterlimit="10" d="M147.3 272.8l27.5-2.9 1-8.3c-30.5-4.8-53.8-29.2-53.8-58.5v-25.9s.8-96.2 57.3-96.2h41.4c56.4 0 57.3 96.3 57.3 96.3v25.8c0 29.4-23.3 53.8-53.9 58.5l1 8.3 27 3"/><path d="M120.6 199.2s-3.5-11.4-5.5-17.3-2.3-39.8-2.3-46.2c0-6.3 0-28.8 3.5-33.1 0 0-2-9.8-2-13.3 0 0-7.4-12.6-10.8-20.2 0 0 10.8 7.4 14.4 8.4 0 0-7.1-10.5-9.7-15.3 0 0 9.7 9.2 12.9 11.1 0 0-2.6-5.8-2.4-8.7 0 0 5 9.5 13.7 13.9 0 0-2.1-8.9-7.9-15.5 0 0 5.2-1.3 6.8 1.3 0 0-.8-10.8-5-16.3 0 0 8.7-2.1 14.2 2.6 0 0-10.2-8.4-16-10.8 0 0 11.3-.5 18.1 6.3 0 0-7.4-8.4 1.3-11.3 0 0-2.1 5 4.2 6.3 0 0-5.2-8.4 2.4-15.8 0 0-3.7 10 4.7 16.3 0 0-1.6-7.9 8.1-12.4 0 0-4.7 5.8-3.4 12.9 0 0 2.1-10.8 10.5-12.4 0 0-6.8 6.8-5.5 14.7 0 0 9.5-12.6.3-25.8 0 0 10.8.8 14.7 7.6 0 0 1.6-5.8 3.2-6.3 0 0 2.1 5 4.7 6.6 0 0 1.3-2.1 0-5 0 0 3.7 3.2 3.7 5.5 0 0 6.6-1.9 8.7 1.8 2.1 3.7 11 7.4 19.5 7.9 0 0-10.2-12.1-24.2-12.1 0 0 7.6-4.2 21 4.5 0 0-4.7-6-7.4-7.6 0 0 11 .5 22.3 15 0 0 2.3-3.2-2.4-7.1 0 0 11.3 3.9 18.4 14.4 0 0-5-9.2-10-12.1 0 0 20.8 7.6 17.1 16.3 0 0 2.9 4.2 6 6.3 3.2 2.1 18.7 14.2 19.7 20.8 1.1 6.6 2.9 6.6 4.7 6.3 0 0 2.9-1.4 3.7-4.2 0 0 .5 5-3.7 7.1 0 0-1 6.1 5.6 7.1 0 0 3.9 1.6 4.2 3.9 0 0-5.3-1.6-9.5-1.3 0 0 4.7 7.4 9.7 11.3 0 0 5.8 3.4-2.9 19.5 0 0-2.1 12.3-1.8 17.9.3 5.5 0 17.6 0 23.9 0 6.3.3 10.2-4 18.7-4.2 8.4-7.9 11.8-8.1 15.5-.3 3.7.5 11.8-.3 12.6 0 0-2.9-.8-2.9-6.6s0-18.9-.8-24.5c-.8-5.5-2.4-14.7-5.5-21-3.2-6.3-5.8-23.9-5.8-27.9s-2.9-12.6-2.9-15c0-2.4-.3-3.7-3.2-.5-2.9 3.2-27.4 4.5-40.5 2.1-13.1-2.4-16.8 8.1-29.5 4.5-12.6-3.7-17.3.8-23.4 1.6-6.1.8-8.7 4.2-12.6 7.6-3.9 3.4-2.6 9.2-9.4 12.9-6.9 3.7-10.5 3.7-10.3 12.4.3 8.7 0 17.3-3.4 19.5-3.4 2.1-5.5 9.7-6 13.9-.2 4.5 1.2 8.9-1 6.8z"/><path d="M241.6 173.2c-5.4 0-9.8 4.4-9.8 9.8s4.4 9.8 9.8 9.8 9.8-4.4 9.8-9.8c-.1-5.4-4.4-9.8-9.8-9.8zm-1.9 8.8c-1.6 0-2.9-1.3-2.9-2.9 0-1.6 1.3-2.9 2.9-2.9 1.6 0 2.9 1.3 2.9 2.9.1 1.5-1.3 2.9-2.9 2.9zM160.5 173.2c-5.4 0-9.8 4.4-9.8 9.8s4.4 9.8 9.8 9.8 9.8-4.4 9.8-9.8c-.1-5.4-4.5-9.8-9.8-9.8zm-1.9 8.8c-1.6 0-2.9-1.3-2.9-2.9 0-1.6 1.3-2.9 2.9-2.9s2.9 1.3 2.9 2.9c0 1.5-1.3 2.9-2.9 2.9zM206.9 190c0 1.5-1.2 2.6-2.6 2.6h-6.1c-1.5 0-2.6-1.2-2.6-2.6 0-1.5 1.2-2.6 2.6-2.6h6.1c1.5 0 2.6 1.1 2.6 2.6z"/><path stroke="#000" stroke-width="1.016" stroke-miterlimit="10" d="M202.2 225.8c-14.6 0-25.6-8-25.7-8.2-.6-.5-.7-1.3-.3-2 .5-.6 1.3-.7 2-.3.9.7 23.4 17 46.1 0 .6-.5 1.5-.3 2 .3s.3 1.5-.3 2c-8.2 6.1-16.4 8.2-23.8 8.2z"/><path d="M201.3 197.7s-22.2 5-38.9 6.5c44 24.5 77 0 77 0s-26.8-2.4-38.1-6.5z"/><path d="M239.4 204.2c-7 30.6-37.9 29.2-38.5 29.2-.6 0-31.5 1.4-38.5-29.2 0 0-27.3 6.3-40.3 2.3 5.6 26.9 20.1 52 55.9 54.9 7.9 2.8 22.6 2.1 22.9 2.1.3 0 15 .7 22.9-2.1 38.1-5.3 49.3-30.4 54.2-54.8-13.1 4-38.6-2.4-38.6-2.4z"/></g></svg>
				`@ -0,0 +1 @@`
				<svg viewBox="0 -26 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m463.988281 240.589844c23.710938-24.417969 38.011719-56.039063 38.011719-90.589844 0-77.320312-77.628906-140-166-140s-160 62.679688-160 140l160 140c23.609375 0 52.03125-4.480469 72.210938-12.511719 18.277343 19.980469 44.570312 32.511719 73.789062 32.511719-18.789062-18.789062-24.800781-45.539062-18.011719-69.410156zm0 0" fill="#e87288"/><path d="m258.449219 170c46.472656 24.5 77.550781 69.070312 77.550781 120 0 77.320312-71.628906 140-160 140-23.609375 0-52.03125-4.480469-72.210938-12.511719-18.277343 19.980469-44.570312 32.511719-73.789062 32.511719 18.789062-18.789062 24.800781-45.539062 18.011719-69.410156-23.710938-24.417969-38.011719-56.039063-38.011719-90.589844 0-77.320312 77.628906-140 166-140 30.160156 0 58.378906 7.300781 82.449219 20zm0 0" fill="#cae9fc"/><path d="m256 100c-5.519531 0-10 4.480469-10 10s4.480469 10 10 10 10-4.480469 10-10-4.480469-10-10-10zm0 0"/><path d="m90 280c5.519531 0 10-4.480469 10-10s-4.480469-10-10-10-10 4.480469-10 10 4.480469 10 10 10zm0 0"/><path d="m336 0c-90.027344 0-163.917969 62.070312-169.632812 140.253906-85.738282 4.300782-166.367188 66.125-166.367188 149.746094 0 34.945312 13.828125 68.804688 39 95.632812 4.980469 20.53125-1.066406 42.292969-16.070312 57.296876-2.859376 2.859374-3.714844 7.160156-2.167969 10.898437 1.546875 3.734375 5.191406 6.171875 9.238281 6.171875 28.519531 0 56.003906-11.183594 76.425781-30.890625 19.894531 6.78125 45.851563 10.890625 69.574219 10.890625 90.015625 0 163.898438-62.054688 169.628906-140.222656 20.9375-.929688 42.714844-4.796875 59.945313-10.667969 20.421875 19.707031 47.90625 30.890625 76.425781 30.890625 4.046875 0 7.691406-2.4375 9.238281-6.171875 1.546875-3.738281.691407-8.039063-2.167969-10.898437-15.003906-15.003907-21.050781-36.765626-16.070312-57.296876 25.171875-26.828124 39-60.6875 39-95.632812 0-86.886719-86.839844-150-176-150zm-160 420c-23.601562 0-50.496094-4.632812-68.511719-11.800781-3.859375-1.539063-8.269531-.527344-11.078125 2.539062-12.074218 13.199219-27.773437 22.402344-44.878906 26.632813 9.425781-18.058594 11.832031-39.347656 6.097656-59.519532-.453125-1.589843-1.292968-3.042968-2.445312-4.226562-22.6875-23.367188-35.183594-53.066406-35.183594-83.625 0-70.46875 71.4375-130 156-130 79.851562 0 150 55.527344 150 130 0 71.683594-67.289062 130-150 130zm280.816406-186.375c-1.152344 1.1875-1.992187 2.640625-2.445312 4.226562-5.734375 20.171876-3.328125 41.460938 6.097656 59.519532-17.105469-4.226563-32.804688-13.433594-44.878906-26.632813-2.808594-3.0625-7.21875-4.078125-11.078125-2.539062-15.613281 6.210937-37.886719 10.511719-58.914063 11.550781-2.921875-37.816406-21.785156-73.359375-54.035156-99.75h130.4375c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10h-161.160156c-22.699219-11.554688-48.1875-18.292969-74.421875-19.707031 5.746093-67.164063 70.640625-120.292969 149.582031-120.292969 84.5625 0 156 59.53125 156 130 0 30.558594-12.496094 60.257812-35.183594 83.625zm0 0"/><path d="m256 260h-126c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h126c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10zm0 0"/><path d="m256 320h-166c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h166c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10zm0 0"/><path d="m422 100h-126c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h126c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10zm0 0"/></svg>