feat: Revamp website following UX work

config.toml

@@ -27,25 +27,13 @@ name = "Contribute"
 url = "/page/contribute/"
 weight = 3
 [[languages.en.menu.main]]
-name = "Supporters"
-url = "/page/supporters/"
-weight = 4
-[[languages.en.menu.main]]
-name = "Press"
-url = "/page/press/"
-weight = 5
-[[languages.en.menu.main]]
-name = "Events"
-url = "/page/events/"
-weight = 6
-[[languages.en.menu.main]]
 name = "Blog"
 url = "/post/"
-weight = 7
+weight = 4
 [[languages.en.menu.main]]
 name = "FAQ"
 url = "/page/faq/"
-weight = 8
+weight = 5
 
 [languages.fr]
 languageName = "Français"
@@ -65,25 +53,13 @@ name = "Contribuer"
 url = "/page/contribute/"
 weight = 3
 [[languages.fr.menu.main]]
-name = "Nos soutiens"
-url = "/page/supporters/"
-weight = 4
-[[languages.fr.menu.main]]
-name = "Presse"
-url = "/page/press/"
-weight = 5
-[[languages.fr.menu.main]]
-name = "Evénements"
-url = "/page/events/"
-weight = 6
-[[languages.fr.menu.main]]
 name = "Blog"
 url = "/post/"
-weight = 7
+weight = 4
 [[languages.fr.menu.main]]
 name = "FAQ"
 url = "/page/faq/"
-weight = 8
+weight = 5
 
 [params]
 navbarBgColorClass = "bg-primary"

content/page/coc.en.md

@@ -0,0 +1,15 @@
+---
+title: "Code of conduct"
+date: 2024-01-25
+draft: false
+---
+
+## Code of conduct
+
+Exodus Privacy's purpose is to raise awareness about tracking done by Android applications with the help of analysis tools and teaching materials. This code of conduct is meant to be a framework that allow everyone to express themselves both freely and safely.
+Exodus Privacy forbids any form of discrimination or harassment about gender, skills, knowledge, disabilities, origin, sexual orientation, physical appearance, age, religion or addictions targeting any member of our community and by any means whatsoever (image, text, joke, word…). Oral and written communications must be inclusive or non-gendered. Nobody can assume the gender of a person nor force one on them.
+
+Exodus Privacy expects from its members to be polite in all Exodus Privacy's spaces, whether online or offline. Discrimination or harassment of any kind will result in sanctions, including permanent exclusion from the association and all communication places (IRC channels, forum...), pronounced by the bureau of Exodus Privacy.
+Do not insist when somebody declines a solicitation. If you are accused of oppressive or hurtful behavior, excuse yourself and try to understand what the issue was.
+If you are harassed or face discrimination, or if you witness harassment or discrimination toward other people, or if you fear an incident occurring during Exodus Privacy's activities, you can contact a member of the bureau by email at <[email protected]> or via any other way (IRC query, forum private message…).
+Every report done in good faith will be taken seriously. The bureau will respect, as often as possible, requests for anonymity in order to protect victims form further abuses.

content/page/coc.fr.md

