From 2eba23149d87fcf8e1a4a636bc0f82d6a2fb9e3d Mon Sep 17 00:00:00 2001
From: Siphalor <info@siphalor.de>
Date: Wed, 5 May 2021 13:48:59 +0200
Subject: [PATCH] Improve accessibility

---
 _includes/navbar.html    | 11 ++++++-----
 _layouts/404.html        |  2 +-
 _layouts/mod.html        | 15 +++++++++++----
 _sass/klise/_base.scss   |  8 ++++++++
 _sass/klise/_layout.scss |  1 -
 about.md                 |  8 ++++----
 assets/js/main.js        |  7 +++++++
 index.md                 |  5 +++--
 tags.html                |  2 +-
 9 files changed, 41 insertions(+), 18 deletions(-)

diff --git a/_includes/navbar.html b/_includes/navbar.html
index eaf7ef5..07144a2 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -1,13 +1,14 @@
 <div class="navbar" role="navigation">
   <nav class="menu">
     <input type="checkbox" id="menu-trigger" class="menu-trigger" />
-    <label for="menu-trigger">
-      <span class="menu-icon">
+    <label for="menu-trigger" role="presentation">
+      <span id="menu-icon" class="menu-icon focusable" aria-label="Toggle navigation menu" tabindex="0" role="button">
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="24"
           height="24"
           viewBox="0 0 512 512"
+		  role="presentation"
         >
           <path
             d="M64,384H448V341.33H64Zm0-106.67H448V234.67H64ZM64,128v42.67H448V128Z"
@@ -15,7 +16,7 @@
         </svg>
       </span>
     </label>
-    <a id="mode">
+    <a id="mode" aria-label="Toggle light and dark theme" tabindex="0">
       <svg
         class="mode-sunny"
         xmlns="http://www.w3.org/2000/svg"
@@ -185,8 +186,8 @@
           <a class="menu-link {% if url == '/' %}active{% endif %}" href="/">home</a>
           <a class="menu-link {% if url == '/about/' %}active{% endif %}" href="/about">about</a>
         {%- endif -%}
-		<a class="menu-link menu-img" href="https://github.com/{{ site.author.github }}">
-			<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
+		<a class="menu-link menu-img" href="https://github.com/{{ site.author.github }}" aria-label="My GitHub profile">
+			<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16" role="presentation">
 				<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
 			</svg>
 		</a>
diff --git a/_layouts/404.html b/_layouts/404.html
index abbafd8..ddaa320 100644
--- a/_layouts/404.html
+++ b/_layouts/404.html
@@ -36,7 +36,7 @@ layout: compress
           <p class="phrase">😕 Hmm... Looks like this site is gone or never existed.</p>
           <p><a class="solution" href="{{ site.url }}">back home</a></p>
           <br />
-          <pre class="highlight" id="code">
+          <pre class="highlight" id="code" role="presentation">
   ____________________
  /      ________      \
 (      / O    O        )
diff --git a/_layouts/mod.html b/_layouts/mod.html
index b06701a..99484c8 100644
--- a/_layouts/mod.html
+++ b/_layouts/mod.html
@@ -38,14 +38,21 @@ layout: compress
 					<h1 class="header-title" itemprop="headline">
 						{{ page.title | escape }}
 						<span style="float:right">
+							{% if page.github %}
+							<a href="{{ page.github }}" aria-label="GitHub page of this mod">
+								<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16" role="presentation">
+									<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+								</svg>
+							</a>
+							{% endif %}
 							{% if page.modrinth %}
