Merge branch 'Alexander-Johnston'

Author: ikollipara

src/assets/roster/alexander-johnston.jpg

@@ -0,0 +1,50 @@
+---
+/*
+ * alexander-johnston.astro
+ * Alexander Johnston
+ * 2023-09-26
+ *
+ * My Roster Page for CUNE
+ */
+
+/* Make sure to import your roster image just like this, as then Astro will optimize the formating of it. */
+import ALEXANDER_JOHNSTON_ROSTER_IMG from "../../assets/roster/alexander-johnston.jpg";
+
+/*
+ * These components are used to build your roster page.
+ * Think of them as prestyled building blocks.
+ * If you are interested in doing more of it yourself,
+ * the website is built using TailwindCSS, so give it a look
+ */
+import RosterHeader from "../../components/RosterHeader.astro";
+import RosterLayout from "../../layouts/RosterLayout.astro";
+import RosterSection from "../../components/RosterSection.astro";
+import RosterImage from "../../components/RosterImage.astro";
+
+const data = {
+  img: ALEXANDER_JOHNSTON_ROSTER_IMG /* The Profile Picture for your roster page */,
+  name: "Alec Johnston" /* The name you want displayed. Use Capital Letters */,
+  role: "Senior" /* The "role" you have on the team. I would just use your year in school, like Senior, Junior, etc. */,
+  email: "[email protected]" /* Your CUNE Email */,
+  /* A List of your Interests. Make sure to write them how you want them to show up */
+  interests: [
+    "Programming",
+    "Computer Science",
+    "Brawl Stars",
+    "Reading",
+    "Church",
+  ],
+};
+---
+
+<RosterLayout {...data}>
+  <RosterHeader {...data} />
+  <!-- For any extra sections you would like to add, just create a new "RosterSection" and give it a title, then just write.  -->
+  <!-- For any images, use the RosterImage Component imported at the Top. -->
+  <RosterSection title="Biography">
+    Alec Johnston is a senior at CUNE majoring in Computer Science and Math.
+    He plans to work in the tech graduation back in Minnesota upon graduation.
+    He is also in choir and an officer in Student Senate in addition to his
+    activity on the programming team.
+  </RosterSection>
+</RosterLayout>