@@ -0,0 +1,15 @@
+---
+title: "Code de conduite"
+date: 2024-01-25
+draft: false
+---
+
+## Code de conduite
+
+Le but d’Exodus Privacy est la sensibilisation au pistage par les applications Android, par le biais d’outils d’analyse et de supports pédagogiques destinés au grand public. Ce code de conduite se veut un outil permettant à chacun·e de s’exprimer librement et sans risque au sein d’Exodus Privacy.
+Exodus Privacy refuse toute forme de discrimination ou de harcèlement concernant le genre des personnes, leurs compétences et connaissances, leur handicap, leur origine, leur orientation sexuelle, leur apparence physique, leur âge, leur religion, leurs addictions (liste non exhaustive)… et sous quelque forme que ce soit (parole, image, blague, texte…). Les communications écrites et orales doivent être inclusives ou non genrées. Personne ne peut présupposer le genre d’une personne et encore moins lui en imposer un.
+
+Exodus Privacy attend de ses membres une politesse, un savoir-vivre dans tous les espaces d’expression d’Exodus Privacy, qu’ils soient en ligne ou hors-ligne. Les discriminations et harcèlements quels qu’ils soient peuvent donner lieu à une sanction allant jusqu’à l’exclusion définitive de l’association, ainsi que tous les lieux d’échange (canaux IRC, forum…) prononcée après délibération du bureau d’Exodus Privacy.
+N’insistez pas lorsqu’une personne décline une sollicitation. Si on vous reproche un comportement oppressant ou blessant, excusez-vous et essayez de comprendre ce qui a pu poser problème.
+Si vous êtes harcelé·e ou victime de discrimination, ou si vous êtes témoin de harcèlement ou de discrimination à l’égard d’autre(s) personnes, ou si vous craignez la survenue d’un incident dans le cadre des activités d’Exodus Privacy vous pouvez contacter un·e membre du bureau, par mail à <[email protected]> ou bien par tout autre moyen (IRC, message privé sur le forum…).
+Tous les rapports faits de bonne foi seront pris au sérieux. Le bureau respectera dans la mesure du possible les demandes d’anonymat afin de protéger les victimes d’abus supplémentaires.

content/page/contribute.en.md

@@ -3,7 +3,14 @@ title: "Contribute"
 date: 2018-01-11 16:53:09
 draft: false
 ---
-# How to contribute
+
+# Contribute
+
+## Code of conduct
+
+See [our code of conduct](/en/page/coc/).
+
+## How to contribute
 
 <div class="row">
     <div class="col-md-4 text-center">

content/page/contribute.fr.md

@@ -3,7 +3,14 @@ title: "Contribuer"
 date: 2018-01-11 16:53:09
 draft: false
 ---
-# Comment contribuer
+
+# Contribuer
+
+## Code de conduite
+
+Voir [notre code de conduite](/en/page/coc/).
+
+## Comment contribuer
 
 <div class="row">
     <div class="col-md-4 text-center">

content/page/events.en.md

@@ -9,6 +9,8 @@ Exodus Privacy is regulary performing talks about its works and results, in Fren
 
 ## Next events
 
+No events are planned for now!
+
 ## Past events
 
 ### 2021

content/page/events.fr.md

@@ -9,6 +9,8 @@ L'association Exodus Privacy propose régulièrement des conférences et interve
 
 ## Prochains événements
 
+Pas d'événements prévus pour le moment !
+
 ## Evénements passés
 
 ### 2021

content/page/who.en.md

@@ -79,15 +79,13 @@ Exodus Privacy is a French (1901 law) non-profit organization. This organization
     </div>
 </div>
 
-## <a name="coc"></a>Code of conduct
+## Statutes
 
-Exodus Privacy's purpose is to raise awareness about tracking done by Android applications with the help of analysis tools and teaching materials. This code of conduct is meant to be a framework that allow everyone to express themselves both freely and safely.
-Exodus Privacy forbids any form of discrimination or harassment about gender, skills, knowledge, disabilities, origin, sexual orientation, physical appearance, age, religion or addictions targeting any member of our community and by any means whatsoever (image, text, joke, word…). Oral and written communications must be inclusive or non-gendered. Nobody can assume the gender of a person nor force one on them.
+TBA
 
-Exodus Privacy expects from its members to be polite in all Exodus Privacy's spaces, whether online or offline. Discrimination or harassment of any kind will result in sanctions, including permanent exclusion from the association and all communication places (IRC channels, forum...), pronounced by the bureau of Exodus Privacy.
-Do not insist when somebody declines a solicitation. If you are accused of oppressive or hurtful behavior, excuse yourself and try to understand what the issue was.
-If you are harassed or face discrimination, or if you witness harassment or discrimination toward other people, or if you fear an incident occurring during Exodus Privacy's activities, you can contact a member of the bureau by email at <[email protected]> or via any other way (IRC query, forum private message…).
-Every report done in good faith will be taken seriously. The bureau will respect, as often as possible, requests for anonymity in order to protect victims form further abuses.
+## Code of conduct
+
+See [our code of conduct](/en/page/coc/).
 
 ## <a name="contact"></a>To reach us, choose your way
 
