From 58024d49ec12710e8e108b3bb45f7e005da41a7b Mon Sep 17 00:00:00 2001
From: Sarah C <144068104+iamawatermelo@users.noreply.github.com>
Date: Tue, 10 Sep 2024 20:38:40 +0100
Subject: [PATCH] fmt + leo

---
 .lighthouserc.json           |  8 ++---
 src/routes/+page.svelte      |  9 +++---
 src/routes/team/+page.svelte | 62 +++++++++++++++++++++---------------
 vite.config.ts               |  2 +-
 4 files changed, 45 insertions(+), 36 deletions(-)

diff --git a/.lighthouserc.json b/.lighthouserc.json
index 553ee06..cd5831a 100644
--- a/.lighthouserc.json
+++ b/.lighthouserc.json
@@ -9,10 +9,10 @@
     },
     "assert": {
       "assertions": {
-        "categories:performance": ["error", {"minScore": 0.98}],
-        "categories:accessibility": ["error", {"minScore": 1}],
-        "categories:best-practices": ["error", {"minScore": 1}],
-        "categories:seo": ["error", {"minScore": 1}]
+        "categories:performance": ["error", { "minScore": 0.98 }],
+        "categories:accessibility": ["error", { "minScore": 1 }],
+        "categories:best-practices": ["error", { "minScore": 1 }],
+        "categories:seo": ["error", { "minScore": 1 }]
       }
     }
   }
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 554ecd4..6f44b0b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -88,7 +88,7 @@
     <div class="scenery-hill-wrapper" style="z-index: 3; --fill: var(--bg-10); --last-fill: var(--bg-20)">
       <Hill2></Hill2>
     </div>
-    
+
     <RotatingSphere style="z-index: 3" />
 
     <div class="scenery-hill-wrapper" style="z-index: 5; --fill: var(--bg); --last-fill: var(--bg-10)">
@@ -166,14 +166,13 @@
   <div class="sponsors">
     <p>John Tan-Aristy</p>
   </div>
-  
+
   <div class="info">
     <p>
       If you'd like to help out, you can
       <a href="https://hcb.hackclub.com/donations/start/zenithhacks">donate to us as an individual</a>
       or get in touch at
-      <a href="mailto:team@zenithhacks.org">team@zenithhacks.org</a>.
-      Thank you!
+      <a href="mailto:team@zenithhacks.org">team@zenithhacks.org</a>. Thank you!
     </p>
   </div>
 </article>
@@ -259,7 +258,7 @@
     .zenith-header {
       padding: 4em;
     }
-    
+
     .scenery > :global(svg) {
       display: block;
     }
diff --git a/src/routes/team/+page.svelte b/src/routes/team/+page.svelte
index 7c8179f..5d56782 100644
--- a/src/routes/team/+page.svelte
+++ b/src/routes/team/+page.svelte
@@ -21,21 +21,26 @@
     <div class="profile-card">
       <h2>R</h2>
       <p class="tagline">Event lead</p>
-      <blockquote class="description">Hey! I'm R, I own a nonprofit and I love doing new things! Let's meet at Zenith!</blockquote>
+      <blockquote class="description">
+        Hey! I'm R, I own a nonprofit and I love doing new things! Let's meet at Zenith!
+      </blockquote>
       <p>When asked for a color and a shape, he picked navy blue and a triangle.</p>
     </div>
   </article>
-  
+
   <article class="right">
     <img src={Leo} alt="Leo's avatar against a dark purple background. His head is an octagon" />
     <div class="profile-card">
       <h2>Leo</h2>
       <p class="tagline">Safeguarding lead</p>
-      <blockquote class="description">Something something description here. They haven't answered me yet.</blockquote>
+      <blockquote class="description">
+        I'm Leo - a student, developer & nerd. You might find me coding AI tools, working on open source projects, or
+        making random stuff online.
+      </blockquote>
       <p>When asked for a color and a shape, he picked purple and an octagon.</p>
     </div>
   </article>
-  
+
   <article>
     <img src={Sarah} alt="Sarah's avatar against a pink background. Her head is an icosahedron" />
     <div class="profile-card">
