update frontpage

build/_static/frontpage.css

@@ -31,6 +31,7 @@ h2.toc {
     padding-bottom: 10px;
 }
 
+
 .header img {
     max-width: 350px;
 }
@@ -73,19 +74,17 @@ h2.toc {
 
 
 @media (max-width: 1000px) {
-    .mdl-grid, #id2 h2 {
+    .mdl-grid, h2.toc {
         padding: 50px 0 0 0;
     }
 
-    .header .mdl-button {
-        width: 150px;
-        margin: 10px 100px;
-    }
-
     .header img, .features-2 img {
         max-width: 300px;
     }
 
+    .header .mdl-cell--1-col {
+        display: none;
+    }
     .features img {
         max-width: 350px;
     }

build/conf.py

@@ -145,10 +145,11 @@ html_theme_options = {
     'primary_color': 'blue',
     'accent_color': 'deep_orange',
     'header_links' : [
-        ('PDF', './d2l-zh.pdf', True, 'fas fa-download'),
-        ('论坛', 'https://discuss.gluon.ai/c/lecture?order=views', True, 'fab fa-discourse'),
+        ('PDF 版本', './d2l-zh.pdf', True, 'fas fa-file-pdf'),
+        ('Jupyter 记事本版本', './d2l-zh.zip', True, 'fas fa-download'),
+        ('参与讨论', 'https://discuss.gluon.ai/c/lecture?order=views', True, 'fab fa-discourse'),
         ('Github', 'https://github.com/diveintodeeplearning/d2l-zh', True, 'fab fa-github'),
-        ('English Version', 'https://diveintodeeplearning.org', True, 'fas fa-external-link-alt'),
+        ('English version', 'https://diveintodeeplearning.org', True, 'fas fa-external-link-alt'),
     ],
     'show_footer': True
 }

build/frontpage.html

@@ -4,17 +4,11 @@
   <div class = "mdl-cell mdl-cell--4-col">
     <img src="_images/frontpage/front.jpg" class="img-fluid" alt="">
   </div>
-  <div class = "mdl-cell mdl-cell--7-col mdl-cell--middle">
+  <div class = "mdl-cell mdl-cell--1-col">
+  </div>
+  <div class = "mdl-cell mdl-cell--4-col mdl-cell--middle">
     <h2>《动手学深度学习》</h2>
     <p>一本面向在校学生、工程师和研究人员的<br>交互式深度学习书籍</p>
-    <button class="mdl-button mdl-js-button mdl-button--raised
-                   mdl-button--colored mdl-js-ripple-effect">
-      在线阅读
-    </button>
-    <button class="mdl-button mdl-js-button mdl-button--raised
-                    mdl-js-ripple-effect">
-      <i class="fas fa-download"></i> PDF</a>
-    </button>
   </div>
 </div>