@@ -131,3 +129,7 @@ Every report done in good faith will be taken seriously. The bureau will respect
         </div>
     </div>
 </div>
+
+## Our supporters
+
+See [our supporters](/en/page/supporters/).

content/page/who.fr.md

@@ -11,7 +11,7 @@ Exodus Privacy est une association française à but non-lucratif, régie par la
 ## Principaux contributeurs et principales contributrices
 
 <div class="row justify-content-md-center">
-    <div class="col-md-3 mt-3 text-center">
+    <div class="col-xl-3 col-lg-4 col-md-6 col-12 mt-3 text-center">
         <img class="w-25 rounded-circle" src="/media/avatar/capslock.jpg">
         <div class="card-body">
             <h6 class="card-title"><code>CapsLock</code></h6>
@@ -20,7 +20,7 @@ Exodus Privacy est une association française à but non-lucratif, régie par la
             <a href="https://github.com/TheCapsLock"><i class="fab fa-github fa-2x"></i></a>
         </div>
     </div>
-    <div class="col-md-3 mt-3 text-center">
+    <div class="col-xl-3 col-lg-4 col-md-6 col-12 mt-3 text-center">
         <img class="w-25 rounded-circle" src="/media/avatar/codimp.jpg">
         <div class="card-body">
             <h6 class="card-title"><code>Codimp</code></h6>
@@ -30,7 +30,7 @@ Exodus Privacy est une association française à but non-lucratif, régie par la
             <p class="small">Gardien·ne de l’infrastructure d’εxodus, membre du bureau, secrétaire</p>
         </div>
     </div>
-    <div class="col-md-3 mt-3 text-center">
+    <div class="col-xl-3 col-lg-4 col-md-6 col-12 mt-3 text-center">
         <img class="w-25 rounded-circle" src="/media/avatar/imriel.png">
         <div class="card-body">
             <h6 class="card-title"><code>Imriel</code></h6>
@@ -39,7 +39,7 @@ Exodus Privacy est une association française à but non-lucratif, régie par la
             <p class="small">Membre du bureau, trésorier</p>
         </div>
     </div>
-    <div class="col-md-3 mt-3 text-center">
+    <div class="col-xl-3 col-lg-4 col-md-6 col-12 mt-3 text-center">
         <img class="w-25 rounded-circle" src="/media/avatar/lovis_ix.png">
         <div class="card-body">
             <h6 class="card-title"><code>Lovis_IX</code></h6>
@@ -48,7 +48,7 @@ Exodus Privacy est une association française à but non-lucratif, régie par la
             <p class="small">Roi des serveurs et des sauvegardes, membre du bureau, président en exercice</p>
         </div>
     </div>
-    <div class="col-md-3 mt-3 text-center">
+    <div class="col-xl-3 col-lg-4 col-md-6 col-12 mt-3 text-center">
         <img class="w-25 rounded-circle" src="/media/avatar/metal_pou.jpg">
         <div class="card-body">
             <h6 class="card-title"><code>MeTaL_PoU</code></h6>
@@ -57,7 +57,7 @@ Exodus Privacy est une association française à but non-lucratif, régie par la
             <p class="small">Présidente d’Exodus Privacy de 2018 à 2021 et créatrice des contenus pédagogiques</p>
         </div>
     </div>
-    <div class="col-md-3 mt-3 text-center">
+    <div class="col-xl-3 col-lg-4 col-md-6 col-12 mt-3 text-center">
         <img class="w-25 rounded-circle" src="/media/avatar/pnu.jpg">
         <div class="card-body">
             <h6 class="card-title"><code>pnu</code></h6>
@@ -67,7 +67,7 @@ Exodus Privacy est une association française à but non-lucratif, régie par la
             <p class="small">En charge du dévelopement d’εxodus, membre du bureau</p>
         </div>
     </div>
-    <div class="col-md-3 mt-3 text-center">
+    <div class="col-xl-3 col-lg-4 col-md-6 col-12 mt-3 text-center">
         <img class="w-25 rounded-circle" src="/media/avatar/u039b.jpg">
         <div class="card-body">
             <h6 class="card-title"><code>U039b</code></h6>
