From be7e669b18517cf24972b32165fe406467296c5f Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Fri, 2 Oct 2020 09:54:04 +0800
Subject: new: add menu button on mobile

---
 assets/scss/_fuji-style/_components.scss |  15 ++++++++++++---
 assets/scss/_iconfont.scss               |  10 ++++++++--
 layouts/partials/components.html         |  12 +++---------
 static/assets/iconfont/iconfont.svg      |   3 +++
 static/assets/iconfont/iconfont.ttf      | Bin 3144 -> 3260 bytes
 static/assets/iconfont/iconfont.woff     | Bin 1800 -> 1852 bytes
 static/assets/iconfont/iconfont.woff2    | Bin 1352 -> 1384 bytes
 7 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/assets/scss/_fuji-style/_components.scss b/assets/scss/_fuji-style/_components.scss
index 8545349..2b90bfe 100644
--- a/assets/scss/_fuji-style/_components.scss
+++ b/assets/scss/_fuji-style/_components.scss
@@ -3,7 +3,6 @@
   right: 1.5rem;
   bottom: 1.5rem;
   width: 2.5rem;
-  height: 5rem;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
@@ -17,19 +16,29 @@
     align-items: center;
     justify-content: center;
     cursor: pointer;
+    font-size: 1.25rem;
 
     &:first-child {
       border-radius: 0.25rem 0.25rem 0 0;
-      font-size: 1.25rem;
+      font-size: 1.125rem;
     }
 
     &:last-child {
       border-radius: 0 0 0.25rem 0.25rem;
-      font-size: 1.3125rem;
+      font-size: 1.325rem;
     }
   }
 }
 
+@media screen and (min-width: $width-md) {
+  .btn div:first-child {
+    display: none;
+  }
+  .btn div:nth-child(2) {
+    border-radius: 0.25rem 0.25rem 0 0;
+  }
+}
+
 #post-aplayer {
   margin: 0 0.125rem 1.25rem 0.125rem;
   font-family: inherit;
diff --git a/assets/scss/_iconfont.scss b/assets/scss/_iconfont.scss
index a5a3ff4..bbd9337 100644
--- a/assets/scss/_iconfont.scss
+++ b/assets/scss/_iconfont.scss
@@ -1,7 +1,9 @@
 @font-face {
   font-family: 'iconfont';
-  src: url('../iconfont/iconfont.woff2') format('woff2'), url('../iconfont/iconfont.woff') format('woff'),
-    url('../iconfont/iconfont.ttf') format('truetype'), url('../iconfont/iconfont.svg') format('svg');
+  src: url('../iconfont/iconfont.woff2') format('woff2'),
+    url('../iconfont/iconfont.woff') format('woff'),
+    url('../iconfont/iconfont.ttf') format('truetype'),
+    url('../iconfont/iconfont.svg') format('svg');
 }
 
 .iconfont {
@@ -12,6 +14,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-grid-sharp:before {
+  content: '\e612';
+}
+
 .icon-search-circle-sharp:before {
   content: '\e60c';
 }
diff --git a/layouts/partials/components.html b/layouts/partials/components.html
index 987d409..5148628 100644
--- a/layouts/partials/components.html
+++ b/layouts/partials/components.html
@@ -1,4 +1,7 @@
 <div class="btn">
+    <div class="btn-menu" id="btn-menu">
+        <i class="iconfont icon-grid-sharp"></i>
+    </div>
     <div class="btn-toggle-mode">
         <i class="iconfont icon-contrast-sharp"></i>
     </div>
@@ -48,14 +51,5 @@
         {{ .TableOfContents }}
     </div>
     {{ end }}
-    {{ else }}
-    {{ with .Site.Params.bgmImageChart }}
-    <!-- bgm.tv image chart -->
-    <div class="sidebar-item sidebar-bgm">
-        <h3>{{ i18n "sidebarBangumiChart" }}</h3>
-        <img class="lazyload" src="{{ $.Site.Params.lazyPlaceholder | relURL }}"
-             data-src="https://bgm.tv/chart/img/{{ . }}" alt="Bangumi 图像榜单" />
-    </div>
-    {{ end }}
     {{ end }}
 </aside>
\ No newline at end of file
diff --git a/static/assets/iconfont/iconfont.svg b/static/assets/iconfont/iconfont.svg
index 1edefea..ca29d0c 100644
--- a/static/assets/iconfont/iconfont.svg
+++ b/static/assets/iconfont/iconfont.svg
@@ -20,6 +20,9 @@ Created by iconfont
   />
     <missing-glyph />
     
+    <glyph glyph-name="grid-sharp" unicode="&#58898;" d="M480 416H64V832h416zM960 416H544V832h416zM480-64H64V352h416zM960-64H544V352h416z"  horiz-adv-x="1024" />
+
+    
     <glyph glyph-name="search-circle-sharp" unicode="&#58892;" d="M512 768C300.26 768 128 595.74 128 384s172.26-384 384-384 384 172.26 384 384S723.74 768 512 768z m160-589.26l-108.3 108.3a176.16 176.16 0 1 0 45.26 45.26L717.26 224zM464 432m-112 0a112 112 0 1 1 224 0 112 112 0 1 1-224 0Z"  horiz-adv-x="1024" />
 
     
diff --git a/static/assets/iconfont/iconfont.ttf b/static/assets/iconfont/iconfont.ttf
index 73db787..3580b97 100644
Binary files a/static/assets/iconfont/iconfont.ttf and b/static/assets/iconfont/iconfont.ttf differ
diff --git a/static/assets/iconfont/iconfont.woff b/static/assets/iconfont/iconfont.woff
index 2708716..f82dfe4 100644
Binary files a/static/assets/iconfont/iconfont.woff and b/static/assets/iconfont/iconfont.woff differ
diff --git a/static/assets/iconfont/iconfont.woff2 b/static/assets/iconfont/iconfont.woff2
index 302efbf..31115b7 100644
Binary files a/static/assets/iconfont/iconfont.woff2 and b/static/assets/iconfont/iconfont.woff2 differ
-- 
cgit v1.2.3