From 60eb6b072d28618ce314aaf38cd0a16ec325618a Mon Sep 17 00:00:00 2001
From: Hatsune Patrick <hatsunepatrick@gmail.com>
Date: Fri, 28 Feb 2025 18:36:46 +0900
Subject: [PATCH] Fixed mobile support, and typos on home

---
 src/components/navbar.tmpl |  4 ++--
 src/pages/home.tmpl        |  2 +-
 src/styles/home.css        |  2 +-
 src/styles/main.css        | 15 +++++++++------
 4 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/navbar.tmpl b/src/components/navbar.tmpl
index e0bbf19..fc530cd 100644
--- a/src/components/navbar.tmpl
+++ b/src/components/navbar.tmpl
@@ -3,7 +3,7 @@
   <h1>Keyemail</h1>
   <ul>
     <a href="/">
-      <li class="{{ if eq .PageName "home" }}active{{ end }}">
+      <li class="{{ if eq .PageName "home" }}active{{ end }}" style="border-top-left-radius: 10%; border-bottom-left-radius: 10%;">
         Home
       </li>
     </a>
@@ -23,7 +23,7 @@
       </li>
     </a> 
     <a href="https://git.keyemail.dev/explore/">
-      <li class="lastIcon">
+      <li class="lastIcon" style="border-top-right-radius: 10%; border-bottom-right-radius: 10%;">
         Git
       </li>
     </a>
diff --git a/src/pages/home.tmpl b/src/pages/home.tmpl
index 1529ecb..53b100e 100644
--- a/src/pages/home.tmpl
+++ b/src/pages/home.tmpl
@@ -74,7 +74,7 @@
 
   <div id="intro">
     <h1>Hi, I'm Keyemail or Patrick!</h1>
-    <p>A person who loves to play with all types of technology! Does web development, and unity work for development. Use to run a Linux setup (Arch Linux), but now I use Windows 11 with linux on WSL. I also use VR, and you will usually find me on VRChat, so if you see me dont be afraid to say hi!</p>
+    <p>A person who loves to play with all types of technology! Does web, and Unity work for development. Used to run a Linux setup (Arch Linux), but now I use Windows 11 with Linux on WSL. Also use VR, and you will usually find me on VRChat, so if you see me don't be afraid to say hi!</p>
   </div>
 
   <i class="fa-solid fa-arrow-down" id="moreArrow" onclick="quack()"></i>
diff --git a/src/styles/home.css b/src/styles/home.css
index abc146f..b7ee83f 100644
--- a/src/styles/home.css
+++ b/src/styles/home.css
@@ -19,7 +19,7 @@ header {
 
   h1 {
     color: white;
-    font-size: 3rem;
+    font-size: 2.5rem;
     margin-left: 20px;
     line-height: 1.2;
   }
diff --git a/src/styles/main.css b/src/styles/main.css
index 4c303a6..4bdfe8d 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -93,17 +93,12 @@ nav {
     color: #74d2f1;
   }
 
-  .lastIcon {
-    border-top-right-radius: 10%;
-    border-bottom-right-radius: 10%;
-  }
-
   .active {
     background-color: #2269d4 !important;
   }
 }
 
-@media screen and (max-width: 430px) {
+@media screen and (max-width: 540px) {
   nav {
     justify-content: center;
 
@@ -112,3 +107,11 @@ nav {
     }
   }
 }
+
+@media screen and (max-width: 400px) {
+  nav {
+    ul li {
+      padding: 0 8px;
+    }
+  }
+}