diff --git a/yadc/static/default.scss b/yadc/static/default.scss
index d86e0ad..8e43ac3 100644
--- a/yadc/static/default.scss
+++ b/yadc/static/default.scss
@@ -246,7 +246,7 @@ header {
             .tag_container {
                 display: flex;
 
-                > span {
+                > a {
                     margin: 2px 2px;
                     padding: 6px 12px;
 
@@ -285,7 +285,7 @@ header {
     }
 
     overflow: hidden;
-    > section.content {
+    > section.post_list {
         .posts {
             display: flex;
             flex-flow: row wrap;
diff --git a/yadc/templates/index.html b/yadc/templates/index.html
index dcf75bb..0969e8f 100644
--- a/yadc/templates/index.html
+++ b/yadc/templates/index.html
@@ -39,71 +39,71 @@
             <article class="tags">
                 <h4>Tags</h4>
                 <div class="tag_container">
-                    <span>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">neko</a>
+                        <span class="name" href="#">neko</span>
                         <span class="count">10</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">works</a>
+                        <span class="name">works</span>
                         <span class="count">2</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">anime</a>
+                        <span class="name">anime</span>
                         <span class="count">4</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">manga</a>
+                        <span class="name">manga</span>
                         <span class="count">7</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">original</a>
+                        <span class="name">original</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">azur lane</a>
+                        <span class="name">azur lane</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">figure</a>
+                        <span class="name">figure</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">touhou</a>
+                        <span class="name">touhou</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">photoshop</a>
+                        <span class="name">photoshop</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">close</a>
+                        <span class="name">close</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">cropped</a>
+                        <span class="name">cropped</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">waifu2x</a>
+                        <span class="name">waifu2x</span>
                         <span class="count">5</span>
-                    </span>
+                    </a>
 
                 </div>
             </article>
         </section>
-        <section class="content">
+        <section class="post_list">
             <div class="posts">
                 <figure style="flex: 307.87 1 307.87px;">
                     <a href="#">
diff --git a/yadc/templates/post.html b/yadc/templates/post.html
index d0e781f..295c42f 100644
--- a/yadc/templates/post.html
+++ b/yadc/templates/post.html
@@ -39,66 +39,66 @@
             <article class="tags">
                 <h4>Tags</h4>
                 <div class="tag_container">
-                    <span>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">neko</a>
+                        <span class="name">neko</span>
                         <span class="count">10</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">works</a>
+                        <span class="name">works</span>
                         <span class="count">2</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">anime</a>
+                        <span class="name">anime</span>
                         <span class="count">4</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">manga</a>
+                        <span class="name">manga</span>
                         <span class="count">7</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">original</a>
+                        <span class="name">original</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">azur lane</a>
+                        <span class="name">azur lane</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">figure</a>
+                        <span class="name">figure</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">touhou</a>
+                        <span class="name">touhou</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">photoshop</a>
+                        <span class="name">photoshop</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">close</a>
+                        <span class="name">close</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">cropped</a>
+                        <span class="name">cropped</span>
                         <span class="count">5</span>
-                    </span>
-                    <span>
+                    </a>
+                    <a href="#">
                         <span class="fa fa-tag"></span>
-                        <a href="#">waifu2x</a>
+                        <span class="name">waifu2x</span>
                         <span class="count">5</span>
-                    </span>
+                    </a>
 
                 </div>
             </article>