From 2ebb8c9cedc6273d123c4b41710cc745b6fc26c4 Mon Sep 17 00:00:00 2001
From: yabje <75222926+yabje@users.noreply.github.com>
Date: Mon, 23 Feb 2026 20:14:05 +0100
Subject: [PATCH 1/6] Add ScoreSaber linking to team page

---
 .../components/team/team-member-item.svelte   | 60 ++++++++++---------
 src/lib/models/ScoreSaberTeam.ts              |  1 +
 2 files changed, 33 insertions(+), 28 deletions(-)

diff --git a/src/lib/components/team/team-member-item.svelte b/src/lib/components/team/team-member-item.svelte
index 9f71a043..1011d552 100644
--- a/src/lib/components/team/team-member-item.svelte
+++ b/src/lib/components/team/team-member-item.svelte
@@ -51,39 +51,43 @@
       },
       { platform: 'GitHub', url: teamMember.GitHub ? `https://github.com/${teamMember.GitHub}` : null, icon: 'fab fa-github', label: 'GitHub' }
    ].filter((link) => link.url);
+
+   $: scoreSaberLink = `https://scoresaber.com/u/${teamMember.ScoreSaberID}`;
 </script>
 
 <div class="column is-6-mobile is-4-tablet is-3-desktop team-member-column">
