From 2f94404a61444be8942a72851d3c6d0aa4dd1480 Mon Sep 17 00:00:00 2001
From: vrifox <vrifox@vrifox.cc>
Date: Thu, 9 Mar 2023 23:00:52 +0100
Subject: [PATCH] Improve home

---
 assets/scss/home.scss      | 17 +++++++++++++++++
 assets/scss/main.scss      |  9 +++++----
 assets/scss/variables.scss |  8 +++++++-
 content/_index.de.md       |  4 ++--
 content/_index.en.md       |  4 ++--
 5 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/assets/scss/home.scss b/assets/scss/home.scss
index 81e7992..a787dc6 100644
--- a/assets/scss/home.scss
+++ b/assets/scss/home.scss
@@ -50,6 +50,23 @@
     }
 }
 
+main > p {
+    font-family: "playfair";
+    font-size: 2.15rem;
+    letter-spacing: 0.1rem;
+    line-height: 2rem;
+    text-align: center;
+    margin: 1.5rem;
+    &:first-of-type {
+        line-height: 2.6rem;
+        font-size: 3rem;
+        margin-top: 6rem;
+    }
+    &:last-of-type {
+        margin-bottom: 8rem;
+    }
+}
+
 section {
     position: relative;
     h2 {
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index a04045e..7a819b1 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -8,7 +8,7 @@
 	}
 	&::-webkit-scrollbar-thumb { background: var(--vriish-rose); }
 	&::selection {
-		color: var(--white);
+		color: var(--text);
 		background-color: var(--vriish-rose);
 	}
 }
@@ -43,10 +43,11 @@ html {
 		a {
 			color: var(--text);
 			text-decoration: underline;
-			text-decoration-color: var(--vriish-rose);
-			text-underline-offset: 3px;
+			text-decoration-color: var(--link-underline);
+			text-decoration-thickness: 3px;
+			text-underline-offset: 2px;
 			transition: text-decoration-color .2s;
-			&:hover { text-decoration-color: var(--text); }
+			&:hover { text-decoration-color: var(--link-underline-hover); }
 		}
 		pre {
 			border: 1px solid var(--vriish-rose);
diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss
index f4d7bd1..48b43e8 100644
--- a/assets/scss/variables.scss
+++ b/assets/scss/variables.scss
@@ -24,6 +24,9 @@
 	--border: var(--primary-dark-200);
 	
 	--text: var(--primary-light-950);
+	--text-hover: var(--primary-light-900);
+	--link-underline: var(--primary-light-700);
+	--link-underline-hover: var(--primary-light-600);
 
 	--sidebar-background: var(--primary-dark-100);
 	--sidebar-border: var(--primary-dark-150);
@@ -36,7 +39,7 @@
 	--gold: hsl(50, 100%, 75%);
 	--emerald: hsl(130, 100%, 75%);
 	--sky: hsl(215, 100%, 75%);
-	--purpur: hsl(275, 100%, 75%);
+	--purpur: hsl(320, 100%, 75%);
 	--white: hsl(360, 100%, 100%);
 
 	--vriish-gradient: linear-gradient(-35deg, var(--primary-light-300) -50%, var(--primary-dark-300) 150%);
@@ -60,6 +63,9 @@
 		--border: var(--primary-dark-800);
 
 		--text: var(--primary-dark-50);
+		--text-hover: var(--primary-dark-100);
+		--link-underline: var(--primary-dark-700);
+		--link-underline-hover: var(--primary-dark-600);
 
 		--sidebar-background: var(--primary-light-900);
 		--sidebar-border: var(--primary-light-850);
diff --git a/content/_index.de.md b/content/_index.de.md
index 7678df8..0f4b099 100644
--- a/content/_index.de.md
+++ b/content/_index.de.md
@@ -1,8 +1,8 @@
 ---
 title: "Hola 🖖"
 ---
-Ich erstelle gerne Grafiken und Websites.
+Ich erstelle Websites und Grafiken
 
-Außerdem betreibe und pflege ich Dienste auf [Cozy Town](https://cozy.town).
+Zudem betreibe und betreue ich [Cozy Town](https://cozy.town)
 
 {{< verticalposts header="latest-posts-heading" >}}
\ No newline at end of file
diff --git a/content/_index.en.md b/content/_index.en.md
index e1e082d..4f85561 100644
--- a/content/_index.en.md
+++ b/content/_index.en.md
@@ -1,8 +1,8 @@
 ---
 title: "Hola 🖖"
 ---
-I like to create Graphics and Websites.
+I create Websites and Graphics
 
-Additinaly I host and maintain services at [Cozy Town](https://cozy.town).
+Additinaly I host and maintain [Cozy Town](https://cozy.town)
 
 {{< verticalposts header="latest-posts-heading" >}}
\ No newline at end of file