wip2

assets/styles/main.sass

@@ -6,7 +6,7 @@ html
   line-height: $line-height
 
 p, li
-  line-height: 1.4
+  line-height: 1.6
 
 // COLOR
 
@@ -17,7 +17,7 @@ $color-main: #abd1c6
 $color-light: #e8e4e6
 $color-lightest: #fffffe
 $color-secondary: #f9bc60
-$color-tertiary: #A91804
+$color-tertiary: #a91804
 
 @mixin theme
   // https://www.happyhues.co/palettes/10
@@ -28,8 +28,8 @@ $color-tertiary: #A91804
   --color-tertiary: #{$color-tertiary}
 
   --color-background: #{$color-dark}
-  --color-headline: #{$color-lightest}
-  --color-paragraph: var(--color-secondary)
+  --color-headline: var(--color-highlight)
+  --color-paragraph: var(--color-main)
   --color-link: var(--color-highlight)
   --color-button: var(--color-highlight)
   --color-button-text: var(--color-stroke)
@@ -39,7 +39,7 @@ $color-tertiary: #A91804
   --color-card-paragraph: #{$color-darken}
   --color-card-link: var(--color-background)
   --color-card-button: var(--color-background)
-  --color-card-button-text: var(--color-headline)
+  --color-card-button-text: #{$color-lightest}
 
 
   --color-secondary-background: var(--color-secondary)
@@ -88,6 +88,8 @@ $color-tertiary: #A91804
         color: var(--color-link)
 
 @mixin theme-secondary
+  --color-link: var(--color-secondary-link)
+  --color-headline: var(--color-secondary-headline)
   color: var(--color-secondary-paragraph)
   background: var(--color-secondary-background)
   h1, h2, h3, h4, h5, h6
@@ -108,6 +110,7 @@ $color-tertiary: #A91804
     a
       color: var(--color-secondary-card-link)
 
+
 svg
   height: 120px
   .st0
@@ -125,14 +128,16 @@ body
 .card, .cards > *
   padding: 1rem
   margin: 1rem
+  border-radius: var(--border-radius)
 
 body
+  --tile: 2rem
+
   --border-style: dashed
   --border-size: 4px
+  --border-radius: calc(var(--tile)/2)
   --link-style: dotted
 
-  --tile: 2rem
-
   font-size: 1.125rem
   font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
 
@@ -188,14 +193,21 @@ ul.no-style
     line-height: $line-height
 
 a
-  text-decoration: underline var(--link-style)
+  text-decoration: none
+  border-bottom: 2px var(--link-style)
   &:hover
-    text-decoration: underline
+    border-bottom: 2px solid
+
+  &:active, &:visited
+    border-bottom: 2px dashed
 
 .header .title
   font-size: 2.25rem
   font-weight: 700
-  margin: 1.5rem 0
+  margin: 0
+
+  a
+    border: none
 
 h2
   margin: calc(var(--tile)*1.5) auto
@@ -204,10 +216,6 @@ h3
   // display: inline-block
   margin: calc(var(--tile)*1.5) auto var(--tile)
 
-.frame
-  border: var(--border-size) var(--border-style) var(--color-highlight)
-  padding: var(--tile)
-
 .footer
   font-size: 0.8rem
   padding-bottom: calc(var(--tile)/2)
@@ -229,7 +237,7 @@ h3
   li
     text-align: center
     padding: var(--margin-tile)
-    flex: 0 0 50%
+    flex: 0 0 calc(100% / 2 - var(--tile))
     box-sizing: border-box
 
   img
@@ -242,8 +250,13 @@ h3
     li
       flex: 0 0 100%
 
+svg
+  .fil0
+    fill: red
+
 .quote
   border: var(--border-size) var(--border-style) var(--color-highlight)
+  border-radius: var(--border-radius)
   padding: var(--tile)
   margin: calc(1.5 * var(--tile)) 0
   position: relative

content/_index.md

@@ -24,20 +24,20 @@ RésiLien est géré par un **collectif** d'entreprises de l'**Économie Sociale
 <div class="theme-secondary">
 <div class="content">
 
-### Quels services propose RésiLien ?
-{.center .frame}
+## Quels services propose RésiLien ?
+{.center}
 
 - ![Collaboration sur un document](/icons/writting.svg)
