diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index 4924fc8..a3bb923 100644
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@@ -1,23 +1,17 @@
 {{ define "head" }}
 {{ if .Params.featuredImg -}}
-<style>
-    .bg-img {
-        background-image: url('{{.Params.featuredImg}}');
-    }
-</style>
+<style>.bg-img {background-image: url('{{.Params.featuredImg}}');}</style>
 {{- else if .Params.images -}}
 {{- range first 1 .Params.images -}}
-<style>
-    .bg-img {
-        background-image: url('{{. | absURL}}');
-    }
-</style>
+<style>.bg-img {background-image: url('{{. | absURL}}');}</style>
 {{- end -}}
 {{- end -}}
 {{ end }}
+
 {{ define "header" }}
 {{ partial "header.html" . }}
 {{ end }}
+
 {{ define "main" }}
 {{- if (or .Params.images .Params.featuredImg) }}
 <div class="bg-img"></div>
@@ -29,17 +23,15 @@
             <h1>{{ .Title }}</h1>
         </header>
         <div class="content">
-            {{ .Content | replaceRE "(
-            <h[1-6] id=\ "([^\"]+)\ ".+)(</h[1-6]+>)" `${1}<a href="#${2}" class="anchor" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg></a>${3}`
-                | safeHTML }}
+            {{ .Content | replaceRE "(<h[1-6] id=\"([^\"]+)\".+)(</h[1-6]+>)" `${1}<a href="#${2}" class="anchor" aria-hidden="true"><object type="image/svg+xml" width="24" height="24" data="{{"link.svg" | relURL}}"></object></a>${3}` | safeHTML }}
         </div>
-        {{- if .Site.Params.relatedPosts }} {{- partial "related-posts.html" . -}} {{- end }}
+        {{- if .Site.Params.relatedPosts }}
+        {{- partial "related-posts.html" . -}}
+        {{- end }}
         <hr class="post-end">
         <footer class="post-info">
             {{- with $.Param "author" }}
-            <p>
-                <object type="image/svg+xml" width="24" height="24" data="{{"author.svg" | relURL}}">{{.}}</object>
-            </p>
+            <p><object type="image/svg+xml" width="24" height="24" data="{{"author.svg" | relURL}}">{{.}}</object></p>
             {{- end }}
             {{- with .Params.tags }}
             <p>
@@ -57,22 +49,28 @@
         </footer>
     </article>
     {{- if .Params.toc }}
-    <aside id="toc ">
-        <div class="toc-title ">{{ i18n "tableOfContents " }}</div>
+    <aside id="toc">
+        <div class="toc-title">{{ i18n "tableOfContents" }}</div>
         {{ .TableOfContents }}
     </aside>
     {{- end }}
-    <div class="post-nav thin ">
+    <div class="post-nav thin">
         {{- with .NextInSection }}
-        <a class="next-post " href="{{ .Permalink }} ">
-            <span class="post-nav-label "><svg xmlns="http://www.w3.org/2000/svg " width="24 " height="24 " viewBox="0 0 24 24 " fill="none " stroke="#fff " stroke-width="2 " stroke-linecap="round " stroke-linejoin="round " class="feather feather-arrow-left
-                    "><line x1="19 " y1="12 " x2="5 " y2="12 "></line><polyline points="12 19 5 12 12 5 "></polyline></svg>&nbsp;{{ i18n "newer " }}</span><br><span>{{ .Title }}</span>
+        <a class="next-post" href="{{ .Permalink }}">
+            <span class="post-nav-label">
+                <object type="image/svg+xml" width="24" height="24" data="{{"nextarrow.svg" | relURL}}"></object>&nbsp;{{ i18n "newer " }}
+            </span>
+            <br>
+            <span>{{ .Title }}</span>
         </a>
         {{- end }}
         {{- with .PrevInSection }}
         <a class="prev-post " href="{{ .Permalink }} ">
-            <span class="post-nav-label ">{{ i18n "older " }}&nbsp;<svg xmlns="http://www.w3.org/2000/svg " width="24 " height="24 " viewBox="0 0 24 24 " fill="none " stroke="#fff " stroke-width="2 " stroke-linecap="round " stroke-linejoin="round
-                    " class="feather feather-arrow-right "><line x1="5 " y1="12 " x2="19 " y2="12 "></line><polyline points="12 5 19 12 12 19 "></polyline></svg></span><br><span>{{ .Title }}</span>
+            <span class="post-nav-label ">
+                {{ i18n "older " }}&nbsp;<object type="image/svg+xml" width="24" height="24" data="{{"prevarrow.svg" | relURL}}"></object>
+            </span>
+            <br>
+            <span>{{ .Title }}</span>
         </a>
         {{- end }}
     </div>
diff --git a/static/link.svg b/static/link.svg
new file mode 100644
index 0000000..74435b0
--- /dev/null
+++ b/static/link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>
\ No newline at end of file
diff --git a/static/nextarrow.svg b/static/nextarrow.svg
new file mode 100644
index 0000000..d38fe0c
--- /dev/null
+++ b/static/nextarrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
\ No newline at end of file
diff --git a/static/prevarrow.svg b/static/prevarrow.svg
new file mode 100644
index 0000000..88abada
--- /dev/null
+++ b/static/prevarrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
\ No newline at end of file