You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
148 lines
6.0 KiB
148 lines
6.0 KiB
{{ if $.Site.Params.nightMode }} |
|
<body class="io-black-mode"> |
|
{{ else }} |
|
<body class="io-grey-mode"> |
|
{{ end }} |
|
{{ if $.Site.Params.enablePreLoad }} |
|
<div id="loading"> |
|
<style> |
|
.loader { |
|
width: 250px; |
|
height: 50px; |
|
line-height: 50px; |
|
text-align: center; |
|
position: absolute; |
|
top: 50%; |
|
left: 50%; |
|
transform: translate(-50%, -50%); |
|
font-family: helvetica, arial, sans-serif; |
|
text-transform: uppercase; |
|
font-weight: 900; |
|
color: #f1404b; |
|
letter-spacing: 0.2em |
|
} |
|
|
|
.loader::before, |
|
.loader::after { |
|
content: ""; |
|
display: block; |
|
width: 15px; |
|
height: 15px; |
|
background: #f1404b; |
|
position: absolute; |
|
animation: load .7s infinite alternate ease-in-out |
|
} |
|
|
|
.loader::before { |
|
top: 0 |
|
} |
|
|
|
.loader::after { |
|
bottom: 0 |
|
} |
|
|
|
@keyframes load { |
|
0% { |
|
left: 0; |
|
height: 30px; |
|
width: 15px |
|
} |
|
|
|
50% { |
|
height: 8px; |
|
width: 40px |
|
} |
|
|
|
100% { |
|
left: 235px; |
|
height: 30px; |
|
width: 15px |
|
} |
|
} |
|
</style> |
|
<div class="loader">{{ $.Site.Params.textPreLoad }}</div> |
|
</div> |
|
{{ end }} |
|
<div class="page-container"> |
|
{{ if $.Site.Params.expandSidebar }} |
|
<div id="sidebar" class="sticky sidebar-nav fade animate-nav" style="width: 170px"> |
|
{{ else }} |
|
<div id="sidebar" class="sticky sidebar-nav fade mini-sidebar" style="width: 60px;"> |
|
{{ end }} |
|
<div class="modal-dialog h-100 sidebar-nav-inner"> |
|
<div class="sidebar-logo border-bottom border-color"> |
|
<!-- logo --> |
|
<div class="logo overflow-hidden"> |
|
<a href="" class="logo-expanded"> |
|
<img src="{{ relURL $.Site.Params.images.logoExpandLight }}" height="40" class="logo-light" |
|
alt="{{ .Site.Title }}"> |
|
<img src="{{ relURL $.Site.Params.images.logoExpandDark }}" height="40" |
|
class="logo-dark d-none" |
|
alt="{{ .Site.Title }}"> |
|
</a> |
|
<a href="" class="logo-collapsed"> |
|
<img src="{{ relURL $.Site.Params.images.logoCollapseLight }}" height="40" |
|
class="logo-light" |
|
alt="{{ .Site.Title }}"> |
|
<img src="{{ relURL $.Site.Params.images.logoCollapseDark }}" height="40" |
|
class="logo-dark d-none" |
|
alt="{{ .Site.Title }}"> |
|
</a> |
|
</div> |
|
<!-- logo end --> |
|
</div> |
|
<div class="sidebar-menu flex-fill"> |
|
<div class="sidebar-scroll"> |
|
<div class="sidebar-menu-inner"> |
|
<ul> |
|
{{ range .Site.Data.webstack }} |
|
{{ if .list }} |
|
<li class="sidebar-item"> |
|
<a href="#{{ range first 1 .list }}{{ md5 .term }}{{ end }}" |
|
class="smooth change-href" |
|
data-change="#{{ range first 1 .list }}{{ md5 .term }}{{ end }}"> |
|
<i class="{{ .icon }} icon-fw icon-lg mr-2"></i> |
|
<span>{{ .taxonomy }}</span> |
|
<i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i> |
|
</a> |
|
<ul> |
|
{{ range .list }} |
|
<li><a href="#{{ md5 .term }}" class="smooth"><span>{{ .term }}</span></a></li> |
|
{{ end }} |
|
</ul> |
|
</li> |
|
{{ else }} |
|
<li class="sidebar-item"> |
|
<a href="#{{ md5 .taxonomy }}" class="smooth"> |
|
<i class="{{ .icon }} fa-lg icon-fw icon-lg mr-2"></i> |
|
<span>{{ .taxonomy }}</span> |
|
</a> |
|
</li> |
|
{{ end }} |
|
{{ end }} |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="border-top py-2 border-color"> |
|
<div class="flex-bottom"> |
|
<ul> |
|
<li id="menu-item-212" |
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-212 sidebar-item"> |
|
<a href="#friendlink" class="smooth"> |
|
<i class="fab fa-staylinked icon-fw icon-lg mr-2"></i> |
|
<span>友情链接</span> |
|
</a> |
|
</li> |
|
|
|
<li id="menu-item-213" |
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-213 sidebar-item"> |
|
<a target="_blank" rel="noopener" href="{{ $.Site.Params.about }}"> |
|
<i class="fa fa-info-circle icon-fw icon-lg mr-2"></i> |
|
<span>关于作者</span></a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div>
|
|
|