Finally finish this enough to post
From here I will actually track changed with git but I just needed a base to work from. RIP this attomic ass commit
This commit is contained in:
parent
079e48c94e
commit
4bdb2ca436
GPG key ID:
19AB7AA462B8AB3B
48 changed files with 4693 additions and 657 deletions
|
|
@ -1,8 +1,8 @@
|
|||
---
|
||||
import Navigation from '../components/Navigation.astro';
|
||||
import Favicon from '../components/Favicon.astro';
|
||||
import Footer from '../components/Footer.astro';
|
||||
import '../styles/aria.css';
|
||||
import FriendLink from "../components/FriendLink.astro";
|
||||
import Partition from "../components/Partition.astro";
|
||||
import BaseLayout from "../layouts/BaseLayout.astro";
|
||||
import "../styles/aria.css";
|
||||
|
||||
const pageTitle = "About Aria";
|
||||
|
||||
|
|
@ -16,6 +16,7 @@ const identity = {
|
|||
const skills = ["Rust", "GDScript", "FFMPEG"];
|
||||
|
||||
const currentSystem = {
|
||||
name: "I/O",
|
||||
operatingSystem: "EndeavourOS",
|
||||
host: "X570 Phantom Gaming 4",
|
||||
shell: "zsh",
|
||||
|
|
@ -24,39 +25,18 @@ const currentSystem = {
|
|||
cpu: "AMD Ryzen 9 5900X",
|
||||
gpu: "AMD Radeon RX 7800 XT",
|
||||
ram: "48GB",
|
||||
localIP: "Local IP (enp4s0): 192.168.20.2/24",
|
||||
localIP: "192.168.20.2",
|
||||
};
|
||||
|
||||
const skillColor = "green";
|
||||
const skillColor = "#F5A8B7";
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<Favicon />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>{pageTitle}</title>
|
||||
<style define:vars={{skillColor}}>
|
||||
h1 {
|
||||
color: purple;
|
||||
font-size: 4rem;
|
||||
}
|
||||
.skill {
|
||||
color: var(--skillColor);
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<Navigation />
|
||||
|
||||
<h1>{pageTitle}</h1>
|
||||
|
||||
<BaseLayout pageTitle={pageTitle}>
|
||||
<Partition>
|
||||
<p>It's about time I actually write up my own website right?</p>
|
||||
|
||||
<p>Here are a few facts about me:</p>
|
||||
<ul>
|
||||
<br />
|
||||
<p class="text-2xl">Here are a few facts about me:</p>
|
||||
<ul class="list-disc p-4">
|
||||
<li>My name is {identity.firstName}.</li>
|
||||
<li>
|
||||
I live in {identity.country} and I work as a {
|
||||
|
|
@ -72,25 +52,71 @@ const skillColor = "green";
|
|||
)
|
||||
}
|
||||
</ul>
|
||||
<p>Some of my skills are:</p>
|
||||
<ul>
|
||||
</Partition>
|
||||
<Partition>
|
||||
<p class="text-2xl">Some of my skilled areas are:</p>
|
||||
<ul class="list-disc p-4">
|
||||
{skills.map((skill) => <li class="skill">{skill}</li>)}
|
||||
</ul>
|
||||
|
||||
<p>My system:</p>
|
||||
<ul>
|
||||
<li>OS: {currentSystem.operatingSystem}</li>
|
||||
<li>Host: {currentSystem.host}</li>
|
||||
<li>Shell: {currentSystem.shell}</li>
|
||||
</Partition>
|
||||
<Partition>
|
||||
<p class="text-2xl">My PC:</p>
|
||||
<ul class="list-disc p-4">
|
||||
<li>
|
||||
Main Display: <a href={currentSystem.mainDisplayRtings}
|
||||
>{currentSystem.mainDisplay}</a>
|
||||
<span class="skill">Computer's Name:</span>
|
||||
{currentSystem.name}
|
||||
</li>
|
||||
<li>
|
||||
<span class="skill">OS:</span>
|
||||
{currentSystem.operatingSystem}
|
||||
</li>
|
||||
<li><span class="skill">Host:</span> {currentSystem.host}</li>
|
||||
<li><span class="skill">Shell:</span> {currentSystem.shell}</li>
|
||||
<li>
|
||||
<span class="skill">Main Display:</span>
|
||||
<a href={currentSystem.mainDisplayRtings}
|
||||
>{currentSystem.mainDisplay}</a
|
||||
>
|
||||
</li>
|
||||
<li><span class="skill">CPU:</span> {currentSystem.cpu}</li>
|
||||
<li><span class="skill">GPU:</span> {currentSystem.gpu}</li>
|
||||
<li><span class="skill">RAM:</span> {currentSystem.ram}</li>
|
||||
<li>
|
||||
<span class="skill">Local IP:</span>
|
||||
{currentSystem.localIP}
|
||||
</li>
|
||||
<li>CPU: {currentSystem.cpu}</li>
|
||||
<li>GPU: {currentSystem.gpu}</li>
|
||||
<li>RAM: {currentSystem.ram}</li>
|
||||
<li>{currentSystem.localIP}</li>
|
||||
</ul>
|
||||
<Footer />
|
||||
</body>
|
||||
</html>
|
||||
</Partition>
|
||||
|
||||
<Partition>
|
||||
<h1 class="text-xl">Credits:</h1><br />
|
||||
<ul class="list-disc p-4">
|
||||
<li>
|
||||
<p>
|
||||
Profile Picture (Which also appears in the site's button) is
|
||||
done by: <span class="font-extrabold text-xl">Auryn</span
|
||||
><sub>[No link yet]</sub>
|
||||
</p>
|
||||
</li>
|
||||
<li><p>
|
||||
Website inspiration: <FriendLink
|
||||
name="Alyxia"
|
||||
image="https://alyxia.dev/static/img/88x31/self.png"
|
||||
target="https://alyxia.dev"
|
||||
/> & <div class="outline-dotted w-fit"><FriendLink
|
||||
name="Amemoia"
|
||||
image="https://buh.moe/resources/buttons/88x31.gif"
|
||||
target="https://buh.moe/"
|
||||
/><sub>[Annie]</sub></div>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</Partition>
|
||||
</BaseLayout>
|
||||
|
||||
<style define:vars={{ skillColor }}>
|
||||
.skill {
|
||||
color: var(--skillColor);
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,28 +1,27 @@
|
|||
---
|
||||
import Navigation from '../components/Navigation.astro';
|
||||
import Favicon from '../components/Favicon.astro';
|
||||
import Footer from '../components/Footer.astro';
|
||||
import '../styles/aria.css';
|
||||
import { getCollection } from "astro:content";
|
||||
|
||||
import BaseLayout from "../layouts/BaseLayout.astro";
|
||||
import BlogEntry from "../components/BlogEntry.astro";
|
||||
import Partition from "../components/Partition.astro";
|
||||
const allPosts = await getCollection("blog");
|
||||
|
||||
const pageTitle = "Aria's blog";
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<Favicon />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} >
|
||||
<title>{pageTitle}</title>
|
||||
</head>
|
||||
<body>
|
||||
<Navigation />
|
||||
|
||||
<h1>{pageTitle}</h1>
|
||||
|
||||
<BaseLayout pageTitle={pageTitle}>
|
||||
<Partition>
|
||||
<h1 class="text-2xl">All blog posts:</h1>
|
||||
<ul>
|
||||
<li><a href="/posts/post-1/">Post 1</a></li>
|
||||
{
|
||||
allPosts.map((post: any) => (
|
||||
<BlogEntry
|
||||
url={`/posts/${post.id}/`}
|
||||
title={post.data.title}
|
||||
date={post.data.pubDate.toLocaleDateString()}
|
||||
/>
|
||||
))
|
||||
}
|
||||
</ul>
|
||||
<Footer />
|
||||
</body>
|
||||
</html>
|
||||
</Partition>
|
||||
</BaseLayout>
|
||||
|
|
|
|||
|
|
@ -1,33 +1,79 @@
|
|||
---
|
||||
import Navigation from '../components/Navigation.astro';
|
||||
import Favicon from '../components/Favicon.astro';
|
||||
import Footer from '../components/Footer.astro';
|
||||
import FriendLink from '../components/FriendLink.astro';
|
||||
import '../styles/aria.css';
|
||||
import FriendLink from "../components/FriendLink.astro";
|
||||
import "../styles/aria.css";
|
||||
import BaseLayout from "../layouts/BaseLayout.astro";
|
||||
import Partition from "../components/Partition.astro";
|
||||
|
||||
const pageTitle = "Aria's friends";
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<Favicon />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} >
|
||||
<title>{pageTitle}</title>
|
||||
</head>
|
||||
<body>
|
||||
<Navigation />
|
||||
|
||||
<h1>{pageTitle}</h1>
|
||||
|
||||
<FriendLink name="Alyxia" image="https://alyxia.dev/static/img/88x31/self.png" target="https://alyxia.dev" />
|
||||
<div class="linked-buttons">
|
||||
<FriendLink name="Prefetcher" image="https://nanoshinono.me/prefetcher.gif" target="https://nanoshinono.me/" />
|
||||
<FriendLink name="Ata" image="https://ata.moe/88x31.png" target="https://ata.moe" />
|
||||
</div>
|
||||
<FriendLink name="Amemoia" image="https://buh.moe/resources/buttons/88x31.gif" target="https://buh.moe" />
|
||||
|
||||
<Footer />
|
||||
</body>
|
||||
</html>
|
||||
<BaseLayout pageTitle={pageTitle}>
|
||||
<Partition>
|
||||
<h1 class="text-2xl">These are cool people!!</h1>
|
||||
<br />
|
||||
<div class="flex outline-dotted p-2 flex-wrap">
|
||||
<FriendLink
|
||||
name="Alyxia"
|
||||
image="https://alyxia.dev/static/img/88x31/self.png"
|
||||
target="https://alyxia.dev"
|
||||
/>
|
||||
<div class="outline-dashed flex outline-3 mx-1">
|
||||
<FriendLink
|
||||
name="Prefetcher"
|
||||
image="https://nanoshinono.me/prefetcher.gif"
|
||||
target="https://nanoshinono.me/"
|
||||
/>
|
||||
<FriendLink
|
||||
name="Ata"
|
||||
image="https://ata.moe/88x31.png"
|
||||
target="https://ata.moe"
|
||||
/>
|
||||
</div>
|
||||
<FriendLink
|
||||
name="Amemoia"
|
||||
image="https://buh.moe/resources/buttons/88x31.gif"
|
||||
target="https://buh.moe/"
|
||||
/>
|
||||
<FriendLink
|
||||
name="Hayden"
|
||||
image="https://hayden.moe/88x31/hayden.png"
|
||||
target="https://hayden.moe/"
|
||||
/>
|
||||
<FriendLink
|
||||
name="Onzecki"
|
||||
image="https://onz.ee/assets/88x31s/png/onzecki.png"
|
||||
target="https://onz.ee/"
|
||||
/>
|
||||
<FriendLink
|
||||
name="NotNite"
|
||||
image="https://notnite.com/buttons/notnite.png"
|
||||
target="https://notnite.com/"
|
||||
/>
|
||||
<FriendLink
|
||||
name="0x5066"
|
||||
image="https://erisdump.neocities.org/buttons/88x31_1.gif"
|
||||
target="https://erisdump.neocities.org"
|
||||
/>
|
||||
</div>
|
||||
</Partition>
|
||||
<Partition>
|
||||
<h2>My badge:</h2>
|
||||
<div class="flex w-fit h-fit" style="background-color: #FFFCBC;">
|
||||
<FriendLink
|
||||
name="Aria"
|
||||
image="https://aria.coffee/static/img/buttons/aria.gif"
|
||||
target="https://aria.coffee"
|
||||
/>
|
||||
</div>
|
||||
<br />
|
||||
<p>Code:</p>
|
||||
<pre><code class="rounded backdrop-brightness-0 language-html" style="background-color: white;"><img src="https://aria.coffee/static/img/buttons/aria.gif" alt="Aria" style="image-rendering: pixelated;" /></code></pre>
|
||||
<link
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<script
|
||||
src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/prism.min.js"
|
||||
></script>
|
||||
</Partition>
|
||||
</BaseLayout>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,32 @@
|
|||
---
|
||||
import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
import Partition from "../components/Partition.astro";
|
||||
|
||||
import BaseLayout from "../layouts/BaseLayout.astro";
|
||||
import Greeting from "../components/Greeting";
|
||||
import Social from "../components/Social.astro";
|
||||
const pageTitle = "Aria";
|
||||
---
|
||||
|
||||
<BaseLayout pageTitle={pageTitle}>
|
||||
<h2>You're all super cute!~</h2>
|
||||
<h3>:3c</h3>
|
||||
</BaseLayout>
|
||||
<Partition>
|
||||
<main>
|
||||
<h1 class="text-4xl">Welcome!~</h1>
|
||||
<p>
|
||||
I'm Aria, a 22 year old software developer and electronics
|
||||
repair tech out of rural <span style="color: #D4F7CF;"
|
||||
>Australia <span
|
||||
class="backdrop-brightness-200 px-1 text-2xl rounded"
|
||||
>🇦🇺</span
|
||||
></span
|
||||
>
|
||||
</p>
|
||||
</main>
|
||||
</Partition>
|
||||
<Partition>
|
||||
<Greeting client:load messages={["Yo", "Hallo", "Ayo", "Hiya", "You're cute"]} />
|
||||
</Partition>
|
||||
<Partition>
|
||||
<h1>Socials:</h1>
|
||||
<Social />
|
||||
</Partition>
|
||||
</BaseLayout>
|
||||
|
|
|
|||
17
src/pages/posts/[...slug].astro
Normal file
17
src/pages/posts/[...slug].astro
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
---
|
||||
import { getCollection, render } from 'astro:content';
|
||||
import MarkdownPostLayout from '../../layouts/MarkdownPostLayout.astro';
|
||||
|
||||
export async function getStaticPaths() {
|
||||
const posts = await getCollection('blog');
|
||||
return posts.map(post => ({
|
||||
params: { slug: post.id }, props: { post },
|
||||
}));
|
||||
}
|
||||
|
||||
const { post } = Astro.props;
|
||||
const { Content } = await render(post);
|
||||
---
|
||||
<MarkdownPostLayout frontmatter={post.data}>
|
||||
<Content />
|
||||
</MarkdownPostLayout>
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
---
|
||||
title: 'Getting started here'
|
||||
pubDate: 2024-12-16
|
||||
description: 'This is the first post of my new website.'
|
||||
author: 'Aria'
|
||||
tags: ["blogging", "learning in public"]
|
||||
---
|
||||
# Getting started here
|
||||
|
||||
Published on: 2024-12-16
|
||||
|
||||
I'll be expanding this as I work on it but for now this is my first more indepth website
|
||||
18
src/pages/rss.xml.js
Normal file
18
src/pages/rss.xml.js
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
import rss from '@astrojs/rss';
|
||||
import { getCollection } from "astro:content";
|
||||
|
||||
export async function GET(context) {
|
||||
const posts = await getCollection("blog");
|
||||
return rss({
|
||||
title: "Aria | Blog",
|
||||
description: "Just me being a silly little thing",
|
||||
site: context.site,
|
||||
items: posts.map((post) => ({
|
||||
title: post.data.title,
|
||||
pubDate: post.data.pubDate,
|
||||
description: post.data.description,
|
||||
link: `/posts/${post.id}/`,
|
||||
})),
|
||||
customData: `<language>en-us</language>`,
|
||||
});
|
||||
}
|
||||
45
src/pages/tags/[tag].astro
Normal file
45
src/pages/tags/[tag].astro
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
---
|
||||
import { getCollection } from "astro:content";
|
||||
|
||||
import BaseLayout from "../../layouts/BaseLayout.astro";
|
||||
import BlogEntry from "../../components/BlogEntry.astro";
|
||||
import Partition from "../../components/Partition.astro";
|
||||
|
||||
export async function getStaticPaths() {
|
||||
const allPosts = await getCollection("blog");
|
||||
|
||||
const uniqueTags = [
|
||||
...new Set(allPosts.map((post: any) => post.data.tags).flat()),
|
||||
];
|
||||
|
||||
return uniqueTags.map((tag) => {
|
||||
const filteredPosts = allPosts.filter((post: any) =>
|
||||
post.data.tags.includes(tag)
|
||||
);
|
||||
return {
|
||||
params: { tag },
|
||||
props: { posts: filteredPosts },
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
const { tag } = Astro.params;
|
||||
const { posts } = Astro.props;
|
||||
---
|
||||
|
||||
<BaseLayout pageTitle={tag}>
|
||||
<Partition>
|
||||
<p>Posts tagged with {tag}:</p>
|
||||
<ul>
|
||||
{
|
||||
posts.map((post: any) => (
|
||||
<BlogEntry
|
||||
url={`/posts/${post.id}/`}
|
||||
title={post.data.title}
|
||||
date={post.data.pubDate.toLocaleDateString()}
|
||||
/>
|
||||
))
|
||||
}
|
||||
</ul>
|
||||
</Partition>
|
||||
</BaseLayout>
|
||||
28
src/pages/tags/index.astro
Normal file
28
src/pages/tags/index.astro
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
---
|
||||
import { getCollection } from "astro:content";
|
||||
|
||||
import BaseLayout from "../../layouts/BaseLayout.astro";
|
||||
import Partition from "../../components/Partition.astro";
|
||||
const allPosts = await getCollection("blog");
|
||||
const tags = [
|
||||
...new Set(allPosts.map((post: any) => post.data.tags).flat()),
|
||||
];
|
||||
const pageTitle = "Tag Index";
|
||||
---
|
||||
|
||||
<BaseLayout pageTitle={pageTitle}>
|
||||
<Partition>
|
||||
<h1 class="text-xl">Blog tags:</h1>
|
||||
<div class="tags">
|
||||
<main>
|
||||
{
|
||||
tags.map((tag) => (
|
||||
<a href={`/tags/${tag}`}>
|
||||
<p class="tag">- {tag}</p>
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</main>
|
||||
</div>
|
||||
</Partition>
|
||||
</BaseLayout>
|
||||
Loading…
Add table
Add a link
Reference in a new issue