-   <div class="team-member-card {finalColorClass === 'gay' ? 'gay-border' : ''}" style="--team-color: {teamColor}">
-      <div class="team-member-content">
-         <div class="avatar-wrapper {finalColorClass === 'gay' ? 'gay-border' : ''}">
-            <img
-               class="avatar-image"
-               src="https://raw.githubusercontent.com/Umbranoxio/ScoreSaber-Team/main/images/{teamMember.ProfilePicture}"
-               alt={teamMember.Name}
-            />
-         </div>
-         <div class="member-info">
-            <h5
-               class="member-name {finalColorClass === 'gay' ? 'gay' : ''}"
-               style="color: {finalColorClass === 'default' ? 'var(--alternate)' : finalColorClass === 'gay' ? 'transparent' : teamColor}"
-            >
-               {teamMember.Name}
-            </h5>
-            {#if socialLinks.length > 0}
-               <div class="social-links">
-                  {#each socialLinks as link}
-                     <a href={link.url} rel="external" class="social-link" aria-label={link.label}>
-                        <span class="icon">
-                           <i class={link.icon} />
-                        </span>
-                     </a>
-                  {/each}
-               </div>
-            {/if}
+   <a href={scoreSaberLink} class="cursor-pointer">
+      <div class="team-member-card {finalColorClass === 'gay' ? 'gay-border' : ''}" style="--team-color: {teamColor}">
+         <div class="team-member-content">
+            <div class="avatar-wrapper {finalColorClass === 'gay' ? 'gay-border' : ''}">
+               <img
+                  class="avatar-image"
+                  src="https://raw.githubusercontent.com/Umbranoxio/ScoreSaber-Team/main/images/{teamMember.ProfilePicture}"
+                  alt={teamMember.Name}
+               />
+            </div>
+            <div class="member-info">
+               <h5
+                  class="member-name {finalColorClass === 'gay' ? 'gay' : ''}"
+                  style="color: {finalColorClass === 'default' ? 'var(--alternate)' : finalColorClass === 'gay' ? 'transparent' : teamColor}"
+               >
+                  {teamMember.Name}
+               </h5>
+               {#if socialLinks.length > 0}
+                  <div class="social-links">
+                     {#each socialLinks as link}
+                        <a href={link.url} rel="external" class="social-link" aria-label={link.label}>
+                           <span class="icon">
+                              <i class={link.icon} />
+                           </span>
+                        </a>
+                     {/each}
+                  </div>
+               {/if}
+            </div>
          </div>
       </div>
-   </div>
+   </a>
 </div>
 
 <style>
diff --git a/src/lib/models/ScoreSaberTeam.ts b/src/lib/models/ScoreSaberTeam.ts
index a2b4473c..62155a35 100644
--- a/src/lib/models/ScoreSaberTeam.ts
+++ b/src/lib/models/ScoreSaberTeam.ts
@@ -18,6 +18,7 @@ export interface TeamMembers {
 export interface TeamMember {
    Name: string;
    ProfilePicture: string;
+   ScoreSaberID: string;
    Discord?: string;
    GitHub?: string;
    Twitch?: string;

From eb6247bd19490d7b30040e171971de66f85101ac Mon Sep 17 00:00:00 2001
From: yabje <75222926+yabje@users.noreply.github.com>
Date: Mon, 23 Feb 2026 21:52:43 +0100
Subject: [PATCH 2/6] made scoresaber ID optional & link fix

---
 src/lib/components/team/team-member-item.svelte | 12 +++++++++---
 src/lib/models/ScoreSaberTeam.ts                |  2 +-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/team/team-member-item.svelte b/src/lib/components/team/team-member-item.svelte
index 1011d552..c5ec5817 100644
--- a/src/lib/components/team/team-member-item.svelte
+++ b/src/lib/components/team/team-member-item.svelte
@@ -51,12 +51,14 @@
       },
       { platform: 'GitHub', url: teamMember.GitHub ? `https://github.com/${teamMember.GitHub}` : null, icon: 'fab fa-github', label: 'GitHub' }
    ].filter((link) => link.url);
-
-   $: scoreSaberLink = `https://scoresaber.com/u/${teamMember.ScoreSaberID}`;
 </script>
 
 <div class="column is-6-mobile is-4-tablet is-3-desktop team-member-column">
-   <a href={scoreSaberLink} class="cursor-pointer">
+   <a
+      href={teamMember.ScoreSaberID ? `/u/${teamMember.ScoreSaberID}` : null}
+      class={teamMember.ScoreSaberID ? '' : 'team-member-scoresaber-unprovided'}
+      target={teamMember.ScoreSaberID ? '' : '_blank'}
+   >
       <div class="team-member-card {finalColorClass === 'gay' ? 'gay-border' : ''}" style="--team-color: {teamColor}">
          <div class="team-member-content">
             <div class="avatar-wrapper {finalColorClass === 'gay' ? 'gay-border' : ''}">
@@ -253,6 +255,10 @@
       color: transparent;
    }
 
+   .team-member-scoresaber-unprovided {
+      cursor: default;
+   }
+
    .social-link .icon {
       font-size: 0.875rem;
       flex-shrink: 0;
diff --git a/src/lib/models/ScoreSaberTeam.ts b/src/lib/models/ScoreSaberTeam.ts
index 62155a35..04626110 100644
--- a/src/lib/models/ScoreSaberTeam.ts
+++ b/src/lib/models/ScoreSaberTeam.ts
@@ -18,7 +18,7 @@ export interface TeamMembers {
 export interface TeamMember {
    Name: string;
    ProfilePicture: string;
-   ScoreSaberID: string;
+   ScoreSaberID?: string;
    Discord?: string;
    GitHub?: string;
    Twitch?: string;

From db352b899e89d3dc5dd89493cfc74e7129575b6d Mon Sep 17 00:00:00 2001
From: yabje <75222926+yabje@users.noreply.github.com>
Date: Mon, 23 Feb 2026 22:41:40 +0100
Subject: [PATCH 3/6] changed so linking is now set to the name instead of full
 card

---
 .../components/team/team-member-item.svelte   | 63 ++++++++++---------
 1 file changed, 34 insertions(+), 29 deletions(-)

diff --git a/src/lib/components/team/team-member-item.svelte b/src/lib/components/team/team-member-item.svelte
index c5ec5817..c577803c 100644
--- a/src/lib/components/team/team-member-item.svelte
+++ b/src/lib/components/team/team-member-item.svelte
@@ -54,42 +54,47 @@
 </script>
 
 <div class="column is-6-mobile is-4-tablet is-3-desktop team-member-column">
-   <a
-      href={teamMember.ScoreSaberID ? `/u/${teamMember.ScoreSaberID}` : null}
-      class={teamMember.ScoreSaberID ? '' : 'team-member-scoresaber-unprovided'}
-      target={teamMember.ScoreSaberID ? '' : '_blank'}
-   >
-      <div class="team-member-card {finalColorClass === 'gay' ? 'gay-border' : ''}" style="--team-color: {teamColor}">
-         <div class="team-member-content">
-            <div class="avatar-wrapper {finalColorClass === 'gay' ? 'gay-border' : ''}">
-               <img
-                  class="avatar-image"
-                  src="https://raw.githubusercontent.com/Umbranoxio/ScoreSaber-Team/main/images/{teamMember.ProfilePicture}"
-                  alt={teamMember.Name}
-               />
-            </div>
-            <div class="member-info">
+   <div class="team-member-card {finalColorClass === 'gay' ? 'gay-border' : ''}" style="--team-color: {teamColor}">
+      <div class="team-member-content">
+         <div class="avatar-wrapper {finalColorClass === 'gay' ? 'gay-border' : ''}">
+            <img
+               class="avatar-image"
+               src="https://raw.githubusercontent.com/Umbranoxio/ScoreSaber-Team/main/images/{teamMember.ProfilePicture}"
+               alt={teamMember.Name}
+            />
+         </div>
+         <div class="member-info">
+            {#if teamMember.ScoreSaberID}
+               <a href={`/u/${teamMember.ScoreSaberID}`}>
+                  <h5
+                     class="member-name {finalColorClass === 'gay' ? 'gay' : ''}"
+                     style="color: {finalColorClass === 'default' ? 'var(--alternate)' : finalColorClass === 'gay' ? 'transparent' : teamColor}"
+                  >
+                     {teamMember.Name}
+                  </h5>
+               </a>
+            {:else}
                <h5
-                  class="member-name {finalColorClass === 'gay' ? 'gay' : ''}"
+                  class="member-name {finalColorClass === 'gay' ? 'gay' : ''} team-member-scoresaber-unprovided"
                   style="color: {finalColorClass === 'default' ? 'var(--alternate)' : finalColorClass === 'gay' ? 'transparent' : teamColor}"
                >
                   {teamMember.Name}
                </h5>
-               {#if socialLinks.length > 0}
-                  <div class="social-links">
-                     {#each socialLinks as link}
-                        <a href={link.url} rel="external" class="social-link" aria-label={link.label}>
-                           <span class="icon">
-                              <i class={link.icon} />
-                           </span>
-                        </a>
-                     {/each}
-                  </div>
-               {/if}
-            </div>
+            {/if}
+            {#if socialLinks.length > 0}
+               <div class="social-links">
+                  {#each socialLinks as link}
+                     <a href={link.url} rel="external" class="social-link" aria-label={link.label}>
+                        <span class="icon">
+                           <i class={link.icon} />
+                        </span>
+                     </a>
+                  {/each}
+               </div>
+            {/if}
          </div>
       </div>
-   </a>
+   </div>
 </div>
 
 <style>

From 9584cd1a51ae0cd362469c1b1e49af17600ee13f Mon Sep 17 00:00:00 2001
From: yabje <75222926+yabje@users.noreply.github.com>
Date: Tue, 24 Feb 2026 23:53:28 +0100
Subject: [PATCH 4/6] removed duplicated conditional styling

---
 .../components/team/team-member-item.svelte   | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/lib/components/team/team-member-item.svelte b/src/lib/components/team/team-member-item.svelte
index c577803c..5e0eb07a 100644
--- a/src/lib/components/team/team-member-item.svelte
+++ b/src/lib/components/team/team-member-item.svelte
@@ -64,23 +64,18 @@
             />
          </div>
          <div class="member-info">
-            {#if teamMember.ScoreSaberID}
-               <a href={`/u/${teamMember.ScoreSaberID}`}>
-                  <h5
-                     class="member-name {finalColorClass === 'gay' ? 'gay' : ''}"
-                     style="color: {finalColorClass === 'default' ? 'var(--alternate)' : finalColorClass === 'gay' ? 'transparent' : teamColor}"
-                  >
+            <h5
+               class="member-name {finalColorClass === 'gay' ? 'gay' : ''}"
+               style="color: {finalColorClass === 'default' ? 'var(--alternate)' : finalColorClass === 'gay' ? 'transparent' : teamColor}"
+            >
+               {#if teamMember.ScoreSaberID}
+                  <a href={`/u/${teamMember.ScoreSaberID}`}>
                      {teamMember.Name}
-                  </h5>
-               </a>
-            {:else}
-               <h5
-                  class="member-name {finalColorClass === 'gay' ? 'gay' : ''} team-member-scoresaber-unprovided"
-                  style="color: {finalColorClass === 'default' ? 'var(--alternate)' : finalColorClass === 'gay' ? 'transparent' : teamColor}"
-               >
+                  </a>
+               {:else}
                   {teamMember.Name}
-               </h5>
-            {/if}
+               {/if}
+            </h5>
             {#if socialLinks.length > 0}
                <div class="social-links">
                   {#each socialLinks as link}
@@ -174,6 +169,11 @@
       text-overflow: ellipsis;
    }
 
+   .member-name a {
+      color: inherit;
+      text-decoration: none;
+   }
+
    @keyframes rainbowScroll {
       0% {
          background-position: 300px 0;

From 44c1bc96c697acb4284ddfc42b4d6406591d9aaa Mon Sep 17 00:00:00 2001
From: yabje <75222926+yabje@users.noreply.github.com>
Date: Tue, 24 Feb 2026 23:57:21 +0100
Subject: [PATCH 5/6] remove unecessary styling

---
 src/lib/components/team/team-member-item.svelte | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/lib/components/team/team-member-item.svelte b/src/lib/components/team/team-member-item.svelte
index 5e0eb07a..6b6c955d 100644
--- a/src/lib/components/team/team-member-item.svelte
+++ b/src/lib/components/team/team-member-item.svelte
@@ -260,10 +260,6 @@
       color: transparent;
    }
 
-   .team-member-scoresaber-unprovided {
-      cursor: default;
-   }
-
    .social-link .icon {
       font-size: 0.875rem;
       flex-shrink: 0;

From 4b17b8faf5c0b1f1a4f55186d185ded850faab34 Mon Sep 17 00:00:00 2001
From: yabje <75222926+yabje@users.noreply.github.com>
Date: Wed, 25 Feb 2026 00:05:06 +0100
Subject: [PATCH 6/6] remove more unecessary styling (idk i forgot this one
 aswell)

---
 src/lib/components/team/team-member-item.svelte | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/lib/components/team/team-member-item.svelte b/src/lib/components/team/team-member-item.svelte
index 6b6c955d..a3b6eaf6 100644
--- a/src/lib/components/team/team-member-item.svelte
+++ b/src/lib/components/team/team-member-item.svelte
@@ -169,11 +169,6 @@
       text-overflow: ellipsis;
    }
 
-   .member-name a {
-      color: inherit;
-      text-decoration: none;
-   }
-
    @keyframes rainbowScroll {
       0% {
          background-position: 300px 0;