Fixing landing page poking about section header.

feifyKike · Nov 21, 2023 · 76e11cd · 76e11cd
1 parent a7bf5a2
commit 76e11cd
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
@@ -4,7 +4,7 @@
             <h1 class="text-3xl font-bold pr-5">😎 About Me</h1>
             <div class="flex-grow border-t border-black dark:border-white border-1"></div>
         </div>
-        <div :class="['flex flex-col gap-y-4 xl:grid xl:grid-cols-2 xl:gap-x-5 xl:gap-y-0 mb-52 text-slate-500 dark:text-slate-300 transition-all motion-reduce:transition-none duration-500 delay-300', visible ? 'translate-y-0 opacity-1 blur-0' : 'translate-y-4 opacity-0 blur-sm']">
+        <div :class="['flex flex-col gap-y-4 xl:grid xl:grid-cols-2 xl:gap-x-5 xl:gap-y-0 mb-36 text-slate-500 dark:text-slate-300 transition-all motion-reduce:transition-none duration-500 delay-300', visible ? 'translate-y-0 opacity-1 blur-0' : 'translate-y-4 opacity-0 blur-sm']">
             <div class="order-2 xl:order-none">
                 <p v-for="paragraph in content.autobiography">{{ paragraph }}<br/><br/></p>
                 <div>

diff --git a/src/views/ExperienceView.vue b/src/views/ExperienceView.vue
@@ -4,7 +4,7 @@
             <h1 class="text-3xl font-bold pr-5">🛡️ Experience</h1>
             <div class="flex-grow border-t border-black dark:border-white border-1"></div>
         </div>
-        <div :class="['flex flex-col space-y-4 lg:grid lg:grid-cols-2 lg:gap-x-4 lg:space-y-0 mb-52 transition-all motion-reduce:transition-none duration-500 delay-300', visible ? 'translate-y-0 opacity-1 blur-0' : 'translate-y-4 opacity-0 blur-sm']">
+        <div :class="['flex flex-col space-y-4 lg:grid lg:grid-cols-2 lg:gap-x-4 lg:space-y-0 mb-36 transition-all motion-reduce:transition-none duration-500 delay-300', visible ? 'translate-y-0 opacity-1 blur-0' : 'translate-y-4 opacity-0 blur-sm']">
             <ExperienceCard
                 v-for="(experience, index) in content"
                 :key="index" :experience="experience"

diff --git a/src/views/LandingView.vue b/src/views/LandingView.vue
@@ -1,5 +1,5 @@
 <template>
-    <section class="h-[calc(100vh*0.75)] w-full flex justify-center mb-52" id="landing-page">
+    <section class="min-h-[calc(100vh*0.80)] w-full flex justify-center mb-52" id="landing-page">
         <div class="flex items-center space-x-0 space-y-7 md:space-y-0 md:space-x-7 flex-col md:flex-row m-auto">
             <img
                 :class="['w-64 h-64 md:w-72 md:h-72 lg:w-96 lg:h-96 rounded-full shadow-md transition-all motion-reduce:transition-none duration-500 delay-[400ms]', showTransition ? 'translate-y-0 opacity-1' : '-translate-y-4 opacity-0']"

diff --git a/src/views/WorkView.vue b/src/views/WorkView.vue
@@ -5,7 +5,7 @@
             <div class="flex-grow border-t border-black dark:border-white border-1"></div>
             <a :href="portfolio.archiveLink" class="pl-2 sm:pl-5 hover:text-link-color text-right text-sm">Visit Archive</a>
         </div>
-        <div :class="['flex flex-col space-y-12 mb-52 transition-all motion-reduce:transition-none duration-500 delay-300', visible ? 'translate-y-0 opacity-1 blur-0' : 'translate-y-4 opacity-0 blur-sm']">
+        <div :class="['flex flex-col space-y-12 mb-36 transition-all motion-reduce:transition-none duration-500 delay-300', visible ? 'translate-y-0 opacity-1 blur-0' : 'translate-y-4 opacity-0 blur-sm']">
             <WorkUnit
                 v-for="(project, index) in projInitial"
                 :key="index" :project="project"