new quick start page

4 files changed, 54 insertions, 47 deletions

diff --git a/templates/.VERSION b/templates/.VERSION
index 0006afd552..96127f4a46 100644
--- a/templates/.VERSION
+++ b/templates/.VERSION
@@ -1 +1 @@
-0.6.15.0926 Beta
\ No newline at end of file
+0.6.16.1002 Beta
\ No newline at end of file
diff --git a/templates/base/footer.tmpl b/templates/base/footer.tmpl
index d4b1eb8852..31941b7571 100644
--- a/templates/base/footer.tmpl
+++ b/templates/base/footer.tmpl
@@ -44,5 +44,6 @@
 	<script src="{{AppSubUrl}}/js/libs/dropzone-4.0.1.js"></script>
 	{{end}}
 	<script src="{{AppSubUrl}}/js/libs/emojify-1.1.0.min.js"></script>
+	<script src="{{AppSubUrl}}/js/libs/clipboard-1.3.1.min.js"></script>
 	
 </html>
\ No newline at end of file
diff --git a/templates/base/head.tmpl b/templates/base/head.tmpl
index d18a15424c..323079f7cb 100644
--- a/templates/base/head.tmpl
+++ b/templates/base/head.tmpl
@@ -20,7 +20,7 @@
 
 	<!-- Stylesheet -->
 	<link rel="stylesheet" href="{{AppSubUrl}}/css/semantic-2.1.3.min.css">
-	<link rel="stylesheet" href="{{AppSubUrl}}/css/gogs.min.css?v={{AppVer}}">
+	<link rel="stylesheet" href="{{AppSubUrl}}/css/gogs.css?v={{AppVer}}">
 
 	<!-- JavaScript -->
 	<script src="{{AppSubUrl}}/js/semantic-2.1.3.min.js"></script>
