From 921c1a59fd90b8d9871cc4c3ccaa1527dd9f608d Mon Sep 17 00:00:00 2001
From: dogeystamp <dogeystamp@disroot.org>
Date: Sat, 19 Aug 2023 13:44:38 -0400
Subject: [PATCH] style: more polishing

link style ideas stolen from rsms.me
---
 header.html          |  2 +-
 public/css/style.css | 32 +++++++++++++++++++++++++++-----
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/header.html b/header.html
index 5a2fd4d..702603e 100644
--- a/header.html
+++ b/header.html
@@ -17,7 +17,7 @@
 	<img src="/public/img/logo.svg" class="logo">
 	<b>dogeystamp</b>
 	<a href="/index.html">home</a>
-	<a href="/about">about me</a>
+	<a href="/about">about</a>
 	<a href="https://git.dogeystamp.com">gitea</a>
 </div>
 
diff --git a/public/css/style.css b/public/css/style.css
index dee8b88..4073ce2 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -59,11 +59,16 @@ body {
 
 .header b {
 	font-size: 175%;
-	margin-right: 2%;
+	position: relative;
+	margin-right: 0.7em;
+	bottom: .09em;
 }
 
 .header a {
-	margin-right: 1%;
+	margin-right: 0.7em;
+	font-weight: 600;
+	font-size: 125%;
+	text-decoration: none;
 }
 
 * {
@@ -119,8 +124,6 @@ img {
 .logo {
 	border: none;
 	max-width: 3em;
-	position: relative;
-	top: .22em;
 	margin-right: 0.45em;
 }
 
@@ -177,6 +180,13 @@ footer {
 }
 a {
 	display: inline;
+	text-decoration: none;
+	color: #aaaaaa;
+	border-radius: 0.1em;
+	font-weight: 500;
+}
+a:hover {
+	background-color: #555555;
 	color: #aaaaaa;
 }
 p, pre, table, blockquote {
@@ -184,7 +194,15 @@ p, pre, table, blockquote {
 	text-align: justify;
 }
 
+li {
+	list-style: square;
+}
+
 @media only screen and (max-device-width: 800px) {
+	h1,h2,h3,h4 {
+		margin: 1rem;
+		font-weight: 700;
+	}
 	.header {
 		flex-flow: column nowrap;
 		margin-bottom: 0em;
@@ -194,8 +212,12 @@ p, pre, table, blockquote {
 	}
 	.header b {
 		margin-right: 0;
-		margin-bottom: 0.3em;
+		margin-bottom: 0.5em;
 		margin-top: 0.5em;
 		font-size: 125%;
 	}
+	.header a {
+		margin-right: 0;
+		margin-bottom: 0.5em;
+	}
 }