Improve code quality & consistency

* Add EditorConfig
* Rebuild animate.css: remove an unused animation
* Slightly rewrite header part

.editorconfig

@@ -0,0 +1,20 @@
+# editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.{html,xml}]
+indent_style = tab
+
+[*.md]
+indent_style = unset
+indent_size = unset
+insert_final_newline = unset
+trim_trailing_whitespace = unset

assets/scss/style.scss

@@ -196,6 +196,7 @@ table {
 .hdr-wrapper {
   display: flex;
   justify-content: space-between;
+  align-items: center;
   padding: .5em 0;
   font-size: 1.2rem;
 
@@ -217,10 +218,14 @@ table {
 }
 
 .hdr-icons {
-  display: inline-block;
   font-size: 1.2em;
+}
 
-  a {
+.hdr-social {
+  display: inline-block;
+  margin-left: .6em;
+
+  &>a {
     margin-left: .4em;
   }
 }
@@ -232,9 +237,9 @@ table {
   cursor: pointer;
 }
 
-#menu-btn,
+#menu-btn {
-#search-btn {
   display: none;
+  margin-left: .7em;
   cursor: pointer;
 }
 
@@ -450,10 +455,6 @@ p.img-404 {
   opacity: 1;
 }
 
-#show-img-btn {
-  margin-right: .3em;
-}
-
 .post-header {
   margin-top: 1.2em;
   line-height: normal;

layouts/partials/header.html

@@ -10,20 +10,16 @@
 					{{- end }}
 				</nav>
 			</div>
-			<div class="hdr-right">
+			<div class="hdr-right hdr-icons">
-				<div class="hdr-icons">
 				{{- with .Params.featuredImg }}
-					<button id="show-img-btn" class="hdr-btn" onclick="showFeaturedImg()"><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-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></button>
+				<button class="hdr-btn" onclick="showFeaturedImg()"><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-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></button>
-					{{- end }}
-					{{- with .Site.Params.social }}
-					<span class="hide-in-mobile">
-						{{- partialCached "social-icons.html" . -}}
-					</span>
 				{{- end }}
+				{{- with .Site.Params.social -}}
+				<span class="hdr-social hide-in-mobile">{{ partialCached "social-icons.html" . }}</span>
+				{{- end -}}
 				<button id="menu-btn" class="hdr-btn"><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-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button>
 			</div>
 		</div>
-		</div>
 	</header>
 	<div id="mobile-menu" class="animated fast" style="display: none;">
 		<ul>

layouts/partials/social-icons.html

@@ -1,3 +1,3 @@
 {{ range . -}}
 <a href="{{ .url }}" target="_blank" rel="noopener"><span class="screen-reader-text">{{ .name }}</span>{{ partial "svg.html" . }}</a>
-{{- end }}
+{{- end -}}

resources/_gen/assets/scss/scss/style.scss_c16d144eee185fbddd582cd5e25a4fae.json

@@ -1 +1 @@
-{"Target":"css/style.min.ec583408c122bca52321e03f9c58d80a134f8a85e464b32adcf049fd64bc5bcb.css","MediaType":"text/css","Data":{"Integrity":"sha256-7Fg0CMEivKUjIeA/nFjYChNPioXkZLMq3PBJ/WS8W8s="}}
+{"Target":"css/style.min.1a05bb70ba65f83d17c1933042808ce6a5986b022278a25e4490c44d9e4ed68a.css","MediaType":"text/css","Data":{"Integrity":"sha256-GgW7cLpl+D0XwZMwQoCM5qWYawIieKJeRJDETZ5O1oo="}}