adding more stuffs <3
This commit is contained in:
Timothy Rogers
parent
6d30a41b7d
commit
d1551ebaab
6 changed files with 106 additions and 31 deletions
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 749 B After Width: | Height: | Size: 47 KiB |
BIN
public/images/Under-Construction.png
Normal file
BIN
public/images/Under-Construction.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 199 KiB |
BIN
public/images/sonas/icon-sparkle.png
Normal file
BIN
public/images/sonas/icon-sparkle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
|
|
@ -19,25 +19,31 @@ const { title } = Astro.props;
|
|||
<body>
|
||||
<div
|
||||
class="w-full h-screen bg-repeatbg-repeat bg-pink-300"
|
||||
style="background-image: url('images/bg-img.webp');"
|
||||
style="background-image: url('/images/bg-img.webp');"
|
||||
>
|
||||
<div class="container mx-auto p-4">
|
||||
<div class="flex flex-col gap-2">
|
||||
<div class="bg-pink-200 border-purple-400 border-4 rounded-md">
|
||||
<img src="images/header.webp" class="p-2 rounded-xl" />
|
||||
<img src="/images/header.webp" class="p-2 rounded-xl" />
|
||||
<!-- add pink hr -->
|
||||
<hr class="border-purple-400 border-2" />
|
||||
<div
|
||||
class="grid grid-flow-col auto-cols-max gap-2 px-4 pb-2 pt-2 text-pink-500 justify-center font-bold"
|
||||
>
|
||||
<div><a href="#">Home</a></div>
|
||||
<div><a href="">Shrines</a></div>
|
||||
<div><a href="#">Ramblings</a></div>
|
||||
<div><a href="#">Hobbies</a></div>
|
||||
<div><a href="/">Home</a></div>
|
||||
<div><a href="/shrines/">Shrines</a></div>
|
||||
<div>
|
||||
<a href="https://hack13.blog/" target="_blank">Ramblings</a>
|
||||
</div>
|
||||
<div><a href="/hobbies/">Hobbies</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-pink-200 border-purple-400 border-4 rounded-md p-4">
|
||||
<slot />
|
||||
<div
|
||||
class="bg-[url('/images/stars-bg.gif')] p-4 rounded border-2 border-dashed border-purple-400"
|
||||
>
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="bg-pink-200 border-purple-400 border-4 rounded-md p-2 text-center"
|
||||
|
|
@ -48,22 +54,22 @@ const { title } = Astro.props;
|
|||
>
|
||||
<div>
|
||||
<a href="https://arch.dog/" target="_blank"
|
||||
><img src="images/buttons/arch-dog.png" /></a
|
||||
><img src="/images/buttons/arch-dog.png" /></a
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<a href="https://brodokk.space/" target="_blank"
|
||||
><img src="images/buttons/brodokk-space.webp" /></a
|
||||
><img src="/images/buttons/brodokk-space.webp" /></a
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<a href="https://david.garden/" target="_blank"
|
||||
><img src="images/buttons/david-garden.webp" /></a
|
||||
><img src="/images/buttons/david-garden.webp" /></a
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<a href="https://steffo.dev/" target="_blank"
|
||||
><img src="images/buttons/steffo.webp" /></a
|
||||
><img src="/images/buttons/steffo.webp" /></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -71,27 +77,27 @@ const { title } = Astro.props;
|
|||
<div
|
||||
class="grid grid-flow-col auto-cols-max gap-2 p-2 justify-center"
|
||||
>
|
||||
<div><img src="images/buttons/anybrowser.webp" /></div>
|
||||
<div><img src="/images/buttons/anybrowser.webp" /></div>
|
||||
<div>
|
||||
<a href="https://archlinux.org/" target="_blank"
|
||||
><img src="images/buttons/Arch.png" /></a
|
||||
><img src="/images/buttons/Arch.png" /></a
|
||||
>
|
||||
</div>
|
||||
<div><img src="images/buttons/dothack.png" /></div>
|
||||
<div><img src="images/buttons/dragons.jpg" /></div>
|
||||
<div><img src="/images/buttons/dothack.png" /></div>
|
||||
<div><img src="/images/buttons/dragons.jpg" /></div>
|
||||
<div>
|
||||
<a
|
||||
href="https://en.wikipedia.org/wiki/Non-binary_gender"
|
||||
target="_blank"><img src="images/buttons/enby.png" /></a
|
||||
target="_blank"><img src="/images/buttons/enby.png" /></a
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href="https://jointhefediverse.net/?lang=en-us"
|
||||
target="_blank"><img src="images/buttons/fediverse.gif" /></a
|
||||
target="_blank"><img src="/images/buttons/fediverse.gif" /></a
|
||||
>
|
||||
</div>
|
||||
<div><img src="images/buttons/gnu-linux.gif" /></div>
|
||||
<div><img src="/images/buttons/gnu-linux.gif" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,8 +3,42 @@ import Layout from "../layouts/Layout.astro";
|
|||
import Card from "../components/Card.astro";
|
||||
---
|
||||
|
||||
<Layout title="Welcome to Astro.">
|
||||
<p>I am page content</p>
|
||||
<p>What is my purpose? Why am I here?</p>
|
||||
<p>What on earth is this place? what happened to me? where am I?</p>
|
||||
<Layout title="HACK13 - Just a Fox on the Internet">
|
||||
<p class="font-bold text-2xl">Hi I'm Hack13!</p>
|
||||
<p>I am just a fox on the internet that has lots of silly little hobbies and loves tinker. I homelab, code, and play VR. I also have a couple different sonas.</p>
|
||||
<br />
|
||||
<p class="font-bold text-2xl">My Sonas</p>
|
||||
<div class="flex flex-row border-t-4 border-x-4 border-purple-500 justify-between p-4">
|
||||
<div>
|
||||
<p class="font-bold text-xl">Hack</p>
|
||||
<p><strong>Species:</strong> Fox</p>
|
||||
<p><strong>Gender:</strong> Non-binary</p>
|
||||
<p><strong>Pronouns:</strong> They/Them</p>
|
||||
<p><strong>Personality:</strong> A fox with a love for technology and a passion for learning.</p>
|
||||
<p><strong>Notes:</strong> This is my main sona and the one I identify with the most these days.</p>
|
||||
</div>
|
||||
<div><img src="https://storj.hack13.download/cdn/art/Hack%20Badge.webp" class="w-44" alt="Sona 1" /></div>
|
||||
</div>
|
||||
<div class="flex flex-row border-4 border-purple-500 justify-between p-4">
|
||||
<div><img src="https://storj.hack13.download/cdn/art/Nardo%20PFP%20%28shareable%29.webp" class="w-44 rounded-md" alt="Sona 2" /></div>
|
||||
<div>
|
||||
<p class="font-bold text-xl">Hack the Nardo</p>
|
||||
<p><strong>Species:</strong> Nardoragon</p>
|
||||
<p><strong>Gender:</strong> Female</p>
|
||||
<p><strong>Pronouns:</strong> She/Her</p>
|
||||
<p><strong>Personality:</strong> A bit of a dominant nardoragon that loves be flirty and techy.</p>
|
||||
<p><strong>Notes:</strong> This is my sonas that I use when I want to be a bit more flirty and dominant.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-row border-b-4 border-x-4 border-purple-500 justify-between p-4">
|
||||
<div>
|
||||
<p class="font-bold text-xl">Timothy Vyper</p>
|
||||
<p><strong>Species:</strong> Fox</p>
|
||||
<p><strong>Gender:</strong> Male</p>
|
||||
<p><strong>Pronouns:</strong> He/Him</p>
|
||||
<p><strong>Personality:</strong> A fox with a love for technology and a passion for learning.</p>
|
||||
<p><strong>Notes:</strong> This was my main sona for several years of my life and back when I was in a darker time of my life.</p>
|
||||
</div>
|
||||
<div><img src="/images/sonas/icon-sparkle.png" class="w-44 rounded-xl" alt="Sona 2" /></div>
|
||||
</div>
|
||||
</Layout>
|
||||
|
|
|
|||
41
src/pages/shrines/index.astro
Normal file
41
src/pages/shrines/index.astro
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
---
|
||||
import Layout from "../../layouts/Layout.astro";
|
||||
---
|
||||
|
||||
<Layout title="Shrines">
|
||||
<div class="text-center mb-4">
|
||||
<img
|
||||
src="/images/sparkle-divider.gif"
|
||||
alt="sparkly divider"
|
||||
class="mx-auto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<h1 class="text-3xl font-bold text-center mb-4 font-comic">
|
||||
✨ Shrines To My Favorites ✨
|
||||
</h1>
|
||||
|
||||
<p class="mb-6 text-center">
|
||||
This page sections out places I have a fondness for or used to have a huge
|
||||
love for.
|
||||
</p>
|
||||
|
||||
<div class="text-center">
|
||||
<img
|
||||
src="/images/under-construction.gif"
|
||||
alt="Under Construction"
|
||||
class="mx-auto mb-2"
|
||||
/>
|
||||
<p class="text-purple-600 animate-pulse">
|
||||
🚧 This shrine is under construction! 🚧
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-4">
|
||||
<img
|
||||
src="/images/sparkle-divider.gif"
|
||||
alt="sparkly divider"
|
||||
class="mx-auto"
|
||||
/>
|
||||
</div>
|
||||
</Layout>
|
||||
Loading…
Add table
Add a link
Reference in a new issue