refactoring

ansharora28 · Jan 26, 2024 · ac0fcb8 · ac0fcb8
1 parent d559ad3
commit ac0fcb8
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 44 deletions.
diff --git a/src/components/AboutMeSection.astro b/src/components/AboutMeSection.astro
@@ -3,26 +3,23 @@ import AnshWithMic from "../../public/anshnobg.png";
 ---
 
 <section class="px-9 md:px-24 md:mt-52 md:max-w-7xl md:mx-auto">
-  <div
-    class="space-y-12 md:space-y-0 md:space-x-14 md:flex md:items-end md:justify-center"
-  >
+  <div class="space-y-12 md:space-y-0 md:space-x-14 md:flex md:items-end md:justify-center">
 
-    <div class="space-y-8">
-      <div class="md:space-y-1">
-        <h3 class="text-black text-base font-semibold md:text-2xl">
-          Developer / Community Builder / Evangelist
-        </h3>
+    <div class="md:flex md:justify-between">
+      <div class="space-y-8 md:w-2/3">
+        <div class="md:space-y-1">
+          <h3 class="text-black text-base font-semibold md:text-2xl">
+            Developer / Community Builder / Evangelist
+          </h3>
+        </div>
+        <p class="text-lg md:text-xl font-normal">
+          Hi! I'm Ansh, a 20-year-old hobbyist developer based out of India, currently pursuing a bachelor's in Computer Science.
+          <br><br>
+          I'm a full stack developer but particularly enjoy working with various front end web technologies. I'm also a community-first person, who spends a lot of time building and managing developer communities. 
+          Currently, I'm working as an intern at FOSS United, a non-profit aimed at promoting the creation and usage of Free and Open Source Software.<br><br>
+          I like to say that I'm an evangelist by day and developer by night :D
+        </p>
       </div>
-      <!-- <img alt="Photo from FOSS United monthly meetup #1" src={AnshWithMic} class="w-2/3 md:w-1/4 shrink-0" /> -->
-
-      <p class="text-lg md:text-xl font-normal">
-        Hi! I'm Ansh, a 20 year old hobbyist developer based out of India, currently pursuing a bachelors in Computer Science.
-        <br><br>
-        I'm a full stack developer but particularly enjoy working with various front end web technologies. I'm also a community first person, who spends a lot of time building and managing developer communities. 
-        Currently, I'm working as an intern at FOSS United, a non profit aimed at promoting the creation and usage of Free and Open Source Software.<br><br>
-        I like to say that I'm a evangelist by day and developer by night :D
-
-      </p>
     </div>
   </div>
-</section>
+</section>
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
@@ -6,28 +6,29 @@ MenuIcon,
 } from "astro-navbar";
 ---
 <header class="bg-white lg:flex lg:justify-between lg:items-center p-5 gap-5 mx-auto container text-lg md:text-xl font-normal">
-   <Astronav closeOnClick>
-      <div class="flex w-full lg:w-auto justify-between items-center">
-         <a class="text-gray-800 font-bold text-xl lg:text-2xl">Ansh Arora</a>
-         <div class="block lg:hidden">
-            <MenuIcon class="w-6 h-6 text-gray-800 cursor-pointer" />
-         </div>
-      </div>
-      <MenuItems class="hidden lg:flex lg:items-center">
-         <ul class="flex flex-col lg:flex-row lg:gap-5">
-            <li>
-               <a href="#" class="text-gray-800 hover:text-green-500">Home</a>
-            </li>
-            <li>
-               <a href="https://youtube.com/playlist?list=PLwwzJxp9WxvvIlWk6t3Nw6R8CmFlSd932&si=6dJeg7BqxPdXaU5p" class="text-gray-800 hover:text-green-500">Talks</a>
-            </li>
-            <li>
-               <a href="#" class="text-gray-800 hover:text-green-500">Projects</a>
-            </li>
-            <li>
-               <a href="/blog" class="text-gray-800 hover:text-green-500">Blog</a>
-            </li>
-         </ul>
-      </MenuItems>
-   </Astronav>
+  <Astronav closeOnClick>
+     <div class="flex w-full lg:w-auto justify-between items-center sm:justify-center">
+        <a class="text-gray-800 font-bold text-xl lg:text-2xl lg:ml-0">Ansh Arora</a>
+        <div class="block lg:hidden">
+           <MenuIcon class="w-6 h-6 text-gray-800 cursor-pointer" />
+        </div>
+     </div>
+     <MenuItems class="hidden lg:flex lg:items-center">
+        <ul class="flex flex-col lg:flex-row lg:gap-5">
+           <li>
+              <a href="#" class="text-gray-800 hover:text-green-500">Home</a>
+           </li>
+           <li>
+              <a href="https://youtube.com/playlist?list=PLwwzJxp9WxvvIlWk6t3Nw6R8CmFlSd932&si=zA5MUA_gPrD_pFsQ" class="text-gray-800 hover:text-green-500">Talks</a>
+           </li>
+           <li>
+              <a href="/projects" class="text-gray-800 hover:text-green-500">Projects</a>
+           </li>
+           <li>
+              <a href="/blog" class="text-gray-800 hover:text-green-500">Blog</a>
+           </li>
+        </ul>
+     </MenuItems>
+  </Astronav>
 </header>
+
diff --git a/src/components/WhoAmI.astro b/src/components/WhoAmI.astro
@@ -1,3 +1,6 @@
+---
+import AnshWithMic from "../public/anshnobg.png";
+---
 <style>
     @import url('https://cdnjs.cloudflare.com/ajax/libs/phosphor-icons/0.1.8/phosphor-icons.min.css');
 
@@ -45,7 +48,8 @@
       <span class="underline underline-offset-2 hover:underline-offset-4 transition-[text-underline-offset] cursor-pointer"><a href="https://www.fossunited.org/about" target="_blank">Technical writer and Speaker at various conferences</a></span>
       <i class="ph-arrow-right text-green-900"></i>
     </li>
-    </ul><br><br>
+    </ul>
+    <br><br>
     <h3 class="text-black text-base font-semibold md:text-2xl">
       I've previously worked as a(n):
     </h3>

diff --git a/src/pages/projects.astro b/src/pages/projects.astro
@@ -0,0 +1 @@
+<h1>Coming Soon</h1>