Fix heading bug and Move script to index.md

wildskyf · wildskyf · commit 91401d6edc6b · 2015-12-10T17:29:43.000+08:00
diff --git a/_includes/header.html b/_includes/header.html
@@ -9,13 +9,13 @@
     <meta name="syntax" content="mkd">
     <meta name="settings" content="use_css,pre_wrap,expand_tabs">
     <link rel="stylesheet" type="text/css" href="/style.css" media="screen">
+    <script src=./js/fetch.js></script>
 
     <!--[if lt IE 9]>
     <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
 
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-    <script src=./js/fetch.js></script>
 
 </head>
 <body>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -2,28 +2,4 @@
 
 {{ content }}
 
-<h2>## 如有 Vim 使用相關問題，歡迎至 <a href='https://github.com/vim-tw/ama/issues' target='_blank'>AMA</a> 提問</h2>
-
-<ul id="amas"> </ul>
-
-<script>
-fetch('https://api.github.com/repos/vim-tw/ama/issues').then(function(response) {
-  return response.json();
-})
-.then(function (amas) {
-    var content = '';
-    amas.forEach(function(ama, index, array) {
-        if (ama.pull_request !== undefined){return;}
-        content += `<li><a href="${ama.html_url}">${ama.title}</a> <small>from ${(new Date(ama.created_at).toLocaleString())}</small></li>`;
-    });
-    return content;
-})
-.catch(function (content) {
-    return "<p>請點選上方連結以觀看AMA！</p>";
-})
-.then(function (content) {
-    document.getElementById('amas').innerHTML += content;
-});
-</script>
-
 {% include footer.html %}
diff --git a/_sass/variable.scss b/_sass/variable.scss
@@ -1 +1,4 @@
 $font-size: 18px;
+$title-color: #70b950;
+$pound: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='40px' width='13px'><text x='0' y='17' fill='%2370b950' font-size='18' font-weight='600'>%23</text></svg>";
+$pound-offset: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='40px' width='28px'><text x='0' y='17' fill='%2370b950' font-size='18' font-weight='600'>%23</text></svg>";
diff --git a/index.md b/index.md
@@ -1,20 +1,44 @@
 ---
 ---
 
-# \# Vim 正體中文社群
+# Vim 正體中文社群
 
 討論及分享 Vim 相關技巧的小圈圈，請儘量使用正體中文發言，謝謝。
 
-## \#\# 聯繫管道
+## 聯繫管道
 
 - [AMA 討論區](https://github.com/vim-tw/ama){:target="_blank"}
 - [Telegram 群組聊天室](https://telegram.me/joinchat/CPYvygKUxvnd8xrGsW26MA){:target="_blank"}
 - [Mail list](https://groups.google.com/forum/?fromgroups#!forum/vim-taiwan){:target="_blank"}
 - IRC: vim-tw@irc.freenode.net
 
-## \#\# 相關連結
+## 相關連結
 
 - [Facebook 社團](https://www.facebook.com/groups/vim.tw/){:target="_blank"}
 - [Vim Taiwan @ GitHub](https://github.com/vim-tw){:target="_blank"}
 - [@be&#95;vimmer&#95;tw](https://twitter.com/be_vimmer_tw){:target="_blank"}
 - [Vim 推廣貼紙](https://gist.github.com/chusiang/b608909bccff6ed62eb7){:target="_blank"}
+
+## 如有 Vim 使用相關問題，歡迎至 <a href='https://github.com/vim-tw/ama/issues' target='_blank'>AMA</a> 提問
+
+<ul id="amas"> </ul>
+
+<script>
+  fetch('https://api.github.com/repos/vim-tw/ama/issues').then(function(response) {
+    return response.json();
+  })
+  .then(function (amas) {
+      var content = '';
+      amas.forEach(function(ama, index, array) {
+          if (ama.pull_request !== undefined){return;}
+          content += `<li><a href="${ama.html_url}">${ama.title}</a> <small>from ${(new Date(ama.created_at).toLocaleString())}</small></li>`;
+      });
+      return content;
+  })
+  .catch(function (content) {
+      return "<p>請點選上方連結以觀看AMA！</p>";
+  })
+  .then(function (content) {
+      document.getElementById('amas').innerHTML += content;
+  });
+</script>
diff --git a/style.scss b/style.scss
@@ -29,10 +29,24 @@ body {
   color: #e8e8d3;
   background-color: #151515;
 
+  h1::before {
+      padding-right: 2rem;
+      background-image: url($pound);
+      background-repeat: no-repeat;
+      background-position: right top;
+  }
+
+  h2::before {
+      padding-right: 3rem;
+      background-image: url($pound-offset), url($pound);
+      background-repeat: no-repeat, no-repeat;
+      background-position: right top, right top;
+  }
+
   h1, h2, .Divider {
     margin: 0;
     padding: 0;
-    color: #70b950;
+    color: $title-color;
     font-size: $font-size;
     font-weight: bold;
 
@@ -96,7 +110,7 @@ body {
     text-decoration: underline;
 
     &:hover {
-      color: #70b950;
+      color: $title-color;
     }
   }
 }
