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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue