index.wml sync with english

1 files changed, 199 insertions, 56 deletions

diff --git a/chinese/index.wml b/chinese/index.wml
index 54843ec4a0a..4a3da3c9724 100644
--- a/chinese/index.wml
+++ b/chinese/index.wml
@@ -1,71 +1,214 @@
-#use wml::debian::mainpage title="通用作業系統" GEN_TIME="yes"
+#use wml::debian::links.tags
 #use wml::debian::recent_list
-#use wml::debian::translation-check translation="db28b03ffeea30dd379cb4120e6f83d0e85722d8" maintainer="Anthony Wong"
+#include "$(ENGLISHDIR)/index.def"
+#use wml::debian::mainpage title="通用操作系统"
+#use wml::debian::translation-check translation="def5dcf93ee656b9b6ac0f53085431300549ba80" maintainer="Anthony Wong"
+
 #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">下載 Debian <current_release_short><em>（64 位 PC 網絡安裝）</em></a> </span>
-
-
 <div id="splash">
-	<h1>Debian</h1>
-</div>  
-
-<div id="intro">
-<p>Debian 是一個\
-<a href="intro/free">自由</a>的作業系統（OS），提供您安裝在電腦上使用。\
-作業系統就是能讓您的電腦工作\
-的一系列基本程式和實用工具。
-</p>
-
-<p>Debian 不只是提供一個純粹的作業系統：它還附帶了超過
-<packages_in_stable> 個<a href="distrib/packages">套件</a>，這些預先編譯好的軟體被\
-打包成一種良好的格式以便於在您的機器上進行安裝。<a href="intro/about">繼續閱讀……</a></p>
+  <h1>Debian</h1>
 </div>
 
-<hometoc/>
-
-<p class="infobar"><a href="releases/stable/">Debian 最新的穩定版（stable release）</a>版本是
-<current_release_short>。最近一次更新於\
-<current_release_date>。如要了解更多版本的信息，請閱讀 <a href="releases/">Debian
-現有版本</a>的相關內容。</p>
-<h2>入門</h2>
-<p>请使用页面顶部的导航栏访问网站的更多内容。</p>
-<p>另外，不是以英语为母语的用户请查看<a
-href="international/">国际化</a>页面，使用 Intel x86
-以外架构系统的用户请查看<a href="ports/">移植（ports）</a>页面。</p>
-
-<hr />
-<a class="rss_logo" href="News/news">RSS</a>
-<h2>新聞</h2>
-
-<p><:= get_recent_list('News/$(CUR_YEAR)', '6', '$(ENGLISHDIR)', '', '\d+\w*' ) :></p>
-
-<p>尋找過期的新聞請查看<a href="$(HOME)/News/">新聞頁面</a>。\
-如果您希望在第一時間收到有關 Debian 新聞的電子郵件通知，請訂閱
-<a href="MailingLists/debian-announce">debian-announce 郵件列表</a>。</p>
-
-<hr />
-<a class="rss_logo" href="security/dsa">RSS</a>
-<h2>安全通告</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 style="text-align: center">
+      <h1>社区</h1>
+      <h2>Debian 是一个由人们组成的社区！</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">人们</a></h2>
+        <p>我们是谁，我们做什么</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/">我们的哲学</a></h2>
+        <p>我们为什么这样做以及我们如何做到这些</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/">参与进来，开始贡献</a></h2>
+        <p>您也可以参与其中！</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">更多......</a></h2>
+        <p>关于 Debian 社区的更多信息</p>
+      </div>
+    </div>
+  </div>
+  <div class="column column-right">
+    <div style="text-align: center">
+      <h1>操作系统</h1>
+      <h2>Debian 是一个完全自由的操作系统！</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">为什么选择 Debian</a></h2>
+        <p>是什么令 Debian 如此特殊，以至于您应该使用它</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">用户支持</a></h2>
+        <p>获得帮助与支持文档</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/">安全更新</a></h2>
+        <p>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">更多......</a></h2>
+        <p>更多关于下载与软件介绍的链接</p>
+      </div>
+    </div>
+  </div>
+</div>
 
-<p>尋找過期的安全通告請看<A href="$(HOME)/security/">\
-安全頁面</a>。\
-如果您希望在第一時間收到有關 Debian 安全通告的電子郵件通知，請訂閱
-<a href="https://lists.debian.org/debian-security-announce/">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> 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">所有新闻</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="Debian 新聞" href="News/news">
+ title="Debian News" href="News/news">
 <link rel="alternate" type="application/rss+xml"
- title="Debian [CN:项目:][HKTW:專案:]新聞" href="News/weekly/dwn">
+ title="Debian Project News" href="News/weekly/dwn">
 <link rel="alternate" type="application/rss+xml"
- title="Debian 安全通告（只含標題）" href="security/dsa">
+ title="Debian Security Advisories (titles only)" href="security/dsa">
 <link rel="alternate" type="application/rss+xml"
- title="Debian 安全通告（摘要）" href="security/dsa-long">
+ title="Debian Security Advisories (summaries)" href="security/dsa-long">
 :#rss#}
+