Merge branch 'master' into feat/env-variables

.env

@@ -0,0 +1,4 @@
+RSYNC_REMOTE_PORT=2222
+RSYNC_REMOTE_USER=vvatelot
+RSYNC_REMOTE_HOST=ecoindex.lebondeveloppeur.fr
+RSYNC_REMOTE_FOLDER=/home/vvatelot/ecoindex_site

.github/workflows/deploy.yml

@@ -1,16 +1,38 @@
-name: Deploy rsync
+name: RSYNC Deploy
 
 on:
   push:
+    branches:
+      - main
     tags:
       - "v*.*.*"
 
 jobs:
+  env:
+    name: Get deploy environment based on tag suffix
+    runs-on: ubuntu-latest
+    outputs:
+      target-env: ${{ steps.get_environment.outputs.target-env }}
+    steps:
+      - name: 🛒 Checkout
+        uses: actions/checkout@v4
+      - name: 🚀 Get Environment
+        id: get_environment
+        run: |
+          if [[ ${{ github.ref_name }} =~ ^v[0-9]+\.[0-9]+\.[0-9]+$ ]]; then
+            echo "target-env=production" >> $GITHUB_OUTPUT
+          else
+            echo "target-env=preproduction" >> $GITHUB_OUTPUT
+          fi
+
   deploy:
+    needs: env
+    environment: 
+      name: ${{ needs.env.outputs.target-env }}
     runs-on: ubuntu-latest
     steps:
       - name: 🛒 Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: ✨ Setup Hugo
         uses: peaceiris/actions-hugo@v2
         with:
@@ -25,4 +47,6 @@ jobs:
           echo "${{ secrets.RSYNC_PRIVATE_SSH_KEY }}" > ~/.ssh/id_rsa
           echo "${{ secrets.RSYNC_KNOWN_HOSTS }}" > ~/.ssh/known_hosts
       - name: 🚀 Deploy
-        run: rsync -rpzv --exclude="screenshots" -e 'ssh -p ${{ secrets.RSYNC_REMOTE_PORT }}' './public/' ${{ secrets.RSYNC_REMOTE_USER }}@${{ secrets.RSYNC_REMOTE_HOST }}:${{ secrets.RSYNC_REMOTE_FOLDER }}
+        run: |
+          echo "Deploying to ${{ needs.env.outputs.target-env }}" >> $GITHUB_STEP_SUMMARY
+          rsync -rpzv --exclude="screenshots" -e 'ssh -p ${{ secrets.RSYNC_REMOTE_PORT }}' './public/' ${{ secrets.RSYNC_REMOTE_USER }}@${{ secrets.RSYNC_REMOTE_HOST }}:${{ secrets.RSYNC_REMOTE_FOLDER }}

.github/workflows/quality.yml

@@ -7,7 +7,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: 🛒 Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: ✨ Setup Hugo
         uses: peaceiris/actions-hugo@v2
         with:

.github/workflows/stale.yml

@@ -0,0 +1,24 @@
+name: Vérification des demandes en attente
+
+on:
+  schedule:
+    - cron: '0 0 * * *'
+
+permissions:
+  contents: write
+  issues: write
+  pull-requests: write
+
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/stale@v9
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          stale-issue-message: Cette issue a été marquée comme inactive car elle n'a pas eu de mise à jour depuis 30 jours. Si elle n'est pas mise à jour d'ici 7 jours, elle sera fermée automatiquement. Pour éviter qu'elle soit fermée, vous pouvez ajouter le label `keep open`.
+          stale-pr-message: Cette pull request a été marquée comme inactive car elle n'a pas eu de mise à jour depuis 30 jours. Si elle n'est pas mise à jour d'ici 7 jours, elle sera fermée automatiquement. Pour éviter qu'elle soit fermée, vous pouvez ajouter le label `keep open`.
+          exempt-pr-labels: "keep open"
+          exempt-issue-labels: "keep open"
+          close-issue-message: Cette issue a été fermée car elle est inactive depuis 37 jours. Si vous pensez que c'est une erreur, vous pouvez la rouvrir.
+          close-pr-message: Cette pull request a été fermée car elle est inactive depuis 37 jours. Si vous pensez que c'est une erreur, vous pouvez la rouvrir.

archetypes/default.md

@@ -1,7 +1,6 @@
 +++
 title = "{{- replace .Name "-" " " | title -}}"
 date = {{- .Date -}}
-draft = true
 weight = 1
 menu = "main"
 +++

