(nl) Dutch translation for the new homepage

1 files changed, 238 insertions, 63 deletions

diff --git a/dutch/index.wml b/dutch/index.wml
index 1af08064abc..abe1b42bcee 100644
--- a/dutch/index.wml
+++ b/dutch/index.wml
@@ -1,80 +1,255 @@
 #use wml::debian::mainpage title="Het universele Besturingssysteem" GEN_TIME="yes"
 #use wml::debian::recent_list
-#use wml::debian::translation-check translation="db28b03ffeea30dd379cb4120e6f83d0e85722d8"
+#use wml::debian::translation-check translation="35c81c2efe2cedc4d2e08ef3515dff100b92a50b"
 
-# Last Translation Update by: $Author$
-# Last Translation Update at: $Date$
-
-#include "$(ENGLISHDIR)/releases/info"
-#include "$(ENGLISHDIR)/releases/images.data"
-
-<span class="download"><a href="<stable-images-url/>/amd64/iso-cd/debian-<current-tiny-cd-release-filename/>-amd64-netinst.iso">Download Debian <current_release_short><em>(64-bits PC Netwerk-installatie)</em></a> </span>
+<link href="startpage.css" rel="stylesheet" type="text/css">
+<link href="5img-carousel-slider.css" rel="stylesheet" type="text/css">
 
 <div id="splash">
-        <h1>Debian</h1>
+  <h1>Debian</h1>
 </div>
 
