Merge branch 'main' into main

static/sass/style.sass

@@ -103,7 +103,9 @@ img
   max-width: 100%
 
 sup
+  line-height: 1
   text-transform: initial
+  vertical-align: 35%
 
 .button
   background-color: $red
@@ -147,13 +149,14 @@ nav
     list-style: none
 
   li
+    border-bottom: 1px solid transparent
     padding-bottom: 0.3em
 
   li:has(a:hover)
-    border-bottom: 1px solid $red-dark
+    border-bottom-color: $red-dark
 
   li.active
-    border-bottom: 1px solid $red
+    border-bottom-color: $red
     font-weight: 700
 
     a:hover
@@ -233,7 +236,7 @@ footer
 
 // Main page
 #index
-  .logo
+  .pycon-logo
     display: block
     margin: 1em auto
     width: 20%
@@ -287,13 +290,13 @@ footer
       .register
         margin-right: 1em
 
-      .schedule
+      /*.schedule
         background: white
         color: $red
         transition: background-color 0.5s
 
         &:hover, &:focus
-          background-color: lighten($red, 40%)
+          background-color: lighten($red, 40%)*/
 
   .pycon-date
     color: $red
@@ -304,33 +307,6 @@ footer
     display: block
     margin: auto
 
-  .event-description
-    display: flex
-    justify-content: center
-    margin: 4em auto
-    gap: 2em
-
-    section
-      background: $grey
-      border-radius: 10px
-      flex: 1
-      padding: 2em
-
-      h3
-        margin: 0 auto 1em auto
-
-      aside
-        color: $red
-        font-weight: 700
-        margin-bottom: 1em
-        text-transform: uppercase
-
-      ul
-        list-style: inside
-
-      p:last-of-type
-        margin-bottom: 0
-
   .place
     margin: 4em auto
 
@@ -485,6 +461,80 @@ main
   padding-top: 0.1em
 
 
+#index, #schedule
+  .event-description
+    display: flex
+    justify-content: center
+    margin: 4em auto
+    gap: 2em
+
+    section
+      background: $grey
+      border-radius: 10px
+      flex: 1
+      padding: 2em
+
+      h3
+        margin: 0 auto 1em auto
+
+      aside
+        color: $red
+        font-weight: 700
+        margin-bottom: 1em
+        text-transform: uppercase
+
+      ul
+        list-style: inside
+
+      p:last-of-type
+        margin-bottom: 0
+
+
+#schedule
+  .event-description
+    section
+      position: relative
+
+      p:last-of-type
+        margin-bottom: 4em
+
+    .button
+      bottom: 0
+      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)
   html
@@ -502,12 +552,8 @@ main
       margin: auto
       width: 65%
 
-    .event-description
-      flex-direction: column
-      gap: 2em
-
-      section
-        padding: 1em
+      a
+        margin: 0 auto
 
     .place > section
       flex-direction: column
@@ -526,6 +572,27 @@ main
       .contact-sponsor a
         font-size: 1.2em
 
+  #index, #schedule
+    .event-description
+      flex-direction: column
+      gap: 2em
+
+      section
+        padding: 1em
+
+  #schedule
+    .event-description
+      .button
+        left: 1em
+    .keynotes
+      .speakers
+        flex-direction: column
+        gap: 1em
+        article
+          width: auto
+
+
+
   nav
     align-items: flex-start
     background-image: none

templates/_layout.jinja2

@@ -8,14 +8,6 @@
     ('conduct', ('Code de conduite', 'Code of Conduct')),
     ('support', ('Nous soutenir', 'Support Us')),
 ) -%}
