chore: uphold workshop

components/Footer/index.tsx

@@ -13,11 +13,11 @@ import styles from "./style.module.css";
 function DefaultAnimation() {
   return (
     <span>
-      Psst. Have you checked the{" "}
-      <Link href="/challenges" className="text-primary underline">
-        challenges?
-      </Link>{" "}
-      Just saying.
+      Psst. Have you checked out the{" "}
+      <Link href="/faqs" className="text-primary underline">
+        FAQs
+      </Link>
+      &nbsp;yet? Just saying.
     </span>
   );
 }
@@ -118,7 +118,7 @@ export default function Footer(props: IFooterProps) {
         <div className="flex-2">
           <div className="grid select-none grid-rows-2 justify-items-center gap-8 whitespace-nowrap font-iregular text-sm text-white lg:grid-cols-2 lg:justify-items-start">
             <Link
-              href="https://2022.seium.org/"
+              href="https://2023.seium.org/"
               className="text-white hover:underline"
             >
               Previous Edition
@@ -129,12 +129,14 @@ export default function Footer(props: IFooterProps) {
             >
               Report a Problem
             </Link>
+            {/*
             <Link href="/docs/survival.pdf" className="hover:underline">
               Survival Guide
             </Link>
             <Link href="/docs/regulamento.pdf" className="hover:underline">
               General Regulation
             </Link>
+            */}
           </div>
           <div className="flex justify-center lg:justify-end">
             <div className="mt-10 text-white sm:w-1/2 lg:mt-0">

components/JoinUs/index.jsx

@@ -1,10 +1,11 @@
 export default function JoinUs(props) {
   return (
     <a
-      href="https://sei23.eventbrite.pt"
-      className={`flex h-28 w-28 flex-shrink-0 rotate-15 transform items-center justify-center font-ibold text-xl text-${props.fgColor} bg-${props.button} translate-x-0 select-none rounded-full`}
+      href="https://sei24.eventbrite.pt"
+      target="_blank"
+      className="before:ease font-terminal-uppercase relative flex h-10 w-28 flex-wrap content-center justify-center overflow-hidden rounded-full border-2 border-white bg-quinary text-white transition-transform before:absolute before:left-0 before:-ml-2 before:h-48 before:w-48 before:origin-top-right before:-translate-x-full before:translate-y-12 before:-rotate-90 before:bg-quinary before:transition-all before:duration-300 hover:scale-105 hover:text-white hover:before:-rotate-180 lg:bg-transparent"
     >
-      Join us 👋
+      <span className="relative z-10">Join Us</span>
     </a>
   );
 }

components/Navbar/index.jsx

@@ -15,7 +15,7 @@ import styles from "./style.module.css";
 const navigation = [
   { name: "Schedule", slug: "/schedule" },
   { name: "Team", slug: "/team" },
-  { name: "Challenges", slug: "/challenges" },
+  /*{ name: "Challenges", slug: "/challenges" },*/
   { name: "Speakers", slug: "/speakers" },
   { name: "FAQs", slug: "/faqs" },
 ];
@@ -55,7 +55,7 @@ export default function Navbar({ bgColor, fgColor, button, children }) {
                   <Link href="/">
                     <div className={`${styles.logo} select-none pt-4 lg:pt-8`}>
                       <Image
-                        className="cursor-pointer opacity-60 hover:opacity-100"
+                        className="cursor-pointer transition-colors duration-75 ease-in hover:text-quinary"
                         src="/images/sei-logo.svg"
                         width="50"
                         height="40"
@@ -64,26 +64,26 @@ export default function Navbar({ bgColor, fgColor, button, children }) {
                     </div>
                   </Link>
                   <div className="col-span-3 hidden justify-self-end lg:block">
-                    <div className="flex select-none">
-                      <div className="mr-6 grid grid-cols-3 gap-y-4 gap-x-20 pt-4">
+                    <div className="flex select-none items-center">
+                      <div className="mr-6 grid grid-cols-4 gap-y-4 gap-x-20 pt-4">
                         {navigation.map((item) => (
                           <Link
                             key={item.slug}
                             href={item.slug}
-                            className="font-iregular text-sm text-white text-opacity-40 hover:text-opacity-100"
+                            className="font-iregular text-sm text-white transition-colors duration-75 ease-in hover:text-quinary"
                           >
                             {item.name}
                           </Link>
                         ))}
-                        {isAuthenticated ? null : (
+                        {/*isAuthenticated ? null : (
                           <Link
                             key="login"
                             href="/login"
-                            className="font-iregular text-sm text-white text-opacity-40 hover:text-opacity-100"
+                            className="font-iregular text-sm text-white transition-colors duration-75 ease-in hover:text-quinary"
                           >
                             Login
                           </Link>
-                        )}
+                        )*/}
                       </div>
                       {isAuthenticated ? (
                         <Menu as="div" className="relative z-50 ml-3">
@@ -141,7 +141,9 @@ export default function Navbar({ bgColor, fgColor, button, children }) {
                           </Transition>
                         </Menu>
                       ) : (
-                        <JoinUs fgColor={fgColor} button={button} />
+                        <div className="pl-8 pt-4">
+                          <JoinUs fgColor={fgColor} button={button} />
+                        </div>
                       )}
                     </div>
                   </div>
@@ -165,7 +167,7 @@ export default function Navbar({ bgColor, fgColor, button, children }) {
                 <Disclosure.Button
                   key={item.slug}
                   as="a"
-                  className="block rounded-md py-6 text-center font-ibold text-3xl text-white hover:text-quinary"
+                  className="font-terminal-uppercase block rounded-md py-6 text-center text-3xl text-white hover:text-quinary"
                 >
                   <Link key={item.slug} href={item.slug}>
                     {item.name}
@@ -178,29 +180,29 @@ export default function Navbar({ bgColor, fgColor, button, children }) {
                   <Disclosure.Button
                     key={item.slug}
                     as="a"
-                    className="block rounded-md py-6 text-center font-ibold text-3xl text-white hover:text-quinary"
+                    className="font-terminal-uppercase block rounded-md py-6 text-center text-3xl text-white hover:text-quinary"
                   >
                     <Link key={item.slug} href={item.slug}>
                       {item.name}
                     </Link>
                   </Disclosure.Button>
                 ))}
-              {!isAuthenticated && (
+              {/*!isAuthenticated && (
                 <Disclosure.Button
                   key="login"
                   as="a"
-                  className="block rounded-md py-6 text-center font-ibold text-3xl text-white hover:text-quinary"
+                  className="font-terminal-uppercase block rounded-md py-6 text-center text-3xl text-white hover:text-quinary"
                 >
                   <Link key="login" href="/login">
                     Login
                   </Link>
                 </Disclosure.Button>
-              )}
+              )*/}
               {isAuthenticated && (
                 <Disclosure.Button
                   key="login"
                   as="a"
-                  className="block rounded-md py-6 text-center font-ibold text-3xl text-white hover:text-quinary"
+                  className="font-terminal-uppercase block rounded-md py-6 text-center text-3xl text-white hover:text-quinary"
                 >
                   <button onClick={() => logout()}>Log Out</button>
                 </Disclosure.Button>

components/Schedule/Day/index.tsx

@@ -51,14 +51,117 @@ export default function Day(props) {
     parseInt(date[2])
   );
 
+  const RightArrow = () => (
+    <svg
+      className="h-[0.8em] w-[0.8em] fill-transparent transition-all hover:fill-white"
+      width="42"
+      height="65"
+      viewBox="0 0 42 65"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g filter="url(#filter0_d)">
+        <path
+          d="M23.4299 28.0481L5.02799 7.62693L12.4568 0.932693L37.1704 28.3582L12.5527 55.8698L5.10057 49.2016L23.4311 28.7162L23.7304 28.3817L23.4299 28.0481Z"
+          stroke="white"
+        />
+      </g>
+      <defs>
+        <filter
+          id="filter0_d"
+          x="0.309082"
+          y="0.182373"
+          width="41.5826"
+          height="64.4078"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dy="4" />
+          <feGaussianBlur stdDeviation="2" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  );
+
+  const LeftArrow = () => (
+    <svg
+      className="h-[0.8em] w-[0.8em] fill-transparent transition-all hover:fill-white"
+      width="42"
+      height="65"
+      viewBox="0 0 42 65"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g filter="url(#filter0_d)">
+        <path
+          d="M37.3861 49.2873L29.9456 55.9686L5.27991 28.5L29.9456 1.03139L37.3861 7.71264L19.0199 28.1659L18.7199 28.5L19.0199 28.8341L37.3861 49.2873Z"
+          stroke="white"
+        />
+      </g>
+      <defs>
+        <filter
+          id="filter0_d"
+          x="0.60791"
+          y="0.325317"
+          width="41.4843"
+          height="64.3494"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dy="4" />
+          <feGaussianBlur stdDeviation="2" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  );
+
   const Ans = () => (
     <div className="flex w-full select-none justify-center">
       <div className="flex w-full justify-between text-4xl xs:text-5xl sm:text-7xl lg:text-8xl xl:mx-20 xl:text-7xl">
         <div className={`${styles.leftArrow} ${styles.arrowWrapper}`}>
-          <button
-            className={`${styles.prev} ${styles.arrow}`}
-            onClick={props.previousDay}
-          ></button>
+          <button onClick={props.previousDay} className="cursor-pointer">
+            <LeftArrow />
+          </button>
         </div>
 
         <div className={`-mt-8 md:-mt-10 ${styles.dateWrapper}`}>
@@ -77,10 +180,9 @@ export default function Day(props) {
         </div>
 
         <div className={`${styles.rightArrow} ${styles.arrowWrapper}`}>
-          <button
-            className={`${styles.next} ${styles.arrow}`}
-            onClick={props.nextDay}
-          ></button>
+          <button onClick={props.nextDay} className="cursor-pointer">
+            <RightArrow />
+          </button>
         </div>
       </div>
     </div>

components/Schedule/Day/style.module.css

@@ -14,43 +14,3 @@
   justify-content: center;
   margin-top: 0.15em;
 }
-
-.arrow {
-  margin: 0;
-  border: none;
-  width: 0.8em;
-  height: 0.8em;
-  background-repeat: no-repeat;
-  background-color: transparent;
-  background-position: center;
-  background-size: 100% 100%;
-  padding: 0;
-}
-
-.arrowActive {
-  color: white;
-}
-
-.notVisible {
-  background-image: none;
-}
-
-.prev {
-  background-image: url("/images/prev-not-clicked.svg");
-}
-
-.prev:hover {
-  background-image: url("/images/prev-clicked.svg");
-}
-
-.next {
-  background-image: url("/images/next-not-clicked.svg");
-}
-
-.next:hover {
-  background-image: url("/images/next-clicked.svg");
-}
-
-.wrapper {
-  display: flex;
-}