(fr) index - sync, more - initial translation

1 files changed, 240 insertions, 72 deletions

diff --git a/french/index.wml b/french/index.wml
index a168ddb7614..dedb628bfe8 100644
--- a/french/index.wml
+++ b/french/index.wml
@@ -1,86 +1,254 @@
-#use wml::debian::mainpage title="Le système d'exploitation universel" GEN_TIME="yes"
-#use wml::debian::recent_list
-#include "$(ENGLISHDIR)/releases/info"
-#include "$(ENGLISHDIR)/releases/images.data"
-#use wml::debian::translation-check translation="db28b03ffeea30dd379cb4120e6f83d0e85722d8" maintainer="Jean-Paul Guillonneau"
+#use wml::debian::mainpage title="Le système d'exploitation universel"
+#use wml::debian::translation-check translation="35c81c2efe2cedc4d2e08ef3515dff100b92a50b" maintainer="Jean-Pierre Giraud"
 
-#traducteurs et contributeurs, voir le journal :
-#https://anonscm.debian.org/viewvc/webwml/webwml/french/index.wml?diff_format=h&view=log
+<link href="startpage.css" rel="stylesheet" type="text/css">
+<link href="5img-carousel-slider.css" rel="stylesheet" type="text/css">
 
-<span class="download">
-<a href="<stable-images-url/>/amd64/iso-cd/debian-<current-tiny-cd-release-filename/>-amd64-netinst.iso">
-Télécharger Debian <current_release_short><em> (installation par le réseau pour PC 64 bits)</em></a> </span>
-
-
-
-
-
-<div id="splash" style="text-align: center;">
-       <h1>Debian</h1>
+<div id="splash">
+  <h1>Debian</h1>
 </div>
 
-<div id="intro">
-<p>Debian est un système d'exploitation
-<a href="intro/free">libre</a> pour votre ordinateur. Un système d'exploitation
-est une suite de programmes de base et d’utilitaires permettant à un ordinateur
-de fonctionner.
-</p>
-
-<p>Debian est bien plus qu'un simple système d'exploitation&nbsp;: il est
-fourni avec plus de <packages_in_stable> <a href="distrib/packages">paquets</a>&nbsp;.
-Ce sont des composants logiciels précompilés, assemblés dans un format
-ingénieux conçu pour une installation aisée sur une machine.
-<a href="intro/about">Lire la suite…</a>
+<!-- The first row of columns on the site. -->
+<div class="row">
+  <div class="column styled-href-blue column-left">
+    <div align="center">
+      <h1>La communauté</h1>
+      <h2>Debian est une communauté de personnes !</h2>
+      <!-- The following div is containing the static image carousel.
+           Currently made of five images. -->
+      <div class="wrapper">
+        <input checked type="radio" name="slider" id="slide1" />
+        <input type="radio" name="slider" id="slide2" />
+        <input type="radio" name="slider" id="slide3" />
+        <input type="radio" name="slider" id="slide4" />
+        <input type="radio" name="slider" id="slide5" />
+
+        <div class="slider-wrapper">
+          <div class="inner">
+            <article>
+              <div class="info bottom-right">
+                <h3>Photo de groupe de la DebConf 19</h3>
+              </div>
+              <img src="Pics/Debconf19_group_photo.jpg"
+                   alt="Logo de la DebConf 19"/>
+            </article>
+
+            <article>
+              <div class="info top-left">
+                <h3>Mini DebConf Hambourg 2018</h3>
+              </div>
+              <img src="Pics/minidc-hh2019-group-photo-1024x576.jpg"
+                   alt="Photo de groupe de la MiniDebConf 2018 à Hambourg"/>
+            </article>
+
+            <article>
+              <div class="info top-left">
+                <h3>Copie d'écran de l'installateur Calamares</h3>
+              </div>
+              <img src="Pics/calamares-debian-installer-1024x576.jpg"
+                   alt="Copie d'écran de l'installateur Calamares"/>
+            </article>
+
+            <article>
+              <div class="info top-left">
+                <h3>Debian est comme un couteau suisse</h3>
+              </div>
+              <img src="Pics/debian-swiss-knife-hands-1024x576.jpg"
+                   alt="Debian est comme un couteau suisse" />
+            </article>
+
+            <article>
+              <div class="info top-left">
+                <h3>Les gens s'amusent</h3>
+              </div>
+              <img src="Pics/debian-funny-people-1024x576.jpg"
+                   alt="Les membres de Debian à la Debconf 18 à Hsinchu s'amusent vraiment"/>
+            </article>
+          </div>  <!-- .inner -->
+        </div>  <!-- .slider-wrapper -->
+
+        <div class="slider-prev-next-control">
+          <label for="slide1"></label>
+          <label for="slide2"></label>
+          <label for="slide3"></label>
+          <label for="slide4"></label>
+          <label for="slide5"></label>
+        </div>  <!-- .slider-prev-next-control -->
+
+        <div class="slider-dot-control">
+          <label for="slide1"></label>
+          <label for="slide2"></label>
+          <label for="slide3"></label>
+          <label for="slide4"></label>
+          <label for="slide5"></label>
+        </div>  <!-- .slider-dot-control -->
+      </div>
+
+
+      <!--<img src="Pics/hacking_on_md_curitiba2018.jpg" alt="[people]">-->
+      <!--<img src="Pics/minidc-hh-group_photo.jpg" alt="[people]">-->
+      <!--<img src="Pics/Debconf18_group_photo.jpg" alt="[people]">-->
+    </div>
+    <div class="row">
+      <div class="community column">
+        <a href="intro/about"><img src="logos/connected-people.png"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="intro/about">Les gens</a></h2>
+        <p>Qui sommes nous, que faisons nous</p>
+      </div>
+    </div>
+    <div class="row">
+      <div class="community column">
+        <a href="intro/"><img src="logos/yin-yang.png"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="intro/">Notre philosophie</a></h2>
+        <p>Pourquoi et comment le faisons nous</p>
+      </div>
+    </div>
+    <div class="row">
+      <div class="community column">
+        <a href="devel/join/"><img src="logos/programming.png"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="devel/join/">S'impliquer et contribuer</a></h2>
+        <p>Vous pouvez faire partie de la communauté !</p>
+      </div>
+    </div>
+    <div class="row">
+      <div class="community column">
+        <a href="more#community"><img src="logos/read-more.png"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="more#community">Et plus encore...</a></h2>
+        <p>Informations supplémentaires sur la communauté Debian</p>
+      </div>
+    </div>
+  </div>
+  <div class="column column-right">
+    <div align="center">
+      <h1>Le système d'exploitation</h1>
+      <h2>Debian est un système d'exploitation libre complet !</h2>
+      <div class="os-img-container">
+        <img src="Pics/debian-logo-1024x576.png" alt="Debian">
+        <a href="<stable-images-url/>/amd64/iso-cd/debian-<current-tiny-cd-release-filename/>-amd64-netinst.iso" class="os-dl-btn">Téléchargement</a>
+      </div>
+    </div>
+    <div class="row">
+      <div class="community column">
+        <a href="intro/why_debian"><img src="logos/why-debian.png"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="intro/why_debian">Pourquoi Debian</a></h2>
+        <p>Qu'est-ce qui rend Debian particulier et qui fait que vous devriez l'utiliser</p>
+      </div>
+    </div>
+    <div class="row">
+      <div class="community column">
+        <a href="support"> <img src="logos/support.png"> </a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="support">Assistance</a></h2>
+        <p>Obtenir de l'aide et la documentation</p>
+      </div>
+    </div>
+    <div class="row">
+      <div class="community column">
+        <a href="security/"><img src="logos/security-shield.png"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="security/">Mises à jour de sécurité</a></h2>
+        <p>Annonces de sécurité de Debian (DSA) <a class="rss_logo" href="security/dsa">RSS</a></p>
+      </div>
+    </div>
+    <div class="row">
+      <div class="community column">
+        <a href="more#software"><img src="logos/read-more.png"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="more#software">Et plus encore...</a></h2>
+        <p>Davantage de liens vers les téléchargements et les logiciels</p>
+      </div>
+    </div>
+  </div>
 </div>
-<hometoc/>
-
-<p class="infobar">
-La <a href="releases/stable/">dernière version stable de Debian</a> est
-la <current_release_short>. La dernière mise à jour de cette version
-a été publiée le <current_release_date>.
-
-Vous pouvez aussi accéder aux
-<a href="releases/">autres versions disponibles de Debian</a>.</p>
-
-
 
