Gradient look on all pages

src/routes/council/+page.svelte

@@ -45,14 +45,14 @@
 	canonical={data.canonical}
 />
 
-<Section>
+<Section from="from-ecsess-black" to="to-ecsess-black" via="via-ecsess-800" direction="to-b">
 	<div class="flex flex-col place-items-center">
 		<p class="page-title">Meet the council!</p>
 
 		<img
 			src={data.councilGoofyPic.url}
 			alt="ECSESS Council, but we are goofy"
-			class="ring-ecsess-350 shadow-ecsess-black mb-8 rounded-md shadow-2xl ring-4 lg:w-[90%] hover:ring-ecsess-300 transition-all"
+			class="ring-ecsess-350 shadow-ecsess-black hover:ring-ecsess-300 mb-8 rounded-md shadow-2xl ring-4 transition-all lg:w-[90%]"
 			transition:fly
 		/>
 	</div>

src/routes/events/+page.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
+	import type { EventPost } from '$lib/schemas';
+	import { Tabs } from '@skeletonlabs/skeleton-svelte';
 	import Section from 'components/layout/Section.svelte';
 	import SeoMetaTags from 'components/layout/SeoMetaTags.svelte';
-	let { data } = $props();
-
 	import EventTabControl from 'components/event/EventTabControl.svelte';
-	import { Tabs } from '@skeletonlabs/skeleton-svelte';
 	import EventTabPanel from 'components/event/EventTabPanel.svelte';
-	import type { EventPost } from '$lib/schemas';
+
+	let { data } = $props();
 
 	let events: EventPost[] = data.events ?? [];
 	let group = $state('allEvents');
@@ -18,7 +18,7 @@
 	canonical={data.canonical}
 />
 
-<Section>
+<Section from="from-ecsess-black" to="to-ecsess-black" via="via-ecsess-600" direction="to-b">
 	<p class="page-title">Events</p>
 	<Tabs
 		value={group}

src/routes/join/+page.svelte

@@ -12,7 +12,7 @@
 	canonical={data.canonical}
 />
 
-<Section>
+<Section from="from-ecsess-black" to="to-ecsess-black" via="via-ecsess-800" direction="to-b">
 	<p class="page-title">Want to join ECSESS Council?</p>
 	<p>Come back around March for application period!</p>
 

src/routes/r/[shortname]/+page.svelte

@@ -6,7 +6,7 @@
 
 <title> Hmm... you're not supposed to be here :/ </title>
 
-<Section>
+<Section from="from-ecsess-black" to="to-ecsess-black" via="via-ecsess-800" direction="to-b">
 	<p class="page-title">Can't redirect you to <code>"r/{data.shortname}"</code>!</p>
 	<hr class="border-2 w-1/2">
 	<div>

src/routes/resources/+page.svelte

@@ -11,16 +11,12 @@
 	canonical={data.canonical}
 />
 
-<Section>
+<Section from="from-ecsess-black" to="to-ecsess-black" via="via-ecsess-800" direction="to-b">
 	<p class="page-title">Resources</p>
 
 	<div class="grid gap-4">
 		{#each data.resources as re}
-			<ResourceCard
-				title={re.title}
-				link={re.url}
-				description={re.description}
-			/>
+			<ResourceCard title={re.title} link={re.url} description={re.description} />
 		{/each}
 	</div>
 </Section>