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

assets/css/_page/_post.scss

@@ -1,7 +1,7 @@
 /** Post **/
 .post-title {
   margin: 0 !important;
-  font-size: 2rem;
+  font-size: 1.8rem;
   line-height: 3rem;
 }
 

assets/css/_partial/_navbar.scss

@@ -20,6 +20,7 @@
 
     .navbar-header a {
       padding: 0 8px;
+      font-size: 20px;
 
       i {
         line-height: 2em;
@@ -65,6 +66,10 @@
       padding-left: 1em;
       box-sizing: border-box;
 
+      .navbar-header-title {
+        font-size: 20px;
+      }
+
       .menu-toggle {
         cursor: pointer;
         line-height: 4.5em;
@@ -72,7 +77,7 @@
         span {
           display: block;
           background: #000;
-          width: 36px;
+          width: 24px;
           height: 2px;
           -webkit-border-radius: 3px;
           -moz-border-radius: 3px;

layouts/partials/header.html

@@ -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>