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
4
src/components/BlogEntry.astro
Normal file
4
src/components/BlogEntry.astro
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
const { url, title, date } = Astro.props;
|
||||
---
|
||||
<li>- <a href={url}>{title}</a><sub> - {date}</sub></li>
|
||||
12
src/components/EmbedCode.astro
Normal file
12
src/components/EmbedCode.astro
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
const description = "Just my little website do be gay and do crime on~";
|
||||
const embedImage = "https://aria.coffee/static/img/sites/avatar.png";
|
||||
const embedColour = "#380A84"
|
||||
|
||||
const { pageTitle } = Astro.props;
|
||||
---
|
||||
<meta content={pageTitle} property="og:title" />
|
||||
<meta content={description} property="og:description" />
|
||||
<meta content={Astro.site} property="og:url" />
|
||||
<meta content={embedImage} property="og:image" />
|
||||
<meta content={embedColour} data-react-helmet="true" name="theme-color" />
|
||||
|
|
@ -1,3 +1,4 @@
|
|||
<meta charset="utf-8" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
|
|
|
|||
|
|
@ -1,18 +1,32 @@
|
|||
---
|
||||
const buttonFormat = "gif";
|
||||
|
||||
import Social from './Social.astro';
|
||||
import { library, icon } from "@fortawesome/fontawesome-svg-core";
|
||||
import { faCodeBranch, faRss } from "@fortawesome/free-solid-svg-icons";
|
||||
|
||||
library.add(faCodeBranch, faRss);
|
||||
|
||||
const sourceCodeIcon = icon({ prefix: "fas", iconName: faCodeBranch.iconName });
|
||||
const rssIcon = icon({ prefix: "fas", iconName: faRss.iconName });
|
||||
---
|
||||
|
||||
<style>
|
||||
footer {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
margin-top: 2rem;
|
||||
<hr class="h-1" style="" />
|
||||
<footer class="flexcol">
|
||||
<div class="flexrow">
|
||||
<p>
|
||||
<a href="https://github.com/BuyMyMojo/aria.coffee" target="_blank"
|
||||
><Fragment set:html={sourceCodeIcon.html} /> Source Code</a> | <a href="https://aria.coffee/rss.xml" target="_blank"
|
||||
><Fragment set:html={rssIcon.html} /> RSS Feed</a>
|
||||
</p>
|
||||
</div>
|
||||
<img class="badge" src={`/static/img/buttons/aria.${buttonFormat}`} decoding="async" alt="88x31 pixel button with the text 'Aria' and the top half of a human human face on the right hand side" />
|
||||
</footer>
|
||||
<style is:global>
|
||||
/* Declare a custom CSS class to make the icon look right */
|
||||
.svg-inline--fa {
|
||||
overflow: visible;
|
||||
box-sizing: content-box;
|
||||
display: inline-block;
|
||||
height: 1em;
|
||||
vertical-align: -0.125em;
|
||||
}
|
||||
</style>
|
||||
|
||||
<footer>
|
||||
<img class="badge" src={`/static/img/buttons/aria.${buttonFormat}`} decoding="async" />
|
||||
<Social />
|
||||
</footer>
|
||||
</style>
|
||||
17
src/components/Greeting.jsx
Normal file
17
src/components/Greeting.jsx
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
import { useState } from 'preact/hooks';
|
||||
|
||||
export default function Greeting({messages}) {
|
||||
|
||||
const randomMessage = () => messages[(Math.floor(Math.random() * messages.length))];
|
||||
|
||||
const [greeting, setGreeting] = useState(messages[0]);
|
||||
|
||||
return (
|
||||
<div>
|
||||
<h3>{greeting}! Thank you for visiting!</h3>
|
||||
<button class="greetButton px-2 rounded-xl" onClick={() => setGreeting(randomMessage())}>
|
||||
New Greeting
|
||||
</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
29
src/components/NavHeader.astro
Normal file
29
src/components/NavHeader.astro
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
---
|
||||
import { Image } from "astro:assets";
|
||||
import pfp from "../img/sites/avatar.png";
|
||||
import Partition from "./Partition.astro";
|
||||
---
|
||||
|
||||
<div
|
||||
class="rounded-2xl flex flex-col shadow-xl shadow-black py-8 mb-8 items-center backdrop-blur-3xl bg-center bg-[url('/static/img/sites/avatar-ht-f.webp')]"
|
||||
style="width: 670px; border: 1px solid var(--border);"
|
||||
>
|
||||
<Image
|
||||
src={pfp}
|
||||
class="size-40 rounded-full shadow shadow-black m-4"
|
||||
alt="Arias's profile picture"
|
||||
/>
|
||||
<div
|
||||
class="flex-row p-3 gap-4 text-center text-3xl"
|
||||
>
|
||||
<h2 class="backdrop-brightness-50 backdrop-blur rounded-lg px-2 pb-1 pt-2 mb-1">Aria (Aka: Mojo)</h2>
|
||||
<h3 class="backdrop-brightness-50 backdrop-blur rounded-lg px-2 pb-1 pt-2">🏳️🌈 🏳️⚧️ • she/her</h3>
|
||||
</div>
|
||||
</div>
|
||||
<Partition>
|
||||
<a href="/" class="nav-btn">Home</a> |
|
||||
<a href="/blog" class="nav-btn">Blog</a> |
|
||||
<a href="/about" class="nav-btn">About</a> |
|
||||
<a href="/tags" class="nav-btn">Tags</a> |
|
||||
<a href="/friends" class="nav-btn">Friends</a>
|
||||
</Partition>
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
<div class="nav-links">
|
||||
<a href="/">Home</a>
|
||||
<a href="/about">About</a>
|
||||
<a href="/blog">Blog</a>
|
||||
<a href="/friends">Friends</a>
|
||||
</div>
|
||||
10
src/components/Partition.astro
Normal file
10
src/components/Partition.astro
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
|
||||
---
|
||||
|
||||
<div
|
||||
class="rounded-xl flex-row p-4 mb-4 shadow"
|
||||
style="width: 670px; border: 1px solid var(--border); background-color: var(--third-colour);"
|
||||
>
|
||||
<slot />
|
||||
</div>
|
||||
|
|
@ -1,12 +1,68 @@
|
|||
<a href="https://bsky.app/profile/did:plc:bzrn33tcfgjxnsanvg6py3xn">Bluesky</a>
|
||||
<a href="https://buymymojo.net/twitter/">Twitter(Archive)</a>
|
||||
---
|
||||
const twitterArchive = "https://buymymojo.net/twitter/";
|
||||
const discord = "https://discord.com/users/383507911160233985";
|
||||
const github = "https://github.com/BuyMyMojo";
|
||||
const steam = "https://steamcommunity.com/profiles/76561198227003516";
|
||||
const bsky = "https://bsky.app/profile/did:plc:bzrn33tcfgjxnsanvg6py3xn";
|
||||
const bskyArchive = "https://buymymojo.net/bsky/";
|
||||
---
|
||||
|
||||
<style>
|
||||
a {
|
||||
padding: 0.5rem 1rem;
|
||||
color: white;
|
||||
background-color: #4c1d95;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
<h1>Places to find and/or contact me:</h1>
|
||||
<ul class="list-disc p-4">
|
||||
<li>
|
||||
<a href={bsky} class="p-1" target="_blank"
|
||||
><i class="fa-brands fa-bluesky"></i> Bluesky</a
|
||||
> - <button id="bskypid"
|
||||
>@femgo.buymymojo.net (Click to copy DID)</button
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href={discord} target="_blank"
|
||||
><i class="fa-brands fa-discord"></i> Discord</a
|
||||
> - @buymymojo
|
||||
</li>
|
||||
<li>
|
||||
<a href={github} target="_blank"
|
||||
><i class="fa-brands fa-github"></i> GitHub</a
|
||||
> - @BuyMyMojo
|
||||
</li>
|
||||
<li>
|
||||
<a href={steam} target="_blank"
|
||||
><i class="fa-brands fa-steam"></i> Steam</a
|
||||
> - @BuyMyMojo
|
||||
</li>
|
||||
</ul>
|
||||
<br />
|
||||
<h2>Archives:</h2>
|
||||
<ul class="list-disc p-4">
|
||||
<li>
|
||||
<a href={bskyArchive} class="p-1" target="_blank"
|
||||
><i class="fa-brands fa-bluesky"></i> Bluesky(Archive)</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href={twitterArchive} class="p-1" target="_blank"
|
||||
><i class="fa-brands fa-twitter"></i> Twitter(Archive)</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<style is:global>
|
||||
/* Declare a custom CSS class to make the icon look right */
|
||||
.svg-inline--fa {
|
||||
overflow: visible;
|
||||
box-sizing: content-box;
|
||||
display: inline-block;
|
||||
height: 1em;
|
||||
vertical-align: -0.125em;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
<script>
|
||||
const bskypid = document.querySelector("#bskypid");
|
||||
|
||||
if (bskypid != null) {
|
||||
bskypid.addEventListener("click", () => {
|
||||
navigator.clipboard.writeText("did:plc:bzrn33tcfgjxnsanvg6py3xn");
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue