Animation speed up

layouts/404.html

@@ -1,9 +1,9 @@
 {{ define "main" }}
-	<div id="spotlight" class="error-404">
-		<p class="catguard animated bounceIn">
+	<div id="spotlight" class="error-404 animated fadeIn">
+		<p class="catguard">
 			<img src="{{ "img/404.png" | absURL }}" alt="Nothing Found">
 		</p>
-		<div class="banner-404 animated bounceIn">
+		<div class="banner-404">
 			<h1 id="404-title">404</h1>
 			<p>Oops, page not found…</p>
 			<p class="btn-404">

layouts/_default/list.html

@@ -3,7 +3,7 @@
 {{ end }}
 
 {{ define "main" }}
-	<main class="site-main section-inner thin  animated fadeIn">
+	<main class="site-main section-inner thin  animated fadeIn faster">
 		<h1>{{ .Title }}</h1>
 		{{- if .Content }}
 		<div class="content">

layouts/_default/single.html

@@ -3,7 +3,7 @@
 {{ end }}
 
 {{ define "main" }}
-	<main class="site-main section-inner thin animated fadeIn">
+	<main class="site-main section-inner thin animated fadeIn faster">
 		<h1>{{ .Title }}</h1>
 		<div class="content">
 			{{ .Content }}

layouts/index.html

@@ -1,12 +1,12 @@
 {{ define "main" }}
-	<div id="spotlight">
-		<h1 id="home-title" class="animated bounceIn">Track3's Blog</h1>
-		<div id="home-social" class="social-icons animated bounceIn">
+	<div id="spotlight" class="animated fadeIn">
+		<h1 id="home-title">Track3's Blog</h1>
+		<div id="home-social" class="social-icons">
 			<a href="https://twitter.com/mytrack03" target="_blank" rel="noopener"><span class="screen-reader-text">Twitter</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg></a>{{/**/ -}}
 			<a href="http://t.me/mytrack3" target="_blank" rel="noopener"><span class="screen-reader-text">Telegram</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="feather"><path d="m 22.05,1.577 c -0.393,-0.016 -0.784,0.08 -1.117,0.235 -0.484,0.186 -4.92,1.902 -9.41,3.64 C 9.263,6.325 7.005,7.198 5.267,7.867 3.53,8.537 2.222,9.035 2.153,9.059 c -0.46,0.16 -1.082,0.362 -1.61,0.984 -0.79581202,1.058365 0.21077405,1.964825 1.004,2.499 1.76,0.564 3.58,1.102 5.087,1.608 0.556,1.96 1.09,3.927 1.618,5.89 0.174,0.394 0.553,0.54 0.944,0.544 l -0.002,0.02 c 0,0 0.307,0.03 0.606,-0.042 0.3,-0.07 0.677,-0.244 1.02,-0.565 0.377,-0.354 1.4,-1.36 1.98,-1.928 l 4.37,3.226 0.035,0.02 c 0,0 0.484,0.34 1.192,0.388 0.354,0.024 0.82,-0.044 1.22,-0.337 0.403,-0.294 0.67,-0.767 0.795,-1.307 0.374,-1.63 2.853,-13.427 3.276,-15.38 L 23.676,4.725 C 23.972,3.625 23.863,2.617 23.18,2.02 22.838,1.723 22.444,1.593 22.05,1.576 Z"></path></svg></a>{{/**/ -}}
 			<a href="https://github.com/Track3" target="_blank" rel="noopener"><span class="screen-reader-text">GitHub</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a>
 		</div>
-		<nav id="home-nav" class="site-nav animated bounceIn">
+		<nav id="home-nav" class="site-nav">
 			{{- range .Site.Menus.main }}
 			<a href="{{ .URL }}">{{ .Name }}</a>
 			{{- end }}

layouts/partials/footer.html

@@ -1,4 +1,4 @@
-	<footer id="site-footer" class="section-inner thin animated fadeIn">
+	<footer id="site-footer" class="section-inner thin animated fadeIn faster">
 		<div id="copyright">
 			<p>&copy; 2018 <a href="https://www.xxxlbox.com">{{ .Site.Author.name }}</a> &#183; <a href="https://creativecommons.org/licenses/by-nc/4.0/deed.zh" target="_blank" rel="noopener">CC BY-NC 4.0</a></p>
 			<p>Made with <a href="https://gohugo.io/" target="_blank" rel="noopener">Hugo</a> &#183; <a href="http://www.miitbeian.gov.cn" target="_blank" rel="noopener">鄂ICP备16022650号-1</a> &#183; <a href="{{ "posts/index.xml" | absURL }}" target="_blank" title="rss"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg></a></p>

layouts/partials/header.html

@@ -1,4 +1,4 @@
-	<header id="site-header" class="animated slideInUp">
+	<header id="site-header" class="animated slideInUp faster">
 		<div class="hdr-wrapper section-inner">
 			<div class="hdr-left">
 				<div class="site-branding">
@@ -25,7 +25,7 @@
 			</div>
 		</div>
 	</header>
-	<div id="mobile-menu" class="animated" style="display: none;">
+	<div id="mobile-menu" class="animated fast" style="display: none;">
 		<ul>
 			{{- range .Site.Menus.main }}
 			<li><a href="{{ .URL }}">{{ .Name }}</a></li>

layouts/posts/single.html

@@ -6,7 +6,7 @@
 	{{- with .Params.featuredImg }}
 		<div id="bg-img" class="bg-img" style="background-image: url({{.}});" onclick="showContent()"></div>
 	{{- end }}
-	<main class="site-main section-inner animated fadeIn">
+	<main class="site-main section-inner animated fadeIn faster">
 		<article class="thin">
 			<header class="post-header">
 				<div class="post-meta"><span>{{ .Date.Format .Site.Params.dateform }}</span></div>