Design on keynote's speaker

- add mobile support
AFPy · May 31, 2024 · 41178eb · 41178eb
1 parent d7d9050
commit 41178eb
Show file tree

Hide file tree

Showing 3 changed files with 63 additions and 36 deletions.
diff --git a/static/sass/style.sass b/static/sass/style.sass
@@ -508,21 +508,31 @@ main
       display: flex
       justify-content: space-between
 
-      section
+      article
         background: $grey
         border-radius: 1em
         margin: 1em
-        padding: 2em
-        text-align: center
-        width: 33%
+        padding: 0 0 1em 0
+        width: 0
+        flex-grow: 1
 
-        img
+        header
           display: block
-          height: 20rem
+          width: 100%
           object-fit: contain
+          padding: 0em
+
+
+          img
+            width: 100%
+            border-top-left-radius: 1em
+            border-top-right-radius: 1em
 
         p
-          margin: 0
+          margin: 0 0 0 1em
+
+          strong
+            font-size: 1.2em
 
 
 // Mobile
@@ -576,7 +586,12 @@ main
         left: 1em
     .keynotes
       .speakers
-        display: block
+        flex-direction: column
+        gap: 1em
+        article
+          width: auto
+
+
 
   nav
     align-items: flex-start

diff --git a/templates/en/schedule.jinja2.html b/templates/en/schedule.jinja2.html
@@ -49,20 +49,26 @@ <h3>Conferences and Workshops</h3>
 
     <section class="keynotes">
       <h3>Keynotes</h3>
-      <article class="speakers">
-        <section>
-          <img src="{{ url_for('static', filename='images/keynotes/houleymatou_baldé.png')  }}">
-          <p>Houleymatou Baldé</p>
-        </section>
-        <section>
-          <img src="{{ url_for('static', filename='images/keynotes/françoise_conil.jpg')  }}">
-          <p>Françoise Conil</p>
-        </section>
-        <section>
-          <img src="{{ url_for('static', filename='images/keynotes/ines_montani.jpg')  }}">
-          <p>Ines Montani</p>
-        </section>
-      </article>
+      <section class="speakers">
+        <article>
+        <header><img src="{{ url_for('static', filename='images/keynotes/houleymatou_baldé.png')  }}"></header>
+        <p><strong>Houleymatou Baldé</strong></p>
+        <p>Founder IT Woman by YEESO</p><br/>
+        <p>“De villageoise à l’itWoman… Quelles actions pour faire de mon rêve TECH une réalité ?”</p>
+        </article>
+        <article>
+        <header><img src="{{ url_for('static', filename='images/keynotes/françoise_conil.jpg')  }}"></header>
+        <p><strong>Françoise Conil</strong></p>
+        <p>Application developer at CNRS</p><br/>
+        <p>“Recherche des bonnes pratiques de packaging”</p>
+        </article>
+        <article>
+        <header><img src="{{ url_for('static', filename='images/keynotes/ines_montani.jpg')  }}"></header>
+        <p><strong>Ines Montani</strong></p>
+        <p>Founder of Explosion</p><br/>
+        <p>“Reality is not an end-to-end prediction problem: Applied NLP in the age of Generative AI”</p>
+        </article>
+      </section>
     </section>
 
     <!--

diff --git a/templates/fr/schedule.jinja2.html b/templates/fr/schedule.jinja2.html
@@ -48,20 +48,26 @@ <h3>Conférences &amp; ateliers</h3>
 
     <section class="keynotes">
       <h3>Keynotes</h3>
-      <article class="speakers">
-        <section>
-          <img src="{{ url_for('static', filename='images/keynotes/houleymatou_baldé.png')  }}">
-          <p>Houleymatou Baldé</p>
-        </section>
-        <section>
-          <img src="{{ url_for('static', filename='images/keynotes/françoise_conil.jpg')  }}">
-          <p>Françoise Conil</p>
-        </section>
-        <section>
-          <img src="{{ url_for('static', filename='images/keynotes/ines_montani.jpg')  }}">
-          <p>Ines Montani</p>
-        </section>
-      </article>
+      <section class="speakers">
+        <article>
+        <header><img src="{{ url_for('static', filename='images/keynotes/houleymatou_baldé.png')  }}"></header>
+        <p><strong>Houleymatou Baldé</strong></p>
+        <p>Fondatrice IT Woman by YEESO</p><br/>
+        <p>“De villageoise à l’itWoman… Quelles actions pour faire de mon rêve TECH une réalité ?”</p>
+        </article>
+        <article>
+        <header><img src="{{ url_for('static', filename='images/keynotes/françoise_conil.jpg')  }}"></header>
+        <p><strong>Françoise Conil</strong></p>
+        <p>Développeuse d'applications au CNRS</p><br/>
+        <p>“Recherche des bonnes pratiques de packaging”</p>
+        </article>
+        <article>
+        <header><img src="{{ url_for('static', filename='images/keynotes/ines_montani.jpg')  }}"></header>
+        <p><strong>Ines Montani</strong></p>
+        <p>Fondatrice d'Explosion</p><br/>
+        <p>“Reality is not an end-to-end prediction problem: Applied NLP in the age of Generative AI”</p>
+        </article>
+      </section>
     </section>
 
     <!--