start page

conf/wide.json

@@ -21,10 +21,8 @@
                     "E:\\Work\\go\\src\\github.com\\b3log\\wide\\data\\user_workspaces\\admin\\src\\mytest",
                     "E:\\Work\\go\\src\\github.com\\b3log\\wide\\data\\user_workspaces\\admin\\src\\mytest\\hello"
                 ],
-                "Files": [
-                    "E:\\Work\\go\\src\\github.com\\b3log\\wide\\data\\user_workspaces\\admin\\src\\mytest\\hello\\main.go"
-                ],
-                "CurrentFile": "E:\\Work\\go\\src\\github.com\\b3log\\wide\\data\\user_workspaces\\admin\\src\\mytest\\hello\\main.go"
+                "Files": [],
+                "CurrentFile": ""
             }
         }
     ]

static/css/start.css

@@ -2,19 +2,6 @@
     font-size: 15px;
     padding: 50px 70px;
     line-height: 28px;
-    color: #666;
-}
-
-#startPage .details {
-    width: 40%;
-    float: left;
-    border-right: 1px solid #DDD;
-    margin-right: 10%;
-}
-
-#startPage .news {
-    width: 50%;
-    float: left;
 }
 
 #startPage a {
@@ -26,6 +13,43 @@
     text-decoration: underline;
 }
 
+#startPage .title {
+    background-color: #f5f5f5;
+    border-bottom-width: 0 !important;
+    border-radius: 3px 3px 0 0;
+    font-size: 18px;
+    margin-bottom: 10px;
+    padding: 5px 10px;
+}
+
+#startPage .details {
+    width: 30%;
+    float: left;
+}
+
+#startPage .details label {
+    color: #666;
+}
+
+#startPage .details li.border {
+    padding-bottom: 5px;
+    margin-bottom: 5px;
+    border-bottom: 1px solid #f1f1f1;
+}
+
+#startPage .news {
+    height: 300px;
+    width: 60%;
+    float: right;
+    border-left: 1px solid #f1f1f1;
+    margin-left: 10%;
+    padding-left: 10%;
+}
+
+#startPage .news li {
+    border-bottom: 1px solid #f1f1f1;
+}
+
 #startPage .date {
     color: #bbb;
     font-size: 13px;

static/js/editors.js

@@ -123,7 +123,7 @@ var editors = {
                             length = 10;
                         }
 
-                        var listHTML = "<ul>";
+                        var listHTML = "<ul><li class='title'>社区</li>";
                         for (var i = 0; i < length; i++) {
                             var article = articles[i];
                             listHTML += "<li>"

view/start.html

@@ -1,28 +1,31 @@
 <div class="fn-clear">
     <ul class="details">
+        <li class="title">Wide</li>
         <li>
-            {{.i18n.username}} {{.username}}
+            <label>{{.i18n.username}}</label>
+            {{.username}}
+        </li>
+        <li class="border">
+            <label>{{.i18n.workspace}}</label>
+            {{.username}}
         </li>
         <li>
-            {{.i18n.workspace}} {{.username}}
-        </li>
-        <li>
-            {{.i18n.user_guide}}
+            <label>{{.i18n.user_guide}}</label> <br/>
             <a href="http://88250.gitbooks.io/wide-user-guide" target="_blank">88250.gitbooks.io/wide-user-guide</a>
         </li>
-        <li>
-            {{.i18n.dev_guide}}
+        <li class="border">
+            <label>{{.i18n.dev_guide}}</label><br/>
             <a href="http://88250.gitbooks.io/wide-dev-guide" target="_blank">88250.gitbooks.io/wide-dev-guide</a>
         </li>
         <li>
-            Wide <br/>
-            {{.i18n.ver}} {{.ver}}<br/>
-            {{.i18n.dev_team}} B3log<br/>
-            {{.i18n.project_address}} 
+            <label>{{.i18n.ver}}</label> {{.ver}}<br/>
+            <label>{{.i18n.dev_team}}</label> 
+            <a href="https://github.com/b3log/b3log-solo/wiki/About_us" target="_blank">B3log</a><br/>
+            <label>{{.i18n.project_address}}</label> 
             <a href="https://github.com/b3log/wide" target="_blank">github.com/b3log/wide</a>
         </li>
         <li>
-            {{.i18n.donate}}
+            <label>{{.i18n.donate}}</label>
             <a href="http://b3log.org/donate.html" target="_blank">b3log.org/donate.html</a>
         </li>
     </ul>