From ea3b2521a4b7a55de4c30ef3990982f0ed4a2617 Mon Sep 17 00:00:00 2001
From: Chris Dill <chris.rj.dill@gmail.com>
Date: Mon, 29 Mar 2021 14:31:28 +0100
Subject: [PATCH] More updates - Add Back to top link in footer component. -
 Remove unused slider css for now.

---
 src/components/footer.svelte |  1 +
 src/routes/blog/index.svelte |  3 +-
 static/css/global.css        | 59 +++---------------------------------
 3 files changed, 6 insertions(+), 57 deletions(-)

diff --git a/src/components/footer.svelte b/src/components/footer.svelte
index 69998df..cc3eb31 100644
--- a/src/components/footer.svelte
+++ b/src/components/footer.svelte
@@ -1,3 +1,4 @@
 <footer class="container py-3">
     <p>&copy; 2020-2021 Quartznet | <a href="./policy">Policy</a></p>
+    <p><a href="#">Back to top</a></p>
 </footer>
\ No newline at end of file
diff --git a/src/routes/blog/index.svelte b/src/routes/blog/index.svelte
index 92c5dbd..63507e4 100644
--- a/src/routes/blog/index.svelte
+++ b/src/routes/blog/index.svelte
@@ -27,8 +27,7 @@
 
 <main class="container">
     <section>
-        <h1>Recent posts</h1>
-
+        <h2>Posts</h2>
         <ul>
             {#each posts as post}
                 <!-- we're using the non-standard `rel=prefetch` attribute to
diff --git a/static/css/global.css b/static/css/global.css
index 3458668..d1f7eff 100755
--- a/static/css/global.css
+++ b/static/css/global.css
@@ -113,63 +113,12 @@ section {
   padding: 5px 20px;
 }
 
-/* Simple css to style it like a toggle switch */
-.theme-switch-wrapper {
-  display: flex;
-  align-items: center;
-}
-
-.theme-switch {
-  display: inline-block;
-  height: 24px;
-  position: relative;
-  width: 40px;
-}
-
-.theme-switch input {
-  display: none;
-}
-
-.slider {
-  background-color: #ccc;
-  bottom: 0;
-  cursor: pointer;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  transition: .2s;
-}
-
-.slider:before {
-  background-color: #fff;
-  bottom: 4px;
-  content: "";
-  height: 16px;
-  left: 4px;
-  position: absolute;
-  transition: .2s;
-  width: 16px;
-}
-
-input:checked + .slider {
-  background-color: #66bb6a;
-}
-
-input:checked + .slider:before {
-  transform: translateX(16px);
-}
-
-.slider.round {
-  border-radius: 34px;
-}
-
-.slider.round:before {
-  border-radius: 50%;
-}
-
 footer {
+  display: flex;
+  justify-content: space-between;
   border-top: 3px solid var(--border-color);
+  color: var(--font-color);
+  font-family: var(--font1);
   margin-top: 30px;
 }