diff --git a/templates/repo/bare.tmpl b/templates/repo/bare.tmpl
index 704baa7572..e57420d8e5 100644
--- a/templates/repo/bare.tmpl
+++ b/templates/repo/bare.tmpl
@@ -1,55 +1,61 @@
-{{template "ng/base/head" .}}
-{{template "ng/base/header" .}}
-<div id="repo-wrapper" class="repo-bare">
-    <div id="repo-header" class="clear">
-        <div class="container clear">
-            <h1 id="repo-header-name" class="left public">
-                <i class="mega-octicon octicon-{{if .Repository.IsPrivate}}lock{{else}}repo{{end}}"></i>
-                <a class="author" href="{{AppSubUrl}}/{{.Repository.Owner.Name}}">{{.Repository.Owner.Name}}</a>
-                <span class="divider">/</span>
-                <a class="repo text-bold" href="{{.RepoLink}}">{{.Repository.Name}}</a>
-            </h1>
-        </div>
-    </div>
-    <div id="repo-content" class="clear container">
-        <div id="repo-bare">
-            <div id="repo-bare-start" class="panel panel-radius">
-                <div class="panel-header">
-                    <a class="btn btn-small btn-black btn-header btn-radius right" href="{{.RepoLink}}/settings">{{.i18n.Tr "repo.settings"}}</a>
-                    <strong>{{.i18n.Tr "repo.quick_guide"}}</strong>
-                </div>
-                <div class="panel-content">
-                    <div id="repo-clone" class="clear text-center">
-                        <h2>{{.i18n.Tr "repo.clone_this_repo"}}</h2>
-                        {{if not $.DisableSSH}}
-                        <button class="btn btn-blue btn-first current left btn-left-radius" id="repo-clone-ssh" data-link="{{.CloneLink.SSH}}">SSH</button>
-                        {{end}}
-                        <button class="btn {{if $.DisableSSH}}btn-first btn-blue current{{else}}btn-gray{{end}} left" id="repo-clone-https" data-link="{{.CloneLink.HTTPS}}">HTTPS</button>
-                        <input id="repo-clone-url" type="text" class="ipt ipt-disabled left" value="{{if $.DisableSSH}}{{$.CloneLink.HTTPS}}{{else}}{{$.CloneLink.SSH}}{{end}}" onclick="this.select()" readonly />
-                        <button class="btn btn-black left btn-right-radius" id="repo-clone-copy" data-copy-val="val" data-copy-from="#repo-clone-url">{{.i18n.Tr "repo.copy_link"}}</button>
-                        <p class="text-center" id="repo-clone-help">{{.i18n.Tr "repo.clone_helper" "http://git-scm.com/book/en/Git-Basics-Getting-a-Git-Repository" | Str2html}}</p>
-                        <hr/>
-                    </div>
-                    <div id="repo-bare-cmd" class="text-center">
-                        <h2>{{.i18n.Tr "repo.create_new_repo_command"}}</h2>
-                        <pre class="text-left radius"><code>touch README.md
+{{template "base/head" .}}
+<div class="repository quickstart">
+  {{template "repo/header" .}}
+  <div class="ui container">
+    <div class="ui grid">
+      <div class="sixteen wide column content">
+        {{template "base/alert" .}}
+        {{if .IsRepositoryAdmin}}
+        <h4 class="ui top attached header">
+          {{.i18n.Tr "repo.quick_guide"}}
+          <div class="ui right">
+            <a class="ui black tiny button" href="{{.RepoLink}}/settings">{{.i18n.Tr "repo.settings"}}</a>
+          </div>
+        </h4>
+        <div class="ui attached guide table segment">
+          <div class="item">
+            <h3>{{.i18n.Tr "repo.clone_this_repo"}} <small>{{.i18n.Tr "repo.clone_helper" "http://git-scm.com/book/en/Git-Basics-Getting-a-Git-Repository" | Str2html}}</small></h3>
+            <div class="ui action small input">
+              {{if not $.DisableSSH}}
+              <button class="ui blue basic clone button" id="repo-clone-ssh" data-link="{{.CloneLink.SSH}}">
+                SSH
+              </button>
+              {{end}}
+              <button class="ui {{if $.DisableSSH}}blue{{end}} basic clone button" id="repo-clone-https" data-link="{{.CloneLink.HTTPS}}">
+                HTTPS
+              </button>
+              <input id="repo-clone-url" value="{{if $.DisableSSH}}{{$.CloneLink.HTTPS}}{{else}}{{$.CloneLink.SSH}}{{end}}" readonly>
+              <button class="ui basic button poping up clipboard" id="clipboard-btn" data-original="{{.i18n.Tr "repo.copy_link"}}" data-success="{{.i18n.Tr "repo.copy_link_success"}}" data-error="{{.i18n.Tr "repo.copy_link_error"}}" data-content="{{.i18n.Tr "repo.copy_link"}}" data-variation="inverted tiny" data-clipboard-target="#repo-clone-url">
+                <i class="octicon octicon-clippy"></i>
+              </button>
+            </div>
+          </div>
+          <div class="ui divider"></div>
+
+          <div class="item">
+            <h3>{{.i18n.Tr "repo.create_new_repo_command"}}</h3>
+            <div class="markdown">
+              <pre><code>touch README.md
 git init
 git add README.md
 git commit -m "first commit"
 git remote add origin <span class="clone-url">{{if $.DisableSSH}}{{$.CloneLink.HTTPS}}{{else}}{{$.CloneLink.SSH}}{{end}}</span>
 git push -u origin master</code></pre>
-                        <br/>
-                        <hr/>
-                    </div>
-                    <div id="repo-bare-remote" class="text-center">
-                        <h2>{{.i18n.Tr "repo.push_exist_repo"}}</h2>
-                        <pre class="text-left radius"><code>git remote add origin <span class="clone-url">{{if $.DisableSSH}}{{$.CloneLink.HTTPS}}{{else}}{{$.CloneLink.SSH}}{{end}}</span>
+            </div>
+          </div>
+          <div class="ui divider"></div>
+
+          <div class="item">
+            <h3>{{.i18n.Tr "repo.push_exist_repo"}}</h3>
+            <div class="markdown">
+              <pre><code>git remote add origin <span class="clone-url">{{if $.DisableSSH}}{{$.CloneLink.HTTPS}}{{else}}{{$.CloneLink.SSH}}{{end}}</span>
 git push -u origin master</code></pre>
-                        <br/>
-                    </div>
-                </div>
             </div>
+          </div>
+          {{end}}
         </div>
+      </div>
     </div>
+  </div>
 </div>
-{{template "ng/base/footer" .}}
+{{template "base/footer" .}}