-							<a href="https://modrinth.com/mod/{{ page.modrinth }}">
-								<svg viewBox="0 0 24 24" fill="currentColor" stroke="none" height="26" width="26"><path class="st0" d="m20.2 17.6c-0.5-0.2-0.9 0-1.2 0.3-1.2 1.4-2.8 2.5-4.8 3-3.1 0.8-6.2 0-8.4-1.9l3.6-3.2 2.1 1.9 4-1.8 2.1-3.3-0.8-1.6-2.3 1-1 1.3-1.5 0.7-1.2-1-0.8-1.5 1-1.3 1.5-0.7 1.6-2-1.3-1.2-3.8 1.3-2.7 3.5 1.3 2.5-3.7 3.2-0.5-0.8c-0.1-0.2-0.2-0.5-0.3-0.8 0-0.1-0.1-0.2-0.1-0.2-0.1-0.3-0.5-0.6-0.9-0.6-0.5 0-1 0.4-1 1 0.1 0.2 0.1 0.4 0.2 0.5 2 5.3 7.8 8.3 13.4 6.8 2.4-0.6 4.3-1.9 5.8-3.7 0.5-0.4 0.3-1.2-0.3-1.4zm2.6-8.5c-1.7-5.9-7.8-9.4-13.8-7.9-3.8 1-6.6 3.8-7.8 7.1-0.2 0.7 0.3 1.3 0.9 1.3 0.4 0 0.8-0.3 0.9-0.7 1-2.8 3.3-5 6.4-5.9 4.7-1.2 9.5 1.3 11.1 5.6l0.5 1.8c0.1 0.7 0.1 1.4 0.1 2.1v0.1c0 0.4 0.3 0.8 0.7 0.9 0.6 0.2 1.3-0.2 1.3-0.9 0.1-1 0-2.3-0.3-3.5z"/></svg>
+							<a href="https://modrinth.com/mod/{{ page.modrinth }}" aria-label="This mod at Modrinth">
+								<svg viewBox="0 0 24 24" fill="currentColor" stroke="none" height="26" width="26" role="presentation"><path class="st0" d="m20.2 17.6c-0.5-0.2-0.9 0-1.2 0.3-1.2 1.4-2.8 2.5-4.8 3-3.1 0.8-6.2 0-8.4-1.9l3.6-3.2 2.1 1.9 4-1.8 2.1-3.3-0.8-1.6-2.3 1-1 1.3-1.5 0.7-1.2-1-0.8-1.5 1-1.3 1.5-0.7 1.6-2-1.3-1.2-3.8 1.3-2.7 3.5 1.3 2.5-3.7 3.2-0.5-0.8c-0.1-0.2-0.2-0.5-0.3-0.8 0-0.1-0.1-0.2-0.1-0.2-0.1-0.3-0.5-0.6-0.9-0.6-0.5 0-1 0.4-1 1 0.1 0.2 0.1 0.4 0.2 0.5 2 5.3 7.8 8.3 13.4 6.8 2.4-0.6 4.3-1.9 5.8-3.7 0.5-0.4 0.3-1.2-0.3-1.4zm2.6-8.5c-1.7-5.9-7.8-9.4-13.8-7.9-3.8 1-6.6 3.8-7.8 7.1-0.2 0.7 0.3 1.3 0.9 1.3 0.4 0 0.8-0.3 0.9-0.7 1-2.8 3.3-5 6.4-5.9 4.7-1.2 9.5 1.3 11.1 5.6l0.5 1.8c0.1 0.7 0.1 1.4 0.1 2.1v0.1c0 0.4 0.3 0.8 0.7 0.9 0.6 0.2 1.3-0.2 1.3-0.9 0.1-1 0-2.3-0.3-3.5z"/></svg>
 							</a>
 							{% endif %}
 							{% if page.curseforge %}
