From e767bf856e52fe3138e9fb4293a02e1b343f6d66 Mon Sep 17 00:00:00 2001 From: Keyemail Date: Sun, 26 May 2024 05:17:41 -0700 Subject: [PATCH] Removed comments; bad design! --- src/components/NavBar.vue | 2 +- src/views/HomePage.vue | 43 ++++++--------------------------------- 2 files changed, 7 insertions(+), 38 deletions(-) diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue index 0283b7a..a84afd4 100644 --- a/src/components/NavBar.vue +++ b/src/components/NavBar.vue @@ -18,7 +18,7 @@
  • Home
  • Gallery
  • Socials
  • -
  • Projects
  • +
  • Projects
  • diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue index a0da7d7..03b9069 100644 --- a/src/views/HomePage.vue +++ b/src/views/HomePage.vue @@ -5,19 +5,10 @@

    Keyemail

    -

    Hi, I'm Keyemail or Patrick.

    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!

    -
    -

    Comments!

    -
    - Developer: Sorry this function is in the workings! Come back later to use this function. -
    - -
    -
    @@ -82,37 +73,31 @@ header h1 { background-color: #afb5c8 } -.section-row { - display: flex; - flex-direction: row; - justify-content: space-between; - flex-wrap: wrap; -} - .intro { display: flex; flex-direction: column; - margin-top: 90px; - width: 700px; + align-items: center; + margin-top: 40px; + width: 100%; color: white; font-family: 'Rubik', sans-serif; background-color: #151d2f; border-radius: 10px; padding: 20px; + text-align: center; + box-sizing: border-box; } .intro h1 { font-size: 3.5rem; font-weight: 500; - text-align: left; } .intro p { margin-top: 15px; font-size: 1.8rem; font-weight: 400; - text-align: left; - max-width: 1200px; + max-width: 800px; } article { @@ -172,22 +157,6 @@ article input { margin-top: 80px; } -@media screen and (max-width: 1519px){ - .section-row > * { - width: 100%; - } - .intro h1 { - text-align: center; - } - .intro p { - text-align: center; - max-width: 100%; - } - article{ - margin-top: 20px; - } -} - @media screen and (max-width: 450px){ header { flex-direction: column;