@@ -79,15 +79,13 @@ Exodus Privacy est une association française à but non-lucratif, régie par la
     </div>
 </div>
 
-## <a name="coc"></a>Code de conduite
+## Statuts
 
-Le but d’Exodus Privacy est la sensibilisation au pistage par les applications Android, par le biais d’outils d’analyse et de supports pédagogiques destinés au grand public. Ce code de conduite se veut un outil permettant à chacun·e de s’exprimer librement et sans risque au sein d’Exodus Privacy.
-Exodus Privacy refuse toute forme de discrimination ou de harcèlement concernant le genre des personnes, leurs compétences et connaissances, leur handicap, leur origine, leur orientation sexuelle, leur apparence physique, leur âge, leur religion, leurs addictions (liste non exhaustive)… et sous quelque forme que ce soit (parole, image, blague, texte…). Les communications écrites et orales doivent être inclusives ou non genrées. Personne ne peut présupposer le genre d’une personne et encore moins lui en imposer un.
+TBA
 
-Exodus Privacy attend de ses membres une politesse, un savoir-vivre dans tous les espaces d’expression d’Exodus Privacy, qu’ils soient en ligne ou hors-ligne. Les discriminations et harcèlements quels qu’ils soient peuvent donner lieu à une sanction allant jusqu’à l’exclusion définitive de l’association, ainsi que tous les lieux d’échange (canaux IRC, forum…) prononcée après délibération du bureau d’Exodus Privacy.
-N’insistez pas lorsqu’une personne décline une sollicitation. Si on vous reproche un comportement oppressant ou blessant, excusez-vous et essayez de comprendre ce qui a pu poser problème.
-Si vous êtes harcelé·e ou victime de discrimination, ou si vous êtes témoin de harcèlement ou de discrimination à l’égard d’autre(s) personnes, ou si vous craignez la survenue d’un incident dans le cadre des activités d’Exodus Privacy vous pouvez contacter un·e membre du bureau, par mail à <[email protected]> ou bien par tout autre moyen (IRC, message privé sur le forum…).
-Tous les rapports faits de bonne foi seront pris au sérieux. Le bureau respectera dans la mesure du possible les demandes d’anonymat afin de protéger les victimes d’abus supplémentaires.
+## Code de conduite
+
+Voir [notre code de conduite](/en/page/coc/).
 
 ## <a name="contact"></a>Les différents moyens de nous joindre
 
@@ -131,3 +129,7 @@ Tous les rapports faits de bonne foi seront pris au sérieux. Le bureau respecte
         </div>
     </div>
 </div>
+
+## Nos soutiens
+
+Voir [nos soutiens](/fr/page/supporters/).

themes/hugo-bootstrap/i18n/en.toml

@@ -2,11 +2,23 @@
 other = "Analyzes privacy concerns in Android applications."
 
 [discover]
-other = "Discover what we do"
+other = "What we do"
 
 [check]
 other = "Check an app"
 
+[who]
+other = "Who we are"
+
+[press]
+other = "In the press"
+
+[events]
+other = "Our events"
+
+[blog]
+other = "Our blog"
+
 [recentPosts]
 other = "Recent posts"
 

themes/hugo-bootstrap/i18n/fr.toml

@@ -2,11 +2,23 @@
 other = "Analyse les problèmes de vie privée dans les applications Android."
 
 [discover]
-other = "Découvrez ce que nous faisons"
+other = "Ce que nous faisons"
 
 [check]
 other = "Vérifier une application"
 
+[who]
+other = "Qui nous sommes"
+
+[press]
+other = "Dans la presse"
+
+[events]
+other = "Nos événements"
+
+[blog]
+other = "Notre blog"
+
 [recentPosts]
 other = "Derniers articles"
 

themes/hugo-bootstrap/layouts/index.html

@@ -23,19 +23,43 @@
     <div class="row justify-content-md-center mt-4">
       <div class="col-lg-12 col-md-10 text-center text-white">
         <h1>Exodus Privacy</h1>
