fix(css): fix some css bugs

layouts/404.html

@@ -1,10 +1,16 @@
-{{ define "title" }}{{ T "pageNotFound" }} | {{ .Site.Title }}{{ end -}}
+{{- define "title" }}{{ T "pageNotFound" | printf "404 %s" }} | {{ .Site.Title }}{{ end -}}
 
-{{ define "content" }}
+{{- define "content" -}}
     <div class="notfound">
         <h1 class="error-emoji"></h1>
-        <p class="error-text">/* 404 {{ T "pageNotFound" }}. */</p>
-        <p class="error-link"><a href="{{ .Site.BaseURL }}">↑ {{ T "backToHome" }} ↑</a></p>
+        <p class="error-text">
+            {{- T "pageNotFoundText" -}}
+        </p>
+        <p class="error-link">
+            <a href="{{ .Site.BaseURL }}">
+                {{- T "backToHome" | printf "← %s" -}}
+            </a>
+        </p>
     </div>
     <script>
         var errorEmojiContainer = document.getElementsByClassName('error-emoji')[0];
@@ -15,4 +21,4 @@
         var errorEmoji = emojiArray[Math.floor(Math.random() * emojiArray.length)];
         errorEmojiContainer.appendChild(document.createTextNode(errorEmoji));
     </script>
-{{ end }}
+{{- end -}}