Replicate main websites changes

.eslintrc.yaml

@@ -46,7 +46,7 @@ rules:
   object-curly-newline:
     - error
     - multiline: true
-  no-console: 0
+  no-console: error
   no-continue: 0
   no-param-reassign: 0
   no-plusplus: 0
@@ -88,3 +88,6 @@ rules:
   new-cap:
     - error
     - properties: false
+  import/no-extraneous-dependencies:
+    - error
+    - devDependencies: true

config/_default/menus.en.yaml

@@ -36,7 +36,10 @@ footer:
   - name: About
     url: https://opentermsarchive.org/en/about/
     weight: 7
-first_subfooter:
+  - name: Contact-us
+    identifier: mailto
+    weight: 8
+footer_sub:
   - name: Services status
     url: https://stats.uptimerobot.com/nXvrBcl0wx
     weight: 1
@@ -53,13 +56,12 @@ first_subfooter:
     weight: 4
     params:
       target: _blank
-second_subfooter:
   - name: Legal notice
     url: https://opentermsarchive.org/en/legal-notice/
-    weight: 1
+    weight: 5
   - name: Privacy policy
     url: https://opentermsarchive.org/en/privacy-policy/
-    weight: 2
+    weight: 6
   - name: 'Accessibility: not compliant'
     url: https://opentermsarchive.org/en/accessibility/
-    weight: 3
+    weight: 7

config/_default/menus.fr.yaml

@@ -36,7 +36,10 @@ footer:
   - name: À propos
     url: https://opentermsarchive.org/fr/a-propos/
     weight: 7
-first_subfooter:
+  - name: Contactez-nous
+    identifier: mailto
+    weight: 8
+footer_sub:
   - name: État des services
     url: https://stats.uptimerobot.com/nXvrBcl0wx
     weight: 1
@@ -53,13 +56,12 @@ first_subfooter:
     weight: 4
     params:
       target: _blank
-second_subfooter:
   - name: Mentions légales
     url: https://opentermsarchive.org/fr/mentions-legales/
-    weight: 1
+    weight: 5
   - name: Politique de confidentialité
     url: https://opentermsarchive.org/fr/politique-de-confidentialite/
-    weight: 2
+    weight: 6
   - name: 'Accessibilité : non conforme'
     url: https://opentermsarchive.org/fr/accessibilite/
-    weight: 3
+    weight: 7

config/_default/params.yaml

@@ -1,6 +1,12 @@
+contact_email: [email protected]
 github:
   url: https://github.com/OpenTermsArchive
 mastodon: 
   url: https://mastodon.social/@opentermsarchive
   username: "@[email protected]"
-email: [email protected]
+linkedin:
+  url: https://www.linkedin.com/company/opentermsarchive/
+opencollective:
+  url: https://opencollective.com/opentermsarchive
+contribution_tool:
+  url: https://contribute.opentermsarchive.org/

content/memos/how-to-publish.en.md

@@ -14,7 +14,7 @@ No technical skills are required.
 
 ## 1. Send
 
-Send your memo to [{{< param email >}}](mailto:{{< param email >}}?subject=Publish%20a%20memo&body=Dear%20Core%20team%2C%0A%0AI%20would%20like%20to%20publish%20the%20memo%20below.%0A%0AIt%20is%20based%20on%20my%20original%20work%2C%20and%20I%20have%20reviewed%20the%20reference%20at%20docs.opentermsarchive.org%2Fmemos%2Fwriting-reference%2F%20and%20I%20have%20made%20sure%20the%20content%20complies%20with%20it%20before%20sending%20this%20text%20to%20you.%0A%0AI%20understand%20that%20it%20might%20take%20up%20to%20two%20weeks%20for%20this%20text%20to%20be%20reviewed.%0A%0AHave%20a%20good%20day%21) by writing it in the body of the email or as a file attachment. Feel free to add any comments or questions you may have about the content or format.
+Send your memo to [{{< param contact_email >}}](mailto:{{< param contact_email >}}?subject=Publish%20a%20memo&body=Dear%20Core%20team%2C%0A%0AI%20would%20like%20to%20publish%20the%20memo%20below.%0A%0AIt%20is%20based%20on%20my%20original%20work%2C%20and%20I%20have%20reviewed%20the%20reference%20at%20docs.opentermsarchive.org%2Fmemos%2Fwriting-reference%2F%20and%20I%20have%20made%20sure%20the%20content%20complies%20with%20it%20before%20sending%20this%20text%20to%20you.%0A%0AI%20understand%20that%20it%20might%20take%20up%20to%20two%20weeks%20for%20this%20text%20to%20be%20reviewed.%0A%0AHave%20a%20good%20day%21) by writing it in the body of the email or as a file attachment. Feel free to add any comments or questions you may have about the content or format.
 
 ## 2. Review
 

