aria/aria.coffee
1
0
Fork 0
Code Issues Pull requests Projects 1 Releases Packages Wiki Activity Actions

Setup a very basic starting point for the website

Browse source
This commit is contained in:
BuyMyMojo 2024-12-16 01:05:08 +11:00
parent f1f454b6f9
commit 99f8089b6d
20 changed files with 324 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

96
src/pages/about.astro Normal file
View file

@ -0,0 +1,96 @@
---
import Navigation from '../components/Navigation.astro';
import Favicon from '../components/Favicon.astro';
import Footer from '../components/Footer.astro';
import '../styles/aria.css';
const pageTitle = "About Aria";
const identity = {
firstName: "Aria",
country: "Australia",
occupation: "Phone & Computer Repair Tech",
hobbies: ["gaming", "software/game development", "3D printing"],
};
const skills = ["Rust", "GDScript", "FFMPEG"];
const currentSystem = {
operatingSystem: "EndeavourOS",
host: "X570 Phantom Gaming 4",
shell: "zsh",
mainDisplay: "Gigabyte M27U",
mainDisplayRtings: "https://www.rtings.com/monitor/reviews/gigabyte/m27u",
cpu: "AMD Ryzen 9 5900X",
gpu: "AMD Radeon RX 7800 XT",
ram: "48GB",
localIP: "Local IP (enp4s0): 192.168.20.2/24",
};
const skillColor = "green";
---
<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>
<p>It's about time I actually write up my own website right?</p>
<p>Here are a few facts about me:</p>
<ul>
<li>My name is {identity.firstName}.</li>
<li>
I live in {identity.country} and I work as a {
identity.occupation
}.
</li>
{
identity.hobbies.length >= 2 && (
<li>
Two of my hobbies are: {identity.hobbies[0]} and{" "}
{identity.hobbies[1]}
</li>
)
}
</ul>
<p>Some of my skills are:</p>
<ul>
{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>
<li>
Main Display: <a href={currentSystem.mainDisplayRtings}
>{currentSystem.mainDisplay}</a>
</li>
<li>CPU: {currentSystem.cpu}</li>
<li>GPU: {currentSystem.gpu}</li>
<li>RAM: {currentSystem.ram}</li>
<li>{currentSystem.localIP}</li>
</ul>
<Footer />
</body>
</html>

28
src/pages/blog.astro Normal file
View file

@ -0,0 +1,28 @@
---
import Navigation from '../components/Navigation.astro';
import Favicon from '../components/Favicon.astro';
import Footer from '../components/Footer.astro';
import '../styles/aria.css';
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>
<ul>
<li><a href="/posts/post-1/">Post 1</a></li>
</ul>
<Footer />
</body>
</html>

33
src/pages/friends.astro Normal file
View file

@ -0,0 +1,33 @@
---
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';
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>

19
src/pages/index.astro
View file

@ -1,15 +1,8 @@
---
import BaseLayout from '../layouts/BaseLayout.astro';
const pageTitle = "Aria";
---
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} >
<title>Astro</title>
</head>
<body>
<h1>Aria</h1>
</body>
</html>
<BaseLayout pageTitle={pageTitle}>
<h2>You're all super cute!~</h2>
<h3>:3c</h3>
</BaseLayout>

12
src/pages/posts/post-1.md Normal file
View file

@ -0,0 +1,12 @@
---
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