From fbc19873d2bec5fc08a12da858722d742c12003a Mon Sep 17 00:00:00 2001
From: flooorianflo <florian.kiem@hfg.design>
Date: Sun, 26 Nov 2023 14:59:25 +0100
Subject: [PATCH] feat: last changes

---
 pages/about/+Page.tsx    |  8 ++++----
 pages/feedback/+Page.tsx | 43 ++++++++++++++++++++++++++--------------
 2 files changed, 32 insertions(+), 19 deletions(-)

diff --git a/pages/about/+Page.tsx b/pages/about/+Page.tsx
index 8475c8a4..697a6f14 100644
--- a/pages/about/+Page.tsx
+++ b/pages/about/+Page.tsx
@@ -367,7 +367,7 @@ export default function Page() {
                 <a
                   href="https://en.wikipedia.org/wiki/Enjoy_the_Silence"
                   target="_blank"
-                  class="mt-2 text-xs text-zinc-300 hover:text-zinc-400 cursor-alias transition-colors"
+                  class="mt-2 text-xs text-zinc-300 hover:text-zinc-400 cursor-alias transition-colors dark:text-zinc-700 dark:hover:text-zinc-600"
                 >
                   {m.cover_image_source()}
                 </a>
@@ -392,7 +392,7 @@ export default function Page() {
                 <a
                   href="https://www.stereogum.com/2205763/the-blessed-madonna-serotonin-moonbeams-feat-uffie/music/"
                   target="_blank"
-                  class="mt-2 text-xs text-zinc-300 hover:text-zinc-400 cursor-alias transition-colors"
+                  class="mt-2 text-xs text-zinc-300 hover:text-zinc-400 cursor-alias transition-colors dark:text-zinc-700 dark:hover:text-zinc-600"
                 >
                   {m.cover_image_source()}
                 </a>
@@ -418,7 +418,7 @@ export default function Page() {
                 <a
                   href="https://www.stereogum.com/2205763/the-blessed-madonna-serotonin-moonbeams-feat-uffie/music/"
                   target="_blank"
-                  class="mt-2 text-xs text-zinc-300 hover:text-zinc-400 cursor-alias transition-colors"
+                  class="mt-2 text-xs text-zinc-300 hover:text-zinc-400 cursor-alias transition-colors dark:text-zinc-700 dark:hover:text-zinc-600"
                 >
                   {m.cover_image_source()}
                 </a>
@@ -439,7 +439,7 @@ export default function Page() {
                 <a
                   href="https://www.vogue.co.uk%2Farts-and-lifestyle%2Farticle%2Fwecrashed-apple-tv&psig=AOvVaw1TmOHYBg5jLkyGFaFlWq5Y&ust=1697491485478000&source=images&cd=vfe&opi=89978449&ved=0CBQQ3YkBahcKEwjAmefZ_viBAxUAAAAAHQAAAAAQJA"
                   target="_blank"
-                  class="mt-2 text-xs text-zinc-300 hover:text-zinc-400 cursor-alias transition-colors"
+                  class="mt-2 text-xs text-zinc-300 hover:text-zinc-400 cursor-alias transition-colors dark:text-zinc-700 dark:hover:text-zinc-600"
                 >
                   {m.cover_image_source()}
                 </a>
diff --git a/pages/feedback/+Page.tsx b/pages/feedback/+Page.tsx
index 61ca7824..7fbc800e 100644
--- a/pages/feedback/+Page.tsx
+++ b/pages/feedback/+Page.tsx
@@ -4,17 +4,24 @@ export default function Page() {
   return (
     <div class="w-full">
       <section class="py-16 mx-auto max-w-2xl">
-        <h1 class="text-2xl font-semibold mb-3">Feedback for Florian</h1>
-        <p class="mb-16 text-zinc-500 dark:text-zinc-400">
-          Thank you for being down to give me feedback. Please follow the steps
-          to make it as efficient for you as possible:
+        <h1 class="text-lg font-semibold mb-3">Hey everyone!</h1>
+        <p class="text-zinc-500 dark:text-zinc-400 mb-4">
+          I'm currently working on my new personal site. Yes, personal site. Not
+          a "portfolio" in the classical sense. It should be more personal, more
+          me, while still being a place to showcase my work. :)
+        </p>
+        <p class="mb-4 text-zinc-500 dark:text-zinc-400">
+          Your feedback helps me to realize last changes and improvements,
+          therefore I'd love to hear your thoughts on the new site.
+        </p>
+        <p class="mb-16 font-medium text-black dark:text-white">
+          Here's a small guide on how to give me feedback without wasting too
+          much of your time.
         </p>
         <div class="my-16">
-          <h2 class="text-xl font-semibold mb-2">
-            1. Watch this video (less than 1 min long)
-          </h2>
+          <h2 class="text-lg font-semibold mb-2">1. Watch this quick video</h2>
           <p class="mb-10 text-zinc-500 dark:text-zinc-400">
-            Quick explanation.
+            Just a few words which are important to me, around a minute long.
           </p>
           <iframe
             src="https://embed.wave.video/aWtgaZxA6x9FJClN"
@@ -25,12 +32,12 @@ export default function Page() {
           ></iframe>
         </div>
         <div class="my-16">
-          <h2 class="text-xl font-semibold mb-2">
+          <h2 class="text-lg font-semibold mb-2">
             2. Go to my new personal site
           </h2>
           <p class="mb-6 text-zinc-500 dark:text-zinc-400">
             Please make sure you're on the correct subdomain
-            preview.floriankiem.com
+            <code class="font-mono text-sm"> preview.floriankiem.com</code>
           </p>
           <Button
             chevron
@@ -41,11 +48,17 @@ export default function Page() {
           </Button>
         </div>
         <div class="my-16 mb-32">
-          <h2 class="text-xl font-semibold mb-2">3. Give me feedback</h2>
-          <p class="mb-6 text-zinc-500 dark:text-zinc-400">
-            As said in the video, giving me feedback on x.com / twitter or
-            GitHub makes things much easier as I can collect every response on
-            one or max. 2 platforms.
+          <h2 class="text-lg font-semibold mb-2">3. Give me feedback</h2>
+          <p class="mb-4 text-zinc-500 dark:text-zinc-400">
+            As said in the video, giving me feedback on X or GitHub makes things
+            much easier as I can collect every response on one or max. 2
+            platforms.
+          </p>
+          <p class="mb-6 font-medium text-black dark:text-white">
+            There is a chance I will not implement some of the feedback I
+            receive because some implementations were made on purpose. Please
+            don't hate me for that {`<3`} I still very much appreciate any
+            feedback!
           </p>
           <ButtonWrapper>
             <Button type="primary" link="https://twitter.com/flornkm">