diff --git a/__main__.py b/__main__.py
index b433d88..18b8ebc 100644
--- a/__main__.py
+++ b/__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)
diff --git a/contact.md b/contact.md
index 1dcea18..8a92592 100644
--- a/contact.md
+++ b/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
diff --git a/home.md b/home.md
index 5344435..028f9aa 100644
--- a/home.md
+++ b/home.md
@@ -1,10 +1,10 @@
+
+
-# 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 ».
diff --git a/presentation_asimov.md b/presentation_asimov.md
index d188ece..572abdc 100644
--- a/presentation_asimov.md
+++ b/presentation_asimov.md
@@ -1,4 +1,4 @@
-# Asimov : les dangers du numérique
+
Asimov : les dangers du numérique
@@ -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.
diff --git a/presentation_piaf.md b/presentation_piaf.md
index 5008a48..c1c47e5 100644
--- a/presentation_piaf.md
+++ b/presentation_piaf.md
@@ -1,4 +1,6 @@
+
+
# Activités
Notre groupe a deux activités principales :
diff --git a/static/piaf_gray.svg b/static/piaf_gray.svg
new file mode 100644
index 0000000..287a06a
--- /dev/null
+++ b/static/piaf_gray.svg
@@ -0,0 +1,158 @@
+
+
diff --git a/static/style.css b/static/style.css
index 699fe95..2028b50 100644
--- a/static/style.css
+++ b/static/style.css
@@ -7,3 +7,8 @@
.video-card {
margin: 20em;
}
+
+h1 {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
\ No newline at end of file
