Switch markdown data layout

.prettierrc.mjs

@@ -1,4 +1,5 @@
 /** @type {import("prettier").Config} */
 export default {
   plugins: ["prettier-plugin-astro"],
+  htmlWhitespaceSensitivity: "strict",
 };

src/contributors/sp24/26samaahmed.md

@@ -1 +1,5 @@
-[**@26samaahmed**](https://github.com/26samaahmed): Hiiiiiii, i'm sama and i'm a sophomore in cs!!
+---
+name: "26samaahmed"
+username: "26samaahmed"
+message: "Hiiiiiii, i'm sama and i'm a sophomore in cs!!"
+---

src/contributors/sp24/BradleyB30.md

@@ -1 +1,5 @@
-[**@BradleyB30**](https://github.com/bradleyb30): Hi!
+---
+name: "BradleyB30"
+username: "bradleyb3"
+message: "Hi"
+---

src/contributors/sp24/MarioPinzon.md

@@ -1 +1,5 @@
-[**@tvpower89**](https://github.com/tvpower89): it's a me, Mario!
+---
+name: "tvpower89"
+username: "tvpower89"
+message: "it's a me, Mario!"
+---

src/contributors/sp24/SepehrKermanshah.md

@@ -1 +1,5 @@
-[**@SepehrDebah**](https://github.com/SepehrDebah): Hi I'm Sepehr
+---
+name: "SepehrDebah"
+username: "SepehrDebah"
+message: "Hi I'm Sepehr"
+---

src/contributors/sp24/akanksh5.md

@@ -1 +1,5 @@
-[**@akanksh5**](https://github.com/akanksh5) Hello there!
+---
+name: "akanksh5"
+username: "akanksh5"
+message: "Hello there!"
+---

src/contributors/sp24/belal.md

@@ -1 +1,5 @@
-[**@belalaskaik**](https://github.com/Belalaskaik): Fintech Passionate
+---
+name: "belalaskaik"
+username: "belalaskaik"
+message: "Fintech Passionate"
+---

src/contributors/sp24/big-o.md

@@ -1 +1,5 @@
-[**Big O**](https://github.com/oscisn93): VIM Enthusiast
+---
+name: "Big O"
+username: "oscisn93"
+message: "VIM Enthusiast"
+---

src/contributors/sp24/dustinchavez1.md

@@ -1 +1,5 @@
-[**@dustinchavez1**](https://github.com/dustinchavez1): Yooooooooo
+---
+name: "dustinchavez1"
+username: "dustinchavez1"
+message: "Yooooooooo"
+---

src/contributors/sp24/ethanthatonekid.md

@@ -1 +1,7 @@
+---
+name: "EthanThatOneKid"
+username: "etok.codes"
+message: "wuz here"
+---
+
 [**@EthanThatOneKid**](https://etok.codes/) wuz here!

src/contributors/sp24/evancpsc.md

@@ -1 +1,5 @@
-[**@evancpsc**](https://github.com/evancpsc): Bassist
+---
+name: "evancpsc"
+username: "evancpsc"
+message: "Bassist"
+---

src/contributors/sp24/gustavonecochea.md

@@ -1 +1,5 @@
-[**@gnecochea**](https://github.com/gnecochea/) Hello, I'm a cs student here at csuf
+---
+name: "gnecochea"
+username: "gnecochea"
+message: "Hello, I'm a cs student here at csuf"
+---

src/contributors/sp24/hallowsyves.md

@@ -1 +1,7 @@
+---
+name: "HallowsYves"
+username: "HallowsYves"
+message: "uhhhhhh"
+---
+
 [**@<HallowsYves>**](https://github.com/HallowsYves): uhhhhhh

src/contributors/sp24/jeeth25.md

@@ -1 +1,7 @@
-[**@jeeth25**](https://github.com/jeeth25): Hi, Jeet here. 
+---
+name: "jeeth25"
+username: "jeeth25"
+message: "Hi, Jeet here."
+---
+
+[**@jeeth25**](https://github.com/jeeth25): Hi, Jeet here.

src/contributors/sp24/jimalvarez566.md

@@ -1 +1,7 @@
+---
+name: "jimalvarez566"
+username: "jimalvarez566"
+message: "Hi"
+---
+
 [**@jimalvarez566**](https://github.com/jimalvarez566): Hi

src/contributors/sp24/joelcodingwindigan.md

@@ -1 +1,5 @@
-[**@JoelCodingWindigan**](https://github.com/JoelCodingWindigan): Sup
+---
+name: "JoelCodingWindigan"
+username: "JoelCodingWindigan"
+message: "Sup"
+---

src/contributors/sp24/johncmanuel.md

@@ -1 +1,5 @@
-[**@johncmanuel**](https://github.com/johncmanuel) hi i'm john
+---
+name: "johncmanuel"
+username: "johncmanuel"
+message: "hi i'm john"
+---

src/contributors/sp24/jowen-ster.md

@@ -1 +1,5 @@
-[**@typos**](https://github.com/JOwen-ster): I love python and add me on discord `typos.`
+---
+name: "typos"
+username: "JOwen-ster"
+message: " I love python and add me on discord `typos.`"
+---

src/contributors/sp24/justinplee.md

@@ -1 +1,5 @@
-[**@JustinPLee**](https://github.com/JustinPLee): hi there
+---
+name: "JustinPLee"
+username: "JustinPLee"
+message: "hi there"
+---

src/contributors/sp24/karnikaavelumani.md

@@ -1 +1,5 @@
-[**@karnikaavelumani**](https://karni.codes/): <img alt="Karni" src="https://avatars.githubusercontent.com/u/60043611?v=4" width="100" />
+---
+name: "karnikaavelumani"
+username: "karni.codes"
+message: "Hii"
+---

src/contributors/sp24/keillor.md

@@ -1 +1,5 @@
-[**keillor**](https://www.github.com/keillor)
+---
+name: "keillor"
+username: "keillor"
+message: "Hi"
+---

src/contributors/sp24/kicacho.md

@@ -1 +1,5 @@
-[**@kicacho**](https://github.com/<your-gh-username>) [Description] Sup. I'm most proficient in Python.
+---
+name: "kicacho"
+username: "kicacho"
+message: "Sup. I'm most proficient in Python."
+---

src/contributors/sp24/markryangarcia.md

@@ -1 +1,5 @@
-[**@MarkRyanGarcia**](https://github.com/MarkRyanGarcia): How declare variable?
+---
+name: "MarkRyanGarcia"
+username: "MarkRyanGarcia"
+message: "How declare variable?"
+---

src/contributors/sp24/mattulau.md

@@ -1 +1,5 @@
-[**@mattulau**](https://github.com/mattulau): cheese enthusiast
+---
+name: "mattulau"
+username: "mattulau"
+message: "cheese enthusiast"
+---

src/contributors/sp24/rathichandar.md

@@ -1 +1,5 @@
-[**@rathichandar**](https://github.com/rathichandar) [Cloud and web 3 Enthusiast]
+---
+name: "rathichandar"
+username: "rathichandar"
+message: "Cloud and web 3 Enthusiast"
+---

src/contributors/sp24/santosh.md

@@ -1 +1,5 @@
-[**@santosh-burada**](https://github.com/santosh-burada): Hello All
+---
+name: "santosh-burada"
+username: "santosh-burada"
+message: " Hello All"
+---

src/contributors/sp24/thefishey.md

@@ -1 +1,5 @@
-[**@thefishey**](https://github.com/TheFishEy): hi
+---
+name: "thefishey"
+username: "TheFishEy"
+message: "hi"
+---

src/contributors/sp24/tomasohchom.md

@@ -1 +1,5 @@
-[**@tomasohCHOM**](https://github.com/tomasohCHOM): Sveltist
+---
+name: "tomasohCHOM"
+username: "tomasohCHOM"
+message: "Sveltist"
+---

src/contributors/sp24/vicky.md

@@ -1 +1,5 @@
-[**@vicky**](https://github.com/VickyaWei) hi here!
+---
+name: "vicky"
+username: "VickyaWei"
+message: "hi here!"
+---

src/layouts/Layout.astro

@@ -1,27 +1,27 @@
 ---
 interface Props {
-	title: string;
+  title: string;
 }
 
 const { title } = Astro.props;
 ---
 
 <!doctype html>
 <html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="description" content="Astro description" />
-		<meta name="viewport" content="width=device-width" />
-		<link rel="icon" href="/favicon.ico" />
-		<meta name="generator" content={Astro.generator} />
-		<title>{title}</title>
-	</head>
-	<body>
-		<slot />
-	</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="description" content="Astro description" />
+    <meta name="viewport" content="width=device-width" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="generator" content={Astro.generator} />
+    <title>{title}</title>
+  </head>
+  <body>
+    <slot />
+  </body>
 </html>
 
-<style is:global> 
+<style is:global>
   @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");
 
   :root {
@@ -61,10 +61,4 @@ const { title } = Astro.props;
   *::after {
     box-sizing: border-box;
   }
-
-  body {
-    max-width: 58ch;
-    margin: 2rem auto;
-    padding: 1rem 2rem;
-  }
 </style>

src/pages/sp24.astro

@@ -1,6 +1,15 @@
 ---
 import Layout from "../layouts/Layout.astro";
-const contributors: any[] = Object.values(
+
+type MarkdownEntry = {
+  frontmatter: {
+    name: string;
+    username: string;
+    message: string;
+  };
+};
+
+const contributors: MarkdownEntry[] = Object.values(
   import.meta.glob("../contributors/sp24/*.md", {
     eager: true,
   }),
@@ -42,21 +51,34 @@ const contributors: any[] = Object.values(
     {
       contributors.map((contributor) => (
         <li>
-          <a href="https://github.com/26samaahmed">
-            <strong>{contributor.rawContent()}</strong>
-          </a>
+          <p>
+            <a href={`https://github.com/${contributor.frontmatter.username}`}>
+              <strong>{contributor.frontmatter.name}:</strong>
+            </a>{" "}
+            {contributor.frontmatter.message}
+          </p>
         </li>
       ))
     }
   </ul>
 </Layout>
 
 <style>
+  body {
+    max-width: 60ch;
+    margin: 2rem auto;
+    padding: 1rem 2rem;
+  }
+
   h1 {
     vertical-align: center;
     text-align: center;
   }
 
+  p {
+    margin: 0.125rem;
+  }
+
   p > b.oss {
     color: var(--color-oss-team);
   }