Merge pull request #11 from AFPy/keynotes

Keynotes
AFPy · Jun 1, 2024 · af24320 · af24320
2 parents 819ebef + 41178eb
commit af24320
Show file tree

Hide file tree

Showing 6 changed files with 121 additions and 34 deletions.
diff --git a/static/images/keynotes/françoise_conil.jpg b/static/images/keynotes/françoise_conil.jpg
diff --git a/static/images/keynotes/houleymatou_baldé.png b/static/images/keynotes/houleymatou_baldé.png
diff --git a/static/images/keynotes/ines_montani.jpg b/static/images/keynotes/ines_montani.jpg
diff --git a/static/sass/style.sass b/static/sass/style.sass
@@ -503,6 +503,37 @@ main
       left: 2em
       position: absolute
 
+  .keynotes
+    .speakers
+      display: flex
+      justify-content: space-between
+
+      article
+        background: $grey
+        border-radius: 1em
+        margin: 1em
+        padding: 0 0 1em 0
+        width: 0
+        flex-grow: 1
+
+        header
+          display: block
+          width: 100%
+          object-fit: contain
+          padding: 0em
+
+
+          img
+            width: 100%
+            border-top-left-radius: 1em
+            border-top-right-radius: 1em
+
+        p
+          margin: 0 0 0 1em
+
+          strong
+            font-size: 1.2em
+
 
 // Mobile
 @media (max-width: 1000px)
@@ -553,6 +584,14 @@ main
     .event-description
       .button
         left: 1em
+    .keynotes
+      .speakers
+        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
@@ -47,24 +47,48 @@ <h3>Conferences and Workshops</h3>
       </section>
     </section>
 
-    <!--
-    <section>
-      <h3>Calendar</h3>
-      <p>
-        The calendar is available below, in a
-        <a href="{{ url_for('schedule', lang=lang) }}">fullscreen page</a>, or
-        <a href="{{ url_for('calendar') }}">in your favourite calendar application</a>.
-      </p>
-      <p>
-        You can read the description of
-        <a href="{{ url_for('talks', lang=lang, category='plenary') }}">plenary sessions</a>,
-        <a href="{{ url_for('talks', lang=lang, category='1h') }}">1-hour talks</a>,
-        <a href="{{ url_for('talks', lang=lang, category='30m') }}">30-minute talks</a>,
-        <a href="{{ url_for('talks', lang=lang, category='workshop')}}">workshops</a> and
-        <a href="{{ url_for('talks', lang=lang, category='sprint') }}">sprints</a>.
-      </p>
-      <iframe src="{{ url_for('schedule', lang=lang) }}"></iframe>
+    <section class="keynotes">
+      <h3>Keynotes</h3>
+      <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>
+
+    <!--
+         <section>
+         <h3>Calendar</h3>
+         <p>
+         The calendar is available below, in a
+         <a href="{{ url_for('schedule', lang=lang) }}">fullscreen page</a>, or
+         <a href="{{ url_for('calendar') }}">in your favourite calendar application</a>.
+         </p>
+         <p>
+         You can read the description of
+         <a href="{{ url_for('talks', lang=lang, category='plenary') }}">plenary sessions</a>,
+         <a href="{{ url_for('talks', lang=lang, category='1h') }}">1-hour talks</a>,
+         <a href="{{ url_for('talks', lang=lang, category='30m') }}">30-minute talks</a>,
+         <a href="{{ url_for('talks', lang=lang, category='workshop')}}">workshops</a> and
+         <a href="{{ url_for('talks', lang=lang, category='sprint') }}">sprints</a>.
+         </p>
+         <iframe src="{{ url_for('schedule', lang=lang) }}"></iframe>
+         </section>
     -->
 
     <section id="register">

diff --git a/templates/fr/schedule.jinja2.html b/templates/fr/schedule.jinja2.html
@@ -46,25 +46,49 @@ <h3>Conférences &amp; ateliers</h3>
       </section>
     </section>
 
+    <section class="keynotes">
+      <h3>Keynotes</h3>
+      <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>
+
     <!--
-    <section>
-      <h3>Calendrier</h3>
-      <p>
-        Le calendrier est disponible ci-dessous, sur une
-        <a href="{{ url_for('schedule', lang=lang) }}">page en plein écran</a>,
-        ou <a href="{{ url_for('calendar') }}">dans votre application de calendrier favorite</a>.
-      </p>
-      <p>
-        Vous pouvez également lire la description des
-        <a href="{{ url_for('talks', lang=lang, category='plenary') }}">plénières</a>, des
-        <a href="{{ url_for('talks', lang=lang, category='1h') }}">conférences d’une heure</a>, des
-        <a href="{{ url_for('talks', lang=lang, category='30m') }}">conférences de 30 minutes</a>, des
-        <a href="{{ url_for('talks', lang=lang, category='workshop')}}">ateliers</a> et des
-        <a href="{{ url_for('talks', lang=lang, category='sprint') }}">sprints</a>.
-      </p>
+         <section>
+         <h3>Calendrier</h3>
+         <p>
+         Le calendrier est disponible ci-dessous, sur une
+         <a href="{{ url_for('schedule', lang=lang) }}">page en plein écran</a>,
+         ou <a href="{{ url_for('calendar') }}">dans votre application de calendrier favorite</a>.
+         </p>
+         <p>
+         Vous pouvez également lire la description des
+         <a href="{{ url_for('talks', lang=lang, category='plenary') }}">plénières</a>, des
+         <a href="{{ url_for('talks', lang=lang, category='1h') }}">conférences d’une heure</a>, des
+         <a href="{{ url_for('talks', lang=lang, category='30m') }}">conférences de 30 minutes</a>, des
+         <a href="{{ url_for('talks', lang=lang, category='workshop')}}">ateliers</a> et des
+         <a href="{{ url_for('talks', lang=lang, category='sprint') }}">sprints</a>.
+         </p>
 
-      <iframe src="{{ url_for('schedule', lang=lang) }}"></iframe>
-    </section>
+         <iframe src="{{ url_for('schedule', lang=lang) }}"></iframe>
+         </section>
     -->
 
     <section id="register">