CSSS
diff --git a/‎public/tech_fair/2025/images/compressed.zip‎
-15.5 MB b/‎public/tech_fair/2025/images/compressed.zip‎
-15.5 MB
diff --git a/‎public/tech_fair/2025/images/corkboard-background.jpg‎
-2.28 MB b/‎public/tech_fair/2025/images/corkboard-background.jpg‎
-2.28 MB
diff --git a/‎public/tech_fair/2025/images/corkboard.png‎
-54.9 KB b/‎public/tech_fair/2025/images/corkboard.png‎
-54.9 KB
diff --git a/‎public/tech_fair/2025/images/flowchart.png‎
-78.4 KB b/‎public/tech_fair/2025/images/flowchart.png‎
-78.4 KB
diff --git a/‎public/tech_fair/2025/images/push-pin.png‎
-182 KB b/‎public/tech_fair/2025/images/push-pin.png‎
-182 KB
diff --git a/‎public/tech_fair/2025/images/sfu.jpg‎
-176 KB b/‎public/tech_fair/2025/images/sfu.jpg‎
-176 KB
diff --git a/‎public/tech_fair/2025/index.html‎
Lines changed: 33 additions & 2 deletions b/‎public/tech_fair/2025/index.html‎
Lines changed: 33 additions & 2 deletions
diff --git a/‎public/tech_fair/2025/main.js‎
Lines changed: 17 additions & 3 deletions b/‎public/tech_fair/2025/main.js‎
Lines changed: 17 additions & 3 deletions
diff --git a/‎public/tech_fair/2025/style.css‎
Lines changed: 3 additions & 2 deletions b/‎public/tech_fair/2025/style.css‎
Lines changed: 3 additions & 2 deletions
@@ -16,8 +16,39 @@
   <body>
     <header id="header">
       <nav>
-        <a id="home-link" href="/">
-          <img id="home-logo" src="/static/icons/csss_logo.svg" alt="CSSS Logo" />
+        <a id="home-link" href="https://new.sfucsss.org" target="_blank">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            xml:space="preserve"
+            id="home-logo"
+            x="0"
+            y="0"
+            version="1.1"
+            viewBox="0 0 678 744"
+          >
+            <g id="g4" transform="translate(-56 -16)">
+              <path
+                id="path1"
+                d="M248 160v208c0 8.8 7.2 16 16 16h120c4.4 0 8 3.6 8 8v32c0 4.4-3.6 8-8 8H224c-13.2 0-24-10.8-24-24V120c0-13.2 10.8-24 24-24h160c4.4 0 8 3.6 8 8v32c0 4.4-3.6 8-8 8H264c-8.8 0-16 7.2-16 16z"
+                class="st0"
+              />
+              <path
+                id="path2"
+                d="M456 72v16c0 4.4 3.6 8 8 8h112c13.2 0 24 10.8 24 24v288c0 13.2-10.8 24-24 24H416c-4.4 0-8-3.6-8-8v-32c0-4.4 3.6-8 8-8h120c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16H416c-4.4 0-8-3.6-8-8V40c0-13.2 10.8-24 24-24h160c4.4 0 8 3.6 8 8v32c0 4.4-3.6 8-8 8H464c-4.4 0-8 3.6-8 8z"
+                class="st0"
+              />
+              <path
+                id="path3"
+                d="M708 680H416c-4.4 0-8-3.6-8-8v-32c0-4.4 3.6-8 8-8h244c.5 0 1 0 1.5-.1 10.9-.8 17.2-10.2 15.2-22-.2-.8-.3-1.7-.6-2.5L661.6 554v-.2c-1.5-5.4-7.4-9.8-13.1-9.8H416c-4.4 0-8-3.6-8-8v-80c0-4.4 3.6-8 8-8h176c4.4 0 8 3.6 8 8v24c0 4.4-3.6 8-8 8H452c-2.2 0-4 1.8-4 4v8c0 2.2 1.8 4 4 4h216c11 0 22.8 8.6 26.2 19.6l6.5 20.4 28 88 3.4 10.7c6.5 20.3-4.2 37.3-24.1 37.3Z"
+                class="st0"
+              />
+              <path
+                id="path4"
+                d="M123.2 610c-2 11.7 4.3 21.1 15.2 22 .5 0 1.1.1 1.6.1h229.2c12.6 0 22.8 10.3 22.8 23.4V736c0 13.2-10.8 24-24 24H64c-4.4 0-8-3.6-8-8v-32c0-4.4 3.6-8 8-8h272c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H92c-19.9 0-30.6-17-24.1-37.3l3.4-10.7 28-88 6.5-20.4C109.3 512.7 121 504 132 504h252c4.4 0 8 3.6 8 8v24c0 4.4-3.6 8-8 8H151.5c-5.7 0-11.6 4.3-13.1 9.8v.2l-14.6 53.4c-.2.9-.4 1.7-.6 2.6z"
+                class="st0"
+              />
+            </g>
+          </svg>
         </a>
         <ul id="nav-list" class="centering">
           <li><a href="#about">About</a></li>
 
@@ -38,6 +38,8 @@ function setScrolledEffect() {
     toggleActions: 'play none reverse none'
   };
 
+  const timing = 0.3;
+
   gsap.to('#header', {
     scrollTrigger,
     borderBottom: 'solid black 1px',
@@ -46,13 +48,25 @@ function setScrolledEffect() {
   gsap.to('#nav-list', {
     scrollTrigger,
     padding: 0,
-    duration: 0.1
+    duration: timing
+  });
+  gsap.to('#home-link', {
+    scrollTrigger,
+    height: 0,
+    width: 0,
+    x: '-5rem',
+    y: '-1rem',
+    duration: timing,
+    ease: 'none'
   });
   gsap.to('#home-logo', {
     scrollTrigger,
+    height: 0,
+    width: 0,
     x: '-5rem',
-    scale: 0,
-    duration: 0.3
+    y: '-1rem',
+    duration: timing,
+    ease: 'none'
   });
 }
 
 
@@ -6,7 +6,7 @@
 :root {
   /* Structure */
   --header-height: 3rem;
-  --square-logo-dim: 2.8rem;
+  --square-logo-dim: 2.5rem;
   --paper-shadow: 5px 5px 7px black;
   --photo-w: 460px;
 }
@@ -111,8 +111,9 @@ header {
       /* This keeps the icon at the far left and the nav links centered */
       position: absolute;
       left: 1vw;
+      top: 1vh;
 
-      &>img {
+      &>#home-logo {
         width: var(--square-logo-dim);
         height: var(--square-logo-dim);
       }