feat(layout): add animation for title and some style changed

This commit is contained in:
Dillon ZENG
2019-11-23 16:22:42 +08:00
parent d056fd46d7
commit b97cd8cdbc
4 changed files with 13 additions and 5 deletions

View File

@@ -1,6 +1,6 @@
<nav class="navbar">
<div class="navbar-container">
<div class="navbar-header">
<div class="navbar-header animated bounceIn">
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
</div>
<div class="navbar-menu">
@@ -15,7 +15,9 @@
<nav class="navbar-mobile">
<div class="navbar-container">
<div class="navbar-header">
<div><a href="javascript:void(0);" class="theme-switch"><i class="fas fa-adjust fa-rotate-180 fa-fw"></i></a><a href="{{.Site.BaseURL}}">{{ .Site.Title }}</a></div>
<div class="navbar-header-title animated bounceIn">
<a href="{{.Site.BaseURL}}">{{ .Site.Title }}</a>
</div>
<div class="menu-toggle" id="menu-toggle">
<span></span><span></span><span></span>
</div>
@@ -25,6 +27,7 @@
{{ range .Site.Menus.main }}
<a class="menu-item" href="{{ .URL | absLangURL }}" title="{{ .Title }}">{{ .Name | safeHTML }}</a>
{{ end }}
<a href="javascript:void(0);" class="theme-switch"><i class="fas fa-adjust fa-rotate-180 fa-fw"></i></a>
</div>
</div>
</nav>