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

Finally finish this enough to post

Browse source 
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:
BuyMyMojo 2024-12-17 01:01:43 +11:00
parent 079e48c94e
commit 4bdb2ca436
Signed by: aria
GPG key ID: 19AB7AA462B8AB3B
48 changed files with 4693 additions and 657 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/layouts/BaseLayout.astro
View file

@ -1,25 +1,34 @@
---
import Navigation from '../components/Navigation.astro';
import Favicon from '../components/Favicon.astro';
import Footer from '../components/Footer.astro';
import '../styles/aria.css';
import NavHeader from "../components/NavHeader.astro"
import Favicon from "../components/Favicon.astro";
import Footer from "../components/Footer.astro";
import "../styles/aria.css";
import EmbedCode from "../components/EmbedCode.astro";
const { pageTitle } = Astro.props;
---
<!doctype html>
<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 />
<head>
<Favicon />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>{pageTitle}</title>
<EmbedCode pageTitle={pageTitle} />
<h1>{pageTitle}</h1>
<slot />
<Footer />
</body>
</html>
<link
rel="alternate"
type="application/rss+xml"
title="amemoia's blog"
href={new URL("rss.xml", Astro.site)}
/>
<script is:inline defer src="https://kit.fontawesome.com/5fee770033.js" crossorigin="anonymous"></script>
</head>
<body>
<NavHeader />
<slot />
<Footer />
</body>
</html>

71
src/layouts/MarkdownPostLayout.astro Normal file
View file

@ -0,0 +1,71 @@
---
import Partition from "../components/Partition.astro";
import BaseLayout from "./BaseLayout.astro";
const { frontmatter } = Astro.props;
---
<BaseLayout pageTitle={frontmatter.title}>
<Partition>
<p>
<h1 class="text-xl font-bold underline">{frontmatter.title}</h1>
<em>{frontmatter.description}</em><br />
<sub>Date: {frontmatter.pubDate.toLocaleDateString()}</sub>
</p>
</Partition>
<Partition>
<main>
<div
class="prose dark:prose-invert
prose-h1:font-bold prose-h1:text-xl
prose-a:text-[#ff98f6] prose-p:text-justify prose-img:rounded-xl
prose-headings:underline"
>
<slot />
</div>
</main>
</Partition>
<Partition>
<h3>tags:</h3>
<div class="tags">
{
frontmatter.tags.map((tag: string) => (
<a href={`/tags/${tag}`}>
<p class="tag">{tag}</p>
</a>
))
}
</div>
</Partition>
<footer>
<sub>Written by: {frontmatter.author}</sub>
</footer>
</BaseLayout>
<style>
a {
color: #b800a8;
}
.tags {
display: flex;
flex-wrap: wrap;
}
.tag {
margin: 0.25em;
border: dotted 1px #a1a1a1;
border-radius: 0.5em;
padding: 0.5em 1em;
font-size: 1.15em;
background-color: #f8fcfd;
}
.tag:hover {
background-color: #f8fcfd83;
}
.tag:active {
background-color: #d4f6ff;
}
</style>