Update and translate index.wml and intro/index.wml

1 files changed, 117 insertions, 42 deletions

diff --git a/korean/index.wml b/korean/index.wml
index 912f99d7647..1aa08b10c5b 100644
--- a/korean/index.wml
+++ b/korean/index.wml
@@ -1,58 +1,133 @@
-#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="Changwoo Ryu"
+#include "$(ENGLISHDIR)/index.def"
+#use wml::debian::mainpage title="<방침>"
+#use wml::debian::translation-check translation="a55a6a0c716dd6d81cb1b5d14efeed5c46c5c5f6" maintainer="Seunghun Han (kkamagui)"
+
 #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">데비안 <current_release_short> 다운로드<em>(64-bit PC 네트워크 설치)</em></a> </span>
-
 <div id="splash">
-	<h1>데비안</h1>
-</div>
-
-<div id="intro">
-<p>데비안은 여러분의 컴퓨터를 위한
-<a href="intro/free">자유</a> 운영체제입니다.
-운영체제는 컴퓨터를 돌리는 기본 프로그램과 유틸리티 모음입니다.</p>
-
-<p>데비안은 순수한 운영체제 이상의 것을 제공합니다: 그것은 <packages_in_stable>개 이상의
- <a href="distrib/packages">패키지</a>로,
- 미리 컴파일된 소프트웨어가 컴퓨터에 설치하기 좋은 형식으로 묶여 있습니다. <a href="intro/about">더 읽기...</a></p>
+  <h1>데비안</h1>
 </div>
 
-<hometoc/>
+<!-- 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>
 
-<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> 섹션을 확인하시고,
-인텔 x86 아닌 시스템을 쓰는 사람은 <a href="ports/">포트</a> 섹션을 확인하십시오.</p>
+#include "$(ENGLISHDIR)/index.inc"
 
-<hr />
-<a class="rss_logo" href="News/news">RSS</a>
-
-
-<h2>뉴스</h2>
-
-<p><:= get_recent_list('News/$(CUR_YEAR)', '6', '$(ENGLISHDIR)', '', '\d+\w*' ) :></p>
+    <div class="row">
+      <div class="community column">
+        <a href="intro/about"><img src="Pics/users.svg" width="512"></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="Pics/heartbeat.svg" width="512"></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="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="more#community"><img src="Pics/list.svg" width="512"></a>
+      </div>
+      <div class="styled-href-blue column-4-parts">
+        <h2><a href="more#community">더 많은 정보...</a></h2>
+        <p>데비안 커뮤니티의 추가적인 정보</p>
+      </div>
+    </div>
+  </div>
+  <div class="column column-right">
+    <div style="text-align: center">
+      <h1>운영체제</h1>
+      <h2>데비안은 완전한 자유(free) 운영체제입니다.!</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"><다운로드></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>데비안 보안 권고(Debian Security Advisories, DSA)</p>
+      </div>
+    </div>
+    <div class="row">
+      <div class="community column">
+        <a href="more#software"><img src="Pics/list.svg" width="512"></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)/News/">뉴스 페이지</a>를 보세요.
-데비안에 대한 새소식이 나올 때마다 메일로 받고 싶으면, 
-<a href="MailingLists/debian-announce">debian-announce 메일링 리스트</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="security/dsa">RSS</a>
-<h2>보안 권고</h2>
+<div class="row">
+  <div class="column styled-href-blue column-left">
+    <div style="text-align: center">
+      <h1><프로젝트 뉴스></h1>
+      <h2>데비안과 관련된 뉴스와 공지사항</h2>
+    </div>
 
-<p><:= get_recent_list ('security/2w', '10', '$(ENGLISHDIR)', 'bydate', '(2000\d+\w+|dsa-\d+)' ) :></p>
+    <p><:= get_recent_list('News/$(CUR_YEAR)', '4', '$(ENGLISHDIR)', 'frontpage', '\d+\w*' ) :></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"