Optimize UI

book.toml

@@ -9,3 +9,8 @@ title = "Yet another Chinese TypeScript tutorial."
 [output.html]
 additional-css = ["theme/pagetoc.css"]
 additional-js  = ["theme/pagetoc.js"]
+git-repository-url = "https://github.com/gnu4cn/ts-learnings"
+git-repository-icon = "fa-github"
+
+[output.html.print]
+enable = false

index.html

@@ -17,7 +17,6 @@
     <link rel="stylesheet" href="css/variables.css">
     <link rel="stylesheet" href="css/general.css">
     <link rel="stylesheet" href="css/chrome.css">
-    <link rel="stylesheet" href="css/print.css" media="print">
 
     <!-- Fonts -->
     <link rel="stylesheet" href="FontAwesome/css/font-awesome.css">
@@ -116,8 +115,8 @@
             <h3 class="menu-title">Yet another Chinese TypeScript tutorial.</h3>
 
             <div class="right-buttons">
-              <a href="print.html" title="Print this book" aria-label="Print this book">
-                <i id="print-button" class="fa fa-print"></i>
+              <a href="https://github.com/gnu4cn/ts-learnings" title="Git repository" aria-label="Git repository">
+                <i id="git-repository-button" class="fa fa-github"></i>
               </a>
               | <a href="https://books.xfoss.com" title="捐赠，donation" aria-label="捐赠，donation">
                 🎁·打赏DONATE

theme/pagetoc.css

@@ -2,8 +2,12 @@
     .sidetoc {
         display: none;
     }
+    #menu-bar {
+      position: fixed !important;
+    }
 }
 
+
 @media only screen and (min-width:1440px) {
     main {
         position: relative;