From 38b4fbd8550060c72d61ea3dbb9fdef05f0df0f6 Mon Sep 17 00:00:00 2001
From: Zoe <ZoeOosting@outlook.com>
Date: Mon, 18 Apr 2022 10:42:54 +0200
Subject: [PATCH] hover icons for header links

---
 assets/scss/colors.scss      | 13 +++++++++++--
 assets/scss/style.scss       | 14 ++++++++++++++
 layouts/_default/list.html   |  2 +-
 layouts/_default/single.html |  2 +-
 layouts/index.html           |  2 +-
 5 files changed, 28 insertions(+), 5 deletions(-)

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..9a601dc 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -75,6 +75,20 @@ h5,
 h6 {
   border-top-right-radius: $radius;
   border-bottom-right-radius: $radius;
+  & .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..1942f5c 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}}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 39e4d70..c4e5342 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 singlepagelink">{{ .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>