assets/css/1_revert_dependencies.css

@@ -0,0 +1,7 @@
+/**
+ * Revert Every Layout CSS property changes since version used in goodimpact-hugo/modules/base-structure v0.0.0-20221129171738-d8c79a5e4c78
+ */
+.box-l.--s2p0 {
+	/* use value from .box-l */
+	padding: var(--s1, 1.3rem);
+}

assets/css/2_main.css → assets/css/3_main.css

@@ -21,9 +21,49 @@ html {
 	padding: var(--s-5) var(--s-5) var(--s-5) 0;
 }
 
+.enlarge-link {
+	position: relative;
+}
+.enlarge-link a {
+	background-image: none;
+	outline-width: 0;
+}
+.enlarge-link a:before {
+	content: "";
+	display: block;
+	height: 100%;
+	inset: 0;
+	outline-color: inherit;
+	outline-style: inherit;
+	outline-width: var(--border-focus);
+	outline-offset: var(--s-5);
+	transition: outline-width 0.3s;
+	position: absolute;
+	width: 100%;
+	z-index: 1;
+}
+
 /* A elements that don't have a class get default styles */
-a:not([class]) {
-	text-decoration-color: var(--color-lightest);
+:not(figure) > [target="_blank"]::after,
+figure > [target="_blank"] + figcaption::after {
+	background-color: currentcolor;
+	content: "";
+	display: inline-block;
+	height: 1rem;
+	margin-left: 0.25rem;
+	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6Zm11-3v8h-2V6.413l-7.793 7.794-1.414-1.414L17.585 5H13V3h8Z'/%3E%3C/svg%3E");
+	mask-size: 100% 100%;
+	vertical-align: -0.125em;
+	width: 1rem;
+}
+
+a:not([class]):hover,
+figure > [target="_blank"]:hover + figcaption {
+	text-decoration: underline;
+	text-decoration-color: var(--color-light);
+}
+figure > a + figcaption {
+	text-align: center;
 }
 
 /* Headings */
@@ -98,8 +138,8 @@ noscript {
 
 input,
 button {
-	padding: var(--s1);
-	border-width: 0;
+	padding: var(--s0);
+	border-color: transparent;
 	border-radius: var(--border-radius-small);
 }
 
@@ -145,32 +185,40 @@ button {
 nav a,
 span[aria-current="page"],
 span[data-state="active"] {
-	position: relative;
 	text-decoration: none;
 }
-nav span[aria-current="page"]::before,
-nav span[data-state="active"]::before {
-	content: "";
-	display: block;
-	width: 100%;
-	height: var(--border-thin);
-	position: absolute;
-	top: 100%;
-	left: 0;
-	padding-top: 0.25rem;
-	border-bottom-width: var(--border-thin);
+nav span[aria-current="page"],
+nav span[data-state="active"] {
+	border-bottom-width: var(--border-thick);
 	border-color: var(--color-highlight-light);
+	padding-bottom: var(--s-5);
 }
 
 /* Header */
 header {
-	padding-top: var(--s-3);
-	padding-bottom: var(--s-3);
+	padding: var(--s-3);
 }
 
-header .logo {
+.logo-ecoindex {
+	font-size: 1.7rem;
+	font-weight: 500;
+	line-height: 2rem;
 	padding-left: calc(var(--s4) / 2);
 	padding-right: calc(var(--s4) / 2);
+	text-decoration: none;
+	text-rendering: geometricPrecision;
+	white-space: nowrap;
+}
+.logo-ecoindex__eco,
+.logo-ecoindex__index {
+	padding: 0.1rem 0.5rem;
+}
+.logo-ecoindex__eco {
+	padding-left: 0;
+}
+.logo-ecoindex__index {
+	background-color: var(--color-light);
+	color: var(--color-primary);
 }
 
 .header-container {
@@ -254,6 +302,7 @@ footer > * {
 
 footer nav {
 	justify-content: space-between;
+	row-gap: var(--s1);
 }
 
 .hero {
@@ -351,7 +400,7 @@ footer nav {
 	border-radius: var(--border-radius-large);
 }
 
-.info-container a:not([class]) {
+.info-container a:not([class]):hover {
 	text-decoration-color: inherit;
 }
 
@@ -374,6 +423,7 @@ footer nav {
 
 :focus {
 	outline: var(--border-focus) var(--focus-style) var(--color-focus-light);
+	outline-offset: var(--s-5);
 }
 
 .info-container :focus {