feat(design) : intégration dans l'Observatoire des Polycrises

assets/locales/en.json

@@ -6,10 +6,10 @@
   },
   "header": {
     "title": "FabNum - Digital Manufacturing Chain",
-        "subtitle": "Ecosystem exploration and vulnerability identification."
+    "subtitle": "Ecosystem exploration and vulnerability identification.\n -> This site is still under development <-"
   },
   "footer": {
-        "copyright": "Fabnum © 2025",
+    "copyright": "FabNum@Polycrisis Observatory © 2025",
     "contact": "Contact",
     "license": "License",
     "license_text": "CC BY-NC-ND",

assets/locales/fr.json

@@ -6,10 +6,10 @@
   },
   "header": {
     "title": "FabNum - Chaîne de fabrication du numérique",
-        "subtitle": "Parcours de l'écosystème et identification des vulnérabilités."
+    "subtitle": "Parcours de l'écosystème et identification des vulnérabilités.\n-> Ce site est encore en cours de développement <-"
   },
   "footer": {
-        "copyright": "Fabnum © 2025",
+    "copyright": "FabNum@Polycrisis Observatory © 2025",
     "contact": "Contact",
     "license": "Licence",
     "license_text": "CC BY-NC-ND",

assets/styles/base.css

@@ -42,7 +42,7 @@ body,
 .stDownloadButton > button,
 .stFormSubmitButton > button,
 .stSlider > div > div {
-    background-color: darkgreen !important;
+  background-color: #072c6e !important;
   color: white !important;
   border: 1px solid grey;
 }
@@ -57,7 +57,7 @@ section:not([data-testid="stSidebar"])
 section:not([data-testid="stSidebar"])
   button[data-testid="stBaseButton-secondary"] {
   color: white !important;
-    background: darkgreen !important;
+  background: #072c6e !important;
 }
 
 section:not([data-testid="stSidebar"])
@@ -86,7 +86,7 @@ section:not([data-testid="stSidebar"])
   user-select: none;
   border: 1px solid rgba(49, 51, 63, 0.2);
   background-color: darkgrey !important;
-    color: darkgreen !important;
+  color: #072c6e !important;
   font-weight: bold !important;
   width: 100%;
   letter-spacing: 0.2em;
@@ -194,7 +194,7 @@ section[data-testid="stSidebar"] {
 }
 
 section[data-testid="stSidebar"] .stButton > button {
-    background-color: darkgreen !important;
+  background-color: #072c6e !important;
   color: white !important;
   font-weight: bold !important;
   border: 1px solid #ccc !important;
@@ -206,7 +206,7 @@ section[data-testid="stSidebar"] .decorative-heading {
   font-weight: bold;
   margin-bottom: 0.5rem;
   text-align: center;
-    color: #145a1a;
+  color: #072c6e;
 }
 
 section[data-testid="stSidebar"] div[role="radiogroup"] {

components/footer.py

@@ -11,7 +11,9 @@ def afficher_pied_de_page():
         <div role='contentinfo' aria-labelledby='footer-appli' class='wide-footer'>
             <div class='info-footer'>
                 <p id='footer-appli' class='info-footer'>
-                    {_("footer.copyright")} – <a href='mailto:stephan-pro@peccini.fr'>{_("footer.contact")}</a> – {_("footer.license")} <a href='https://creativecommons.org/licenses/by-nc-nd/4.0/deed.fr' target='_blank'>{_("footer.license_text")}</a>
+                    {_("footer.copyright")} – <a href='mailto:stephan.peccini@polycrisis-observatory.org'>{_("footer.contact")}</a> – {_("footer.license")} <a href='https://creativecommons.org/licenses/by-nc-nd/4.0/deed.fr' target='_blank'>{_("footer.license_text")}</a>
+                </p>
+                    <a href="https://www.polycrisis-observatory.org/" target="_blank"><img src="/app/static/images/polycrisis_observatory.webp" alt="Logo de l'Observatoire des Polycrises"></a>
                 </p>
                 <p class='footer-note'>
                     {_("footer.eco_note")} <a href='https://www.thegreenwebfoundation.org/' target='_blank'>{_("footer.eco_provider")}</a><br>

components/sidebar.py

@@ -125,7 +125,7 @@ def afficher_impact(total_bytes):
                     font-size: 1.25rem;
                     font-weight: bold;
                     margin-bottom: 0.5rem;
-                    color: #145a1a;
+                    color: #072c6e;
                     text-align: center;
                 }}
                 span {{