@@ -43,12 +48,12 @@
       <p class="tagline">Data privacy coordinator, design lead and web developer</p>
       <blockquote class="description">Hi! I'm Sarah. I made the website you're looking at.</blockquote>
       <p>
-        She wasn't asked for a color and a shape because she would be talking to herself.
-        She picked an icosahedron, and she thinks everyone else's choices are boring. (No offense.)
+        She wasn't asked for a color and a shape because she would be talking to herself. She picked an icosahedron, and
+        she thinks everyone else's choices are boring. (No offense.)
       </p>
     </div>
   </article>
-  
+
   <article class="right">
     <img src={Hamza} alt="Hamza's avatar against a dark purple background. His head is an hexagon" />
     <div class="profile-card">
@@ -58,7 +63,7 @@
       <p>When asked for a color and a shape, he picked orange and a hexagon.</p>
     </div>
   </article>
-  
+
   <article>
     <img src={Mahad} alt="Mahad's avatar against a navy blue background. His head is a hexagon" />
     <div class="profile-card">
@@ -68,7 +73,7 @@
       <p>When asked for a color and a shape, he picked light blue and a hexagon.</p>
     </div>
   </article>
-  
+
   <article class="right">
     <img src={Karl} alt="Karl's avatar against a green background. His head is missing" />
     <div class="profile-card">
@@ -78,24 +83,29 @@
       <p>When asked for a color and a shape that isn't round, he was stubborn, which is why he doesn't have a head.</p>
     </div>
   </article>
-  
+
   <article>
     <img src={Briyan} alt="Briyan's avatar against a navy blue background. His head is a square" />
     <div class="profile-card">
       <h2>Briyan</h2>
       <p class="tagline">Sponsor outreach</p>
-      <blockquote class="description">Hey there! I'm Briyan Dyju from the United Arab Emirates and I'll be helping organising Zenith this season!</blockquote>
+      <blockquote class="description">
+        Hey there! I'm Briyan Dyju from the United Arab Emirates and I'll be helping organising Zenith this season!
+      </blockquote>
       <p>When asked for a color and a shape, he was confused. We eventually settled on yellow and a square.</p>
     </div>
   </article>
-  
+
   <article class="right">
     <img src={Nitika} alt="Nitika's avatar against a light pink background. Her head is a heart" />
     <div class="profile-card">
       <h2>Nitika</h2>
       <p class="tagline">Helper</p>
       <blockquote class="description">Something something description here. They haven't answered me yet.</blockquote>
-      <p>When asked for a color and a shape, she picked light pink and a heart. Despite technically not being allowed, I accepted it anyway.</p>
+      <p>
+        When asked for a color and a shape, she picked light pink and a heart. Despite technically not being allowed, I
+        accepted it anyway.
+      </p>
     </div>
   </article>
 </main>
@@ -106,12 +116,12 @@
     margin: auto;
     padding: 8em 2em;
     max-width: 100%;
-    
+
     display: flex;
     flex-direction: column;
     gap: 4em;
   }
-  
+
   article {
     display: flex;
     flex-direction: column;
@@ -119,22 +129,22 @@
     align-items: flex-start;
     gap: 2em;
   }
-  
+
   @media (min-width: 1024px) {
     article {
       flex-direction: row;
     }
-    
+
     .right {
       flex-direction: row-reverse;
     }
   }
-  
+
   article > img {
     flex: 0;
     min-width: min-content;
   }
-  
+
   .profile-card {
     flex: 1 1 0;
     width: 100%;
@@ -143,21 +153,21 @@
     box-shadow: 0.5em 0.5em rgb(var(--bg-30));
     min-width: min-content;
   }
-  
+
   p {
     margin: 0.5em 0;
   }
-  
+
   .description {
     padding-left: 1em;
     border-left: 2px solid rgb(var(--fg));
   }
-  
+
   .description::before {
-    content: "\201C";
+    content: '\201C';
   }
-  
+
   .description::after {
-    content: "\201D";
+    content: '\201D';
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/vite.config.ts b/vite.config.ts
index 752494e..7111b8d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -9,6 +9,6 @@ export default defineConfig({
     modulePreload: false
   },
   css: {
-    transformer: "lightningcss"
+    transformer: 'lightningcss'
   }
 });