-  #### Prise de notes collaborative
+  ### Prise de notes collaborative
   Avec le logiciel libre Hedgedoc, prenez des notes à plusieurs au format Markdown.
 - ![Partager ses fichiers avec son équipe](/icons/share-file.svg)
-  #### Partage de fichiers
+  ### Partage de fichiers
   Avec le logiciel libre Nextcloud, stockez vos fichiers sur un serveur pour les partager à d'autres personnes ou avec votre équipe.
 - ![Partage de calendriers et contacts](/icons/calendar-contacts.svg)
-  #### Calendriers et contacts partagés
+  ### Calendriers et contacts partagés
   Avec le logiciel libre Nextcloud, partagez votre calendrier et vos contacts avec les membres de votre organisation.
 - ![Éco-conception de site internet](/icons/website.svg)
-  #### Site web statique
+  ### Site web statique
   Avec le logiciel libre Hugo, l'équipe de RésiLien peut concevoir un site web selon votre demande et l'héberger sur son infrastructure.
 { .flex .services .cards }
 
@@ -46,18 +46,18 @@ RésiLien est géré par un **collectif** d'entreprises de l'**Économie Sociale
 <div class="theme-primary">
 <div class="content">
 
-### Comment bénéficier des services de RésiLien ?
-{.center .frame}
+## Comment bénéficier des services de RésiLien ?
+{.center}
 
 Pour tous les services hébergés par RésiLien, ce sera l'entreprise Weko (département de la Loire) ou Libenume (département des Côtes d'Armor) votre interlocutrice principale selon votre proximité géographique.
 
-- #### [Weko](https://weko.io)
+- ### [Weko](https://weko.io)
   [simon@weko.io](mailto:simon@weko.io)  
   [07 57 18 01 68](tel:0757180168)
-- #### [Libenume](https://libenume.fr/)
+- ### [Libenume](https://libenume.fr/)
   [contact@libenume.fr](mailto:contact@libenume.fr)  
   [07 64 70 62 94](tel:0764706294)
-{ .flex }
+{ .flex .cards }
 
 Ayant à cœur d'avoir une **relation de proximité**, nous vous conseillons de contacter l'entreprise la plus proche. Celle-ci vous enverra une proposition commerciale en fonction de vos besoins. Chaque prestation inclut une **période d'accompagnement pour l'utilisation des services**.
 
@@ -66,8 +66,8 @@ Ayant à cœur d'avoir une **relation de proximité**, nous vous conseillons de
 <div class="theme-secondary">
 <div class="content">
 
-### Blog
-{.center .frame}
+## Blog
+{.center}
 
 Voici nos derniers articles de blog :
 

content/blog/2021/2021-12-20-lancement-de-resilien.md

@@ -1,5 +1,5 @@
 ---
-title: Lancement de RésiLien, hébergeur d’un numérique responsable !
+title: Lancement de RésiLien, hébergeur d’un numérique responsable !
 description: RésiLien est un projet fondé par Simon Constans et Killian Kemps, sous le nom de nos entreprises respectivement Weko et Libenume, dans le but de proposer une offre commerciale alternative aux services de collaboration en ligne déjà existants tels que Google Drive et Dropbox pour n'en citer que quelques uns.
 date: 2021-12-20
 ---

layouts/blog/single.html

@@ -1,15 +1,17 @@
 {{ define "main" }}
+<div class="content">
   <p class="blogDate">
     Publié le <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date | time.Format ":date_full" }}</time>{{ if isset .Params "auteur" }} - {{ .Params.auteur }}{{ end }}
   </p>
   {{ .Content }}
-  <aside>
-    <hr>
+</div>
+<div class="theme-secondary">
+  <aside class="content">
     <p>Lire les articles précédents et suivants :</p>
     <ul>
       <li>Suivant : {{ with .NextInSection }}{{ partial "article-link" . }}{{ else }}Vous êtes sur notre article le plus récent 😇{{ end }}</li>
       <li>Précédent : {{ with .PrevInSection }}{{ partial "article-link" . }}{{ else }}Vous êtes sur notre premier article 😇{{ end }}</li>
     </ul>
   </aside>
-
+</div>
 {{ end }}

layouts/partials/footer.html

@@ -1,4 +1,3 @@
-<hr>
 <footer class="content footer grid -bottom">
   <ul class="cell no-style">
     <li>Membre du <a href="https://chatons.org/">collectif CHATONS</a></li>