home: new UI

1 files changed, 129 insertions, 94 deletions

diff --git a/templates/home.tmpl b/templates/home.tmpl
index 29865dbf9a..18b430d1fb 100644
--- a/templates/home.tmpl
+++ b/templates/home.tmpl
@@ -1,95 +1,130 @@
-{{template "ng/base/head" .}}
-{{template "ng/base/header" .}}
-<div id="promo-wrapper">
-    <div class="container clear">
-        <div id="promo-logo" class="left">
-            <img src="{{AppSubUrl}}/img/gogs-lg.png" alt="logo" />
-        </div>
-        <div id="promo-content">
-            <h1>Gogs</h1>
-            <h2>{{.i18n.Tr "app_desc"}}</h2>
-            <form id="promo-form" action="{{AppSubUrl}}/user/login" method="post">
-                {{.CsrfTokenHtml}}
-                <input class="ipt ipt-large" id="username" name="uname" type="text" placeholder="{{.i18n.Tr "home.uname_holder"}}"/>
-                <input class="ipt ipt-large" name="password" type="password" placeholder="{{.i18n.Tr "home.password_holder"}}"/>
-                <input name="from" type="hidden" value="home">
-                <button class="btn btn-black btn-large">{{.i18n.Tr "sign_in"}}</button>
-                {{if .ShowRegistrationButton}}
-                <button class="btn btn-green btn-large" id="register-button">{{.i18n.Tr "register"}}</button>
-                {{end}}
-            </form>
-            <div id="promo-social" class="social-buttons">
-                {{template "ng/base/social" .}}
-            </div>
-        </div>&nbsp;
-    </div>
+{{template "base/head" .}}
+<div class="home">
+	<div class="ui stackable middle very relaxed page grid">
+		<div class="sixteen wide center aligned centered column">
+			<div>
+		    	<img class="logo" src="{{AppSubUrl}}/img/gogs-lg.png" />
+			</div>
+			<div class="hero">
+			    <h1 class="ui icon header title">
+			    	Gogs - Go Git Service
+			    </h1>
+			    <h2>{{.i18n.Tr "app_desc"}}</h2>
+			</div>
+	  </div>
+		<div class="ui divider"></div>
+	</div>
+	{{if eq .Lang "de-DE"}}
+	<div class="ui stackable middle very relaxed page grid">
+		<div class="eight wide center column">
+	    <h1 class="hero ui icon header">
+	      <i class="octicon octicon-flame"></i> Einfach zu installieren
+	    </h1>
+	    <p class="large">
+	    	Starte einfach <a target="_blank" href="http://gogs.io/docs/installation/install_from_binary.html">die Anwendung</a> für deine Plattform. Gogs gibt es auch für <a target="_blank" href="https://github.com/gogits/gogs/tree/master/docker">Docker</a>, <a target="_blank" href="https://github.com/geerlingguy/ansible-vagrant-examples/tree/master/gogs">Vagrant</a> oder als <a target="_blank" href="http://gogs.io/docs/installation/install_from_packages.html">Installationspaket</a>.
+	    </p>
+	  </div>
+		<div class="eight wide center column">
+	    <h1 class="hero ui icon header">
+	      <i class="octicon octicon-device-desktop"></i> Plattformübergreifend
+	    </h1>
+	    <p class="large">
+	    	Gogs läuft überall. <a target="_blank" href="http://golang.org/">Go</a> kompiliert für: Windows, Mac OS X, Linux, ARM, etc. Wähle dasjenige System, was dir am meisten gefällt!
+	    </p>
+	  </div>
+	</div>
+	<div class="ui stackable middle very relaxed page grid">
+		<div class="eight wide center column">
+	    <h1 class="hero ui icon header">
+	      <i class="octicon octicon-rocket"></i> Leichtgewicht
+	    </h1>
+	    <p class="large">
+	    	Gogs hat minimale Systemanforderungen und kann selbst auf einem günstigen und stromsparenden Raspberry Pi betrieben werden.
+	    </p>
+	  </div>
+		<div class="eight wide center column">
+	    <h1 class="hero ui icon header">
+	      <i class="octicon octicon-code"></i> Quelloffen
+	    </h1>
+	    <p class="large">
+	    	Der komplette Code befindet sich auf <a target="_blank" href="https://github.com/gogits/gogs/">GitHub</a>! Unterstütze uns bei der Verbesserung dieses Projekts. Trau dich!
+	    </p>
+	  </div>
+	</div>
+	{{else if eq .Lang "zh-CN"}}
+	<div class="ui stackable middle very relaxed page grid">
+		<div class="eight wide center column">
+	    <h1 class="hero ui icon header">
+	      <i class="octicon octicon-flame"></i> 易安装
+	    </h1>
+	    <p class="large">
+	    	您除了可以根据操作系统平台通过 <a target="_blank" href="http://gogs.io/docs/installation/install_from_binary.html">二进制运行</a>，还可以通过 <a target="_blank" href="https://github.com/gogits/gogs/tree/master/docker">Docker</a> 或 <a target="_blank" href="https://github.com/geerlingguy/ansible-vagrant-examples/tree/master/gogs">Vagrant</a>，以及 <a target="_blank" href="http://gogs.io/docs/installation/install_from_packages.html">包管理</a> 安装。
+	    </p>
+	  </div>
+		<div class="eight wide center column">
+	    <h1 class="hero ui icon header">
+	      <i class="octicon octicon-device-desktop"></i> 跨平台
+	    </h1>
+	    <p class="large">
+	    	任何 <a target="_blank" href="http://golang.org/">Go 语言</a> 支持的平台都可以运行 Gogs，包括 Windows、Mac、Linux 以及 ARM。挑一个您喜欢的就行！
+	    </p>
+	  </div>
+	</div>
+	<div class="ui stackable middle very relaxed page grid">
+		<div class="eight wide center column">
+	    <h1 class="hero ui icon header">
+	      <i class="octicon octicon-rocket"></i> 轻量级
+	    </h1>
+	    <p class="large">
+	    	一个廉价的树莓派的配置足以满足 Gogs 的最低系统硬件要求。最大程度上节省您的服务器资源！
+	    </p>
+	  </div>
+		<div class="eight wide center column">
+	    <h1 class="hero ui icon header">
+	      <i class="octicon octicon-code"></i> 开源化
+	    </h1>
+	    <p class="large">
+	    	所有的代码都开源在 <a target="_blank" href="https://github.com/gogits/gogs/">GitHub</a> 上，赶快加入我们来共同发展这个伟大的项目！还等什么？成为贡献者吧！
+	    </p>
+	  </div>
+	</div>
+  {{else}}
+	<div class="ui stackable middle very relaxed page grid">
+		<div class="eight wide center column">
+	    <h1 class="hero ui icon header">
+	      <i class="octicon octicon-flame"></i> Easy to install
+	    </h1>
+	    <p class="large">
+	    	Simply <a target="_blank" href="http://gogs.io/docs/installation/install_from_binary.html">run the binary</a> for your platform. Or ship Gogs with <a target="_blank" href="https://github.com/gogits/gogs/tree/master/docker">Docker</a> or <a target="_blank" href="https://github.com/geerlingguy/ansible-vagrant-examples/tree/master/gogs">Vagrant</a>, or get it <a target="_blank" href="http://gogs.io/docs/installation/install_from_packages.html">packaged</a>.
+	    </p>
+	  </div>
+		<div class="eight wide center column">
+	    <h1 class="hero ui icon header">
+	      <i class="octicon octicon-device-desktop"></i> Cross-platform
+	    </h1>
+	    <p class="large">
+	    	Gogs runs anywhere <a target="_blank" href="http://golang.org/">Go</a> can compile for: Windows, Mac OS X, Linux, ARM, etc. Choose the one you love!
+	    </p>
+	  </div>
+	</div>
+	<div class="ui stackable middle very relaxed page grid">
+		<div class="eight wide center column">
+	    <h1 class="hero ui icon header">
+	      <i class="octicon octicon-rocket"></i> Lightweight
+	    </h1>
+	    <p class="large">
+	    	Gogs has low minimal requirements and can run on an inexpensive Raspberry Pi. Save your machine energy!
+	    </p>
+	  </div>
+		<div class="eight wide center column">
+	    <h1 class="hero ui icon header">
+	      <i class="octicon octicon-code"></i> Open Source
+	    </h1>
+	    <p class="large">
+	    	It's all on <a target="_blank" href="https://github.com/gogits/gogs/">GitHub</a>! Join us by contributing to make this project even better. Don't be shy to be a contributor!
+	    </p>
+	  </div>
+	</div>
+	{{end}}
 </div>
