Update links and meta tags

icssc · Nov 2, 2023 · ceaaf42 · ceaaf42
1 parent 934e561
commit ceaaf42
Show file tree

Hide file tree

Showing 7 changed files with 41 additions and 12 deletions.
diff --git 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 [email protected]."
   }
 ]
diff --git 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
@@ -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:[email protected]">[email protected]</a>.</p>
+        </div>
+      </div>
     </div>
     </div>
   )

diff --git 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
@@ -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
@@ -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
@@ -34,4 +34,8 @@ main {
   background: #F0FC97;
   position: relative;
   z-index: 10;
+}
+
+#footer {
+  margin-top: 0px;
 }