-{%- set MENU = (
-    ('index', ('À propos', 'About')),
-    ('venue', ('Venir', 'Venue')),
-    ('sponsors', ('Sponsors', 'Sponsors')),
-    ('news', ('Actualités', 'News')),
-    ('conduct', ('Code de conduite', 'Code of Conduct')),
-    ('support', ('Nous soutenir', 'Support Us')),
-) -%}
 {%- set EXTRA_PAGES = (
     ('talks-plenary', ('Plénières', 'Plenary Sessions')),
     ('talks-1h', ('Conférences d’une heure', '1-hour Talks')),

templates/_sponsors.jinja2

@@ -70,10 +70,31 @@
         Yaal Coop est une société coopérative d'intérêt collectif (SCIC)
         spécialisée dans le conseil, le développement et l'hébergement de services informatiques.
         La coopérative est située à Bordeaux et est composée de 5 associé·e·s salarié·e·s.
-        Python est le langage de prédilection utilisé pour le développement de service web, scripts, logiciels libres et la plupart des projets de la coopérative.
+        Python est le langage de prédilection utilisé pour le développement de service web,
+        scripts, logiciels libres et la plupart des projets de la coopérative.
         </p>
       {% elif company == "Alma" %}
-        <p>Alma est une retailtech et fintech fondée en 2018. Nous proposons des solutions de paiement flexibles pour les boutiques physiques et en ligne, avec le paiement en 2, 3 ou 4 fois et en différé. Notre solution de paiement s’applique également aux particuliers avec l’app et la carte Alma. Nous priorisons l’expérience et la satisfaction de nos clients avec des outils simples et agréables à utiliser. Présents dans une dizaine de pays européens, nous travaillons avec plus de 7500 grandes marques comme Sncf, Maisons du Monde, Nature & Découvertes, Etam, Printemps, Afflelou, Emma, Perfectstay…</p>
+        <p>Alma est une retailtech et fintech fondée en 2018. Nous proposons des solutions de paiement flexibles pour les boutiques physiques et en ligne,
+        avec le paiement en 2, 3 ou 4 fois et en différé. Notre solution de paiement s’applique également aux particuliers avec l’app et la carte Alma.
+        Nous priorisons l’expérience et la satisfaction de nos clients avec des outils simples et agréables à utiliser.
+        Présents dans une dizaine de pays européens, nous travaillons avec plus de 7500 grandes marques comme Sncf,
+        Maisons du Monde, Nature & Découvertes, Etam, Printemps, Afflelou, Emma, Perfectstay…</p>
+      {% elif company == "EuroPython Society" %}
+        <p>
+          La Société EuroPython (EPS) est une organisation suédoise à
+          but non lucratif qui organise les conférences EuroPython,
+          soutient la communauté Python en Europe et détient les
+          droits sur la série de conférences EuroPython et les marques
+          déposées.
+        </p>
+        <p>
+          L'EPS a été créée en 2004, avec pour mission de faire de
+          l'EuroPython une série de conférences Python à succès pour
+          les années à venir. En 2016, nous avons étendu notre mission
+          à la promotion de l'utilisation du langage de programmation
+          Python en Europe et à l'organisation d'événements centrés
+          sur le langage de programmation Python pour y parvenir.
+        </p>
       {% endif %}
     {% elif lang == 'en' %}
       {% if company == 'Université de Strasbourg' %}
@@ -139,6 +160,21 @@
           The company is located in Bordeaux and has 5 salaried partners.
           Python is our favorite language to write web services, scripts, free software and almost every cooperative projects.
         </p>
+      {% elif company == "EuroPython Society" %}
+        <p>
+          The EuroPython Society (EPS) is a Swedish non-profit
+          organization which organizes EuroPython conferences,
+          supports the Python community in Europe and holds the rights
+          to the EuroPython conference series and trademarks.
+        </p>
+        <p>
+          The EPS was formed in 2004, with the mission to turn
+          EuroPython into a successful Python conference series for
+          the years to come. In 2016, we have extended our mission to
+          further the use of the programming language Python in Europe
+          and organize events centered around the programming language
+          Python to support this.
+        </p>
       {% endif %}
     {% endif %}
   </div>
@@ -148,6 +184,7 @@
   {% set levels = {
       'Platine' if lang == 'fr' else 'Platinum': {
           'Université de Strasbourg': 'https://mathinfo.unistra.fr/',
+          'EuroPython Society': 'https://www.europython-society.org/',
       },
 
           'Or' if lang == 'fr' else 'Gold': {
@@ -158,18 +195,18 @@
           'Entr\'ouvert': 'http://www.entrouvert.com/',
       },
 
-          'Bronze': {
+      'Bronze': {
           'Camptocamp': 'https://www.camptocamp.org/',
           'Yaal Coop': 'https://yaal.coop/',
       },
 
-          'Cœur' if lang == 'fr' else 'Heart': {
+      'Cœur' if lang == 'fr' else 'Heart': {
       },
 
-          'Partenaires' if lang == 'fr' else 'Partners':
-          {
-          },
-      } %}
+      'Partenaires' if lang == 'fr' else 'Partners':
+      {
+      },
+  } %}
 
   {% set png_logos = ('Université de Strasbourg',) %}
 

templates/en/index.jinja2.html

@@ -1,7 +1,7 @@
 {% extends '_layout.jinja2' %}
 
 {% block content %}
-  <img class="logo" src="/2024/static/images/pyconfr.svg" />
+  <img class="pycon-logo" src="/2024/static/images/pyconfr.svg" />
 
   <article class="coverboard">
     <section class="pycon-presentation">
@@ -19,28 +19,26 @@ <h1>Presenting PyConFR 2024!</h1>
         together people interested by the <a href="https://www.python.org/">Python</a> programming language.
       </p>
 
-      <!--
       <ul>
+        <!--
         <li>
           <a class="button register" href="{{ url_for('page', name='schedule', lang=lang, _anchor='register') }}">Register</a>
         </li>
+        -->
         <li>
-          <a class="button schedule" href="{{ url_for('page', name='schedule', lang=lang) }}">Schedule</a>
+          <a class="button schedule" href="https://cfp.pycon.fr/pyconfr-2024/cfp">Propose your subject</a>
         </li>
       </ul>
-      -->
     </section>
   </article>
 
   <article>
     <h2>Schedule</h2>
-    <!--
     <a class="button details" href="{{ url_for('page', name='schedule', lang=lang) }}">More details</a>!
-    -->
 
     <section class="event-description">
       <section>
-        <aside>October 31<sup>th</sup> & November 1<sup>st</sup></aside>
+        <aside>October 31<sup>th</sup> &amp; November 1<sup>st</sup></aside>
         <h3>Participative Coding: sprints!</h3>
         <p>
           Developers of various open source projects gather in little groups to
@@ -57,7 +55,7 @@ <h3>Participative Coding: sprints!</h3>
       </section>
 
       <section>
-        <aside>November 2<sup>nd</sup>&3<sup>rd</sup></aside>
+        <aside>November 2<sup>nd</sup> &amp; 3<sup>rd</sup></aside>
         <h3>Conferences and Workshops</h3>
         <p>
           During these two days, you will have the opportunity to attend