Add initial Spanish translation

1 files changed, 188 insertions, 45 deletions

diff --git a/spanish/index.wml b/spanish/index.wml
index e8c11221efa..409bb6c1588 100644
--- a/spanish/index.wml
+++ b/spanish/index.wml
@@ -1,71 +1,214 @@
-#use wml::debian::mainpage title="El sistema operativo universal" GEN_TIME="yes"
-#use wml::debian::translation-check translation="db28b03ffeea30dd379cb4120e6f83d0e85722d8" maintainer="Javier Fernandez-Sanguino <jfs@debian.org>"
+#use wml::debian::links.tags
 #use wml::debian::recent_list
+#include "$(ENGLISHDIR)/index.def"
+#use wml::debian::mainpage title="<motto>"
+#use wml::debian::translation-check translation="def5dcf93ee656b9b6ac0f53085431300549ba80" maintainer="Laura Arjona Reina"
+
 #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">Descargar Debian <current_release_short><em>(instalador por red para PC de 64 bits)</em></a> </span>
-
-
 <div id="splash">
-   <h1>Debian</h1>
+  <h1>Debian</h1>
 </div>
 
-<div id="intro">
-<p>Debian es un sistema operativo (S.O.) <a
-href="intro/free">libre</a>, para su computadora.  El sistema operativo es el
-conjunto de programas básicos y utilidades que hacen que funcione su
-computadora.
-</p>
-
-<p>Debian ofrece más que un S.O. puro; viene con <packages_in_stable>
-<a href="distrib/packages">paquetes</a>, programas precompilados distribuidos
-en un formato que hace más fácil la instalación en su computadora.
-<a href="intro/about">Lea más...</a></p>
-</div>
+<!-- The first row of columns on the site. -->
+<div class="row">
+  <div class="column styled-href-blue column-left">
+    <div style="text-align: center">
+      <h1>La comunidad</h1>
+      <h2>¡Debian es una comunidad de personas!</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>
 
-<hometoc/>
+            <article>
+              <div class="info top-left">
+                <h3><MiniDebConfHamburgTitle></h3>
+              </div>
+              <img src="Pics/minidc-hh2019-group-photo-1024x576.jpg"
+                   alt="<MiniDebConfHamburgAlt>"/>
+            </article>
 
-<p class="infobar">La <a href="releases/stable/">última versión estable de Debian</a> es
-la <current_release_short>. La última actualización de esta versión se publicó el
-<current_release_date>. Puede leer más sobre
-<a href="releases/">las versiones disponibles de Debian</a>.</p>
+            <article>
+              <div class="info top-left">
+                <h3><CalamaresTitle></h3>
+              </div>
+              <img src="Pics/calamares-debian-installer-1024x576.jpg"
+                   alt="<CalamaresAlt>" />
+            </article>
 
-<h2>Primeros pasos</h2>
+            <article>
+              <div class="info top-left">
+                <h3><SwissKnifeTitle></h3>
+              </div>
+              <img src="Pics/debian-swiss-knife-hands-1024x576.jpg"
+                   alt="<SwissKnifeAlt>" />
+            </article>
 
-<p>Use la barra de navegación de la parte superior de esta página para acceder a más contenido.</p>
-<p>Además, los usuarios que hablan idiomas distintos del inglés pueden revisar la sección
-<a href="international/">internacional</a>, y las personas que usan sistemas distintos
-de Intel x86 deberían revisar la sección de <a href="ports/">adaptaciones</a>.</p>
+            <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 -->
 
-<hr />
-<a class="rss_logo" href="News/news">RSS</a>
-<h2>Últimas noticias</h2>
-<p><:= get_recent_list ('News/$(CUR_YEAR)', '6', '$(ENGLISHDIR)','','\d+\w*') :>
+        <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 -->
 
-<p>Si busca noticias más antiguas, consulte la <a href="$(HOME)/News/">página
-de noticias</a>. Si desea recibir correo siempre que surja una nueva noticia,
-suscríbase a la <a href="MailingLists/debian-announce">lista de correo debian-announce</a>.</p>
+        <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>
 
-<hr />
-<a class="rss_logo" href="security/dsa">RSS</a>
-<h2>Últimos avisos de seguridad</h2>
 
-<p><:= get_recent_list ('security/2w', '10', '$(ENGLISHDIR)', 'bydate', '(2000\d+\w+|dsa-\d+)' ) :></p>
+      <!--<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">La gente</a></h2>
+        <p>Quiénes somos, qué hacemos</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/">Nuestra filosofía</a></h2>
+        <p>Por qué lo hacemos y cómo lo hacemos</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/">Implíquese, contribuya</a></h2>
+        <p>¡Puede ser parte de esto!</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">Más...</a></h2>
+        <p>Información adicional sobre la comunidad Debian</p>
+      </div>
+    </div>
+  </div>
+  <div class="column column-right">
+    <div style="text-align: center">
+      <h1>El sistema operativo</h1>
+      <h2>¡Debian es un sistema operativo completamente libre!</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">Por qué Debian</a></h2>
+        <p>Qué hace a Debian especial, por qué debería usarlo</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">Soporte a usuarios</a></h2>
+        <p>Obtener ayuda y documentación</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/">Actualizaciones de seguridad</a></h2>
+        <p>Avisos de seguridad de Debian (DSA)</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">Más...</a></h2>
+        <p>Más enlaces a descarga y acerca del software</p>
+      </div>
+    </div>
+  </div>
+</div>
 
-<p>Si busca avisos más antiguos, consulte la <a href="$(HOME)/security/">página
-de seguridad</a>. Si desea recibir los avisos de seguridad en el
-momento de su publicación, suscríbase a la <a
-href="https://lists.debian.org/debian-security-announce/">lista de correo
-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 style="text-align: center">
+      <h1><projectnews></h1>
+      <h2>Noticias y anuncios acerca de 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">Todas las noticias</a> &emsp;&emsp;
+	<a class="rss_logo" style="float: none" href="News/news">RSS</a>
+      </div>
+    </div>
+  </div>
+</div>
 
 {#rss#:
 <link rel="alternate" type="application/rss+xml"
  title="Noticias de Debian" href="News/news">
 <link rel="alternate" type="application/rss+xml"
- title="Noticias del Proyecto Debian" href="News/weekly/dwn">
+ title="Noticias del proyecto Debian" href="News/weekly/dwn">
 <link rel="alternate" type="application/rss+xml"
  title="Avisos de seguridad de Debian (solo títulos)" href="security/dsa">
 <link rel="alternate" type="application/rss+xml"
  title="Avisos de seguridad de Debian (resúmenes)" href="security/dsa-long">
 :#rss#}
+