From eedb55459d48f8d4131d680fc9249fd36b34c3d6 Mon Sep 17 00:00:00 2001
From: Nikita Karamov <nick@karamoff.dev>
Date: Fri, 12 Mar 2021 21:16:02 +0100
Subject: [PATCH] Add more Mastodon-like footer

---
 src/index.pug             | 2 +-
 src/style/_variables.scss | 2 --
 src/style/main.scss       | 9 ++++-----
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/index.pug b/src/index.pug
index a73276f..a57d3b1 100644
--- a/src/index.pug
+++ b/src/index.pug
@@ -62,6 +62,6 @@ html(lang="en")
 			section
 				a(href="https://joinmastodon.org/") What is Mastodon?
 			section
-				a(href="https://github.com/NickKaramoff/toot") This project on GitHub
+				a(href="https://github.com/NickKaramoff/toot") toot on GitHub
 
 		script(src="index.js")
diff --git a/src/style/_variables.scss b/src/style/_variables.scss
index 7216bc4..e8b372c 100644
--- a/src/style/_variables.scss
+++ b/src/style/_variables.scss
@@ -22,8 +22,6 @@ $bg: #1F232B;
 $text: #9baec8;
 $title:#d9e1e8;
 
-$footer-bg: #16191F;
-
 $button-bg: #3c99dc;
 $button-hover-bg: #4ea2df;
 $button-text: white;
diff --git a/src/style/main.scss b/src/style/main.scss
index e23a03a..87ea0db 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -151,8 +151,8 @@ main {
 }
 
 footer {
-	background-color: $footer-bg;
-	padding: 0.5rem 0;
+	border-top: 1px solid $border-color;
+	padding: 1rem 0;
 	width: 100%;
 	display: flex;
 	flex-direction: row;
@@ -165,12 +165,11 @@ footer {
 
 		a {
 			color: inherit;
+			text-decoration: none;
 
 			&:hover {
-				color: $title;
+				text-decoration: underline;
 			}
-
-			transition: color 300ms ease;
 		}
 	}
 }