Update README.md

README.md

@@ -1,28 +1,186 @@
 ---
 title: README
-emoji: 🏢
-colorFrom: indigo
+emoji: 👨‍💻
+colorFrom: blue
 colorTo: red
 sdk: static
 pinned: false
 ---
 
-![image/png](https://cdn-uploads.huggingface.co/production/uploads/637b5532a38fc0e66f7f39af/wkbeV6y5kSkygTg2ky60W.png)
+<center>
+<a href="https://www.catie.fr/" title="CATIE website (French version)">
+  <img src="https://www.catie.fr/wp-content/uploads/2022/03/Logo_CATIE_CMNJ-1.png" alt="CATIE Logo" width="200" height="100">
+</a>
+</center>
+
 
 <div style="flex: 1; display: flex;">
   <div style="flex: 1; display: flex; flex-direction: column; align-items: center;">
-    <p style="text-align: center;">FR</p>
-    <p style="text-align: justify;"><b>Le CATIE (Centre Aquitain des Technologies de Information et Electroniques) est une association à but non lucratif créée en 2014 à l'initiative de la Région Nouvelle-Aquitaine et spécialisée dans les domaines de l'intelligence artificielle, de l'électronique embarqué et des facteurs humains.</b></p>
-    <p style="text-align: justify;">Notre mission première est de soutenir et d'accompagner les PME, ETI et autres structures dans leurs projets de développement et de transformation numérique.<br>Nous intervenons également dans de nombreux projets de recherche, dans les domaines les plus porteurs de nos technologies, afin de proposer les accompagnements les plus avancés.</p>
-    <p style="text-align: justify;">Pour en savoir plus, consultez notre <a href="https://www.catie.fr/wp-content/uploads/2022/10/Plaquette_2022_web.pdf">plaquette</a> ou notre <a href="https://www.catie.fr">site internet</a>.</p>
-    <p style="text-align: justify;">Vous trouverez ci-dessous nos modèles et jeux de données <i>open-source</i> developpés par notre équipe <i>data science</i>.</p>
+    <p style="text-align: center;">🇫🇷</p>
+    <p style="text-align: justify;">
+    Le CATIE est une association à but non lucratif dont l'objectif est de soutenir et d'accompagner les PME et ETI dans leur transformation numérique.<br><br>
+    Depuis janvier 2023, notre équipe Data Science développe des jeux de données et des modèles en français.
+    Il ne s'agit pas de notre activité principale et nous pouvons donc y consacrer que des moyens limités (~1,5 ETP/an ; nous n'avons pas d'équipe de R&D ; nous ne pouvons effectué un suivi / une maintenance que lorsque nous avons du temps disponible, etc.).<br>
+    Vous trouverez ci-dessous le calendrier des mises en ligne des travaux que nous avons été autorisé à mettre en open source (vous pouvez cliquer sur chaque élément !)
+    </p>
   </div>
   <div style="width: 30px;"></div>
   <div style="flex: 1; display: flex; flex-direction: column; align-items: center;">
-    <p style="text-align: center;">EN</p>
-    <p style="text-align: justify;"><b>CATIE (Centre Aquitain des Technologies de l'information et Electroniques) is a non-profit association created in 2014 on the initiative of the Nouvelle-Aquitaine council and is specialized in the fields of artificial intelligence, embedded electronics and human factors.</b></p>
-    <p style="text-align: justify;">Our primary mission is to support and assist SMEs and other structures in their development projects and digital transformation.<br><br>We are also involved in various research projects in the most promising fields of our technologies, in order to offer the most advanced support.</p>
-    <p style="text-align: justify;">For further information, please consult our <a href="https://www.catie.fr/wp-content/uploads/2022/10/Plaquette_2022_web_EN.pdf">brochure</a> or our <a href="https://www.catie.fr/en/home/">website</a>.</p>
-    <p style="text-align: justify;">You will find below our open-source models and datasets developed by our data science team.</p>
+    <p style="text-align: center;">🇬🇧</p>
+    <p style="text-align: justify;">
+      CATIE is a non-profit association dedicated to supporting and assisting SMEs and ETIs in their digital transformation.<br><br>
+      Since January 2023, our Data Science team has been developing datasets and models in French.<br>
+      This is not our core activity, so we can only devote limited resources to it (~1.5 FTE/year; we don't have an R&D team; we can only carry out monitoring/maintenance when we have some time available, etc.).<br>
+      Below is a timeline of the releases of the work we've been authorized to open source (you can click on each item!).
+    </p>
   </div>
+</div>
+
+<br><br>
+
+<style>
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600&display=swap');
+
+.timeline-container {
+    max-width: 2000px;
+    margin: 10px auto 10px;
+    padding: 20px;
+    overflow-x: scroll;
+    font-family: 'DM Sans', sans-serif;
+}
+
+/* .timeline-container::-webkit-scrollbar {
+    display: none;  /* Chrome, Safari, Edge 
+} */
+
+.timeline-container {
+    scrollbar-width: auto;  
+    scrollbar-color: #888 #f1f1f1;  
+}
+
+.timeline {
+    position: relative;
+    min-width: 1200px; /* Minimum width before scrolling */
+}
+
+.line {
+    position: absolute;
+    width: 100%;
+    height: 2px;
+    background: #333;
+    bottom: 30px;
+}
+
+.timeline-items {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    position: relative;
+    min-height: 150px;
+}
+
+.month-marker {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
+    flex: 1;
+}
+
+.month-dot {
+    width: 12px;
+    height: 12px;
+    background: #000;
+    border-radius: 50%;
+    margin-bottom: -14px;
+    position: relative;
+    z-index: 1;
+}
+
+.month-label {
+    font-weight: bold;
+    margin-top: 10px;
+}
+
+.events-container {
+    position: absolute;
+    bottom: 40px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 250px;
+    text-align: left;
+}
+
+.event {
+    position: relative;
+    left: 92px;
+    margin: 8px 0;
+    font-size: 14px;
+    display: flex;
+    align-items: flex-start;
+    gap: 5px;
+    white-space: pre-wrap;
+    max-width: 210px;
+}
+
+.event img {
+    width: 20px;
+    height: 20px;
+    vertical-align: middle;
+}
+
+.event a {
+    /*color: #000000;*/
+    text-decoration: none;
+}
+
+.event a:hover {
+    color: #686868;
+    text-decoration: underline;
+}
+</style>
+
+<div class="timeline-container">
+    <div class="timeline">
+        <div class="line"></div>
+        <div class="timeline-items">
+            <div class="month-marker">
+                <div class="events-container">
+                    <div class="event">❓<a href="https://huggingface.co/collections/CATIE-AQ/catie-french-qa-pack-650821750f44c341cdb8ec91" target="_blank">French QA pack (models, dataset, Space, blog post)</a></div>
+                    <div class="event">📝<a href="https://huggingface.co/collections/CATIE-AQ/catie-french-prompts-datasets-6508208ad55dd4e15cd67f8b" target="_blank">DFP<br>(Dataset of French Prompts)</a></div>
+                </div>
+                <div class="month-dot"></div>
+                <div class="month-label">Sep 2023</div>
+            </div>
+            <div class="month-marker">
+                <div class="events-container">
+                    <div class="event">🔍<a href="https://huggingface.co/collections/CATIE-AQ/catie-french-ner-pack-658aefafe3f7a2dcf0e4dbb4" target="_blank">French NER pack (models, datasets, Space, blog post)</a></div>
+                </div>
+                <div class="month-dot"></div>
+                <div class="month-label">Jan 2024</div>
+            </div>
+            <div class="month-marker">
+                <div class="events-container">
+                    <div class="event">⚡<a href="https://github.com/catie-aq/flashT5" target="_blank">FAT5 model v0<br>(Flash Attention T5)</a></div>
+                 </div>
+                <div class="month-dot"></div>
+                <div class="month-label">Feb 2024</div>
+            </div>
+            <div class="month-marker">
+                <div class="events-container">
+                    <div class="event">❓<a href="https://huggingface.co/collections/CATIE-AQ/catie-french-qa-pack-650821750f44c341cdb8ec91" target="_blank">QAmemBERT v2</a></div>
+                    <div class="event">🔍<a href="https://huggingface.co/collections/CATIE-AQ/catie-french-ner-pack-658aefafe3f7a2dcf0e4dbb4" target="_blank">NERmemBERT v2</a></div>
+                </div>
+                <div class="month-dot"></div>
+                <div class="month-label">Nov 2024</div>
+            </div>
+            <div class="month-marker">
+                <div class="events-container">
+                    <div class="event">⚡<a href="" target="_blank">FAT5 (offical release)<br>(code, weight, tech. report)</a></div>
+                </div>
+                <div class="month-dot"></div>
+                <div class="month-label">Jan 2025</div>
+            </div>          
+        </div>
+    </div>
 </div>