diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss
index 4fa1ad5..2076fc2 100644
--- a/assets/scss/colors.scss
+++ b/assets/scss/colors.scss
@@ -35,7 +35,7 @@ a {
   color: $dark-ln;
 }
 
-.randomword-button{
+.randomword-button {
   &.light {
     border-color: $light-fg;
     background-color: $light-bg;
@@ -48,7 +48,7 @@ a {
   border-color: $dark-fg;
   background-color: $dark-bg;
   color: $dark-fg;
-  &:hover{
+  &:hover {
     color: $dark-bg;
     background-color: $dark-fg;
   }
@@ -229,6 +229,15 @@ h6 {
 }
 
 h1 {
+  & a {
+    &.light {
+      color: $light-bg;
+    }
+    color: $dark-bg;
+    &:hover {
+      background-color: transparent;
+    }
+  }
   & #rss-title {
     background-color: transparent;
     color: $dark-bg;
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 14e75e0..0595b8e 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -75,6 +75,27 @@ h5,
 h6 {
   border-top-right-radius: $radius;
   border-bottom-right-radius: $radius;
+  & .uplink {
+    &:hover {
+      &::before {
+        content: " ";
+      }
+    }
+  }
+  & .with-rss {
+    &:hover {
+      &::before {
+        content: " ";
+      }
+    }
+  }
+  & .singlepagelink {
+    &:hover {
+      &::before{
+        content: "./";
+      }
+    }
+  }
   & .hash-link {
     &:hover {
       cursor: pointer;
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 46c08a9..365a8fb 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -2,7 +2,7 @@
 <main>
     <article class="colorswitch">
         <header>
-            <h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">{{.Title}} </a></h1>
+            <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">{{.Title}} </a></h1>
         </header>
         <!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md -->
         {{.Content}}
@@ -12,7 +12,7 @@
     {{ range .Pages }}
     <div id="postlist">
     <h2 class="colorswitch posttitle">
-        <a class="colorswitch" href="{{.Permalink}}">{{.Title}}</h2><div class="postdescription">{{.Description}}</a><br>
+        <a class="colorswitch singlepagelink" href="{{.Permalink}}">{{.Title}}</h2><div class="postdescription">{{.Description}}</a><br>
         <a class="postinfo colorswitch" href="{{.Permalink}}">read more...</a>
     </div>
     {{ end }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 39e4d70..5b94809 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,7 +1,7 @@
 {{ define "main" }}
 <section id="main">
   <div class="titlecontainer">
-  <h1 id="title" class="colorswitch">{{ .Title }}</h1>
+    <h1 id="title" class="colorswitch"><a href="../" class="colorswitch uplink">{{ .Title }}</a></h1>
   </div>
   <div>
         <article id="content" class="colorswitch">
diff --git a/layouts/index.html b/layouts/index.html
index f15ee10..b7698ee 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,6 +1,6 @@
 {{ define "main" }}
 <header>
-    <h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">{{.Title}} </a></h1>
+    <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">{{.Title}} </a></h1>
 </header>
 <article id="content" class="colorswitch">
   <p>