From 650a4cfbaad31672a79a03a2dbc56a82a1142278 Mon Sep 17 00:00:00 2001
From: Tropical <42101043+Tropix126@users.noreply.github.com>
Date: Fri, 12 Jan 2024 13:57:53 -0600
Subject: [PATCH] =?UTF-8?q?chore:=20fmt=20(=E2=95=AF=C2=B0=E2=96=A1=C2=B0)?=
 =?UTF-8?q?=E2=95=AF=EF=B8=B5=20=E2=94=BB=E2=94=81=E2=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CodeExample.astro    |  20 +++---
 src/components/Navigation.astro     |  28 +++++---
 src/components/NavigationItem.astro |   8 +--
 src/components/PageSection.astro    |   8 +--
 src/layouts/BaseLayout.astro        | 100 ++++++++++++++++++----------
 src/pages/blog/index.astro          |   2 +-
 src/pages/index.astro               |  54 +++++++++++----
 7 files changed, 143 insertions(+), 77 deletions(-)

diff --git a/src/components/CodeExample.astro b/src/components/CodeExample.astro
index a9ef6cb..4ab10d6 100644
--- a/src/components/CodeExample.astro
+++ b/src/components/CodeExample.astro
@@ -7,24 +7,22 @@ interface Props {
 	code: string;
 }
 
-const {
-	filename,
-	lang,
-	code,
-} = Astro.props;
+const { filename, lang, code } = Astro.props;
 ---
 
 <div class="code-example">
 	<div class="code-example-header">
 		<strong>{filename}</strong>
-		{Astro.slots.has("actions") && (
-			<div class="code-example-actions">
-				<slot name="actions" />
-			</div>
-		)}
+		{
+			Astro.slots.has("actions") && (
+				<div class="code-example-actions">
+					<slot name="actions" />
+				</div>
+			)
+		}
 	</div>
 	<!-- @ts-ignore -->
-	<Code {lang} {code}></Code>
+	<Code {lang} {code} />
 </div>
 
 <style>
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index 741a892..e494874 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -24,15 +24,25 @@ const { title = "" } = Astro.props;
 		}
 		<details class="mobile-navigation">
 			<summary class="mobile-navigation-button">
-				<svg class="navigation-menu-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-                    <rect x="4" y="6" width="24" height="2" />
-                    <rect x="4" y="24" width="24" height="2" />
-                    <rect x="4" y="12" width="24" height="2" />
-                    <rect x="4" y="18" width="24"height="2" />
-                </svg>
-                <svg class="navigation-close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-                    <polygon points="17.4141 16 24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16" />
-                </svg>
+				<svg
+					class="navigation-menu-icon"
+					xmlns="http://www.w3.org/2000/svg"
+					viewBox="0 0 32 32"
+				>
+					<rect x="4" y="6" width="24" height="2"></rect>
+					<rect x="4" y="24" width="24" height="2"></rect>
+					<rect x="4" y="12" width="24" height="2"></rect>
+					<rect x="4" y="18" width="24" height="2"></rect>
+				</svg>
+				<svg
+					class="navigation-close-icon"
+					xmlns="http://www.w3.org/2000/svg"
+					viewBox="0 0 32 32"
+				>
+					<polygon
+						points="17.4141 16 24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16"
+					></polygon>
+				</svg>
 			</summary>
 			<ul class="mobile-navigation-items">
 				<slot />
diff --git a/src/components/NavigationItem.astro b/src/components/NavigationItem.astro
index b650310..1dbff4c 100644
--- a/src/components/NavigationItem.astro
+++ b/src/components/NavigationItem.astro
@@ -3,9 +3,9 @@ const { selected } = Astro.props;
 ---
 
 <li class={`navigation-item-wrapper ${selected ? "selected" : ""}`}>
-    <a class="navigation-item" {...Astro.props}>
-        <slot />
-    </a>
+	<a class="navigation-item" {...Astro.props}>
+		<slot />
+	</a>
 </li>
 
 <style>