-							<a href="https://curseforge.com/minecraft/mc-mods/{{ page.curseforge }}">
-								<svg viewBox="-2017 853 43 23" fill="currentColor" stroke="none" height="26" width="26"><path d="M-2005.7,853l0.7,3c-3.5,0-12,0-12,0s0.2,0.9,0.3,1c0.3,0.5,0.6,1.1,1,1.5c1.9,2.2,5.2,3.1,7.9,3.6  c1.9,0.4,3.8,0.5,5.7,0.6l2.2,5.9h1.2l0.7,1.9h-1l-1.7,5.5h16.7l-1.7-5.5h-1l0.7-1.9h1.2c0,0,1-6.1,4.1-8.9c3-2.8,6.7-3.2,6.7-3.2  V853H-2005.7z M-1988.9,868.1c-0.8,0.5-1.7,0.5-2.3,0.9c-0.4,0.2-0.6,0.8-0.6,0.8c-0.4-0.9-0.9-1.2-1.5-1.4  c-0.6-0.2-1.7-0.1-3.2-1.4c-1-0.9-1.1-2.1-1-2.7v-0.1c0-0.1,0-0.1,0-0.2s0-0.2,0.1-0.3l0,0l0,0c0.2-0.6,0.7-1.2,1.7-1.6  c0,0-0.7,1,0,2c0.4,0.6,1.2,0.9,1.9,0.5c0.3-0.2,0.5-0.6,0.6-0.9c0.2-0.7,0.2-1.4-0.4-1.9c-0.9-0.8-1.1-1.9-0.5-2.6  c0,0,0.2,0.9,1.1,0.8c0.6,0,0.6-0.2,0.4-0.4c-0.1-0.3-1.4-2.2,0.5-3.6c0,0,1.2-0.8,2.6-0.7c-0.8,0.1-1.7,0.6-2,1.4c0,0,0,0,0,0.1  c-0.3,0.8-0.1,1.7,0.5,2.5c0.4,0.6,0.9,1.1,1.1,1.9c-0.3-0.1-0.5,0-0.7,0.2c-0.2,0.2-0.3,0.6-0.2,0.9c0.1,0.2,0.3,0.4,0.5,0.4  c0.1,0,0.1,0,0.2,0h0.1c0.3-0.1,0.5-0.5,0.4-0.8c0.2,0.2,0.3,0.7,0.2,1c0,0.3-0.2,0.6-0.3,0.8c-0.1,0.2-0.3,0.4-0.4,0.6  s-0.2,0.4-0.2,0.6c0,0.2,0,0.5,0.1,0.7c0.4,0.6,1.2,0,1.4-0.5c0.3-0.6,0.2-1.3-0.2-1.9c0,0,0.7,0.4,1.2,1.8  C-1987.4,866.2-1988.1,867.6-1988.9,868.1z"/></svg>
+							<a href="https://curseforge.com/minecraft/mc-mods/{{ page.curseforge }}" aria-label="This mod at CurseForge">
+								<svg viewBox="-2017 853 43 23" fill="currentColor" stroke="none" height="26" width="26" role="presentation"><path d="M-2005.7,853l0.7,3c-3.5,0-12,0-12,0s0.2,0.9,0.3,1c0.3,0.5,0.6,1.1,1,1.5c1.9,2.2,5.2,3.1,7.9,3.6  c1.9,0.4,3.8,0.5,5.7,0.6l2.2,5.9h1.2l0.7,1.9h-1l-1.7,5.5h16.7l-1.7-5.5h-1l0.7-1.9h1.2c0,0,1-6.1,4.1-8.9c3-2.8,6.7-3.2,6.7-3.2  V853H-2005.7z M-1988.9,868.1c-0.8,0.5-1.7,0.5-2.3,0.9c-0.4,0.2-0.6,0.8-0.6,0.8c-0.4-0.9-0.9-1.2-1.5-1.4  c-0.6-0.2-1.7-0.1-3.2-1.4c-1-0.9-1.1-2.1-1-2.7v-0.1c0-0.1,0-0.1,0-0.2s0-0.2,0.1-0.3l0,0l0,0c0.2-0.6,0.7-1.2,1.7-1.6  c0,0-0.7,1,0,2c0.4,0.6,1.2,0.9,1.9,0.5c0.3-0.2,0.5-0.6,0.6-0.9c0.2-0.7,0.2-1.4-0.4-1.9c-0.9-0.8-1.1-1.9-0.5-2.6  c0,0,0.2,0.9,1.1,0.8c0.6,0,0.6-0.2,0.4-0.4c-0.1-0.3-1.4-2.2,0.5-3.6c0,0,1.2-0.8,2.6-0.7c-0.8,0.1-1.7,0.6-2,1.4c0,0,0,0,0,0.1  c-0.3,0.8-0.1,1.7,0.5,2.5c0.4,0.6,0.9,1.1,1.1,1.9c-0.3-0.1-0.5,0-0.7,0.2c-0.2,0.2-0.3,0.6-0.2,0.9c0.1,0.2,0.3,0.4,0.5,0.4  c0.1,0,0.1,0,0.2,0h0.1c0.3-0.1,0.5-0.5,0.4-0.8c0.2,0.2,0.3,0.7,0.2,1c0,0.3-0.2,0.6-0.3,0.8c-0.1,0.2-0.3,0.4-0.4,0.6  s-0.2,0.4-0.2,0.6c0,0.2,0,0.5,0.1,0.7c0.4,0.6,1.2,0,1.4-0.5c0.3-0.6,0.2-1.3-0.2-1.9c0,0,0.7,0.4,1.2,1.8  C-1987.4,866.2-1988.1,867.6-1988.9,868.1z"/></svg>
 							</a>
 							{% endif %}
 						</span>
diff --git a/_sass/klise/_base.scss b/_sass/klise/_base.scss
index 53b4f24..2ffa253 100644
--- a/_sass/klise/_base.scss
+++ b/_sass/klise/_base.scss
@@ -243,6 +243,14 @@ a {
   }
 }
 
