1.3 (#38)

* Add cover page

* Update doc

* Add kbd style, resolve #37

* headling can cliked, resolve #36

* Update change log, close #35

* Update docs

src/themes/basic/_coverpage.css

@@ -0,0 +1,82 @@
+section.cover {
+  &.hidden {
+    display: none;
+  }
+
+  height: 100vh;
+  position: relative;
+
+  .cover-main {
+    position: absolute 0 0 0 0;
+    padding: 20vh 0;
+    text-align: center;
+    margin: 0 16px;
+  }
+
+  a {
+    color: inherit;
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: none;
+    }
+  }
+
+  h1 {
+    text-align: center;
+    font-size: 2.5rem;
+    position: relative;
+    margin: .625rem 0 2.5rem;
+    font-weight: 300;
+    color: inherit;
+
+    small {
+      position: absolute;
+      bottom: -.4375rem;
+      font-size: 1rem;
+    }
+  }
+
+  blockquote {
+    text-align: center;
+    font-size: 1.5rem;
+  }
+
+  ul {
+    max-width: 500px;
+    list-style-type: none;
+    margin: 1em auto;
+    padding: 0;
+    line-height: 1.8;
+  }
+
+  p a {
+    margin-top: 1em;
+    border-radius: 2em;
+    border: 1px solid $color-primary;
+    box-sizing: border-box;
+    color: $color-primary;
+    font-size: 1.05em;
+    letter-spacing: 0.1em;
+    padding: 0.75em 2em;
+    text-decoration: none;
+    transition: all 0.15s ease;
+    margin-right: 1em;
+    display: inline-block;
+
+    &:last-child {
+      margin-right: 0;
+      background-color: $color-primary;
+      color: #fff;
+
+      &:hover {
+        opacity: .8;
+        color: inherit;
+      }
+    }
+
+    &:hover {
+      color: inherit;
+    }
+  }
+}

src/themes/basic/_layout.css

@@ -1,4 +1,3 @@
-
 * {
   box-sizing: border-box;
   -webkit-overflow-scrolling: touch;
@@ -38,6 +37,17 @@ img {
   max-width: 100%;
 }
 
+kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  margin-bottom : 3px;
+  font-size: 12px !important;
+  line-height: 12px;
+  vertical-align: middle;
+  border: solid 1px #ccc;
+  border-radius: 3px;
+}
+
 /* navbar */
 nav {
   position: absolute;
@@ -47,6 +57,10 @@ nav {
   margin: 25px 60px 0 0;
   text-align: right;
 
+  &.no-badge {
+    margin-right: 25px;
+  }
+
   p {
     margin: 0;
   }
@@ -124,18 +138,13 @@ nav {
 
 /* github corner */
 .github-corner {
-  position: absolute;
+  position: fixed;
   top: 0;
   right: 0;
   z-index: 1;
   text-decoration: none;
   border-bottom: 0;
 
-  &:hover {
-    background-color: inherit;
-    color: inherit;
-  }
-
   &:hover .octo-arm {
     animation:octocat-wave 560ms ease-in-out;
   }
@@ -154,6 +163,16 @@ main {
   position: relative;
 }
 
+.anchor {
+  text-decoration: none;
+  transition: all .3s;
+  display: block;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
 /* sidebar */
 .sidebar {
   border-right: 1px solid rgba(0, 0, 0, .07);
@@ -209,11 +228,15 @@ main {
   }
 }
 
+body.sticky {
+  .sidebar, .sidebar-toggle {
+    position: fixed;
+  }
+}
+
 /* main content */
 .content {
-  overflow-y: auto;
   position: absolute 0 0 0 $sidebar-width;
-  overflow-x: hidden;
   padding-top: 20px;
   transition: left 250ms ease;
 }
@@ -278,7 +301,6 @@ body.close {
   }
 
   nav {
-    position: static;
     margin-top: 16px;
   }
 
@@ -295,8 +317,6 @@ body.close {
     left: 0;
     min-width: 100vw;
     transition: transform 250ms ease;
-    position: static;
-    overflow-y: auto;
   }
 
   nav, .github-corner {