-        <img src="/media/logo/exodus.png" alt="Exodus Privacy logo" width="300px" class="mt-4 mb-4" />
+        <img src="/media/logo/exodus.png" alt="Exodus Privacy logo" width="150px" class="mt-4 mb-4" />
         <h3>{{ i18n "description" }}</h3>
       </div>
-      <div class="col-lg-6 col-md-10 mt-4 text-lg-right text-center">
-        <a class="btn bg-white btn-lg" style="min-width: 220px;" href={{ "page/what/" | relLangURL }}>
+    </div>
+    <div class="row justify-content-md-center">
+      <div class="col-lg-4 col-md-10 mt-lg-8 mt-4 text-lg-right text-center">
+        <a class="btn bg-white btn-lg" style="min-width: 250px;" href={{ "page/what/" | relLangURL }}>
           {{ i18n "discover" }}
         </a>
       </div>
-      <div class="col-lg-6 col-md-10 mt-4 text-lg-left text-center">
-        <a class="btn bg-white btn-lg" style="min-width: 220px;" href="https://reports.exodus-privacy.eu.org/">
+      <div class="col-lg-4 col-md-10 mt-lg-8 mt-4 text-lg-center text-center">
+        <a class="btn bg-white btn-lg" style="min-width: 250px;" href="https://reports.exodus-privacy.eu.org/">
           {{ i18n "check" }}
         </a>
       </div>
+      <div class="col-lg-4 col-md-10 mt-lg-8 mt-4 text-lg-left text-center">
+        <a class="btn bg-white btn-lg" style="min-width: 250px;" href={{ "page/who/" | relLangURL }}>
+          {{ i18n "who" }}
+        </a>
+      </div>
+    </div>
+    <div class="row justify-content-md-center mt-lg-4">
+      <div class="col-lg-4 col-md-10 mt-lg-0 mt-4 text-lg-right text-center">
+        <a class="btn bg-white btn-lg" style="min-width: 250px;" href={{ "page/events/" | relLangURL }}>
+          {{ i18n "events" }}
+        </a>
+      </div>
+      <div class="col-lg-4 col-md-10 mt-lg-0 mt-4 text-lg-center text-center">
+        <a class="btn bg-white btn-lg" style="min-width: 250px;" href={{ "post/" | relLangURL }}>
+          {{ i18n "blog" }}
+        </a>
+      </div>
+      <div class="col-lg-4 col-md-10 mt-lg-0 mt-4 text-lg-left text-center">
+        <a class="btn bg-white btn-lg" style="min-width: 250px;" href={{ "page/press/" | relLangURL }}>
+          {{ i18n "press" }}
+        </a>
+      </div>
     </div>
   </div>
   </div>

themes/hugo-bootstrap/layouts/partials/base/footer.html

@@ -5,7 +5,8 @@
         <p class="small text-center">
           {{now.Format "2006"}} - {{ with .Site.Copyright }}{{ . | markdownify}}{{ end }}
           -
-          <a href="{{.Site.Params.ghrepo}}" class="text-capitalize no-decoration text-white">
+          <a href="{{.Site.Params.ghrepo}}" target="_blank" rel="noreferrer" class="text-capitalize no-decoration text-white">
+            <i class="fab fa-github"></i>
             {{ .Site.Language.Params.Github }}
           </a>
         </p>

themes/hugo-bootstrap/layouts/partials/base/header.html

@@ -1,5 +1,6 @@
 <nav class="navbar navbar-expand-md fixed-top site-navbar {{ .Site.Params.navbarBgColorClass | default .Site.Data.Defaults.navbarBgColorClass }}">
-    <a class="navbar-brand text-white" href="{{.LanguagePrefix }}">{{ .Site.Title }}</a>
+  <img src="/media/logo/exodus.png" alt="Exodus Privacy logo" width="30px" class="mr-2" />
+  <a class="navbar-brand text-white" href="{{.LanguagePrefix }}">{{ .Site.Title }}</a>
   <button class="navbar-toggler"
   type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2" aria-controls="exCollapsingNavbar2"
     aria-expanded="false" aria-label="Toggle navigation">