diff --git a/src/components/Card.astro b/src/components/Card.astro index 6f46e70..1451361 100644 --- a/src/components/Card.astro +++ b/src/components/Card.astro @@ -13,20 +13,22 @@ const { title } = Astro.props; diff --git a/src/components/Projects.astro b/src/components/Projects.astro index 13f0302..a97b05f 100644 --- a/src/components/Projects.astro +++ b/src/components/Projects.astro @@ -32,12 +32,12 @@ let lastYear = 0; diff --git a/src/content.config.ts b/src/content.config.ts index 5bfaa88..23bf86c 100644 --- a/src/content.config.ts +++ b/src/content.config.ts @@ -1,7 +1,6 @@ import { z, defineCollection } from "astro:content"; import { file } from "astro/loaders"; -// yeah, its not the best to have arrays const projects = defineCollection({ loader: file("src/content/projects/projects.yml"), schema: z.object({ diff --git a/src/images/fursona.png b/src/images/fursona.png new file mode 100644 index 0000000..e735f7c Binary files /dev/null and b/src/images/fursona.png differ diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index ad7e231..44cd0a8 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,7 +1,7 @@ --- interface Props { title: string; - description: string; + description?: string; } const { title, description } = Astro.props; @@ -21,20 +21,18 @@ import "../styles/main.css"; - reidlab's site - {title} - + - + - - + @@ -69,30 +67,9 @@ import "../styles/main.css"; } .container { - background: linear-gradient( - 290deg, - #9161da, - #772089 30%, - transparent 0% - ), - linear-gradient( - 285deg, - #9161da, - #5b53c4 45%, - transparent 0% - ), - linear-gradient( - 280deg, - #864364, - #cf8293 55%, - transparent 0% - ), - linear-gradient( - 275deg, - #de8155, - #e4ae8f 70%, - transparent 0%), - #181818; + background: + conic-gradient(from 90deg at 1px 1px, transparent 90deg, var(--foreground) 0) center / 3em 3em, + var(--gradient); background-attachment: fixed; } diff --git a/src/pages/404.astro b/src/pages/404.astro index c99ce49..d7d4aa3 100644 --- a/src/pages/404.astro +++ b/src/pages/404.astro @@ -4,9 +4,9 @@ import Layout from "../layouts/Layout.astro"; import Card from "../components/Card.astro"; --- - + -

the file or page you're looking for is missing or no longer at this address. you may be able to find what you're looking for using the navigation panel on the left or top side of your screen if you're on a mobile device

+

the file or page you're looking for is missing or no longer at this address. you may be able to find what you're looking for using the navigation panel.

if you cannot find what you need, but you expected it to be here, submit a request using my contact information

would you like to head back to the main page?

 diff --git a/src/pages/about.astro b/src/pages/about.astro index ea04188..a967d40 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -1,14 +1,46 @@ --- +import { Image } from "astro:assets"; + import Layout from "../layouts/Layout.astro"; import Card from "../components/Card.astro"; + +import fursonaImage from "../images/fursona.png"; --- - + -

hai! i'm reid (any pronouns), known online as reidlab. i'm a programmer, system administrator, amateur artist, and terminally online totally-not-a-furry thing

-

my favorite programming languages include rust, lua, nix, and typescript. i don't specialize in creating anything specific, it all just comes into my head as really dumb ideas that i later on execute in the most evil way i can imagine. :3c

-

my favorite games include: oneshot, celeste, omori, undertale, deltarune, rain world, yakuza, and roblox

-

my favorite music genres include: shoegaze, rock, and hyperpop

+ +

hai! i'm reid (any pronouns), known online as reidlab. i'm a programmer, system administrator, amateur artist, and terminally online furry

+

my favorite programming languages include rust, lua, and typescript. i'm an avid nix user! i don't specialize in creating anything specific, it all just comes into my head as really dumb ideas that i later on execute in the strangest way i can imagine

 + diff --git a/src/pages/index.astro b/src/pages/index.astro index fe80e7e..db71f72 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -5,12 +5,11 @@ import Card from "../components/Card.astro"; import Badges from "../components/Badges.astro"; --- - + -

