blob: 028b73cce858159a00986fac456c99e3ed68a6f5 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
|
<div class="single-column-drawer-container" ref="drawer"
v-bind:class="{ 'single-column-drawer-container-active': isDrawerOpen }">
<div class="drawer-content">
<div class="drawer-menu">
{{ if and (isset .Site.Params "googlesearchcode") (.IsHome) }}
<script async src="https://cse.google.com/cse.js?cx={{.Site.Params.googleSearchCode}}"></script>
<div class="gcse-searchbox-only" mobileLayout="true"></div>
{{ end }}
{{ $current := .Permalink | absLangURL }}
{{ range .Site.Menus.main }}
{{$actived := "false"}}
<!-- A problem caused by slash: if you use "eq" directly, you will get a result of "/tags/" and "/tags" -->
{{if hasPrefix $current (.URL|absLangURL)}}
{{$actived = "active"}}
{{end}}
{{ if .HasChildren }}
<div class="a-block" class="drawer-menu-item {{$actived}}" v-on:click="isHidden = !isHidden">
{{ .Name }}
<div class="nav-link-subitem" v-if="!isHidden">
{{ range .Children }}
<li><a href="{{ .URL }}"> {{ .Name }}</a></li>
{{ end }}
</div>
</div>
{{ else }}
<!--<a class="a-block nav-link-item {{$actived}}" href="{{ .URL }}">-->
<a class="a-block drawer-menu-item {{ $actived }}" href="{{ .URL }}">
{{ .Name }}
</a>
{{ end }}
{{ end }}
{{ if and (not (.Site.Params.disableToC) ) (.IsPage) }}
<div class="toc">
{{- partial "toc.html" . -}}
</div>
{{ end }}
</div>
</div>
</div>
<transition name="fade">
<div v-bind:class="{ 'single-column-drawer-mask': mounted }" v-if="isDrawerOpen" v-on:click="toggleDrawer"></div>
</transition>
<nav ref="navBar" class="navbar sticky-top navbar-light single-column-nav-container">
<div ref="navBackground" class="nav-background"></div>
<div class="container container-narrow nav-content">
<button id="nav_dropdown_btn" class="nav-dropdown-toggle" type="button" v-on:click="toggleDrawer">
<i class="material-icons">
menu
</i>
</button>
<a ref="navTitle" class="navbar-brand" href="{{.Site.BaseURL}}">
{{.Site.Title}}
</a>
{{ if not .Site.Params.disableDarkMode }}
<button type="button" class="nav-darkmode-toggle" v-on:click="toggleDarkMode">
<i class="material-icons" v-if="isDarkMode">
brightness_4
</i>
<i class="material-icons" v-else="isDarkMode">
brightness_7
</i>
</button>
{{ end }}
</div>
</nav>
<div class="single-column-header-container" ref="pageHead"
v-bind:style="{ transform: 'translateZ(0px) translateY('+.3*scrollY+'px)', opacity: 1-navOpacity }">
<a href="{{.Site.BaseURL}}">
<div class="single-column-header-title">{{.Site.Title}}</div>
{{ with .Site.Params.subtitle }}
<div class="single-column-header-subtitle">{{.}}</div>
{{ end }}
</a>
</div>
|