Feat/add marketing (#41)

* refactor(media): use a list instead of numbered media * refactor(media): group media together * feat(media): add europe 1 * feat(media): add tedx tours and safety innov
pyronear · Oct 4, 2023 · 501407c · 501407c
1 parent ece5826
commit 501407c
Show file tree

Hide file tree

Showing 5 changed files with 78 additions and 256 deletions.
diff --git a/_config.yml b/_config.yml
@@ -42,6 +42,69 @@ plugins:
   - jekyll-seo-tag
   - jekyll-sitemap
 
+medias:
+  items: 
+    -
+      title: "PyTorch Ecosystem Day"
+      url: "https://assets.pytorch.org/pted2021/posters/B8.png"
+      logo: "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c6/PyTorch_logo_black.svg/1200px-PyTorch_logo_black.svg.png"
+      width: 200
+    - 
+      title: "Présentation DataXdays 2021"
+      url: "https://www.youtube.com/watch?v=QC52bYfXMkM&t=29931s"
+      logo: "https://dataxday.fr/assets/LOGOCOURT.svg"
+      height: 75
+    - 
+      title: "Article Le Parisien"
+      url: "https://www.leparisien.fr/environnement/incendies-une-ong-invente-un-systeme-pour-detecter-les-feux-de-foret-09-09-2022-YDDO4HSLRFEDLNEGJRMGEGNFAM.php"
+      logo: "https://upload.wikimedia.org/wikipedia/commons/5/5b/Le_Parisien_-_logo_2016.png"
+      height: 75
+    - 
+      title: "Lauréat Prix Epe"
+      url: "https://www.tf1info.fr/environnement-ecologie/nous-voulons-aider-les-pompiers-a-lutter-contre-les-incendies-le-projet-pyronear-laureat-du-prix-jeunes-epe-2022-protection-foret-secheresse-2223219.html"
+      logo: "https://upload.wikimedia.org/wikipedia/fr/thumb/7/77/TF1_%282013%29.svg/1200px-TF1_%282013%29.svg.png"
+      height: 75
+    - 
+      title: "Blog de Qarnot"
+      url: "https://blog.qarnot.com/les-data-scientists-sauveront-ils-le-monde/"
+      logo: "https://pbs.twimg.com/profile_images/1326846994602749952/v1DzuBD-_400x400.jpg"
+      height: 75
+    - 
+      title: "Podcast Horizon-IA"
+      url: "https://www.horizon-ia.com/saison1-feuxdeforets/"
+      logo: "https://www.horizon-ia.com/wp-content/uploads/2021/02/logo-site.png"
+      height: 75
+    - 
+      title: "Présentation Monthly Marty"
+      url: "https://www.youtube.com/watch?v=kSwJopxsphQ"
+      logo: "https://dataforgood.fr/img/logo-dfg-new2.png"
+      height: 75
+    - 
+      title: "Journée de la donnée au service de la transition écologique"
+      url: "https://www.youtube.com/watch?v=XDUVsrxHf_w&list=PLx4I2Pvlf1NIUV4dQcPolj326bf80YvrT"
+      logo: "https://upload.wikimedia.org/wikipedia/commons/5/5b/Logo_ministere_transisiton_ecologique_2020.jpg"
+      height: 100
+    - 
+      title: "Podcast DataGen"
+      url: "https://open.spotify.com/episode/7DqAliUZ4IQp5lFGzgdKZX?si=095203f29a4e4907&nd=1"
+      logo: "https://uploads-ssl.webflow.com/621259dd820eb101bbc02c43/6224e861549b6e4a5798fd4c_Logo%20seul_Green-p-500.png"
+      height: 100
+    - 
+      title: "Europe 1"
+      url: "https://www.europe1.fr/emissions/initiative-a-impact/la-lutte-contre-les-feux-de-foret-passe-aussi-par-les-algorithmes-4204947"
+      logo: "/img/europe1.png"
+      height: 100
+    - 
+      title: "Podcast Safety Innov"
+      url: "https://open.spotify.com/episode/2NoEt2mCjhMDtlxeu594pG"
+      logo: "/img/safety_innov.png"
+      height: 100
+    - 
+      title: "TedX Tours"
+      url: "https://www.youtube.com/watch?v=ZaBdnqnLVBg&ab_channel=TEDxTalks"
+      logo: "/img/tedx-tours.png"
+      height: 100
+
 # Translations
 t:
   fr:
@@ -77,43 +140,7 @@ t:
       content: "Pour en savoir plus envoyez-nous un mail ou contactez-nous sur les réseaux sociaux. Nous vous répondrons le plus rapidement possible."
     medias:
       title: "Ils parlent de nous"
-      media1:
-        #title: "PyTorch Ecosystem Day"
-        url: "https://assets.pytorch.org/pted2021/posters/B8.png"
-        logo: "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c6/PyTorch_logo_black.svg/1200px-PyTorch_logo_black.svg.png"
-      media2:
-        #title: "Présentation DataXdays 2021"
-        url: "https://www.youtube.com/watch?v=QC52bYfXMkM&t=29931s"
-        logo: "https://dataxday.fr/assets/LOGOCOURT.svg"
-      media3:
-        #title: "Article Le Parisien"
-        url: "https://www.leparisien.fr/environnement/incendies-une-ong-invente-un-systeme-pour-detecter-les-feux-de-foret-09-09-2022-YDDO4HSLRFEDLNEGJRMGEGNFAM.php"
-        logo: "https://upload.wikimedia.org/wikipedia/commons/5/5b/Le_Parisien_-_logo_2016.png"
-      media4:
-        #title: "Lauréat Prix Epe"
-        url: "https://www.tf1info.fr/environnement-ecologie/nous-voulons-aider-les-pompiers-a-lutter-contre-les-incendies-le-projet-pyronear-laureat-du-prix-jeunes-epe-2022-protection-foret-secheresse-2223219.html"
-        logo: "https://upload.wikimedia.org/wikipedia/fr/thumb/7/77/TF1_%282013%29.svg/1200px-TF1_%282013%29.svg.png"
-      media5:
-        #title: "Blog de Qarnot"
-        url: "https://blog.qarnot.com/les-data-scientists-sauveront-ils-le-monde/"
-        logo: "https://pbs.twimg.com/profile_images/1326846994602749952/v1DzuBD-_400x400.jpg"
-      media6:
-        #title: "Podcast Horizon-IA"
-        url: "https://www.horizon-ia.com/saison1-feuxdeforets/"
-        logo: "https://www.horizon-ia.com/wp-content/uploads/2021/02/logo-site.png"
-      media7:
-        #title: "Présentation Monthly Marty"
-        url: "https://www.youtube.com/watch?v=kSwJopxsphQ"
-        logo: "https://dataforgood.fr/img/logo-dfg-new2.png"
-      media8:
-        #title: "Journée de la donnée au service de la transition écologique"
-        url: "https://www.youtube.com/watch?v=XDUVsrxHf_w&list=PLx4I2Pvlf1NIUV4dQcPolj326bf80YvrT"
-        logo: "https://upload.wikimedia.org/wikipedia/commons/5/5b/Logo_ministere_transisiton_ecologique_2020.jpg"
-      media9:
-        #title: "Podcast DataGen"
-        url: "https://open.spotify.com/episode/7DqAliUZ4IQp5lFGzgdKZX?si=095203f29a4e4907&nd=1"
-        logo: "https://uploads-ssl.webflow.com/621259dd820eb101bbc02c43/6224e861549b6e4a5798fd4c_Logo%20seul_Green-p-500.png"
-
+
     team:
       title: "L'équipe actuelle"
     partners:
@@ -215,42 +242,7 @@ t:
       content: "To get more information, reach us by email or on social networks. We will get back to you as soon as possible."
     medias:
       title: "They talk about us"
-      media1:
-        #title: "PyTorch Ecosystem Day"
-        url: "https://assets.pytorch.org/pted2021/posters/B8.png"
-        logo: "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c6/PyTorch_logo_black.svg/1200px-PyTorch_logo_black.svg.png"
-      media2:
-        #title: "Présentation DataXdays 2021"
-        url: "https://www.youtube.com/watch?v=QC52bYfXMkM&t=29931s"
-        logo: "https://dataxday.fr/assets/LOGOCOURT.svg"
-      media3:
-        #title: "Article Le Parisien"
-        url: "https://www.leparisien.fr/environnement/incendies-une-ong-invente-un-systeme-pour-detecter-les-feux-de-foret-09-09-2022-YDDO4HSLRFEDLNEGJRMGEGNFAM.php"
-        logo: "https://upload.wikimedia.org/wikipedia/commons/5/5b/Le_Parisien_-_logo_2016.png"
-      media4:
-        #title: "Lauréat Prix Epe"
-        url: "https://www.tf1info.fr/environnement-ecologie/nous-voulons-aider-les-pompiers-a-lutter-contre-les-incendies-le-projet-pyronear-laureat-du-prix-jeunes-epe-2022-protection-foret-secheresse-2223219.html"
-        logo: "https://upload.wikimedia.org/wikipedia/fr/thumb/7/77/TF1_%282013%29.svg/1200px-TF1_%282013%29.svg.png"
-      media5:
-        #title: "Blog de Qarnot"
-        url: "https://blog.qarnot.com/les-data-scientists-sauveront-ils-le-monde/"
-        logo: "https://pbs.twimg.com/profile_images/1326846994602749952/v1DzuBD-_400x400.jpg"
-      media6:
-        #title: "Podcast Horizon-IA"
-        url: "https://www.horizon-ia.com/saison1-feuxdeforets/"
-        logo: "https://www.horizon-ia.com/wp-content/uploads/2021/02/logo-site.png"
-      media7:
-        #title: "Présentation Monthly Marty"
-        url: "https://www.youtube.com/watch?v=kSwJopxsphQ"
-        logo: "https://dataforgood.fr/img/logo-dfg-new2.png"
-      media8:
-        #title: "Journée de la donnée au service de la transition écologique"
-        url: "https://www.youtube.com/watch?v=XDUVsrxHf_w&list=PLx4I2Pvlf1NIUV4dQcPolj326bf80YvrT"
-        logo: "https://upload.wikimedia.org/wikipedia/commons/5/5b/Logo_ministere_transisiton_ecologique_2020.jpg"
-      media9:
-        #title: "Podcast DataGen"
-        url: "https://open.spotify.com/episode/7DqAliUZ4IQp5lFGzgdKZX?si=095203f29a4e4907&nd=1"
-        logo: "https://uploads-ssl.webflow.com/621259dd820eb101bbc02c43/6224e861549b6e4a5798fd4c_Logo%20seul_Green-p-500.png"     
+
     team:
       title: "The current team"
     partners:
@@ -350,42 +342,6 @@ t:
       content: "Per obtenir més informació, poseu-vos en contacte amb nosaltres per correu electrònic o a les xarxes socials. Ens posarem en contacte amb vostè el més aviat possible."
     medias:
       title: "Parlen de nosaltres"
-      media1:
-        #title: "PyTorch Ecosystem Day"
-        url: "https://assets.pytorch.org/pted2021/posters/B8.png"
-        logo: "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c6/PyTorch_logo_black.svg/1200px-PyTorch_logo_black.svg.png"
-      media2:
-        #title: "Présentation DataXdays 2021"
-        url: "https://www.youtube.com/watch?v=QC52bYfXMkM&t=29931s"
-        logo: "https://dataxday.fr/assets/LOGOCOURT.svg"
-      media3:
-        #title: "Article Le Parisien"
-        url: "https://www.leparisien.fr/environnement/incendies-une-ong-invente-un-systeme-pour-detecter-les-feux-de-foret-09-09-2022-YDDO4HSLRFEDLNEGJRMGEGNFAM.php"
-        logo: "https://upload.wikimedia.org/wikipedia/commons/5/5b/Le_Parisien_-_logo_2016.png"
-      media4:
-        #title: "Lauréat Prix Epe"
-        url: "https://www.tf1info.fr/environnement-ecologie/nous-voulons-aider-les-pompiers-a-lutter-contre-les-incendies-le-projet-pyronear-laureat-du-prix-jeunes-epe-2022-protection-foret-secheresse-2223219.html"
-        logo: "https://upload.wikimedia.org/wikipedia/fr/thumb/7/77/TF1_%282013%29.svg/1200px-TF1_%282013%29.svg.png"
-      media5:
-        #title: "Blog de Qarnot"
-        url: "https://blog.qarnot.com/les-data-scientists-sauveront-ils-le-monde/"
-        logo: "https://pbs.twimg.com/profile_images/1326846994602749952/v1DzuBD-_400x400.jpg"
-      media6:
-        #title: "Podcast Horizon-IA"
-        url: "https://www.horizon-ia.com/saison1-feuxdeforets/"
-        logo: "https://www.horizon-ia.com/wp-content/uploads/2021/02/logo-site.png"
-      media7:
-        #title: "Présentation Monthly Marty"
-        url: "https://www.youtube.com/watch?v=kSwJopxsphQ"
-        logo: "https://dataforgood.fr/img/logo-dfg-new2.png"
-      media8:
-        #title: "Journée de la donnée au service de la transition écologique"
-        url: "https://www.youtube.com/watch?v=XDUVsrxHf_w&list=PLx4I2Pvlf1NIUV4dQcPolj326bf80YvrT"
-        logo: "https://upload.wikimedia.org/wikipedia/commons/5/5b/Logo_ministere_transisiton_ecologique_2020.jpg"
-      media9:
-        #title: "Podcast DataGen"
-        url: "https://open.spotify.com/episode/7DqAliUZ4IQp5lFGzgdKZX?si=095203f29a4e4907&nd=1"
-        logo: "https://uploads-ssl.webflow.com/621259dd820eb101bbc02c43/6224e861549b6e4a5798fd4c_Logo%20seul_Green-p-500.png"     
     team:
       title: "L'equip actual"
     partners:
@@ -485,42 +441,6 @@ t:
       content: "Para obtener más información, comuníquese con nosotros por correo electrónico o en las redes sociales. Nos pondremos en contacto con usted lo antes posible."
     medias:
       title: "They talk about us"
-      media1:
-        #title: "PyTorch Ecosystem Day"
-        url: "https://assets.pytorch.org/pted2021/posters/B8.png"
-        logo: "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c6/PyTorch_logo_black.svg/1200px-PyTorch_logo_black.svg.png"
-      media2:
-        #title: "Présentation DataXdays 2021"
-        url: "https://www.youtube.com/watch?v=QC52bYfXMkM&t=29931s"
-        logo: "https://dataxday.fr/assets/LOGOCOURT.svg"
-      media3:
-        #title: "Article Le Parisien"
-        url: "https://www.leparisien.fr/environnement/incendies-une-ong-invente-un-systeme-pour-detecter-les-feux-de-foret-09-09-2022-YDDO4HSLRFEDLNEGJRMGEGNFAM.php"
-        logo: "https://upload.wikimedia.org/wikipedia/commons/5/5b/Le_Parisien_-_logo_2016.png"
-      media4:
-        #title: "Lauréat Prix Epe"
-        url: "https://www.tf1info.fr/environnement-ecologie/nous-voulons-aider-les-pompiers-a-lutter-contre-les-incendies-le-projet-pyronear-laureat-du-prix-jeunes-epe-2022-protection-foret-secheresse-2223219.html"
-        logo: "https://upload.wikimedia.org/wikipedia/fr/thumb/7/77/TF1_%282013%29.svg/1200px-TF1_%282013%29.svg.png"
-      media5:
-        #title: "Blog de Qarnot"
-        url: "https://blog.qarnot.com/les-data-scientists-sauveront-ils-le-monde/"
-        logo: "https://pbs.twimg.com/profile_images/1326846994602749952/v1DzuBD-_400x400.jpg"
-      media6:
-        #title: "Podcast Horizon-IA"
-        url: "https://www.horizon-ia.com/saison1-feuxdeforets/"
-        logo: "https://www.horizon-ia.com/wp-content/uploads/2021/02/logo-site.png"
-      media7:
-        #title: "Présentation Monthly Marty"
-        url: "https://www.youtube.com/watch?v=kSwJopxsphQ"
-        logo: "https://dataforgood.fr/img/logo-dfg-new2.png"
-      media8:
-        #title: "Journée de la donnée au service de la transition écologique"
-        url: "https://www.youtube.com/watch?v=XDUVsrxHf_w&list=PLx4I2Pvlf1NIUV4dQcPolj326bf80YvrT"
-        logo: "https://upload.wikimedia.org/wikipedia/commons/5/5b/Logo_ministere_transisiton_ecologique_2020.jpg"
-      media9:
-        #title: "Podcast DataGen"
-        url: "https://open.spotify.com/episode/7DqAliUZ4IQp5lFGzgdKZX?si=095203f29a4e4907&nd=1"
-        logo: "https://uploads-ssl.webflow.com/621259dd820eb101bbc02c43/6224e861549b6e4a5798fd4c_Logo%20seul_Green-p-500.png"     
     team:
       title: "El equipo actual"
     partners:

diff --git a/_includes/medias.html b/_includes/medias.html
@@ -9,124 +9,26 @@ <h2 class="section-heading">{{ site.t.[layout.lang].medias.title }}</h2>
   </div>
   <div class="container">
     <div class="row">
+      {% for media in site.medias.items %}
       <div class="col-md-4 text-center">
         <div class="service-box">
           <p class="emoji">
-            <a href="{{ site.t.[layout.lang].medias.media1.url }}">
-              <img alt="media1-logo" src="{{ site.t.[layout.lang].medias.media1.logo }}" width=200>
+            <a href="{{ media.url }}">
+              <img
+                alt="{{media.title}} logo"
+                src="{{ media.logo }}"
+                width="{{ media.width }}"
+                height="{{ media.height }}"
+              />
             </a>
           </p>
           <!-- <i class="fa fa-4x fa-diamond wow bounceIn text-primary"></i> -->
-          <h3>{{ site.t.[layout.lang].medias.media1.title }}</h3>
-          <p class="text-muted">
-            {{ site.t.[layout.lang].medias.media1.content }}
-          </p>
-        </div>
-      </div>
-      <div class="col-md-4 text-center">
-        <div class="service-box">
-          <p class="emoji">
-            <a href="{{ site.t.[layout.lang].medias.media2.url }}">
-              <img alt="media2-logo" src="{{ site.t.[layout.lang].medias.media2.logo }}" height=75>
-            </a>
-          </p class="emoji">
-          <h3>{{ site.t.[layout.lang].medias.media2.title }}</h3>
-          <p class="text-muted">
-            {{ site.t.[layout.lang].medias.media2.content }}
-          </p>
-        </div>
-      </div>
-      <div class="col-md-4 text-center">
-        <div class="service-box">
-          <p class="emoji">
-            <a href="{{ site.t.[layout.lang].medias.media3.url }}">
-              <img alt="media3-logo" src="{{ site.t.[layout.lang].medias.media3.logo }}" height=75>
-            </a>
-          </p class="emoji">
-          <h3>{{ site.t.[layout.lang].medias.media3.title }}</h3>
-          <p class="text-muted">
-            {{ site.t.[layout.lang].medias.media3.content }}
-          </p>
-        </div>
-      </div>
-      <div class="col-md-4 text-center">
-        <div class="service-box">
-          <p class="emoji">
-            <a href="{{ site.t.[layout.lang].medias.media4.url }}">
-              <img alt="media4-logo" src="{{ site.t.[layout.lang].medias.media4.logo }}" height=75>
-            </a>
-          </p class="emoji">
-          <h3>{{ site.t.[layout.lang].medias.media4.title }}</h3>
-          <p class="text-muted">
-            {{ site.t.[layout.lang].medias.media4.content }}
-          </p>
-        </div>
-      </div>
-      <div class="col-md-4 text-center">
-        <div class="service-box">
-          <p class="emoji">
-            <a href="{{ site.t.[layout.lang].medias.media5.url }}">
-              <img alt="media5-logo" src="{{ site.t.[layout.lang].medias.media5.logo }}" height=75>
-            </a>
-          </p class="emoji">
-          <h3>{{ site.t.[layout.lang].medias.media5.title }}</h3>
-          <p class="text-muted">
-            {{ site.t.[layout.lang].medias.media5.content }}
-          </p>
-        </div>
-      </div>
-      <div class="col-md-4 text-center">
-        <div class="service-box">
-          <p class="emoji">
-            <a href="{{ site.t.[layout.lang].medias.media6.url }}">
-              <img alt="media6-logo" src="{{ site.t.[layout.lang].medias.media6.logo }}" height=75>
-            </a>
-          </p class="emoji">
-          <h3>{{ site.t.[layout.lang].medias.media6.title }}</h3>
-          <p class="text-muted">
-            {{ site.t.[layout.lang].medias.media6.content }}
-          </p>
-        </div>
-      </div>
-      <div class="col-md-4 text-center">
-        <div class="service-box">
-          <p class="emoji">
-            <a href="{{ site.t.[layout.lang].medias.media7.url }}">
-              <img alt="media7-logo" src="{{ site.t.[layout.lang].medias.media7.logo }}" height=75>
-            </a>
-          </p class="emoji">
-          <h3>{{ site.t.[layout.lang].medias.media7.title }}</h3>
-          <p class="text-muted">
-            {{ site.t.[layout.lang].medias.media7.content }}
-          </p>
-        </div>
-      </div>
-      <div class="col-md-4 text-center">
-        <div class="service-box">
-          <p class="emoji">
-            <a href="{{ site.t.[layout.lang].medias.media8.url }}">
-              <img alt="media8-logo" src="{{ site.t.[layout.lang].medias.media8.logo }}" height=100>
-            </a>
-          </p class="emoji">
-          <h3>{{ site.t.[layout.lang].medias.media8.title }}</h3>
-          <p class="text-muted">
-            {{ site.t.[layout.lang].medias.media8.content }}
-          </p>
-        </div>
-      </div>
-      <div class="col-md-4 text-center">
-        <div class="service-box">
-          <p class="emoji">
-            <a href="{{ site.t.[layout.lang].medias.media9.url }}">
-              <img alt="media9-logo" src="{{ site.t.[layout.lang].medias.media9.logo }}" height=75>
-            </a>
-          </p class="emoji">
-          <h3>{{ site.t.[layout.lang].medias.media9.title }}</h3>
-          <p class="text-muted">
-            {{ site.t.[layout.lang].medias.media9.content }}
-          </p>
+          <!-- <h3>{{ media.title }}</h3> -->
+          <p class="text-muted">{{ media.content }}</p>
         </div>
       </div>
+
+      {% endfor %}
     </div>
   </div>
-</section>
+</section>
diff --git a/img/europe1.png b/img/europe1.png
diff --git a/img/safety_innov.png b/img/safety_innov.png
diff --git a/img/tedx-tours.png b/img/tedx-tours.png