-<h2>Pour commencer</h2>
-<p>Veuillez utiliser la barre de navigation au sommet de cette page pour accéder
-à plus de contenus.</p>
-
-<p>De plus, les utilisateurs qui parlent une langue autre que l'anglais peuvent
-consulter la section sur l'<a href="international/">international</a>, et ceux
-utilisant un autre système qu’Intel x86 peuvent consulter la section sur les
-<a href="ports/">portages</a>.
-
-<hr />
-<a class="rss_logo" href="News/news">RSS</a>
-<h2>Actualités</h2>
-
-<p><:= get_recent_list('News/$(CUR_YEAR)', '6', '$(ENGLISHDIR)', '', '\d+\w*' ) :></p>
-
-<p>Pour les communiqués plus anciens, consultez les pages <a href="$(HOME)/News/">actualités</a>.
-Si vous voulez recevoir un courrier (en anglais) à chaque fois qu'un communiqué paraît, abonnez-vous
-à la <a href="MailingLists/debian-announce">liste de diffusion debian-announce</a>.</p>
-
-<hr />
-<a class="rss_logo" href="security/dsa">RSS</a>
-<h2>Annonces de sécurité</h2>
-
-<p><:= get_recent_list ('security/2w', '10', '$(ENGLISHDIR)', 'bydate', '(2000\d+\w+|dsa-\d+)' ) :></p>
-
-<p>Pour les annonces de sécurité, consultez les <a href="$(HOME)/security/">\
-informations de sécurité</a>.
-Si vous voulez recevoir les annonces de sécurité (en anglais) dès leur parution, abonnez-vous
-à la <a href="https://lists.debian.org/debian-security-announce/">liste de diffusion debian-security-announce</a>.</p>
+<hr>
+<!-- The second row of columns on the site. -->
+<!-- The News will be selected by the press team. -->
+
+<div class="row">
+  <div class="column styled-href-blue column-left">
+    <div align="center">
+      <h1>Nouvelles du projet</h1>
+      <h2>Nouvelles et annonces de Debian !</h2>
+    </div>
+    <!-- First, most recent News entry. -->
+    <div class="project-news">
+      <time datetime="2019-09-08" class="date-as-calendar position-em size1_25x">
+        <span class="day">08</span>
+        <span class="month">septembre</span>
+        <span class="year">2019</span>
+      </time>
+      <div class="project-news-content">
+        <a href="News/2019/20190908">Publication de la mise à jour de Debian 9.11</a>
+      </div>
+    </div>
+    <!-- Second News entry. -->
+    <div class="project-news">
+      <time datetime="2019-09-07" class="date-as-calendar position-em size1_25x">
+        <span class="day">07</span>
+        <span class="month">septembre</span>
+        <span class="year">2019</span>
+      </time>
+      <div class="project-news-content">
+        <a href="News/2019/20190907">Publication de la mise à jour de Debian 10.1</a>
+      </div>
+    </div>
+    <!-- Third News entry. -->
+    <div class="project-news">
+      <time datetime="2019-07-27" class="date-as-calendar position-em size1_25x">
+        <span class="day">27</span>
+        <span class="month">juillet</span>
+        <span class="year">2019</span>
+      </time>
+      <div class="project-news-content">
+        <a href="News/2019/20190727">Clôture de DebConf 19 à Curitiba et annonce des dates de DebConf 20</a>
+      </div>
+    </div>
+    <!-- Fourth News entry. -->
+    <div class="project-news">
+      <time datetime="2019-07-07" class="date-as-calendar position-em size1_25x">
+        <span class="day">07</span>
+        <span class="month">juillet</span>
+        <span class="year">2019</span>
+      </time>
+      <div class="project-news-content">
+        <a href=" News/2019/20190707">Debian Edu/Skolelinux Buster — une solution Linux complète pour votre école</a>
+      </div>
+    </div>
+
+    <!-- No more News entries behind this line! -->
+    <div class="project-news">
+      <div class="end-of-list-arrow"></div>
+      <div class="project-news-content project-news-content-end">
+        <a href="News">Toutes les nouvelles</a>
+        <a class="rss_logo" href="News/news">RSS</a>
+      </div>
+    </div>
+
+  </div>
+</div>
 
 {#rss#:
 <link rel="alternate" type="application/rss+xml"
- title="Actualités Debian" href="News/news">
+ title="Nouvelles Debian" href="News/news">
 <link rel="alternate" type="application/rss+xml"
  title="Nouvelles du projet Debian" href="News/weekly/dwn">
 <link rel="alternate" type="application/rss+xml"
- title="Annonces de sécurité Debian (titres seuls)" href="security/dsa">
+ title="Annonces de sécurité de Debian (titres uniquement)" href="security/dsa">
 <link rel="alternate" type="application/rss+xml"
- title="Annonces de sécurité Debian (résumés)" href="security/dsa-long">
+ title="Annonces de sécurité de Debian (résumés)" href="security/dsa-long">
 :#rss#}
+