Create a central webpage for projects and likewise
Change-Id: If5b218fcb7cd223029bccdfac5ee9ea4e86ddf38
Reviewed-on: https://git.clicks.codes/c/Coded/thecoded.prof/+/673
Reviewed-by: Samuel Shuert <coded@clicks.codes>
Tested-by: Samuel Shuert <coded@clicks.codes>
diff --git a/sites/main/src/pages/index.astro b/sites/main/src/pages/index.astro
new file mode 100644
index 0000000..1075435
--- /dev/null
+++ b/sites/main/src/pages/index.astro
@@ -0,0 +1,68 @@
+---
+import Layout from '../layouts/Layout.astro';
+import Project, { Status } from '../components/Project.astro';
+import active from '../images/active.svg'
+import inactive from '../images/inactive.svg'
+import wip from '../images/wip.svg'
+
+---
+
+<Layout title='TheCodedProf'>
+ <!--ABOUT ME-->
+ <h1 id="About" class="text-text text-2xl">About Me:</h1>
+ <div class="h-[3px] bg-surface2" />
+ <p class="text-text text-sm m-1">
+ Hi, my name's Samuel and I'm a full stack dev (and more) based in Delaware. I collect makeship
+ plushies, metal mugs, card decks, and some other trinkets. I also enjoy playing video games
+ from time to time.
+ <br />
+ <br />
+ I'm always looking for work so feel free to hit me up at any of my socials down below!
+ </p>
+
+ <!--PROJECTS-->
+ <h1 id="Projects" class="text-text text-2xl mt-6">Projects:</h1>
+ <div class="h-[3px] bg-surface2" />
+ <div id="key" class="w-full flex gap-6 justify-center items-center">
+ <p class="text-xs text-text -mr-4">Key:</p>
+ <div class="flex text-xs text-text h-fit w-fit items-center space-x-1"><img src={active.src} alt="cross" class="h-6"/><p>Active</p></div>
+ <div class="flex text-xs text-text h-fit w-fit items-center space-x-1"><img src={wip.src} alt="cross" class="h-6"/><p>Inactive</p></div>
+ <div class="flex text-xs text-text h-fit w-fit items-center space-x-1"><img src={inactive.src} alt="cross" class="h-6"/><p>WIP</p></div>
+ </div>
+ <div class="flex flex-wrap justify-center h-fit">
+ <Project name='Chimera' url='https://git.clicks.codes/plugins/gitiles/Chimera/NixFiles' status={Status.Active}>
+ Personal Nix configuration for me and my friends systems using Snowfall lib.
+ </Project>
+ <Project name="thecoded.prof suite" url="https://git.clicks.codes/plugins/gitiles/Coded/thecoded.prof/" status={Status.Active}>
+ My series of websites, including this one and my blog.
+ </Project>
+ <Project name="Clicks.Codes" url="https://git.clicks.codes/plugins/gitiles/Clicks/clicks.codes/" status={Status.Active}>
+ The main page for ClicksCodes, a programming group run by me and some of my friends.
+ </Project>
+ <Project name="Clicks Nix" url="https://git.clicks.codes/plugins/gitiles/Infra/NixFiles/" status={Status.Active}>
+ Nix configuration for Clicks Server.
+ </Project>
+ <Project name="NixFiles" url="https://git.clicks.codes/plugins/gitiles/Coded/nixConfig/" status={Status.Inactive}>
+ My old Nix configuration, deprecated since move to Chimera.
+ </Project>
+ <Project name="Nucleus" url="https://git.clicks.codes/plugins/gitiles/Clicks/Nucleus/" status={Status.Inactive}>
+ Moderation bot for Discord. Written with the Clicks group.
+ </Project>
+ <Project name="Innuendo" url="https://github.com/ClicksCodes/gone-pear-shaped" status={Status.Inactive}>
+ CAH bot for Discord.
+ </Project>
+ <Project name="Neat" url="https://git.clicks.codes/q/project:Chimera/Neat" status={Status.WIP}>
+ A set of windows for use as top bars, app runners, etc in Chimera.
+ </Project>
+ </div>
+
+ <!--Contacts/Socials-->
+ <h1 id="Projects" class="text-text text-2xl mt-6">Contact Me:</h1>
+ <div class="h-[3px] bg-surface2" />
+ <div class="flex flex-col gap-1">
+ <p class="text-text text-sm">Discord: @thecodedprof</p>
+ <p class="text-text text-sm">Matrix: <a href="https://matrix.to/#/@coded:clicks.codes" class="text-blue">@coded:clicks.codes</a></p>
+ <p class="text-text text-sm">Email: <a href="mailto:me@thecoded.prof" class="text-blue">me@thecoded.prof</a></p>
+ <p class="text-text text-sm">Text: <a href="sms:+12673426954" class="text-blue">+1(267)342-6954</a></p>
+ </div>
+</Layout>
\ No newline at end of file