Adds navbar

Author: danrose499

src/assets/images/GitHub.png

@@ -0,0 +1,28 @@
+<script>
+  export let title = "Projects";
+</script>
+
+<div class="projects-container">
+  <h1>{title}</h1>
+  <p>Under Construction.</p>
+</div>
+
+<style>
+  .projects-container {
+    min-height: calc(100vh - 64px);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background: #f5f5f5;
+    text-align: center;
+    padding: 2rem;
+  }
+  h1 {
+    margin-bottom: 0.5rem;
+  }
+  p {
+    font-size: 1.25rem;
+    color: #666;
+  }
+</style>

src/assets/images/linkedIn.png

@@ -27,14 +27,11 @@
       console.log('Element found:', itemEl);
       
       // On mobile portrait, avoid horizontal transforms to prevent overflow
-      if (isMobilePortrait()) {
-        gsap.set(itemEl, { x: 0, opacity: 1 });
-        return;
-      }
+      const offset = isMobilePortrait() ? 15 : 50;
 
       // Set initial state - slightly off-screen and invisible
       gsap.set(itemEl, {
-        x: side === "left" ? -50 : 50,
+        x: side === "left" ? -offset : offset,
         opacity: 0
       });
       
@@ -60,7 +57,7 @@
                 hasAnimated = false;
                 
                 gsap.to(itemEl, {
-                  x: side === "left" ? -50 : 50,
+                  x: side === "left" ? -offset : offset,
                   opacity: 0,
                   duration: 0.7,
                   ease: "power2.in"