-<div id="feature-wrapper">
-    <div class="container clear">
-        {{if eq .Lang "de-DE"}}
-        <div class="grid-1-2 left">
-            <i class="octicon octicon-flame"></i>
-            <b>Einfach zu installieren</b>
-            <p>Starte einfach <a target="_blank" href="http://gogs.io/docs/installation/install_from_binary.html">die Anwendung</a> für deine Plattform. Gogs gibt es auch für <a target="_blank" href="https://github.com/gogits/gogs/tree/master/docker">Docker</a>, <a target="_blank" href="https://github.com/geerlingguy/ansible-vagrant-examples/tree/master/gogs">Vagrant</a> oder als <a target="_blank" href="http://gogs.io/docs/installation/install_from_packages.html">Installationspaket</a>.</p>
-        </div>
-        <div class="grid-1-2 left">
-            <i class="octicon octicon-device-desktop"></i>
-            <b>Plattformübergreifend</b>
-            <p>Gogs läuft überall. <a target="_blank" href="http://golang.org/">Go</a> kompiliert für: Windows, Mac OS X, Linux, ARM, etc. Wähle dasjenige System, was dir am meisten gefällt!</p>
-        </div>
-        <div class="grid-1-2 left">
-            <i class="octicon octicon-rocket"></i>
-            <b>Leichtgewicht</b>
-            <p>Gogs hat minimale Systemanforderungen und kann selbst auf einem günstigen und stromsparenden Raspberry Pi betrieben werden.</p>
-        </div>
-        <div class="grid-1-2 left">
-            <i class="octicon octicon-code"></i>
-            <b>Quelloffen</b>
-            <p>Der komplette Code befindet sich auf <a target="_blank" href="https://github.com/gogits/gogs/">GitHub</a>! Unterstütze uns bei der Verbesserung dieses Projekts. Trau dich!</p>
-        </div>
-        {{else if eq .Lang "zh-CN"}}
-        <div class="grid-1-2 left">
-            <i class="octicon octicon-flame"></i>
-            <b>易安装</b>
-            <p>您除了可以根据操作系统平台通过 <a target="_blank" href="http://gogs.io/docs/installation/install_from_binary.html">二进制运行</a>，还可以通过 <a target="_blank" href="https://github.com/gogits/gogs/tree/master/docker">Docker</a> 或 <a target="_blank" href="https://github.com/geerlingguy/ansible-vagrant-examples/tree/master/gogs">Vagrant</a>，以及 <a target="_blank" href="http://gogs.io/docs/installation/install_from_packages.html">包管理</a> 安装。</p>
-        </div>
-        <div class="grid-1-2 left">
-            <i class="octicon octicon-device-desktop"></i>
-            <b>跨平台</b>
-            <p>任何 <a target="_blank" href="http://golang.org/">Go 语言</a> 支持的平台都可以运行 Gogs，包括 Windows、Mac、Linux 以及 ARM。挑一个您喜欢的就行！</p>
-        </div>
-        <div class="grid-1-2 left">
-            <i class="octicon octicon-rocket"></i>
-            <b>轻量级</b>
-            <p>一个廉价的树莓派的配置足以满足 Gogs 的最低系统硬件要求。最大程度上节省您的服务器资源！</p>
-        </div>
-        <div class="grid-1-2 left">
-            <i class="octicon octicon-code"></i>
-            <b>开源化</b>
-            <p>所有的代码都开源在 <a target="_blank" href="https://github.com/gogits/gogs/">GitHub</a> 上，赶快加入我们来共同发展这个伟大的项目！还等什么？成为贡献者吧！</p>
-        </div>
-        {{else}}
-        <div class="grid-1-2 left">
-            <i class="octicon octicon-flame"></i>
-            <b>Easy to install</b>
-            <p>Simply <a target="_blank" href="http://gogs.io/docs/installation/install_from_binary.html">run the binary</a> for your platform. Or ship Gogs with <a target="_blank" href="https://github.com/gogits/gogs/tree/master/docker">Docker</a> or <a target="_blank" href="https://github.com/geerlingguy/ansible-vagrant-examples/tree/master/gogs">Vagrant</a>, or get it <a target="_blank" href="http://gogs.io/docs/installation/install_from_packages.html">packaged</a>.</p>
-        </div>
-        <div class="grid-1-2 left">
-            <i class="octicon octicon-device-desktop"></i>
-            <b>Cross-platform</b>
-            <p>Gogs runs anywhere <a target="_blank" href="http://golang.org/">Go</a> can compile for: Windows, Mac OS X, Linux, ARM, etc. Choose the one you love!</p>
-        </div>
-        <div class="grid-1-2 left">
-            <i class="octicon octicon-rocket"></i>
-            <b>Lightweight</b>
-            <p>Gogs has low minimal requirements and can run on an inexpensive Raspberry Pi. Save your machine energy!</p>
-        </div>
-        <div class="grid-1-2 left">
-            <i class="octicon octicon-code"></i>
-            <b>Open Source</b>
-            <p>It's all on <a target="_blank" href="https://github.com/gogits/gogs/">GitHub</a>! Join us by contributing to make this project even better. Don't be shy to be a contributor!</p>
-        </div>
-        {{end}}
-    </div>
-</div>
-{{template "ng/base/footer" .}}
\ No newline at end of file
+{{template "base/footer" .}}
\ No newline at end of file