(it) initial translation

1 files changed, 198 insertions, 67 deletions

diff --git a/italian/index.wml b/italian/index.wml
index 3983f5f00d7..0bcc814aa4f 100644
--- a/italian/index.wml
+++ b/italian/index.wml
@@ -1,85 +1,216 @@
-#use wml::debian::mainpage title="il Sistema Operativo Universale" GEN_TIME="yes"
+#use wml::debian::links.tags
 #use wml::debian::recent_list
-#include "$(ENGLISHDIR)/releases/info"
-#include "$(ENGLISHDIR)/releases/images.data"
-#use wml::debian::translation-check translation="db28b03ffeea30dd379cb4120e6f83d0e85722d8" maintainer="Giuseppe Sacco"
-
-
-
-<span class="download"><a href="<stable-images-url/>/amd64/iso-cd/debian-<current-tiny-cd-release-filename/>-amd64-netinst.iso">Scarica Debian <current_release_short/><em>(64-bit PC installazione da rete)</em></a> </span>
-
+#include "$(ENGLISHDIR)/index.def"
+#use wml::debian::mainpage title="<motto>"
 
+#use wml::debian::translation-check translation="91cdfd53564bcc82770a132b433cc082554c9cb7"
 
+<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>
-</div>  
-
-<div id="intro">
-
-<p>Debian è un sistema operativo (OS)
-<a href="intro/free">libero</a> per il tuo computer.
-Un sistema operativo è l&rsquo;insieme dei programmi di base 
-e delle utilità che fanno funzionare il tuo computer.
-</p>
-
-<p>Debian fornisce più di un semplice OS: viene distribuito con
-oltre <packages_in_stable> <a href="distrib/packages">pacchetti</a>, programmi
-già compilati e impacchettati in modo tale da permettere installazioni facili
-sulla tua macchina. <a href="intro/about">Per saperne di più...</a></p>
-
+  <h1>Debian</h1>
 </div>
 
-<hometoc/>
-
-<p class="infobar">
-L&rsquo;<a href="releases/stable/">ultima versione stabile di Debian</a>
-è <current_release_short>. L&rsquo;ultimo aggiornamento di tale versione
-è stato rilasciato il <current_release_date>. Si possono
-leggere maggiori informazioni <a href="releases/">sulle versioni di Debian
-disponibili</a>.</p>
-
-
-
-<h2>Per cominciare</h2>
-
-<p>Usare la barra di navigazione che si trova nella parte alta di questa
-pagina per ulteriori informazioni.</p>
-
-<p>Inoltre, coloro che parlano lingue diverse dall'Inglese possono
-consultare la sezione <a href="international/">internazionale</a>, e chi
-utilizza piattaforme diverse da Intel x86 può consultare la sezione dei
-<a href="ports/">port</a>.
-
-<hr/>
-<a class="rss_logo" href="News/news">RSS</a>
-<h2>Ultime notizie</h2>
-
-<p><:= get_recent_list('News/$(CUR_YEAR)', '6', '$(ENGLISHDIR)', '', '\d+\w*' ) :></p>
-
-<p>Per le notizie più vecchie si veda la <a href="$(HOME)/News/">Pagina delle News</a>.
-Se interessa ricevere una mail ogni volta che arrivano novità su Debian,
-<a href="MailingLists/debian-announce">ci si iscriva alla lista debian-announce</a>.
-
-<hr/>
-<a class="rss_logo" href="security/dsa">RSS</a>
-<h2>Bollettino della sicurezza</h2>
-
-<p><:= get_recent_list ('security/2w', '10', '$(ENGLISHDIR)', 'bydate', '(2000\d+\w+|dsa-\d+)' ) :></p>
+<!-- The first row of columns on the site. -->
+<div class="row">
+  <div class="column styled-href-blue column-left">
+    <div align="center">
+      <h1>La comunità</h1>
+      <h2>Debian è una comunità di persone!</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><DC19Title></h3>
+              </div>
+              <img src="Pics/Debconf19_group_photo.jpg"
+                   alt="<DC19Alt>"/>
+            </article>
+
+            <article>
+              <div class="info top-left">
+                <h3><MiniDebConfHamburgTitle></h3>
+              </div>
+              <img src="Pics/minidc-hh2019-group-photo-1024x576.jpg"
+                   alt="<MiniDebConfHamburgAlt>"/>
+            </article>
+
+            <article>
+              <div class="info top-left">
+                <h3><CalamaresTitle></h3>
+              </div>
+              <img src="Pics/calamares-debian-installer-1024x576.jpg"
+                   alt="<CalamaresAlt>" />
+            </article>
+
+            <article>
+              <div class="info top-left">
+                <h3><SwissKnifeTitle></h3>
+              </div>
+              <img src="Pics/debian-swiss-knife-hands-1024x576.jpg"
+                   alt="<SwissKnifeAlt>" />
+            </article>
+
+            <article>
+              <div class="info top-left">
+                <h3><PeopleTitle></h3>
+              </div>
+              <img src="Pics/debian-funny-people-1024x576.jpg"
+                   alt="<PeopleAlt>"/>
+            </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">Le persone</a></h2>
+        <p>Chi siamo, cosa facciamo</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/">La nostra filosofia</a></h2>
+        <p>Perché e come lo facciamo</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/">Partecipa, contribuisci</a></h2>
+        <p>Puoi far parte della comunità!</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">Altro...</a></h2>
+        <p>Ulteriori informazioni sulla comunità Debian</p>
+      </div>
+    </div>
+  </div>
+  <div class="column column-right">
+    <div align="center">
+      <h1>Il sistema operativo</h1>
+      <h2>Debian è un sistema operativo completamente libero!</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"><download></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">Perché Debian</a></h2>
+        <p>Cosa rende Debian speciale quindi da usare</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">Assistenza</a></h2>
+        <p>Ricevere aiuto e documentazione</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/">Aggiornamenti per la sicurezza</a></h2>
+        <p>Bollettini della sicurezza (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">Altro...</a></h2>
+        <p>Altri collegamenti a download e software</p>
+      </div>
+    </div>
+  </div>
+</div>
 
-<p>Per bollettini precedenti vedere la <a href="$(HOME)/security/">
-Security Page</a>.
-Per ricevere via posta elettronica i bollettini della sicurezza,
-iscriversi alla <a href="https://lists.debian.org/debian-security-announce/">\
-lista di messaggi 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><projectnews></h1>
+      <h2>Notizie e annunci su Debian!</h2>
+    </div>
+
+    <p><:= get_recent_list('News/$(CUR_YEAR)', '4', '$(ENGLISHDIR)', 'frontpage', '\d+\w*' ) :></p>
+
+    <!-- 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">Tutte le notizie</a>
+        <a class="rss_logo" href="News/news">RSS</a>
+      </div>
+    </div>
+
+  </div>
+</div>
 
 {#rss#:
 <link rel="alternate" type="application/rss+xml"
  title="Notizie Debian" href="News/news">
 <link rel="alternate" type="application/rss+xml"
- title="Debian Project News" href="News/weekly/dwn">
+ title="Notizie dal progetto Debian" href="News/weekly/dwn">
 <link rel="alternate" type="application/rss+xml"
  title="Bollettini Debian della sicurezza (solo titoli)" href="security/dsa">
 <link rel="alternate" type="application/rss+xml"
  title="Bollettini Debian della sicurezza (riassunto)" href="security/dsa-long">
 :#rss#}
+