From cc2ae1ad9c94c8d283cd743d1909dff3c0b8a5fc Mon Sep 17 00:00:00 2001
From: Chom <112128328+tomasohCHOM@users.noreply.github.com>
Date: Mon, 23 Sep 2024 13:49:00 -0700
Subject: [PATCH] Add some more contributors

---
 package-lock.json                             |  6 +--
 src/components/ContributorPopup.svelte        | 44 ++++++++++++-------
 src/components/Contributors.svelte            | 35 ++++++++-------
 src/contributors/fa24/adamcha.md              |  9 ++++
 .../{ => fa24}/harrisonthayer04.md            |  4 +-
 src/contributors/fa24/ttuyen22.md             |  6 ++-
 6 files changed, 64 insertions(+), 40 deletions(-)
 rename src/contributors/{ => fa24}/harrisonthayer04.md (76%)

diff --git a/package-lock.json b/package-lock.json
index 062cd6c..f26aa63 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5591,9 +5591,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.4.5",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.5.tgz",
-      "integrity": "sha512-pXqR0qtb2bTwLkev4SE3r4abCNioP3GkjvIDLlzziPpXtHgiJIjuKl+1GN6ESOT3wMjG3JTeARopj2SwYaHTOA==",
+      "version": "5.4.7",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.7.tgz",
+      "integrity": "sha512-5l2zxqMEPVENgvzTuBpHer2awaetimj2BGkhBPdnwKbPNOlHsODU+oiazEZzLK7KhAnOrO+XGYJYn4ZlUhDtDQ==",
       "dependencies": {
         "esbuild": "^0.21.3",
         "postcss": "^8.4.43",
diff --git a/src/components/ContributorPopup.svelte b/src/components/ContributorPopup.svelte
index d3501cc..fee342d 100644
--- a/src/components/ContributorPopup.svelte
+++ b/src/components/ContributorPopup.svelte
@@ -37,6 +37,7 @@
       <div class="message">
         {message}
       </div>
+
       <div class="bubble-1"></div>
       <div class="bubble-2"></div>
       <div class="bubble-3"></div>
@@ -58,22 +59,30 @@
       </div>
 
       <div class="right">
-        <div>
-          <h3>GitHub</h3>
-          <p>{githubUsername}</p>
-        </div>
-        <div>
-          <h3>About</h3>
-          <p>{about}</p>
-        </div>
-        <div>
-          <h3>Programming Interests</h3>
-          <p>{programmingInterests}</p>
-        </div>
-        <div>
-          <h3>Hobbies</h3>
-          <p>{hobbies}</p>
-        </div>
+        {#if githubUsername}
+          <div>
+            <h3>GitHub</h3>
+            <p>{githubUsername}</p>
+          </div>
+        {/if}
+        {#if about}
+          <div>
+            <h3>About</h3>
+            <p>{about}</p>
+          </div>
+        {/if}
+        {#if programmingInterests}
+          <div>
+            <h3>Programming Interests</h3>
+            <p>{programmingInterests}</p>
+          </div>
+        {/if}
+        {#if hobbies}
+          <div>
+            <h3>Hobbies</h3>
+            <p>{hobbies}</p>
+          </div>
+        {/if}
       </div>
     </div>
   </div>
@@ -212,7 +221,8 @@
   }
 
   .card-layout > .right {
-    display: grid;
+    display: flex;
+    flex-direction: column;
     gap: 0.25rem;
   }
 
diff --git a/src/components/Contributors.svelte b/src/components/Contributors.svelte
index 68be651..c176252 100644
--- a/src/components/Contributors.svelte
+++ b/src/components/Contributors.svelte
@@ -21,22 +21,24 @@
 
 <section class="contributors">
   {#each contributors as contributor, i}
-    <div
-      class="contributor"
-      on:click={() => openContributorDialog(i)}
-      on:keydown={() => openContributorDialog(i)}
-      role="button"
-      tabindex="0"
-    >
-      <img
-        class="profile-image"
-        src="https://github.com/{contributor.frontmatter.githubUsername}.png"
-        alt="ACM at CSUF Icon"
-        width={32}
-        height={32}
-      />
-      <span>{contributor.frontmatter.name}</span>
-    </div>
+    {#if contributor}
+      <div
+        class="contributor"
+        on:click={() => openContributorDialog(i)}
+        on:keydown={() => openContributorDialog(i)}
+        role="button"
+        tabindex="0"
+      >
+        <img
+          class="profile-image"
+          src="https://github.com/{contributor.frontmatter.githubUsername}.png"
+          alt="ACM at CSUF Icon"
+          width={32}
+          height={32}
+        />
+        <span>{contributor.frontmatter.name}</span>
+      </div>
+    {/if}
   {/each}
 </section>
 
@@ -61,6 +63,7 @@
     font-size: 0.875rem;
     font-weight: 500;
     overflow-x: hidden;
+    white-space: nowrap;
   }
 
   .contributor:hover {
diff --git a/src/contributors/fa24/adamcha.md b/src/contributors/fa24/adamcha.md
index e69de29..6e11364 100644
--- a/src/contributors/fa24/adamcha.md
+++ b/src/contributors/fa24/adamcha.md
@@ -0,0 +1,9 @@
+---
+name: "Adam"
+githubUsername: "adamchacs"
+message: ""
+about: ""
+programmingInterests: ""
+hobbies: ""
+extraLink: ""
+---
diff --git a/src/contributors/harrisonthayer04.md b/src/contributors/fa24/harrisonthayer04.md
similarity index 76%
rename from src/contributors/harrisonthayer04.md
rename to src/contributors/fa24/harrisonthayer04.md
index 99f1b24..84d5cfa 100644
--- a/src/contributors/harrisonthayer04.md
+++ b/src/contributors/fa24/harrisonthayer04.md
@@ -1,9 +1,9 @@
 ---
 name: "Harrison Thayer"
 githubUsername: "harrisonthayer04"
-message: "Hi I'm Harrison, I'm a thirda year CS major at CSUF."
+message: "Hi I'm Harrison, I'm a third year CS major at CSUF."
 about: ""
 programmingInterests: "Machine Learning / AI"
 hobbies: "Gaming, Working Out"
 extraLink: "https://www.linkedin.com/in/harrison-thayer-622b58241/"
----
\ No newline at end of file
+---
diff --git a/src/contributors/fa24/ttuyen22.md b/src/contributors/fa24/ttuyen22.md
index bb73522..b3b064a 100644
--- a/src/contributors/fa24/ttuyen22.md
+++ b/src/contributors/fa24/ttuyen22.md
@@ -1,5 +1,7 @@
-name: "Tuyen Nguyen
+---
+name: "Tuyen Nguyen"
 githubUsername: "ttuyen22"
 message: "Hi!"
 about: "I'm Tuyen; a second year studying computer engineer"
-programmingInterest: "OSS, Algo"
\ No newline at end of file
+programmingInterest: "OSS, Algo"
+---