-<div id="intro">
-<p>Debian is een
-<a href="intro/free">vrij</a> besturingssysteem (OS) voor uw computer.
-Een besturingssysteem is de verzameling van basis- en hulpprogramma's
-die er voor zorgen dat uw computer werkt.
-</p>
-
-<p>Debian geeft u veel meer dan een besturingssysteem alleen:
-het bevat meer dan <packages_in_stable>&nbsp;<a
-href="distrib/packages">pakketten</a>, voorgecompileerde programma's in
-een handig formaat zodat ze gemakkelijk kunnen worden geïnstalleerd
-op uw computer. <a href="intro/about">Meer informatie...</a></p>
-
+<!-- The first row of columns on the site. -->
+<div class="row">
+  <div class="column styled-href-blue column-left">
+    <div align="center">
+      <h1>Het Collectief</h1>
+      <h2>Debian is een samenwerkingsverband!</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>DC19 Groepsfoto</h3>
+              </div>
+              <img src="Pics/Debconf19_group_photo.jpg"
+                   alt="Logo of DebConf19"/>
+            </article>
+
+            <article>
+              <div class="info top-left">
+                <h3>Mini-DebConf Hamburg 2018</h3>
+              </div>
+              <img src="Pics/minidc-hh2019-group-photo-1024x576.jpg"
+                   alt="Group photo of the MiniDebConf in Hamburg 2018"/>
+            </article>
+
+            <article>
+              <div class="info top-left">
+                <h3>Schermafdruk Calamares installatieprogramma</h3>
+              </div>
+              <img src="Pics/calamares-debian-installer-1024x576.jpg"
+                   alt="Screenshot from the Calamares installer" />
+            </article>
+
+            <article>
+              <div class="info top-left">
+                <h3>Debian is als een Zwitsers mes</h3>
+              </div>
+              <img src="Pics/debian-swiss-knife-hands-1024x576.jpg"
+                   alt="Debian is like a Swiss Knife" />
+            </article>
+
+            <article>
+              <div class="info top-left">
+                <h3>Mensen hebben er plezier</h3>
+              </div>
+              <img src="Pics/debian-funny-people-1024x576.jpg"
+                   alt="Debian people at Debconf18 in Hsinchu really having fun"/>
+            </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">Mensen</a></h2>
+        <p>Wie we zijn, wat we doen</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/">Onze filisofie</a></h2>
+        <p>Waarom we het doen en hoe we het doen</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/">Raak betrokken, draag bij</a></h2>
+        <p>U kunt hier deel van uitmaken!</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">Meer...</a></h2>
+        <p>Extra informatie over het Debian samenwerkingsverband</p>
+      </div>
+    </div>
+  </div>
+  <div class="column column-right">
+    <div align="center">
+      <h1>Het besturingssysteem</h1>
+      <h2>Debian is een volledig vrij besturingssysteem!</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">Downloaden</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">Waarom Debian?</a></h2>
+        <p>Wat maakt Debian speciaal, zodat u het zou moeten gebruiken?</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">Gebruikersondersteuning</a></h2>
+        <p>Hulp krijgen en documentatie</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/">Veiligheidsupdates</a></h2>
+        <p>Aankondigingen van Debian beveiligingen (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">Meer...</a></h2>
+        <p>Meer links naar downloads en software</p>
+      </div>
+    </div>
+  </div>
 </div>
 
-<hometoc/>
-
-<p class="infobar">
-De <a href="releases/stable/">meest recente release van Debian</a> is
-<current_release_short>. De laatste update aan deze release heeft
-plaatsgevonden op <current_release_date>. Lees meer over de
-<a href="releases/">beschikbare versies van Debian</a>.</p>
-
-
-<h2>Beginnen met Debian</h2>
-<p>Gebruik de navigatiebalk aan de bovenkant van deze pagina voor meer informatie.</p>
-<p>Gebruikers met een andere moedertaal dan Engels, kunnen de sectie <a href="international/">Debian internationaal</a> raadplegen, en personen die
-een ander systeem dan Intel x86 gebruiken, wordt aangeraden de sectie <a href="ports/">Ports/Architecturen</a> te raadplegen.</p>
-<hr />
-<a class="rss_logo" href="News/news">RSS</a>
-
-<h2>Nieuws</h2>
-
-<p><:= get_recent_list('News/$(CUR_YEAR)', '6', '$(ENGLISHDIR)', '', '\d+\w*' ) :></p>
-
-<p>Voor oudere nieuwsberichten, zie de <a
-href="$(HOME)/News/">Nieuwspagina</a>.
-Als u mail wilt ontvangen met het laatste Debian nieuws kunt u zich
-aanmelden voor de <a href="MailingLists/debian-announce">debian-announce
-mailinglijst</a>.</p>
-
-<hr />
-<a class="rss_logo" href="security/dsa">RSS</a>
-<h2>Beveiligingsberichten</h2>
-
-<p><:= get_recent_list ('security/2w', '10', '$(ENGLISHDIR)', 'bydate', '(2000\d+\w+|dsa-\d+)' ) :></p>
-
-<p>Voor oudere beveiligingsberichten, zie de <a
-href="$(HOME)/security/">beveiligingspagina</a>. Als u
-beveiligingsberichten direct per e-mail wilt ontvangen wanneer ze
-verschijnen, kunt u zich aanmelden voor de <a
-href="https://lists.debian.org/debian-security-announce/">debian-security-announce
-mailinglijst</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>Projectnieuws</h1>
+      <h2>Nieuws en aankondigingen over 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">november</span>
+        <span class="year">2019</span>
+      </time>
+      <div class="project-news-content">
+        <a href="News/2019/20190908">Update voor Debian 9: Debian 9.11 uitgebracht</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">september</span>
+        <span class="year">2019</span>
+      </time>
+      <div class="project-news-content">
+        <a href="News/2019/20190907">Update voor Debian 10: Debian 10.1 uitgebracht</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">juli</span>
+        <span class="year">2019</span>
+      </time>
+      <div class="project-news-content">
+        <a href="News/2019/20190727">DebConf19 in Curitiba afgesloten en data voor DebConf20 aangekondigd</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">juli</span>
+        <span class="year">2019</span>
+      </time>
+      <div class="project-news-content">
+        <a href=" News/2019/20190707">Debian Edu / Skolelinux Buster — een volledige Linux-oplossing voor uw school</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">Alle nieuws</a>
+        <a class="rss_logo" href="News/news">RSS</a>
+      </div>
+    </div>
+
+  </div>
+</div>
 
 {#rss#:
 <link rel="alternate" type="application/rss+xml"
- title="Debian-nieuws" href="News/news">
+ title="Debian News" href="News/news">
 <link rel="alternate" type="application/rss+xml"
  title="Debian Project News" href="News/weekly/dwn">
 <link rel="alternate" type="application/rss+xml"
-title="Debian Veiligheidsadviezen (enkel de titels)" href="security/dsa">
+ title="Debian Security Advisories (titles only)" href="security/dsa">
 <link rel="alternate" type="application/rss+xml"
-title="Debian Veiligheidsadviezen (samenvattingen)" href="security/dsa-long">
+ title="Debian Security Advisories (summaries)" href="security/dsa-long">
 :#rss#}
+