@@ -53,4 +53,4 @@ const { selected } = Astro.props;
 	.mobile-navigation-items .navigation-item:active {
 		background-color: var(--interactive-primary);
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/PageSection.astro b/src/components/PageSection.astro
index c62336a..cc498e1 100644
--- a/src/components/PageSection.astro
+++ b/src/components/PageSection.astro
@@ -5,18 +5,14 @@ interface Props {
 	[key: string]: any;
 }
 
-const {
-	element: Element = "section",
-	class: className,
-	...rest
-} = Astro.props;
+const { element: Element = "section", class: className, ...rest } = Astro.props;
 ---
 
 <Element class:list={["page-section", { className }]} {...rest}>
 	<div class="page-section-inner">
 		<slot />
 	</div>
-	
+
 	<slot name="outer" />
 </Element>
 
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index f4e029c..5ad789e 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -1,9 +1,9 @@
 ---
-import Navigation from '~/components/Navigation.astro';
-import NavigationItem from '~/components/NavigationItem.astro';
+import Navigation from "~/components/Navigation.astro";
+import NavigationItem from "~/components/NavigationItem.astro";
 
-import Button from '~/components/Button.svelte';
-import { GITHUB_REPO_URL, DISCORD_INVITE_URL } from '~/constants';
+import Button from "~/components/Button.svelte";
+import { GITHUB_REPO_URL, DISCORD_INVITE_URL } from "~/constants";
 
 interface Props {
 	name?: string;
@@ -13,10 +13,10 @@ interface Props {
 }
 
 const {
-    name = "pros-rs",
-    title = "pros-rs",
+	name = "pros-rs",
+	title = "pros-rs",
 	type = "website",
-    description = "Open-source Rust tooling for VEX robots."
+	description = "Open-source Rust tooling for VEX robots.",
 } = Astro.props;
 ---
 
@@ -29,25 +29,44 @@ const {
 
 		<!-- SEO Stuff -->
 		<link rel="canonical" href={Astro.url} />
-        <link rel="sitemap" href="/sitemap-index.xml" />
+		<link rel="sitemap" href="/sitemap-index.xml" />
 		<meta name="generator" content={Astro.generator} />
 
 		<!-- Favicon & Page Theme -->
 		<link rel="icon" type="image/svg+xml" href="/images/logo.svg" />
-        <meta name="color-scheme" content="dark" />
-        <meta name="theme-color" content="#e54643" />
+		<meta name="color-scheme" content="dark" />
+		<meta name="theme-color" content="#e54643" />
 
 		<!-- Preload Fonts -->
-        <link rel="preload" href="/fonts/Manrope-VariableFont_wght.woff2" as="font" crossorigin="anonymous">
-        <link rel="preload" href="/fonts/iosevka-fixed_latin-ext.woff2" as="font" crossorigin="anonymous">
-        <link rel="preload" href="/fonts/iosevka-fixed-extralight_latin-ext.woff2" as="font" crossorigin="anonymous">
-		
+		<link
+			rel="preload"
+			href="/fonts/Manrope-VariableFont_wght.woff2"
+			as="font"
+			crossorigin="anonymous"
+		/>
+		<link
+			rel="preload"
+			href="/fonts/iosevka-fixed_latin-ext.woff2"
+			as="font"
+			crossorigin="anonymous"
+		/>
+		<link
+			rel="preload"
+			href="/fonts/iosevka-fixed-extralight_latin-ext.woff2"
+			as="font"
+			crossorigin="anonymous"
+		/>
+
 		<!-- OpenGraph Page Metadata -->
 		<meta property="og:site_name" content={name} />
-        <meta property="og:title" content={title} />
-        <meta property="og:type" content="website" />
-        <meta property="og:url" content={Astro.url} />
-		<meta property="og:description" name="description" content={description} />
+		<meta property="og:title" content={title} />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content={Astro.url} />
+		<meta
+			property="og:description"
+			name="description"
+			content={description}
+		/>
 		<!-- <meta property="og:image" content={image} />
         <meta property="og:image:type" content="image/png" />
         <meta property="og:image:width" content="1200" />
@@ -72,8 +91,20 @@ const {
 			<NavigationItem href="#">Simulator</NavigationItem>
 			<NavigationItem href="/blog">Blog</NavigationItem>
 			<Fragment slot="actions">
-				<Button href={DISCORD_INVITE_URL} target="_blank" rel="noreferrer noopener">Discord</Button>
-				<Button href={GITHUB_REPO_URL} target="_blank" rel="noreferrer noopener">GitHub</Button>
+				<Button
+					href={DISCORD_INVITE_URL}
+					target="_blank"
+					rel="noreferrer noopener"
+				>
+					Discord
+				</Button>
+				<Button
+					href={GITHUB_REPO_URL}
+					target="_blank"
+					rel="noreferrer noopener"
+				>
+					GitHub
+				</Button>
 			</Fragment>
 		</Navigation>
 		<slot />
@@ -85,7 +116,8 @@ const {
 		font-family: "Iosevka";
 		font-style: ultralight;
 		font-weight: 200;
-		src: url("/fonts/iosevka-fixed-extralight_latin-ext.woff2") format("woff2");
+		src: url("/fonts/iosevka-fixed-extralight_latin-ext.woff2")
+			format("woff2");
 		unicode-range: U+0000-00FF;
 	}
 
@@ -128,7 +160,7 @@ const {
 		--font-primary: "Manrope", system-ui, -apple-system, BlinkMacSystemFont,
 			"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
 			"Droid Sans", "Helvetica Neue", Arial, sans-serif;
-		
+
 		--breakpoint-large: 1280px;
 		--breakpoint-medium: 1024px;
 		--breakpoint-small: 768px;
@@ -173,16 +205,16 @@ const {
 		font-family: var(--font-monospace);
 	}
 
-    .skip-to-content {
-        transition: none;
-        z-index: 9999;
-        position: fixed;
-        inset-inline-start: 0;
-        inset-block-start: 0;
-        transform: translateY(-100%);
-    }
-
-    .skip-to-content:focus-visible {
-        transform: none;
-    }
+	.skip-to-content {
+		transition: none;
+		z-index: 9999;
+		position: fixed;
+		inset-inline-start: 0;
+		inset-block-start: 0;
+		transform: translateY(-100%);
+	}
+
+	.skip-to-content:focus-visible {
+		transform: none;
+	}
 </style>
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index ee59269..5b8db22 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -6,4 +6,4 @@ const blogPosts = await Astro.glob("./posts/**.md");
 
 <BaseLayout>
 	{JSON.stringify(blogPosts)}
-</BaseLayout>
\ No newline at end of file
+</BaseLayout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 0769eb8..1a3573e 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -9,10 +9,11 @@ import BlogCard from "~/components/BlogCard.astro";
 import Button from "~/components/Button.svelte";
 import CircuitsPattern from "~/components/CircuitsPattern.svelte";
 
-const latestBlogPost = (await Astro.glob("./blog/posts/**.md"))
-	.sort((a, b) => (
-		new Date(b.frontmatter.date).getTime() - new Date(a.frontmatter.date).getTime()
-	))[0];
+const latestBlogPost = (await Astro.glob("./blog/posts/**.md")).sort(
+	(a, b) =>
+		new Date(b.frontmatter.date).getTime() -
+		new Date(a.frontmatter.date).getTime(),
+)[0];
 ---
 
 <BaseLayout>
@@ -24,7 +25,16 @@ const latestBlogPost = (await Astro.glob("./blog/posts/**.md"))
 						Open-source Rust tooling for VEX robots.
 					</h1>
 					<p class="subtext">
-						pros-rs provides opinionated bindings to the <a href="https://pros.cs.purdue.edu/" target="_blank" rel="noreferrer noopener">PROS kernel</a> and tooling for programming VEX V5 robots using the <a href="https://rust-lang.com/" target="_blank" rel="noreferrer noopener">Rust Programming Language</a>. 🦀
+						pros-rs provides opinionated bindings to the <a
+							href="https://pros.cs.purdue.edu/"
+							target="_blank"
+							rel="noreferrer noopener">PROS kernel</a
+						> and tooling for programming VEX V5 robots using the <a
+							href="https://rust-lang.com/"
+							target="_blank"
+							rel="noreferrer noopener"
+							>Rust Programming Language</a
+						>. 🦀
 					</p>
 				</div>
 				<div class="hero-buttons">
@@ -35,8 +45,16 @@ const latestBlogPost = (await Astro.glob("./blog/posts/**.md"))
 						target="_blank"
 					>
 						API Documentation
-						<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 32 32">
-							<path fill="currentColor" d="M10 6v2h12.59L6 24.59L7.41 26L24 9.41V22h2V6z" />
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							width="18"
+							height="18"
+							viewBox="0 0 32 32"
+						>
+							<path
+								fill="currentColor"
+								d="M10 6v2h12.59L6 24.59L7.41 26L24 9.41V22h2V6z"
+							></path>
 						</svg>
 					</Button>
 					<Button
@@ -46,14 +64,26 @@ const latestBlogPost = (await Astro.glob("./blog/posts/**.md"))
 						target="_blank"
 					>
 						GitHub
-						<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 32 32">
-							<path fill="currentColor" d="M10 6v2h12.59L6 24.59L7.41 26L24 9.41V22h2V6z" />
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							width="18"
+							height="18"
+							viewBox="0 0 32 32"
+						>
+							<path
+								fill="currentColor"
+								d="M10 6v2h12.59L6 24.59L7.41 26L24 9.41V22h2V6z"
+							></path>
 						</svg>
 					</Button>
 				</div>
 			</div>
 			<div class="hero-right">
-				<CodeExample lang="rust" filename="main.rs" code={EXAMPLES[0].code} />
+				<CodeExample
+					lang="rust"
+					filename="main.rs"
+					code={EXAMPLES[0].code}
+				/>
 				<BlogCard
 					url={latestBlogPost.url ?? "#"}
 					title={latestBlogPost.frontmatter.title}
@@ -162,7 +192,7 @@ const latestBlogPost = (await Astro.glob("./blog/posts/**.md"))
 	}
 
 	@media only screen and (max-width: 1024px) {
-		:global(#hero > .page-section-inner)  {
+		:global(#hero > .page-section-inner) {
 			padding-block: 48px;
 			flex-direction: column;
 			max-height: unset;
@@ -173,4 +203,4 @@ const latestBlogPost = (await Astro.glob("./blog/posts/**.md"))
 			font-size: 6.4rem;
 		}
 	}
-</style>
\ No newline at end of file
+</style>