push update

apps/codingcatdev/src/routes/(content-single)/(non-course)/podcast/3-holiday-special/+page.md

@@ -30,7 +30,7 @@ sponsors:
   - stickermule
 spotify: https://open.spotify.com/show/2kiOI0PCB2jXMU0cdqUy4z?si=1a7d7b4c975e47e3
 start: 'Dec 17, 2023'
-title: CodingCat.dev Podcast - Holiday Special
+title: CodingCat.dev Podcast - Holiday Special Live December 20 9a ET
 youtube: 'https://youtube.com/live/UsjKVJWXkLg?feature=share'
 ---
 

apps/codingcatdev/src/routes/(layout-partials)/CcdFooter.svelte

@@ -1,28 +1,37 @@
 <script lang="ts">
 	import { LightSwitch } from '@skeletonlabs/skeleton';
 	import { Icon } from '@steeze-ui/svelte-icon';
-	import { Github, Twitter, Youtube } from '@steeze-ui/simple-icons';
+	import { Discord, Github, Twitter, Youtube } from '@steeze-ui/simple-icons';
 </script>
 
 <hr />
-<footer class="grid justify-center grid-cols-1 px-8 pt-12 mx-auto gap-2 2xl:gap-10 max-w-7xl">
+<footer class="grid justify-center grid-cols-1 gap-2 px-8 pt-12 mx-auto 2xl:gap-10 max-w-7xl">
 	<div class="flex flex-col gap-6 md:gap-10">
-		<section class="flex flex-col md:flex-row justify-between gap-8 md:space-y-0 items-center">
+		<section class="flex flex-col items-center justify-between gap-8 md:flex-row md:space-y-0">
 			<p class="text-xs">
 				<a class="btn variant-soft" href="https://alexpatterson.dev">Made by Alex Patterson</a>
 			</p>
-			<p class="text-xs flex gap-2">
+			<p class="flex gap-2 text-xs">
 				Mode <LightSwitch />
 			</p>
 			<div class="flex gap-2">
+				<a
+					class="btn variant-soft"
+					href="https://discord.com/invite/fRJTRjR"
+					target="_blank"
+					rel="noreferrer"
+				>
+					<Icon src={Discord} class="w-4" />
+					<span class="hidden ml-2 md:inline-block">Discord</span>
+				</a>
 				<a
 					class="btn variant-soft"
 					href="https://github.com/codingcatdev/codingcat.dev"
 					target="_blank"
 					rel="noreferrer"
 				>
 					<Icon src={Github} class="w-4" />
-					<span class="hidden md:inline-block ml-2">GitHub</span>
+					<span class="hidden ml-2 md:inline-block">GitHub</span>
 				</a>
 				<a
 					class="btn variant-soft"
@@ -31,7 +40,7 @@
 					rel="noreferrer"
 				>
 					<Icon src={Twitter} class="w-4" />
-					<span class="hidden md:inline-block ml-2">Twitter</span>
+					<span class="hidden ml-2 md:inline-block">Twitter</span>
 				</a>
 				<a
 					class="btn variant-soft"
@@ -40,16 +49,16 @@
 					rel="noreferrer"
 				>
 					<Icon src={Youtube} class="w-4" />
-					<span class="hidden md:inline-block ml-2">YouTube</span>
+					<span class="hidden ml-2 md:inline-block">YouTube</span>
 				</a>
 			</div>
 		</section>
 
 		<!-- Links -->
 		<section
-			class="flex flex-col md:flex-row justify-between items-center md:items-start space-y-5 md:space-y-0 gap-4 md:gap-8 card p-8"
+			class="flex flex-col items-center justify-between gap-4 p-8 space-y-5 md:flex-row md:items-start md:space-y-0 md:gap-8 card"
 		>
-			<div class="hidden md:grid grid-cols-2 gap-8">
+			<div class="hidden grid-cols-2 gap-8 md:grid">
 				<div class="space-y-6">
 					<h6>Stuff</h6>
 					<ul class="space-y-3">
@@ -70,10 +79,10 @@
 				action="https://buttondown.email/api/emails/embed-subscribe/codingcatdev"
 				method="post"
 				target="popupwindow"
-				class="embeddable-buttondown-form flex flex-col flex-1 space-y-3"
+				class="flex flex-col flex-1 space-y-3 embeddable-buttondown-form"
 			>
 				<label for="email" class="label"><h6>Email</h6></label>
-				<div class="flex gap-4 md:gap-8 flex-col md:flex-row">
+				<div class="flex flex-col gap-4 md:gap-8 md:flex-row">
 					<input type="email" name="email" placeholder="you@example.com" class="text-black input" />
 					<input type="hidden" value="1" name="embed" />
 					<button class="btn variant-filled-primary" type="submit">Subscribe</button>