i18n/en.yaml

@@ -0,0 +1,4 @@
+header:
+  menu:
+    open: Menu
+    close: Close

i18n/fr.yaml

@@ -0,0 +1,4 @@
+header:
+  menu:
+    open: Menu
+    close: Fermer

package.json

@@ -28,7 +28,9 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "jsdoc": "^4.0.0",
     "linkinator": "^5.0.1",
+    "lucide": "^0.460.0",
     "markdownlint-cli": "^0.32.2",
+    "simple-icons": "^13.17.0",
     "stylelint": "^14.16.1",
     "stylelint-config-standard": "^29.0.0"
   },

themes/opentermsarchive/assets/css/components/divider/divider.css

@@ -1,5 +1,6 @@
 .divider {
   & > hr {
-    border: 1px solid var(--colorBlack400);
+    border: none;
+    border-top: 1px solid var(--colorBlack300);
   }
 }

themes/opentermsarchive/assets/css/components/footer/footer.css

@@ -1,117 +1,58 @@
 .footer {
-  width: 100%;
-  padding: 0 0 var(--pL) 0;
-}
-.version {
-  color: var(--colorBlack400);
-  font-size: 0.8em;
-  text-align: right;
-  font-style: italic;
-}
-
-@media (--tabletLarge) {
-  .footer {
-    text-align: center;
-  }
-}
-
-.footer_menus {
-  width: 100%;
   display: flex;
-  justify-content: space-between;
-  margin-top: var(--m2XS);
+  flex-direction: column;
+  gap: var(--mM);
+  align-items: center;
+  margin: 0 auto;
+  text-align: center;
+
+  & ul {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: center;
 
-  & div {
-    &:first-child {
-      margin-right: var(--gridGutterWidth);
+    & li {
+      & a {
+        display: inline-flex;
+        color: var(--colorBlack600);
+      }
     }
-    & ul {
-      display: flex;
-      flex-direction: row;
+  }
 
+  @media (--mobileExtraLarge) {
+    & ul {
       & li {
-        margin: 0 var(--mXS);
-
-        &:first-child {
-          margin-left: 0;
-        }
-
-        &:last-child {
-          margin-right: 0;
-        }
-
-        & a {
-          color: var(--colorBlack600);
-        }
-      }
-
-      & + ul {
-        margin-top: 1rem;
+        width: 100%;
       }
     }
   }
 }
 
-@media (--gridPlus) {
-  .footer {
-    padding-left: var(--pL);
-    padding-right: var(--pL);
-  }
+.footer__main-menu {
+  gap: var(--m2XS) var(--mS);
 }
 
-@media (--tabletLarge) {
-  .footer_menus {
-    justify-content: center;
-    align-items: flex-start;
-
-    & div {
-      margin: var(--gridGutterWidth) var(--gridColWidth) 0 var(--gridColWidth);
-
-      &:first-child {
-        margin-right: 0;
-      }
-
-      & ul {
-        flex-direction: column;
-
-        & li {
-          text-align: left;
-          margin: var(--mXS);
-
-          &:first-child {
-            margin-top: 0;
-          }
-
-          &:first-child {
-            margin-left: var(--mXS);
-          }
+.footer__sub-menu {
+  gap: var(--m2XS) var(--mS);
+}
 
-          &:last-child {
-            margin-right: var(--mXS);
-          }
-        }
+.footer__logo {
+  margin-top: var(--mL);
+  margin-bottom: var(--mM);
 
-        & + ul {
-          flex-direction: column;
-        }
-      }
-    }
+  @media (--mobileExtraLarge) {
+    margin-top: var(--mS);
+    margin-bottom: var(--mS);
   }
 }
 
-@media (--mobileExtraLarge) {
-  .footer_menus {
-    justify-content: flex-start;
-    flex-wrap: wrap;
-    & div {
-      width: 100%;
-      margin: var(--gridGutterWidth) 0 0 0;
+.footer__socials {
+  gap: var(--mXS);
+  margin-top: var(--mM);
+  margin-bottom: var(--mM);
 
-      & ul {
-        & li {
-          text-align: center;
-        }
-      }
-    }
+  @media (--mobileExtraLarge) {
+    margin-top: var(--mS);
+    margin-bottom: var(--mS);
   }
 }