[Arabic] Add initial translation of the new homepage and /intro/index

1 files changed, 117 insertions, 51 deletions

diff --git a/arabic/index.wml b/arabic/index.wml
index 4b7a6177dd3..4758e36df8b 100644
--- a/arabic/index.wml
+++ b/arabic/index.wml
@@ -1,66 +1,133 @@
-#use wml::debian::mainpage title="نظام التشغيل الشامل" GEN_TIME="yes"
+#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="032bd321f2c9651e0ab20b5aef6fe76a6da1039c"
+
 #include "$(ENGLISHDIR)/releases/info"
 #include "$(ENGLISHDIR)/releases/images.data"
-#use wml::debian::translation-check translation="db28b03ffeea30dd379cb4120e6f83d0e85722d8" maintainer="Med Amine"
-
-<div class="bidi">
-
-<span class="download"><a href="<stable-images-url/>/amd64/iso-cd/debian-<current-tiny-cd-release-filename/>-amd64-netinst.iso">تنزيل دبيان <current_release_short><em>(التّثبيت الشبكي 64 بت)</em></a> </span>
 
 <div id="splash">
-	<h1>دبيان</h1>
+  <h1>دبيان</h1>
 </div>
 
-<div id="intro">
-<p>
-دبيان هو نظام تشغيل <a href="intro/free">حُر</a> لحاسوبك.
-نظام التشغيل هو مجموعة برامج أساسية وأدوات تُشغّل الحاسوب.
-</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>دبيان هو مجتمع من الناس!</h2>
+      
+#include "$(ENGLISHDIR)/index.inc"
 
-<p>
-دبيان أكثر من مجرد نظام تشغيل : يأتي بأكثر
-من <packages_in_stable> <a href="distrib/packages">حُزمة</a>
-مصرفّة مسبقا ومحزّمة بنسق دقيق يسهّل تثبيتها
-على الحاسوب. <a href="intro/about">اقرأ المزيد...</a>
-</p>
+    <div class="row">
+      <div class="community column">
+        <a href="intro/people"><img src="Pics/users.svg" width="512"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="intro/people">الناس</a></h2>
+        <p>من نحن وماذا نفعل</p>
+      </div>
+    </div>
+    <div class="row">
+      <div class="community column">
+        <a href="intro/philosophy"><img src="Pics/heartbeat.svg" width="512"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="intro/philosophy">فلسفتنا</a></h2>
+        <p>لماذا نفعل ذلك وكيف نقوم به</p>
+      </div>
+    </div>
+    <div class="row">
+      <div class="community column">
+        <a href="devel/join/"><img src="Pics/user-plus.svg" width="512"></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="intro/index#community"><img src="Pics/list.svg" width="512"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="intro/index#community">المزيد...</a></h2>
+        <p>معلومات إضافية حول مجتمع دبيان</p>
+      </div>
+    </div>
+  </div>
+  <div class="column column-right">
+    <div style="text-align: center">
+      <h1>نظام التشغيل</h1>
+      <h2>دبيان هو نظام تشغيل حُر بشكل كامل!</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="Pics/trophy.svg" width="512"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="intro/why_debian">لماذا دبيان</a></h2>
+        <p>ما الذي يجعل دبيان مميزًا ليجعلك تستخدمه</p>
+      </div>
+    </div>
+    <div class="row">
+      <div class="community column">
+        <a href="support"> <img src="Pics/life-ring.svg" width="512"> </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="Pics/security.svg" width="512"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="security/">تحديثات الأمان</a></h2>
+        <p>نصائح دبيان الأمنية (DSA)</p>
+      </div>
+    </div>
+    <div class="row">
+      <div class="community column">
+        <a href="intro/index#software"><img src="Pics/list.svg" width="512"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="intro/index#software">المزيد...</a></h2>
+        <p>مزيد من روابط التحميل والبرمجيات</p>
+      </div>
+    </div>
+  </div>
 </div>
 
-<hometoc/>
-
-<p class="infobar"><a href="releases/stable/">أحدث إصدارة مستقرة لدبيان</a> هي
-<current_release_short>. آخر تحديث لهذه الإصدارة كان في
-<current_release_date>. اقرأ المزيد حول <a href="releases/">نُسخ دبيان المتوفرة</a>.</p>
-<h2>البداية</h2>
-<p>
-لمزيد من المحتوى يُرجى استخدام شريط التصفّح أعلاه.
-</p>
-<p>
-إضافة، على المستخدمين الناطقين بغير الإنغليزية مراجعة القِسم <a href="international/">الدّولي</a>، وعلى مستخدمي الأنظمة المغايرة لـ Intel x86 مراجعة قِسم <a href="ports/">النُّقول</a>.
-</p>
+<hr>
+<!-- The second row of columns on the site. -->
+<!-- The News will be selected by the press team. -->
 
-<hr />
-<a class="rss_logo" href="News/news">RSS</a>
-<h2>الأخبار</h2>
+<div class="row">
+  <div class="column styled-href-blue column-left">
+    <div style="text-align: center">
+      <h1><projectnews></h1>
+      <h2>أخبار وإعلانات حول دبيان</h2>
+    </div>
 
-<p><:= get_recent_list('News/$(CUR_YEAR)', '6', '$(ENGLISHDIR)', '', '\d+\w*' ) :></p>
+    <p><:= get_top_news() :></p>
 
-<p>
-الأخبار السابقة يمكن مراجعتها على <a href="$(HOME)/News/">صفحة الأخبار</a>.
-إن أردت التوصّل ببريد عند صدور أخبار جديدة، سجّل في <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>
-
-<p>
-التنبيهات الأمنية السابقة يمكن مراجعتها على <A href="$(HOME)/security/">صفحة الأمن</a>.
-إن أردت التوصّل بالتنبيهات الأمنية فور إعلانها، 
-سجّل في <a href="https://lists.debian.org/debian-security-announce/">القائمة البريدية debian-security-announce</a>.
-</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"
@@ -73,4 +140,3 @@
  title="Debian Security Advisories (summaries)" href="security/dsa-long">
 :#rss#}
 
-</div>
\ No newline at end of file