From 4e54d85236cbe8d6ac88636e362d255256cf6f30 Mon Sep 17 00:00:00 2001
From: Keyemail <67425124+Keyemail@users.noreply.github.com>
Date: Sun, 14 Jan 2024 10:31:31 -0800
Subject: [PATCH] fixed home page up

---
 src/views/HomePage.vue | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index d706465..e0132b0 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -3,22 +3,19 @@
     <div class="headContents">
       <h1>Hello, I'm Keyemail or Patrick.</h1>
       <p>
-        I specalize more onto IT and Web Development related stuff, but I also love doing a variety of diffrent hobbies such as Flight Simulator, or learning Japanese.
-        I daily run a Arch Linux machine as my main system and support Linux in every way. Im glad to meet you!
+        I specialize in IT and web development-related stuff, but I also love doing a variety of different hobbies such as Flight Simulator, or learning Japanese.
+        I daily run an Arch Linux machine as my main system and support Linux in every way. I'm glad to meet you!
       </p>
     </div>
     <img alt="Profile Picture" src="../assets/roller_profile_circle.png">
   </div>
-  <div class="workinprogress">
-    <h1>-- Alpha site. Change is possible. --</h1>
-  </div>
 </template>
 
 <style scoped>
 .header {
   position: relative;
   color: white;
-  margin-top: 150px;
+  height: 100%;
   font-family: 'Rubik', sans-serif;
   display: flex;
   justify-content: space-between;
@@ -67,6 +64,7 @@
   .header {
     justify-content: center;
     flex-direction: column;
+    margin-top: 80px;
   }
 
   .headContents{
@@ -75,6 +73,9 @@
 
   .header img{
     margin-top: 60px;
+    width: 350px;
+    height: 350px;
+    padding-bottom: 60px;
   }
 }
 
@@ -92,4 +93,11 @@
     font-size: 10px;
   }
 }
+
+@media only screen and (max-height: 720px) {
+  .header {
+    height: auto;
+    margin-top: 100px;
+  }
+}
 </style>
\ No newline at end of file