[add] : Added right menu

diff --git a/blog/config.toml b/blog/config.toml
index 89d1bd1..cb97c78 100644 (file)
--- a/blog/config.toml
+++ b/blog/config.toml
@@ -60,7 +60,7 @@ summaryLength = 160
   tags_counter = false # Enable counter for each tag in "Tags" widget
 
 [menu]
-[[menu.main]]
+[[menu.right]]
   name = '切腹倶楽部'
   url = 'https://seppuku.club/'
   weight = -90

diff --git a/blog/src/layouts/partials/menu.html b/blog/src/layouts/partials/menu.html
new file mode 100644 (file)
index 0000000..7273d23
--- /dev/null
+++ b/blog/src/layouts/partials/menu.html
@@ -0,0 +1,41 @@
+{{- if .Site.Menus.main }}
+<nav class="menu">
+       <button class="menu__btn" aria-haspopup="true" aria-expanded="false" tabindex="0">
+               <span class="menu__btn-title" tabindex="-1">{{ T "menu_label" }}</span>
+       </button>
+       <style>
+               @media screen and (min-width: 767px) {
+                       .menu__item:nth-child({{ add (len .Site.Menus.main) 1}}){
+                               margin-left: auto;
+                       }
+               }
+       </style>
+       <ul class="menu__list">
+               {{- $currentNode := . }}
+               {{- range .Site.Menus.main }}
+               {{- if .Name }}
+               <li class="menu__item{{ if or ($currentNode.IsMenuCurrent "main" .) ($currentNode.HasMenuCurrent "main" .) }} menu__item--active{{ end }}">
+                       <a class="menu__link" href="{{ .URL }}">
+                               {{ .Pre }}
+                               <span class="menu__text">{{ .Name }}</span>
+                               {{ .Post }}
+                       </a>
+               </li>
+               {{- end }}
+               {{- end }}
+               {{- range .Site.Menus.right }}
+               {{- if .Name }}
+               <li class="menu__item{{ if or ($currentNode.IsMenuCurrent "main" .) ($currentNode.HasMenuCurrent "main" .) }} menu__item--active{{ end }}">
+                       <a class="menu__link" href="{{ .URL }}">
+                               {{ .Pre }}
+                               <span class="menu__text">{{ .Name }}</span>
+                               {{ .Post }}
+                       </a>
+               </li>
+               {{- end }}
+               {{- end }}
+       </ul>
+</nav>
+{{ else -}}
+<div class="divider"></div>
+{{- end }}