hai! i'm reid (any pronouns), welcome to my site

-

i made this website so you can find what i do and have directly, instead of navigating through millions of social media profiles, websites, so on and so forth, just to see who a person is. most of what is on this website is pretty self-explainatory, and you can find most if not all the pages on the left or top side of the screen if you're on a mobile device

-

this site as a whole is still a bit of a work in progress, i still need to add more things to it (a blog, perhaps?), and i'm trying to finally make the website more lightweight, mobile friendly, and accessible (not using tables for my main layout, Jesus), and it seems to work pretty damn well! all content you see on the website is statically generated and javascript is only used in places where it is not required, and where i do have javascript, i try to make it minimal

-

happy browsing, and feel free to reach out for anything! :3

+

hi! i'm reid (any pronouns), welcome to my site

+

this site was made as a dumping grounds for whatever i decide to put on here eventually, more coming soon, i promise!! the whole thing as a whole is still a work in progress and i want to make it really feel like it is MY site in terms of styling (we are failing at the moment)

+

feel free to look around, and if you have any questions, feel free to ask me on my socials or contact me directly

 diff --git a/src/pages/projects.astro b/src/pages/projects.astro index 9f150e6..23a633e 100644 --- a/src/pages/projects.astro +++ b/src/pages/projects.astro @@ -7,10 +7,9 @@ import Card from "../components/Card.astro"; import ProjectsList from "../components/Projects.astro"; --- - + -

unfortunately, at the moment, i don't have too much interesting things for you to see. eventually as time goes on, you'll see more and more things appear pop up on here

-

as always, my socials and contacts are on the left or top side of the screen for you to access my git profiles if you wanna poke around in my git repositories

+

you can always poke around in my git repositories through the socials tab for more

 diff --git a/src/pages/socials.astro b/src/pages/socials.astro index c79ab05..51b35a7 100644 --- a/src/pages/socials.astro +++ b/src/pages/socials.astro @@ -4,20 +4,21 @@ import Layout from "../layouts/Layout.astro"; import Card from "../components/Card.astro"; --- - + -

other than here, you can find me at:

+

links

-

if you'd like to get in touch with me, the only reliable way is via discord. i tend to take a while or sometimes miss other contact methods

-

if you do not want to directly contact me through discord or want to contact about more serious inquries, you can try the email address reidlab (at) this domain

+

socials

+ +

if you'd like to get in touch with me, fastest way is via discord. i tend to take a while to check up on other contact methods, sorry!!

 diff --git a/src/styles/main.css b/src/styles/main.css index 84366fa..7b1a417 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -46,16 +46,24 @@ font-size: 1em; line-height: 1.25; - background-color: #eeeeee; - color: #181818; + --foreground: #181818; + --foreground-light: #888888; + --background: #eeeeee; + --background-light: #e2e2e2; + + --gradient: linear-gradient(#7da2c8, #90bfc5); + --accent: #c6724b; + + background-color: var(--background); + color: var(--foreground); } p { - margin-top: .7em; - margin-bottom: .7em; + margin-top: .8em; + margin-bottom: .8em; } i { - color: #888888; + color: var(--foreground-light); } h1, h2, h3, h4, h5 { margin-top: .8em; @@ -65,11 +73,28 @@ h1, h2, h3, h4, h5 { a { text-decoration: underline; cursor: pointer; - color: #0090e0; + color: var(--accent); transition: color .1s; } a:hover { - color: #005ae0; + color: color-mix(in oklab, var(--accent), #ffffff 40%); +} + +figure { + display: flex; + flex-direction: column; + align-items: center; + /* the default margin does NOT need to be doin allat */ + margin: 0 1em; +} +figure img { + width: 100%; + height: auto; +} +figcaption { + color: var(--foreground-light); + text-align: center; + font-size: 0.7em; } summary { @@ -83,7 +108,7 @@ summary::before { font-family: monospace; content: "\25ba"; margin-right: 0.5em; - color: #888888; + color: var(--foreground-light); } details[open] summary::before { transform: rotate(90deg);