Merge pull request #9 from 42-AI/dev

README.md

@@ -69,34 +69,34 @@ Please make sure you have read and understood the [Chirpy documentation](https:/
 
 ### Logic
 
-#### Site configuration variables : `/locales/`
+#### Site configuration variables : `_data/locales/`
 
 See the following files : 
 
 ```
-/locales/_config.yml
-/locales/authors.yml
-/locales/contact.yml 
-/locales/share.yml
+_data//locales/_config.yml
+_data//locales/authors.yml
+_data//locales/contact.yml 
+_data//locales/share.yml
 <!-- language-dependent template variables -->
-/locales/en.yml
-/locales/fr.yml
+_data//locales/en.yml
+_data//locales/fr.yml
 ```
 #### Site structure : `_tabs/`
 
 The `markdown` files in the `_tabs` folder populate the Menu in the sidebar on the left (based on their 'title' and 'lang' attributes)
 
 > See specific README for the `_tabs` folder in [the dedicated file](_tabs/README.md)
 
-These markdown files only contain the templates for the page. The variables for each page are injected into the template. They are stored in the `/locales/tabs/` folder.
+These markdown files only contain the templates for the page. The variables for each page are injected into the template. They are stored in the `_data//locales/tabs/` folder.
 
-#### Site structure content : `_locales/tabs/`
+#### Site structure content : `_data/_locales/tabs/`
 
 All the text from the TABS folder pages, in YAML, kept in one place to facilitate multilingual support and consistency between languages, and be separated from template files. 
 
 One file per tab is enough. If you want to add multilingual support for this tab, you will need to modify this yml file accordingly. 
 
-See example file : `[_locales/tabs/learning.yml](_locales/tabs/learning.yml)
+See example file : `[_locales/tabs/learning.yml](_data/locales/tabs/learning.yml)
 
 #### Site publishing content : `_posts/`
 
@@ -136,9 +136,9 @@ In the current version, 42AI's github page supports two languages : French (defa
 
 The polyglot gem for Chirpy works as a charm, but requires a few adaptations. Important points to take into consideration here are the following :  
 
-- Site global variables per language are accessible at the root of the `locales` folder :
-    - `/locales/fr.yml`
-    - `/locales/en.yml`
+- Site global variables per language are accessible at the root of the `_data/locales` folder :
+    - `_data/locales/fr.yml`
+    - `_data/locales/en.yml`
 
 - For each page you want translated:
     - you need to create a duplicate file in the same folder, adding the `-en` suffix for an english file. 

_data/locales/tabs/home.yml

@@ -15,21 +15,20 @@ Interested in knowing more ? Find out all the relevant information in the <a hre
     text: 
       fr: "Accès rapide"
       en: "Quick access"
+      # col1
     gh_link: 
       fr: "42AI sur GitHub"
       en: "42AI on GitHub"
       url: https://github.com/42-ai
-
     42studs_link: 
       fr: "Étudiants de 42"
       en: "42 Students"
       url: /42students
-
     contact_link: 
       fr: "Contactez-nous !"
       en: "Contact us !"
       url: mailto:[email protected]
-
+      # col2
     py_btcmp_link:
       fr: "Bootcamp Python"
       en: "Python Bootcamp"
@@ -38,7 +37,12 @@ Interested in knowing more ? Find out all the relevant information in the <a hre
       fr: "Bootcamp Machine Learning"
       en: "Machine Learning Bootcamp"
       url: https://github.com/42-AI/bootcamp_machine-learning
-
+    blog_post_link: 
+      fr: "Publier un article"
+      en: "Write a blog post"
+      url:
+        fr: /42students#contribuer-en-publiant-un-billet-de-blog
+        en: /42students/#contributing-by-publishing-a-blog-article
   last_activity: 
       fr: "Dernières actualités"
       en: "Last news"

_data/locales/tabs/learning.yml

@@ -29,7 +29,7 @@ Discovery of Python, object-oriented programming paradigm, and relevant librarie
         en: "Machine Learning Bootcamp"
       url: 'https://github.com/42-AI/bootcamp_machine-learning'
       description:
-        fr: "Niveau : Intermédiaire<br/>Faîtes vos premiers pas dans l’apprentissage automatique !"
+        fr: "Niveau : Intermédiaire<br/><br/>Faîtes vos premiers pas dans l’apprentissage automatique !"
         en: "Level: Intermediate<br/><br/>Get started with Machine Learning !"
     dl:
       title:

_includes/42ai_home.html

@@ -33,11 +33,13 @@
 }
 .hoverable{
   color: #34343c;
+  margin: 40px 15px 15px 15px;
+
 }
 .hoverable:hover{
   transition: 0.5s;
-  font-size: 64px;
-  margin: 5px;
+  font-size: 48px;
+  margin: 25px;
   color: lightslategray
 }
 .hoverable2:hover{
@@ -55,43 +57,31 @@
   <div class="column container" style="border-radius: 0px;">
 
   <!-- TLDR -->
-  <div class="col" style="margin: 25px 15px 50px 15px;">
+  <div class="col" style="margin: 5px 15px 50px 15px;">
+
     <h3>{{42ai_home.welcome[lang]}}</h3>
-      <p class="radjani" style="margin: 15px auto 15px auto;">{{42ai_home.asso_description[lang]}}
-      </p>
-          <p style="width: 80%; margin: 40px 10% 30px 10%; 
-              display: flex; justify-content: space-between;">
-              <a target="_blank" href="https://www.instagram.com/_42AI_/">
-                <i class="hoverable fa-brands fa-instagram fa-2xl"></i>
-              </a>
-
-              <a target="_blank" href="https://42ai.medium.com/">
-                <i class="hoverable fa-brands fa-medium fa-2xl"></i>
-              </a>
-
-              <a target="_blank" href="https://www.youtube.com/c/@42AI_Paris/">
-                <i class="hoverable fa-brands fa-youtube fa-2xl"></i>
-              </a>
-
-              <a target="_blank" href="https://www.linkedin.com/company/42-artificial-intelligence/">
-                <i class="hoverable fa-brands fa-linkedin fa-2xl"></i>
-              </a>
-
-              <a target="_blank" href="https://x.com/42AI_">
-                <i class="hoverable fa-brands fa-x-twitter fa-2xl"></i>
-              </a>
-
-              <a target="_blank" href="https://github.com/42-AI">
-                <i class="hoverable fa-brands fa-github fa-2xl"></i>
-              </a>
-
-              <a target="_blank" href="https://www.facebook.com/42ArtificialIntelligence/">
-                <i class="hoverable fa-brands fa-facebook fa-2xl"></i>
-              </a>
-          </p>
-
-
+      <p class="radjani" style="margin: 15px auto 15px auto;">{{42ai_home.asso_description[lang]}}</p>
+
+    <!-- Social media Icons Links list -->
+      <div class="flex" style="width: 80%; margin: 30px 10% 15px 10%; display: flex;  flex-wrap: wrap; justify-content: space-evenly; text-align: center;">
+
+        <a target="_blank" href="https://github.com/42-AI"><i class="hoverable fa-brands fa-github fa-2xl"></i></a>
+
+        <a target="_blank" href="https://www.linkedin.com/company/42-artificial-intelligence/"><i class="hoverable fa-brands fa-linkedin fa-2xl"></i></a>
+
+        <a target="_blank" href="https://www.kaggle.com/born2code42ai"><i class="hoverable fa-brands fa-kaggle fa-2xl"></i></a>
+
+        <a target="_blank" href="https://www.youtube.com/c/@42AI_Paris/"><i class="hoverable fa-brands fa-youtube fa-2xl"></i></a>
+
+        <a target="_blank" href="https://x.com/42AI_"><i class="hoverable fa-brands fa-x-twitter fa-2xl"></i></a>
+
+        <a target="_blank" href="https://www.instagram.com/_42AI_/"><i class="hoverable fa-brands fa-instagram fa-2xl"></i></a>
+
+        <a target="_blank" href="https://www.facebook.com/42ArtificialIntelligence/"><i class="hoverable fa-brands fa-facebook fa-2xl"></i></a>
+
       </div>
+    <!-- //Social media Icons Links list -->
+</div>
   <!-- // TLDR -->
 
 
@@ -101,7 +91,11 @@ <h3>{{42ai_home.welcome[lang]}}</h3>
     <!-- QUICK ACCESS -->
      <div style="margin: 25px 15px 15px 15px;">
 
-        <h3>{{ 42ai_home.quick_access.text[site.active_lang] }}</h3>
+        <h3>{{ 42ai_home.quick_access.text[site.active_lang] }}
+          <span class="d-md-none" style="float: right; width:auto; height: 18px; display: inline-flex; border-radius: 0px;">
+            <img src="/assets/img/corner.png"/>
+          </span>
+        </h3>
 
         <div class="row container" style="padding: 15px;">
           <div class="col-md-6 col-sm-12">
@@ -125,7 +119,9 @@ <h3>{{ 42ai_home.quick_access.text[site.active_lang] }}</h3>
               <li class="hoverableLink"><a target="_blank" href="{{42ai_home.quick_access.ml_btcmp_link.url}}">
                   <i class="fa-solid fa-cog fa-lg"></i>&emsp;{{ 42ai_home.quick_access.ml_btcmp_link[site.active_lang] }}</a>
                 </li>
-
+              <li class="hoverableLink"><a href="{{42ai_home.quick_access.blog_post_link.url[site.active_lang]}}">
+                <i class="fa-solid fa-lightbulb fa-lg"></i>&emsp;{{ 42ai_home.quick_access.blog_post_link[site.active_lang] }}</a>
+              </li>
             </ul>
           </div>
         </div>
@@ -139,7 +135,11 @@ <h3>{{ 42ai_home.quick_access.text[site.active_lang] }}</h3>
       <!-- ACTIVITY / LAST POSTS -->
      <div style="margin: 25px 15px 25px 15px;">
 
-         <h3 class="roboto" style="color: grey;">{{ 42ai_home.last_activity[site.active_lang] }}</h3>
+         <h3 class="roboto" style="color: grey;">{{ 42ai_home.last_activity[site.active_lang] }}
+          <span class="d-md-none" style="float: right; width:auto; height: 18px; display: inline-flex; border-radius: 0px;">
+            <img src="/assets/img/corner.png"/>
+          </span>
+         </h3>
 
          <div class="column" style="margin-top: 30px;">
           {% assign posts = '' | split: '' %}

_includes/topbar.html

@@ -59,6 +59,11 @@
 
 
   <!-- 42AI modif : Removing Useless Searchbar ie d-none class -->
+
+    <button type="button" id="search-trigger" class="btn btn-link d-none">
+      <i class="fas fa-search fa-fw"></i>
+    </button>
+
     <search id="search" class="align-items-center ms-3 ms-lg-0 d-none">
       <i class="fas fa-search fa-fw"></i>
       <input
@@ -70,9 +75,11 @@
         placeholder="{{ site.data.locales[site.active_lang].search.hint | capitalize }}..."
       >
     </search>
-    <button type="button" class="btn btn-link text-decoration-none" id="search-cancel">
+    <button type="button" class="btn btn-link text-decoration-none d-none" id="search-cancel">
       {{- site.data.locales[site.active_lang].search.cancel -}}
     </button>
+    <!-- 42AI modif : Removing Useless Searchbar ie d-none class -->
+
   </div>
 
 

_includes/trending-tags.html

@@ -35,7 +35,9 @@
 
 {% if trending_tags.size > 0 %}
   <section>
-    <h2 class="panel-heading">{{- site.data.locales[site.active_lang].panel.trending_tags -}}<img style="margin: 0px auto 5px 5px" width="12px" src="/assets/img/corner.png"/></h2>
+    <h2 class="panel-heading">{{- site.data.locales[site.active_lang].panel.trending_tags -}}
+      <img style="margin: 0px auto 5px 5px" width="12px" src="/assets/img/corner.png"/>
+    </h2>
     <div class="d-flex flex-wrap mt-3 mb-1 me-3">
       {% for tag_name in trending_tags %}
         <!-- Ajout 42AI -->

_posts/2024-02-03-Désignation-nouveau-bureau.md

@@ -9,7 +9,7 @@ image:
 is_blog_post: false
 ---
 
-## 42AI est de retour !
+## 42AI est de retour !!
 
 Au terme d'un travail de préparation de plusieurs semaines, une nouvelle équipe reprend le flambeau de l'association ! 
 
@@ -20,3 +20,4 @@ Plus de détails sur le fonctionnement de l'association sur les pages suivantes
 - [L'équipe](/team)
 - [Pôles](/departments)
 - [Étudiants de 42](/42students)
+

_posts/2024-02-22-42AI-r3b00t.md

@@ -12,13 +12,13 @@ image:
 
 Au programme :
 
-🧬 Quelques mots d'introduction sur l'histoire, la raison d'être et les objectifs de 42AI
+- 🧬 Quelques mots d'introduction sur l'histoire, la raison d'être et les objectifs de 42AI
 
-🤝 Présentation des membres et de l'organisation de la nouvelle équipe dirigeante
+- 🤝 Présentation des membres et de l'organisation de la nouvelle équipe dirigeante
 
-🚧 Présentation des projets de l'association pour l'année en cours, et des moyens de vous impliquer !
+- 🚧 Présentation des projets de l'association pour l'année en cours, et des moyens de vous impliquer !
 
-🥤🍕🍻 Enfin, un moment d'échanges et de partage autour d'un apéro et de pizzas !
+- 🥤🍕🍻 Enfin, un moment d'échanges et de partage autour d'un apéro et de pizzas !
 
 Le nombre de places étant limité, pensez à vous inscrire rapidement et à marquer la date dans vos agendas !
 

_posts/2024-03-07-Intro-to-LLMs.md

@@ -8,15 +8,15 @@ image:
   path: /assets/img/banners/banner_post_event.png
 ---
 
-🔓 Envie de jailbreak ChatGPT ? Ou simplement curieux d'apprendre à maîtriser les outils de ton temps ? 🦾
+### 🔓 Envie de jailbreak ChatGPT ? Ou simplement curieux d'apprendre à maîtriser les outils de ton temps ? 🦾
 
 Rejoins-nous pour le premier événement organisé par la nouvelle équipe de 42AI ! #R3b00t 🚀
 
 Au programme, la première conférence d'une série pédagogique consacrée aux potentiels des "Large Language Models" (LLMs) et à leurs limites, au travers de la pratique du "Prompt Engineering" : 
 
-🔍 Une introduction accessible à tous sur les LLMs : théorie et principes de base. 
+- 🔍 Une introduction accessible à tous sur les LLMs : théorie et principes de base. 
 
-🔬 Les fondamentaux du "Prompt Engineering" : maîtriser les bonnes pratiques pour exploiter au mieux tout le potentiel des LLMs !
+- 🔬 Les fondamentaux du "Prompt Engineering" : maîtriser les bonnes pratiques pour exploiter au mieux tout le potentiel des LLMs !
 
 Quelles que soient tes ambitions, appréhender les LLMs et savoir communiquer efficacement avec eux te sera sans doute utile et précieux !  🤖 💬
 

_posts/2024-06-1-ML-new-release.md

@@ -10,4 +10,6 @@ image:
 
 Une nouvelle version corrigée du bootcamp Machine Learning est disponible ! 
 
-https://github.com/42-AI/bootcamp_machine-learning/releases/tag/version%2Fv5.0.2.post1
+[Retrouvez cette nouvelle version sur la page de la release](https://github.com/42-AI/bootcamp_machine-learning/releases/tag/version%2Fv5.0.2.post1)
+
+L'équipe 42AI

_posts/2024-06-18-AI-in-Paris.md

@@ -8,6 +8,8 @@ image:
   path: /assets/img/events/aiInParis.png
 ---
 
+## AI In Paris
+
 Fruit d'une première collaboration entre 42AI, 42Entrepreneurs et la Paris AI Society, la soirée "AI in Paris" a rassemblé plus de 200 personnes, étudiants et externes, venus écouter des témoignages d'entrepreneurs et échanger autour de pizzas ! 
 
 Nous sommes fiers d'avoir pu accueillir : 
@@ -17,4 +19,4 @@ Nous sommes fiers d'avoir pu accueillir :
 - Benoît MARTIN: CTO, Naaia - Artificial Intelligence Management System™ (AIMS)
 - Eric WETZEL: Data & AI Business Expert, Databricks
 
-Toutes les photos sont disponibles ici https://drive.google.com/drive/folders/1z8Z7m2PeP4JcXy4D8kOKSCo-KqShxniZ?usp=drive_link
+Toutes les photos sont [disponibles ici](https://drive.google.com/drive/folders/1z8Z7m2PeP4JcXy4D8kOKSCo-KqShxniZ?usp=drive_link)

_posts/2024-06-25-AI-pero.md

@@ -10,7 +10,7 @@ image:
 
 Hello World ! 👋
 
-​42 Artificial Intelligence relance les AI-péros ! 🍹🎉🍻
+​42 Artificial Intelligence relance les **AI-péros** ! 🍹🎉🍻
 
 ​Retrouvons-nous le Jeudi 23 Mai pour un moment d'échange et de partage autour d'un verre à proximité de 42 !
 

_posts/2024-06-28-Vendred'IA.md

@@ -10,17 +10,17 @@ image:
 
 ## 🚀 42AI accueille le Centre pour la Sécurité de l'IA (CeSIA) d'EffiSciences pour son Vendred'IA ! 🤖
 
-Le CeSIA (ancien pôle IA d'EffiSciences) est un collectif fondé au sein des Écoles Normales Supérieures dont la vocation est d'"agir pour une recherche plus impliquée face aux problèmes de notre monde". Plus d'infos sur securite-ia.fr.
+Le **CeSIA** (ancien pôle IA d'EffiSciences) est un collectif fondé au sein des Écoles Normales Supérieures dont la vocation est d'"agir pour une recherche plus impliquée face aux problèmes de notre monde". Plus d'infos sur securite-ia.fr.
 
-Comment peut-on s'assurer que le développement de l'IA soit sécurisé et bénéfique pour notre avenir ?
+***Comment peut-on s'assurer que le développement de l'IA soit sécurisé et bénéfique pour notre avenir ?***
 
 C'est l'enjeu des travaux portés par le CeSIA.
 
 Au programme de cette conférence introductive :
 
-la présentation de différents scénarios de risques liés à l'IA 💥
+- la présentation de différents scénarios de risques liés à l'IA 💥
 
-des pistes de solutions pour les entreprises, les chercheurs et les acteurs publics 🧑‍🔬
+- des pistes de solutions pour les entreprises, les chercheurs et les acteurs publics 🧑‍🔬
 
 Cette conférence est ouverte à tous, et ne nécessite aucune expertise en IA.
 

_posts/2024-07-03-nouveaux-statuts.md

@@ -11,6 +11,4 @@ is_blog_post: false
 
 Le bureau de l'association a adopté une nouvelle rédaction des statuts de l'asso ! 
 
-
-
 Vous pouvez consulter cette nouvelle version simplifiée [ici](https://github.com/42-AI/legal/tree/main/statuses)

_posts/2024-09-17-github-pages.md

@@ -12,10 +12,11 @@ author:
 
 ## 42 Artificial Intelligence se dôte d'un nouveau site ! 
 
-Nous avons utilisé GitHub pages pour refondre notre site, et réactiver le domaine **42ai.fr**.
+Nous avons utilisé GitHub pages pour refondre notre site web, et réactiver le domaine **42ai.fr**.
 
 En plus d'être gratuite, cette solution permet d'héberger facilement des billets de blog. 
 
 Si vous souhaitez publier un article sur notre site, rendez-vous dans la section [42students](/42students)
 
-On espère que le résultat vous plaît ! 
+On espère que le résultat vous plaît !
+

_posts/2024-09-27-Python-new-release.md

@@ -11,5 +11,7 @@ authors: [maperez42]
 
 Une nouvelle version du bootcamp Python est disponible ! 
 
-<h5><a href="https://github.com/42-AI/bootcamp_python/releases/tag/version%2Fv3.2.0">Release 3.2.0</a></h5>
+<a href="https://github.com/42-AI/bootcamp_python/releases/tag/version%2Fv3.2.0">Release 3.2.0</a>
+
+L'équipe 42AI