#7 Add EN/FR site

gaia-mistral · Feb 3, 2025 · 38abd36 · 38abd36
1 parent 191210a
commit 38abd36
Show file tree

Hide file tree

Showing 22 changed files with 395 additions and 8 deletions.
diff --git a/_data/tools.yaml b/_data/tools.yaml
@@ -2,31 +2,38 @@
 Modele LLM (Large Language Model):
   - name: Mistral AI
     logo: "/assets/img/outils/mistralia.png"
-    description: Mistral AI est une entreprise française, spécialisée dans l'intelligence artificielle générative. Elle développe de grands modèles de langage.
+    description-fr: Mistral AI est une entreprise française, spécialisée dans l'intelligence artificielle générative. Elle développe de grands modèles de langage.
+    description-en: Mistral AI is a French company specializing in generative artificial intelligence. It develops large language models.
     url: https://mistral.ai/
   - name: Llama
     logo: "/assets/img/outils/llama.png"
-    description: Llama est un modèle de langage développé par Meta, connu pour ses capacités avancées en traitement du langage naturel.
+    description-fr: Llama est un modèle de langage développé par Meta, connu pour ses capacités avancées en traitement du langage naturel.
+    description-en: Llama is a language model developed by Meta, known for its advanced natural language processing capabilities.
     url: https://www.llama.com
   - name: Anthropic
     logo: "/assets/img/outils/anthropic.png"
-    description: Anthropic est une entreprise spécialisée dans le développement de modèles de langage avancés, avec un accent sur la sécurité et l'éthique.
+    description-fr: Anthropic est une entreprise spécialisée dans le développement de modèles de langage avancés, avec un accent sur la sécurité et l'éthique.
+    description-en: Anthropic is a company specializing in the development of advanced language models, with a focus on safety and ethics.
     url: https://anthropic.com/
   - name: OpenAI
     logo: "/assets/img/outils/openai.png"
-    description: OpenAI est une entreprise dans le domaine de l'intelligence artificielle, connue pour ses modèles de langage comme ChatGPT.
+    description-fr: OpenAI est une entreprise dans le domaine de l'intelligence artificielle, connue pour ses modèles de langage comme ChatGPT.
+    description-en: OpenAI is a company in the field of artificial intelligence, known for its language models like ChatGPT.
     url: https://openai.com/
 
 Plateforme:
   - name: HuggingFace
     logo: "/assets/img/outils/huggingface.png"
-    description: HuggingFace est une plateforme populaire pour le partage et l'utilisation de modèles de machine learning.
+    description-fr: HuggingFace est une plateforme populaire pour le partage et l'utilisation de modèles de machine learning.
+    description-en: Hugging Face is a popular platform for sharing and using machine learning models.
     url: https://huggingface.co/
   - name: Poe
     logo: "/assets/img/outils/poe.png"
-    description: Poe est une plateforme qui permet aux utilisateurs d'interagir avec divers modèles.
+    description-fr: Poe est une plateforme qui permet aux utilisateurs d'interagir avec divers modèles.
+    description-en: Poe is a platform that allows users to interact with various models.
     url: https://poe.com/
   - name: Perplexity
     logo: "/assets/img/outils/perplexity.png"
-    description: Perplexity est une plateforme qui offre des outils pour l'analyse et la génération de texte.
+    description-fr: Perplexity est une plateforme qui offre des outils pour l'analyse et la génération de texte.
+    description-en: Perplexity is a platform that offers tools for text analysis and generation.
     url: https://perplexity.ai/
