From ceaaf4203b8e5572bf36d6ee6d92a4c43d513fc9 Mon Sep 17 00:00:00 2001
From: Avent Chiu <chiu7a@gmail.com>
Date: Thu, 2 Nov 2023 11:50:44 -0700
Subject: [PATCH] Update links and meta tags

---
 assets/faq.json                      |  8 --------
 src/components/events/events.js      |  2 +-
 src/components/faq/faq.js            | 15 +++++++++++++++
 src/components/footer.js             |  6 +++---
 src/pages/_app.js                    | 13 +++++++++++++
 src/styles/components/Faq.module.css |  5 +++++
 src/styles/globals.css               |  4 ++++
 7 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/assets/faq.json b/assets/faq.json
index 5d0f2e6..3ef1142 100644
--- a/assets/faq.json
+++ b/assets/faq.json
@@ -14,13 +14,5 @@
   {
     "title": "What if I lack web dev experience?",
     "content": "Many ICS clubs will be hosting workshops throughout the week to assist participants get started with web development."
-  },
-  {
-    "title": "What are the rules?",
-    "content": "Please refer to the WebJam Rules and Code of Conduct for more information."
-  },
-  {
-    "title": "My question isn't here!",
-    "content": "Unanswered question? Email us at icssc@uci.edu."
   }
 ]
\ No newline at end of file
diff --git a/src/components/events/events.js b/src/components/events/events.js
index d585def..ff495f7 100644
--- a/src/components/events/events.js
+++ b/src/components/events/events.js
@@ -80,7 +80,7 @@ export default function EventsSection() {
                           {event.title}
                         </div>
                         <div className="text-lg md:text-xl">
-                          {`${event.time} • ${event.club && event.club + "• " } ${event.location}`}
+                          {`${event.time} • ${event.club && event.club + " • " } ${event.location}`}
                         </div>
                       </div>
 
diff --git a/src/components/faq/faq.js b/src/components/faq/faq.js
index e9be445..7adf880 100644
--- a/src/components/faq/faq.js
+++ b/src/components/faq/faq.js
@@ -20,6 +20,21 @@ export default function FAQSection() {
     <div className="text-4xl md:text-7xl">FAQ</div>
     <div className={`${styles.accordion} md:max-w-[50%] `}>
       {faq_data.map((element, index) => <FAQTab key={index} id={index} {...element}/>)}
+      {/* Hardcoding some FAQ tabs to include clickable URLs */}
+      <div className={styles.tab}>
+        <input type="checkbox" name={styles.accordion} id={faq_data.length} />
+        <label htmlFor={faq_data.length} className={styles.tab__label}>What are the rules?</label>
+        <div className={styles.tab__content}>
+          <p className='text-xl'>Please refer to the <a target="_blank" href="https://docs.google.com/document/d/1T2Dh_FVx0zU8xhNC2CHDMb_0xg-j2oFBUfp-M0C4FqM/edit">WebJam Rules and Code of Conduct</a> for more information.</p>
+        </div>
+      </div>
+      <div className={styles.tab}>
+        <input type="checkbox" name={styles.accordion} id={faq_data.length+1} />
+        <label htmlFor={faq_data.length+1} className={styles.tab__label}>My question isn't here!</label>
+        <div className={styles.tab__content}>
+          <p className='text-xl'>Unanswered question? Email us at <a target="_blank" href="mailto:icssc@uci.edu">icssc@uci.edu</a>.</p>
+        </div>
+      </div>
     </div>
     </div>
   )
diff --git a/src/components/footer.js b/src/components/footer.js
index 1c68c83..263c31e 100644
--- a/src/components/footer.js
+++ b/src/components/footer.js
@@ -16,17 +16,17 @@ const MEDIA_LINKS = [
   },
   {
     id: 2,
-    link: "https://www.facebook.com/ICSStudentCouncil/",
+    link: "https://www.instagram.com/icssc.uci/",
     icon: <FaInstagram />,
   },
   {
     id: 3,
-    link: "https://www.facebook.com/ICSStudentCouncil/",
+    link: "https://discord.gg/c4t5dGcM9S",
     icon: <FaDiscord />,
   },
   {
     id: 4,
-    link: "https://www.facebook.com/ICSStudentCouncil/",
+    link: "https://github.com/icssc",
     icon: <FaGithub />,
   },
   {
diff --git a/src/pages/_app.js b/src/pages/_app.js
index cf01e4c..4b18508 100644
--- a/src/pages/_app.js
+++ b/src/pages/_app.js
@@ -8,8 +8,21 @@ export default function MyApp({ Component, pageProps }) {
   return (
     <>
       <Head>
+        <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta name="description" content="WebJam is a beginner friendly, week-long event where students come together to create fully functional web applications. Apply now!" />
+        <meta name="keywords" content="beginner-friendly, hackathon, web applications" />
         <title>WebJam 2023</title>
+
+        {/* Open Graph and Twitter Card Meta Tags for Social Sharing */}
+        <meta property="og:title" content="WebJam 2023"/>
+        <meta property="og:description" content="Join our week-long, beginner friendly event where you'll create fully functional web applications!"/>
+        <meta property="og:image" content="/webjam_logo.png"/>
+        <meta property="og:url" content="https://webjam.icssc.club/"/>
+        <meta name="twitter:card" content="summary_large_image"/>
+        <meta name="twitter:title" content="WebJam 2023"/>
+        <meta name="twitter:description" content="Join our week-long, beginner friendly event where you'll create fully functional web applications!"/>
+        <meta name="twitter:image" content="/webjam_logo.png"/>
       </Head>
       <NavBar />
       <Layout>
diff --git a/src/styles/components/Faq.module.css b/src/styles/components/Faq.module.css
index 907bb5f..c2ecd56 100644
--- a/src/styles/components/Faq.module.css
+++ b/src/styles/components/Faq.module.css
@@ -58,6 +58,11 @@ https://codepen.io/raubaca/pen/PZzpVe
   background-color: aliceblue;
 }
 
+
+.tab__content a {
+  text-decoration: underline;
+}
+
 .tab__close {
   justify-content: flex-end;
   padding: 0.5rem 1rem;
diff --git a/src/styles/globals.css b/src/styles/globals.css
index ac0aa80..439d47b 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -34,4 +34,8 @@ main {
   background: #F0FC97;
   position: relative;
   z-index: 10;
+}
+
+#footer {
+  margin-top: 0px;
 }
\ No newline at end of file