Changement de thème

Amélioration de la disposition et utilisation du thème Flatly

__main__.py

@@ -25,10 +25,12 @@ def miniature_videos(builder):
 
 def navbar(builder):
     doc, tag, text = builder.tagtext()
-    with tag("heder", klass="sticky-top"):
-        with tag("nav", klass="navbar d-flex justify-content-start"):
-            with tag("a", klass="navbar-brand mx-4", href="/"):
-                text("le PIAF")
+    with tag("header", klass="sticky-top"):
+        with tag("nav", klass="navbar d-flex justify-content-start navbar-expand-lg bg-light", data_bs_theme="light"):
+            with tag("a", klass="navbar-brand mx-5", href="/"):
+                doc.stag("img", klass="piaf-icon", src="./piaf_gray.svg", width="60em", height="40em")
+                with tag("b", klass="piaf-icon-title"):
+                    text("Le PIAF")
             with tag("ul", klass="navbar-nav d-flex flex-row"):
                 with tag("li", klass="nav-item mx-4"):
                     with tag("a", klass="nav-link", href="/presentation.html"):
@@ -58,7 +60,8 @@ def head(builder, title):
         with tag("meta"):
             doc.stag('meta', charset="utf-8")
             doc.stag('meta', name="viewport", content="width=device-width, initial-scale=1.0")
-            doc.stag('link', href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css", rel='stylesheet')
+            doc.stag('link', href="https://bootswatch.com/5/flatly/bootstrap.min.css", rel='stylesheet')
+            doc.stag('link', href="./style.css", rel='stylesheet')
             # favicon
             doc.stag('link', rel="icon", type="image/svg", href="piaf.svg")
 
@@ -71,7 +74,7 @@ def generate_home():
     doc, tag, text = builder.tagtext()
 
     with tag('html'):
-        head(builder, "le PIAF")
+        head(builder, "Le PIAF")
 
         with tag('body'):
             navbar(builder)

contact.md

@@ -1,3 +1,5 @@
+# Contact
+
 Vous pouvez contacter le bureau de l'association aux adresses suivantes :
 
 - Le président : antonin.peronnet@telecom-paris.fr

home.md

@@ -1,10 +1,10 @@
 
+ 
+
 <img src="piaf_gray_with_text.svg" width="500em">
 
 <br>
 
-# le PIAF
-
 Nous sommes une association d'étudiants de [Paris-Saclay](https://fr.wikipedia.org/wiki/Paris-Saclay) qui travaillent sur le sujet de la sûreté de l'IA.
 
 P.I.A.F signifie « Pour une Intelligence Artificielle Fiable ».

presentation_asimov.md

@@ -1,4 +1,4 @@
-# Asimov : les dangers du numérique
+<h1 style="text-align:center">Asimov : les dangers du numérique</h1>
 
 <br>
 
@@ -32,7 +32,10 @@ Avec Effisciences et l'Institut Polytechnique de Paris, nous vous proposons un c
 Ce cycle de conférences est collaboratif.
 
 Nous proposons de l'aide aux étudiants du plateau de Saclay pour mettre en place des conférences dans leurs écoles : le contact des intervenants, la communication et de l'aide pour la logistique le jour J. Nous pouvons également vous fournir un budget pour l'évènement.
-Pour contacter le responsable : [antonin.peronnet@telecom-paris.fr](mailto: antonin.peronnet@telecom-paris.fr). Vous pouvez également [rejoindre l'association](/contact.html)
+
+Pour contacter le responsable : [antonin.peronnet@telecom-paris.fr](mailto: antonin.peronnet@telecom-paris.fr).
+
+Vous pouvez également [rejoindre l'association](/contact.html)
 
 
 Et voici des extraits d'intervenants que nous pourrions inviter, dans notre ordre de préférence.

presentation_piaf.md

@@ -1,4 +1,6 @@
 
+ 
+
 # Activités
 
 Notre groupe a deux activités principales :

static/style.css

@@ -7,3 +7,8 @@
 .video-card {
     margin: 20em;
 }
+
+h1 {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+}