diff --git a/_includes/en-header.html b/_includes/en-header.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="shortcut icon" href="{{ "/assets/img/favicon.ico" | relative_url }}" type="image/x-icon">
+  <link rel="stylesheet" type="text/css" href="{{ "/assets/css/style.css" | relative_url }}">
+  <script src="https://code.highcharts.com/highcharts.js"></script>
+  <link rel="preload" as="font" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i" crossorigin>
+  {% seo %}
+</head>
+
+<body{% if page.id %} id="{{ page.id }}"{% endif %} class="{{ page.layout }}">
+
+  <div class="page-header pt-4 pb-5">
+    <div class="container-lg">
+    <nav class="language-switcher mt-3 text-center"> 
+      <a href="{{ site.baseurl }} /" class="text-dark">
+        <img src="{{ '/assets/img/fr.png' | relative_url }}" alt="French" style="width: 40px; height: auto;">
+      </a>
+    </nav>
+
+
+      <div class="text-center">
+        <a href="{{ "/" | relative_url}}"><img class="logo py-3" src="{{ "/assets/img/logo-gaia.png" | relative_url}}" alt="Gaia"></a>
+
+        <ul>
+          <li class="d-block d-sm-inline-block px-1 px-md-3"><a href="{{ "/en/principes/" | relative_url}}" class="text-center btn btn-outline">Principle</a></li>
+          <li class="d-block d-sm-inline-block px-1 px-md-3"><a href="{{ "/en/sia2025/" | relative_url}}" class="text-center btn btn-outline">SIA 2025</a></li>
+          <li class="d-block d-sm-inline-block px-1 px-md-3"><a href="{{ "/en/public_datas/" | relative_url}}" class="text-center btn btn-outline">Data</a></li>
+          <li class="d-block d-sm-inline-block px-1 px-md-3"><a href="{{ "/en/outils/" | relative_url}}" class="text-center btn btn-outline">Tools</a></li>
+          <li class="d-block d-sm-inline-block px-1 px-md-3"><a href="{{ "/en/sia2024/" | relative_url}}" class="text-center btn btn-outline">SIA 2024</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/_includes/en-tools-table.html b/_includes/en-tools-table.html
@@ -0,0 +1,41 @@
+<div class="mini-section mt-6">
+    <div class="org-include" id="include-{{ include.id }}">
+        <span class="no-matches">No matches.</span>
+
+        {% assign columns = 3 %}
+        {% for type_hash in include.orgs %}
+            {% assign slug = type_hash[0] | downcase | replace: ' ','-' | replace: '.','' %}
+            <div class="org-type clearfix" id="type-{{ include.id }}-{{ slug }}">
+                <h3 class="alt-h3 mb-3" id="{{ include.id }}-{{ slug }}">{{ type_hash[0] }}</h3>
+
+                <div class="orgs">
+                    {% assign org_count = type_hash[1] | size %}
+                    {% for org in type_hash[1] %}
+                        {% assign column_number = forloop.index0 | modulo: columns %}
+                        {% if column_number == 0 %}
+                            <div class="org-row clearfix gutter">
+                        {% endif %}
+
+                        <div class="col-sm-4 float-left org">
+                            <div class="border d-block text-center px-2 py-4 mb-4 participant-card">
+                                {% if org.logo %}
+                                    <img class="avatar" src="{{ org.logo | relative_url }}" width="100" height="auto"/>
+                                {% endif %}
+                                <div class="org-name text-medium"><a href="{{ org.url }}" target='_blank'>{{ org.name }}</a></div>
+                                <div class="org-description">{{ org.description-en }}</div>
+                            </div>
+                        </div><!-- col-sm-4 float-left org -->
+
+                        {% if column_number == columns - 1 or forloop.last %}
+                            </div><!-- org-row clearfix gutter -->
+                        {% endif %}
+                    {% endfor %}<!-- loop orgs -->
+
+                    {% if org_count % columns != 0 and forloop.last %}
+                        </div><!-- org-row clearfix gutter -->
+                    {% endif %}
+                </div><!-- orgs -->
+            </div><!-- org-type -->
+        {% endfor %}
+    </div> <!-- org-include -->
+</div> <!-- mini-section -->
diff --git a/_includes/header.html b/_includes/header.html
@@ -15,8 +15,16 @@
 
   <div class="page-header pt-4 pb-5">
     <div class="container-lg">
+    <nav class="language-switcher mt-3 text-center"> 
+      <a href="{{ site.baseurl }}/en/" class="text-dark">
+        <img src="{{ '/assets/img/gb.png' | relative_url }}" alt="" style="width: 35px; height: auto;">
+      </a>
+    </nav>
+
       <div class="text-center">
         <a href="{{ "/" | relative_url}}"><img class="logo py-3" src="{{ "/assets/img/logo-gaia.png" | relative_url}}" alt="Gaia"></a>
+
+
         <ul>
           <li class="d-block d-sm-inline-block px-1 px-md-3"><a href="{{ "/principes/" | relative_url}}" class="text-center btn btn-outline">Principe</a></li>
           <li class="d-block d-sm-inline-block px-1 px-md-3"><a href="{{ "/sia2025/" | relative_url}}" class="text-center btn btn-outline">SIA 2025</a></li>