+// Focusable Elements (e.g. via tabindex)
+.focusable {
+  &:focus {
+    outline: 3px solid rgba(0, 54, 199, 0.6);
+    outline-offset: 2px;
+  }
+}
+
 // Del
 del {
   color: inherit;
diff --git a/_sass/klise/_layout.scss b/_sass/klise/_layout.scss
index 3d2f18b..18003d4 100644
--- a/_sass/klise/_layout.scss
+++ b/_sass/klise/_layout.scss
@@ -91,7 +91,6 @@
     &.menu-img {
       position: relative;
       bottom: -3px;
-      outline: none;
     }
 
     @include media-query($on-mobile) {
diff --git a/about.md b/about.md
index 542f4f5..1752002 100644
--- a/about.md
+++ b/about.md
@@ -10,11 +10,11 @@ Hi, I'm a German software developer currently studying Applied Informatics.
 In my spare time I do quite [some modding]({% link modding.html %}) to the sandbox video game [Minecraft](https://en.wikipedia.org/wiki/Minecraft). I also do some more or less experimental projects with Python, PHP and Rust.
 
 
-<codersrank-skills-chart username="Siphalor" branding="false" labels legend skills="C,C++,CSS,HTML,Java,JavaScript,PHP,Python,Rust,SCSS" svg-height="300" style="height:350px"></codersrank-skills-chart>
+<codersrank-skills-chart username="Siphalor" branding="false" labels legend skills="C,C++,CSS,HTML,Java,JavaScript,PHP,Python,Rust,SCSS" svg-height="300" style="height:350px" aria-hidden="true"></codersrank-skills-chart>
 <script src="https://unpkg.com/@codersrank/skills-chart/codersrank-skills-chart.min.js"></script>
 
 ## Contact
 
-- [<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16"><path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555zM0 4.697v7.104l5.803-3.558L0 4.697zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757zm3.436-.586L16 11.801V4.697l-5.803 3.546z"/></svg> {{ site.author.email }}](mailto:{{ site.author.email }})
-- [<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16"><path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/></svg> Twitter](https://twitter.com/{{ site.author.twitter }})
-- [<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16"><path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/></svg> LinkedIn](https://linkedin.com/in/{{ site.author.linkedin }})
+- [<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16" role="presentation"><path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555zM0 4.697v7.104l5.803-3.558L0 4.697zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757zm3.436-.586L16 11.801V4.697l-5.803 3.546z"/></svg> {{ site.author.email }}](mailto:{{ site.author.email }})
+- [<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16" role="presentation"><path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/></svg> Twitter](https://twitter.com/{{ site.author.twitter }})
+- [<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16" role="presentation"><path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/></svg> LinkedIn](https://linkedin.com/in/{{ site.author.linkedin }})
diff --git a/assets/js/main.js b/assets/js/main.js
index b58aca9..32e7b98 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -28,4 +28,11 @@
       ? area.classList.add("blurry")
       : area.classList.remove("blurry");
   });
+
+  // Enable keyboard steering for the navigation menu
+  document.getElementById("menu-icon").addEventListener("keydown", (evt) => {
+	if (evt.key == "Enter" || evt.key == " ") {
+      cbox.checked = !cbox.checked;
+	}
+  });
 })();
diff --git a/index.md b/index.md
index f099c76..56a2a2e 100644
--- a/index.md
+++ b/index.md
@@ -2,7 +2,8 @@
 layout: home
 ---
 
-<a href="https://profile.codersrank.io/user/siphalor">
-	<codersrank-activity username="Siphalor" legend="false" labels branding="false" tooltip step="5" style="height:111px"></codersrank-activity>
+<a href="https://profile.codersrank.io/user/siphalor" aria-label="My CodersRank profile">
+	<codersrank-activity username="Siphalor" legend="false" labels branding="false" tooltip step="5"
+		style="height:111px" title="Combined activity graph from GitHub, GitLab and others" aria-hidden="true"></codersrank-activity>
 </a>
 <script src="https://unpkg.com/@codersrank/activity/codersrank-activity.min.js"></script>
diff --git a/tags.html b/tags.html
index 2140573..a360de5 100644
--- a/tags.html
+++ b/tags.html
@@ -24,4 +24,4 @@ excerpt: Sorted article by tags.
       </h3> 
     </article>
   {%- endfor -%}
-{%- endfor -%}
\ No newline at end of file
+{%- endfor -%}