Feat/rererereredesign2

components/Navbar.tsx

@@ -41,9 +41,9 @@ export default function Navbar() {
         <Link className={styles.hoverable} href="/blog">
           <li>Blog</li>
         </Link>
-        {/* <Link className={styles.hoverable} href="/archive">
+        <Link className={styles.hoverable} href="/archive">
           <li>Archive</li>
-        </Link> */}
+        </Link>
       </ul>
     </nav>
   );

data/archive.ts

@@ -1,8 +1,6 @@
-export interface ArchivedEvent {
+export interface EventArchive {
   name: string;
-  type: string;
   date: Date;
-  time: string;
   location?: string;
   description: string;
   recording: string;
@@ -12,90 +10,103 @@ export interface ArchivedEvent {
 }
 
 export interface SeriesArchive {
-  seriesName: string;
-  events: ArchivedEvent[];
+  name: string;
+  events: EventArchive[];
 }
 
 export interface QuarterArchive {
   name: string;
   series: SeriesArchive[];
 }
 
-const archive = [
+const archive: QuarterArchive[] = [
+  /*WINTER2023*/
   {
     name: "Winter 2023",
     series: [
       {
-        seriesName: "Cyber Academy: Web Hacking",
+        name: "Cyber Academy: Web Hacking",
         events: [
           {
             name: "Week 6: SQL Injection",
-            date: new Date('5/9/24'),
+            date: new Date("5/9/24"),
+            location: "Math Sciences 5200",
             description:
-              "Event description Event descriptionEvent description Event description",
+              "Event description event description event description event description event description",
             recording: "https://youtube.com/<link_here>",
             slides: "https://docs.google.com/",
             tags: ["web", "sql", "hacking"],
             graphicPath: "/images/archive.svg",
           },
           {
-            name: "XSS",
-            date: new Date('5/9/24'),
+            name: "Week 5: XSS",
+            date: new Date("5/9/24"),
+            location: "Math Sciences 5200",
             description: "Event description",
             recording: "https://youtube.com/<link_here>",
             slides: "https://docs.google.com/",
             tags: ["web", "xss", "hacking"],
             graphicPath: "/images/archive.svg",
           },
           {
-            name: "XSS",
-            date: new Date('5/9/24'),
+            name: "Example 3",
+            date: new Date("5/9/24"),
             description: "Event description",
             recording: "https://youtube.com/<link_here>",
             slides: "https://docs.google.com/",
-            tags: ["web", "xss", "hacking"],
-            graphicPath: "/images/archive.svg",
+            tags: ["test3"],
+            graphicPath: "/images/cyber-symposium.png",
           },
           {
-            name: "XSS",
-            date: new Date('5/9/24'),
+            name: "Example 2",
+            date: new Date("5/9/24"),
+            location: "Math Sciences 5200",
             description: "Event description",
             recording: "https://youtube.com/<link_here>",
             slides: "https://docs.google.com/",
-            tags: ["web", "xss", "hacking"],
-            graphicPath: "/images/archive.svg",
+            tags: ["test2"],
+            graphicPath: "/images/cyber-symposium.png",
           },
           {
-            name: "XSS",
-            date: new Date('5/9/24'),
+            name: "Example 1",
+            date: new Date("5/9/24"),
+            location: "Math Sciences 5200",
             description: "Event description",
             recording: "https://youtube.com/<link_here>",
             slides: "https://docs.google.com/",
-            tags: ["web", "xss", "hacking"],
+            tags: ["test1"],
             graphicPath: "/images/archive.svg",
           },
         ],
       },
+
+      {
+        name: "Special Topics",
+        events: [],
+      },
     ],
   },
+
+  /*FALL2022*/
   {
-    name: "Fall 2023",
+    name: "Fall 2022",
     series: [
       {
-        seriesName: "Cyber Academy: Forensics",
+        name: "Cyber Academy: Forensics",
         events: [
           {
-            name: "Binwalk",
-            date: new Date('5/9/24'),
+            name: "Example 2",
+            date: new Date("5/9/24"),
             description: "Event description",
             recording: "https://youtube.com/<link_here>",
             slides: "https://docs.google.com/",
-            tags: ["web", "binwalk", "hacking"],
+            tags: ["test2"],
             graphicPath: "/images/cyber-symposium.png",
           },
           {
-            name: "IDK",
-            date: new Date('5/9/24'),
+            name: "Example 1",
+            date: new Date("5/9/24"),
+            location: "Math Sciences 5200",
             description: "Event description",
             recording: "https://youtube.com/<link_here>",
             slides: "https://docs.google.com/",
@@ -106,12 +117,12 @@ const archive = [
       },
     ],
   },
-];
 
-/* 
-    quarter {
-
-    }
-*/
+  /*Spring2022*/
+  {
+    name: "Spring 2022",
+    series: [],
+  },
+];
 
 export default archive;

data/events.ts

@@ -5,35 +5,35 @@ export interface EventType {
 }
 
 enum EventKind {
-  PBR = 'Psi Beta Rho',
-  CyLab = 'Cyber Lab',
-  LACTF = 'LA CTF',
-  CyTalks = 'Cyber Talks',
-  Misc = 'Miscellaneous',
+  PBR = "Psi Beta Rho",
+  CyLab = "Cyber Lab",
+  LACTF = "LA CTF",
+  CyTalks = "Cyber Talks",
+  Misc = "Miscellaneous",
 }
 
 export const eventTypes = [
   {
     name: EventKind.PBR,
-    description: 'add description here',
+    description: "add description here",
     link: "https://pbr.uclaacm.com/",
   },
   {
     name: EventKind.CyLab,
-    description: 'add description here',
+    description: "add description here",
   },
   {
     name: EventKind.LACTF,
-    description: 'add description here',
-    link: 'https://lac.tf',
+    description: "add description here",
+    link: "https://lac.tf",
   },
   {
     name: EventKind.CyTalks,
-    description: 'add description here',
+    description: "add description here",
   },
   {
     name: EventKind.Misc,
-    description: 'add description here',
+    description: "add description here",
   },
 ];
 
@@ -46,16 +46,16 @@ export interface Event {
   description: string;
 }
 
-const matsci = 'Math Sciences 5200';
-const defaultDescription = 'Example description.';
+const matsci = "Math Sciences 5200";
+const defaultDescription = "Example description.";
 
 const eventsData: Event[] = [
   {
-    name: 'Example Cyber Event',
+    name: "Example Cyber Event",
     description: defaultDescription,
     type: EventKind.CyLab,
     date: new Date(),
-    time: '6:00 - 8:00 PM (PST)',
+    time: "6:00 - 8:00 PM (PST)",
     location: matsci,
   },
 ];