@@ -27,3 +35,6 @@
       </div>
     </div>
     <!-- .full-width here gets closed on support-page.html and home.html layouts -->
+  </div>
+</body>
+</html>
diff --git a/_includes/tools-table.html b/_includes/tools-table.html
@@ -22,7 +22,7 @@ <h3 class="alt-h3 mb-3" id="{{ include.id }}-{{ slug }}">{{ type_hash[0] }}</h3>
                                     <img class="avatar" src="{{ org.logo | relative_url }}" width="100" height="auto"/>
                                 {% endif %}
                                 <div class="org-name text-medium"><a href="{{ org.url }}" target='_blank'>{{ org.name }}</a></div>
-                                <div class="org-description">{{ org.description }}</div>
+                                <div class="org-description">{{ org.description-fr }}</div>
                             </div>
                         </div><!-- col-sm-4 float-left org -->
 

diff --git a/_layouts/en-home.html b/_layouts/en-home.html
@@ -0,0 +1,5 @@
+{% include en-header.html %}
+
+{{ content }}
+
+{% include footer.html %}
diff --git a/assets/img/fr.png b/assets/img/fr.png
diff --git a/assets/img/gb.png b/assets/img/gb.png
diff --git a/docs/en/en-outils.md b/docs/en/en-outils.md
@@ -0,0 +1,16 @@
+---
+title: Tools
+layout: en-home
+description: Tools
+permalink: /en/outils/
+lang: en
+---
+
+<section id="tools" class="bg-gray-light">
+  <div class="container-lg p-responsive py-5 py-md-6 text-center">
+    <h3 class="alt-h2 mb-4">Tools</h3>
+    <div class="tools-grid" id="tools-grid">
+      {% include en-tools-table.html orgs=site.data.tools id="tools" name="tools" %}
+    </div>
+  </div>
+</section>
diff --git a/docs/en/en-principes.md b/docs/en/en-principes.md
@@ -0,0 +1,17 @@
+---
+title: Principes
+layout: en-home
+description: Principes de Gaia
+permalink: /en/principes/
+lang: en
+---
+<section id="get-started" class="mini-section mt-6">
+  <div class="container-lg p-responsive">
+      <div class="alt-lead text-gray text-center col-md-10 mx-auto"> We provide
+      <a href="{{"/en/public_datas/" | relative_url}}">open data</a> or <a href="{{"/en/private_datas/" | relative_url}}">private data</a> to GAIA, we ask a question, and it responds by considering the data source.</div>
+      <br>
+      <a href="https://huggingface.co/spaces/gaia-mistral/chatbot-g-pdf" target='_blank' title="Demo Niveau 2" class="border d-block text-center px-2 py-4 mb-4">
+        <img src="/assets/img/principes/level2_fr.png" width="800"/>
+      </a>
+  </div>
+</section>
diff --git a/docs/en/en-private_data.md b/docs/en/en-private_data.md
@@ -0,0 +1,23 @@
+---
+title: Private Agricultural Data
+layout: en-home
+description: Private Agricultural Data
+permalink: /en/private_datas/
+lang: en
+---
+<section class="container-lg p-responsive py-5 py-md-6 my-lg-6">
+  <h2 class="alt-h2 text-center mb-3 mt-lg-6">The La Vauzelle Farm Dataset</h2>
+  <div class="clearfix gutter-spacious">
+    By nature, private data is not public. However, to develop this project, we rely on open data from a mixed crop-livestock dairy farm.
+  </div>
+  <br>
+  <div class="clearfix gutter-spacious">
+    La Vauzelle Farm, located in Charente-Maritime (17), cultivates 115 hectares of mixed crops and has 60 Normande dairy cows.
+  </div>
+  <img src="/assets/img/la_vauzelle.png" width="800" display="block" margin-left="auto" margin-right="auto"/>
+  <p class="text-center">
+    <a href="https://github.com/ekylibre/first_run-demo/tree/master/demo" target='_blank' class="btn btn-github btn-outline">Raw Data</a>
+    <a href="https://demo-innovation.ekylibre.io/" target='_blank' class="btn btn-outline">Data via Ekylibre</a>
+    <a href="https://ekylibre.stoplight.io/docs/eky/751aacde8cec8-ekylibre" target='_blank' class="btn btn-outline">Data via Ekylibre API</a>
+  </p>
+</section>
diff --git a/docs/en/en-public_data.md b/docs/en/en-public_data.md
@@ -0,0 +1,12 @@
+---
+title: Public Agricultural Data
+layout: en-home
+description: Public Agricultural Data
+permalink: /en/public_datas/
+lang: en
+---
+<section class="bg-gray-light">
+  <div class="container-lg p-responsive py-5 py-md-6 ">
+    {% include project-table.html orgs=site.data.public_datas id="public_datas" name="Open Data" %}
+  </div>
+</section>
diff --git a/docs/en/en-sia2024.md b/docs/en/en-sia2024.md
@@ -0,0 +1,85 @@
+---
+title: Recap of the World Premiere at SIA 2024
+layout: en-home
+description: Recap of the World Premiere at SIA 2024
+permalink: /en/sia2024/
+lang: en
+---
+
+<section id="topics" class="bg-gray-light">
+  <div class="container-lg p-responsive py-5 py-md-6 text-center">
+    <h3 class="alt-h2 mb-4">Topics</h3>
+    <p>For more videos, visit our dedicated page: <a href="https://videos.gaia-ia.org/" target="_blank">GAIA Videos</a></p>
+    <div class="video-grid">
+      <div class="video-thumbnail" data-video-id="yd9agyhuDp4">
+        <a href="https://www.youtube.com/watch?v=yd9agyhuDp4" target="_blank">
+          <img src="https://img.youtube.com/vi/yd9agyhuDp4/0.jpg" alt="Video thumbnail 1">
+        </a>
+        <div class="play-button"></div>
+      </div>
+      <div class="video-thumbnail" data-video-id="LHFijUmdHnQ">
+        <a href="https://www.youtube.com/watch?v=LHFijUmdHnQ" target="_blank">
+          <img src="https://img.youtube.com/vi/LHFijUmdHnQ/0.jpg" alt="Video thumbnail 2">
+        </a>
+        <div class="play-button"></div>
+      </div>
+      <div class="video-thumbnail" data-video-id="43nrjAhT1oo">
+        <a href="https://www.youtube.com/watch?v=43nrjAhT1oo" target="_blank">
+          <img src="https://img.youtube.com/vi/43nrjAhT1oo/0.jpg" alt="Video thumbnail 3">
+        </a>
+        <div class="play-button"></div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section id="tools" class="bg-gray-light">
+  <div class="container-lg p-responsive py-5 py-md-6 text-center">
+    <h3 class="alt-h2 mb-6">Prototypes</h3>
+    <div class="tools-grid" id="tools-grid">
+      <a href="https://gaia-mistral-chatbot-g-pdf.hf.space/" target='_blank' title="Demo Gaia RAG PDF">
+        <img class="avatar" src="/assets/img/tools/gaia_1.png" width="400"/>
+      </a>
+      <a href="https://gaia-mistral-pest-livestock-information.hf.space/" target='_blank' title="Demo Gaia livestock">
+        <img class="avatar" src="/assets/img/tools/gaia_2.png" width="400"/>
+      </a>
+    </div>
+  </div>
+</section>
+
+<section id="participants" class="bg-gray-light">
+  <div class="container-lg p-responsive py-5 py-md-6 text-center">
+    <h3 class="alt-h2 mb-4">Participants and Contributors</h3>
+    <div class="participants-grid" id="participants-grid">
+      {% include participants-table.html orgs=site.data.participants id="participants" name="Participants" %}
+    </div>
+  </div>
+</section>
+
+<section id="sia2024" class="bg-gray-light">
+  <div class="container-lg p-responsive py-5 py-md-6 text-center">
+    <h3 class="alt-h2 mb-4">Recap of the World Premiere at SIA 2024</h3>
+    <div class="media-grid">
+      <a href="https://www.bfmtv.com/tech/au-salon-de-l-agriculture-le-premier-hackathon-du-monde-dedie-a-l-agriculture_VN-202403020088.html" target='_blank' title="Report BFM">
+        <img class="avatar" src="/assets/img/bfm_tc.jpeg" width="100"/>
+      </a>
+      <a href="https://www.ouest-france.fr/economie/agriculture/salon/salon-de-lagriculture-lintelligence-artificielle-promise-a-un-bel-avenir-dans-les-fermes-7eae41de-d579-11ee-96ef-9660257def44" target='_blank' title="Article">
+        <img class="avatar" src="/assets/img/ouest_france.png" width="100"/>
+      </a>
+      <a href="https://www.reussir.fr/des-chat-gpt-pourlagriculture" target='_blank' title="Article">
+        <img class="avatar" src="/assets/img/reussir.png" width="100"/>
+      </a>
+      <a href="https://www.terre-net.fr/numerique/article/863818/au-sia2024-l-intelligence-artificielle-prend-une-place-d-honneur" target='_blank' title="Article">
+        <img class="avatar" src="/assets/img/terre-net.png" width="100"/>
+      </a>
+      <a href="https://parolesdelus.com/actualites/smart-territoires/applications-et-usages/sia-2024-retour-sur-la-hackathon-gaiai-de-la-ferme-digitale-et-de-mistral-ia-avec-david-joulin/" target='_blank' title="Article">
+        <img class="avatar" src="/assets/img/paroledelus.svg" width="100"/>
+      </a>
+      <a href="https://www.lafranceagricole.fr/salon-de-l-agriculture/article/860803/le-sia-pro-propose-un-hackathon-sur-l-intelligence-artificielle" target='_blank' title="Article">
+        <img class="avatar" src="/assets/img/france-agricole.png" height="100"/>
+      </a>
+    </div>
+  </div>
+</section>
+
+<script src="/assets/js/sia2024-video.js"></script>
diff --git a/docs/en/en-sia2025.md b/docs/en/en-sia2025.md
@@ -0,0 +1,41 @@
+---
+title: Sia2025
+layout: en-home
+description: Sia2025
+permalink: /en/sia2025/
+lang: en
+---
+
+<section id="coach" class="bg-gray-light">
+  <div class="container-lg p-responsive py-5 py-md-6 text-center">
+    <h3 class="alt-h2 mb-4">The Coaches</h3>
+      {% include coach-table.html orgs=site.data.coachs id="coachs" name="Coaches" %}
+  </div>
+</section>
+
+<section id="sujets" class="bg-gray-light">
+  <div class="container-lg p-responsive py-5 py-md-6 text-center">
+    <h3 class="alt-h2 mb-4">Topics</h3>
+    <div class="sujets-content">
+      <!-- Content for Topics -->
+    </div>
+  </div>
+</section>
+
+<section id="mallette-developpement" class="bg-gray-light">
+  <div class="container-lg p-responsive py-5 py-md-6 text-center">
+    <h3 class="alt-h2 mb-4">Development Kit</h3>
+    <div class="mallette-developpement-content">
+      <!-- Content for Development Kit -->
+    </div>
+  </div>
+</section>
+
+<section id="outils" class="bg-gray-light">
+  <div class="container-lg p-responsive py-5 py-md-6 text-center">
+    <h3 class="alt-h2 mb-4">Partners and Tools</h3>
+    <div class="outils-grid" id="outils-grid">
+      {% include liste-table.html orgs=site.data.liste id="liste" name="list" %}
+    </div>
+  </div>
+</section>
diff --git a/mistral.md → docs/fr/mistral.md b/mistral.md → docs/fr/mistral.md
@@ -3,6 +3,7 @@ title: Le modèle Mistral
 layout: home
 description: Comment fonctionne Mistral
 permalink: /mistral/
+lang: fr
 ---
 <section class="container-lg p-responsive py-5 py-md-6 my-lg-6">
   <h2 class="alt-h2 text-center mb-3 mt-lg-6">Pourquoi Mistral et pas un autre moteur LLM</h2>

diff --git a/outils.md → docs/fr/outils.md b/outils.md → docs/fr/outils.md
@@ -3,6 +3,7 @@ title: Outils
 layout: home
 description: Outils
 permalink: /outils/
+lang: fr
 ---
 
 <section id="tools" class="bg-gray-light">

diff --git a/principes.md → docs/fr/principes.md b/principes.md → docs/fr/principes.md
@@ -3,6 +3,7 @@ title: Principes
 layout: home
 description: Principes de Gaia
 permalink: /principes/
+lang: fr
 ---
 <section id="get-started" class="mini-section mt-6">
   <div class="container-lg p-responsive">