God I love optimisation

This commit is contained in:
Aria 2025-03-10 11:43:45 +11:00
parent 7721ded376
commit 6a99f94759
Signed by untrusted user who does not match committer: aria
GPG key ID: 19AB7AA462B8AB3B
10 changed files with 22 additions and 9 deletions

View file

@ -5,7 +5,7 @@
On dev machine: On dev machine:
```sh ```sh
pnpm run build && mv ./dist ./dist-new && croc send ./dist-new pnpm run build && rm -r ./dist-new && mv ./dist ./dist-new && croc send ./dist-new
``` ```
on server: on server:

View file

@ -1,9 +1,8 @@
--- ---
const description = "Just my little website do be gay and do crime on~";
const embedImage = "https://aria.coffee/static/img/sites/avatar.png"; const embedImage = "https://aria.coffee/static/img/sites/avatar.png";
const embedColour = "#380A84"; const embedColour = "#380A84";
const { pageTitle } = Astro.props; const { pageTitle, description } = Astro.props;
--- ---
<meta content={pageTitle} property="og:title" /> <meta content={pageTitle} property="og:title" />
<meta content={description} property="og:description" /> <meta content={description} property="og:description" />

View file

@ -8,7 +8,7 @@ export default function Greeting({ messages }) {
return ( return (
<div> <div>
<h3>{greeting}! Thank you for visiting!</h3> <h2>{greeting}! Thank you for visiting!</h2>
<button <button
class="greetButton px-2 rounded-xl" class="greetButton px-2 rounded-xl"
onClick={() => setGreeting(randomMessage())} onClick={() => setGreeting(randomMessage())}

View file

@ -5,7 +5,7 @@ import NavHeader from "../components/NavHeader.astro";
import "../styles/aria.css"; import "../styles/aria.css";
import EmbedCode from "../components/EmbedCode.astro"; import EmbedCode from "../components/EmbedCode.astro";
const { pageTitle } = Astro.props; const { pageTitle, description = "Aria's little corner of the web" } = Astro.props;
--- ---
<!doctype html> <!doctype html>
@ -14,16 +14,22 @@ const { pageTitle } = Astro.props;
<Favicon /> <Favicon />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<meta name="description" content={description}>
<title>{pageTitle}</title> <title>{pageTitle}</title>
<EmbedCode pageTitle={pageTitle} /> <EmbedCode pageTitle={pageTitle} description={description} />
<link rel="preconnect" href="https://transring.neocities.org" /> <link rel="preconnect" href="https://transring.neocities.org" />
<link rel="dns-prefetch" href="https://transring.neocities.org" /> <link rel="dns-prefetch" href="https://transring.neocities.org" />
<link rel="preload" as="script" href="https://transring.neocities.org/ring.js">
<link rel="preload" as="image" href="https://transring.neocities.org/widget/trans/button.png">
<link rel="preload" as="image" href="https://transring.neocities.org/widget/trans/left.png">
<link rel="preload" as="image" href="https://transring.neocities.org/widget/trans/right.png">
<link <link
rel="alternate" rel="alternate"
type="application/rss+xml" type="application/rss+xml"
title="amemoia's blog" title="Aria's blog"
href={new URL("rss.xml", Astro.site)} href={new URL("rss.xml", Astro.site)}
/> />
</head> </head>

View file

@ -5,6 +5,7 @@ import BaseLayout from "../layouts/BaseLayout.astro";
import "../styles/aria.css"; import "../styles/aria.css";
const pageTitle = "About Aria"; const pageTitle = "About Aria";
const description = "All about Aria";
const identity = { const identity = {
firstName: "Aria", firstName: "Aria",

View file

@ -7,6 +7,7 @@ import BaseLayout from "../layouts/BaseLayout.astro";
const allPosts = await getCollection("blog"); const allPosts = await getCollection("blog");
const pageTitle = "Aria's blog"; const pageTitle = "Aria's blog";
const description = "Aria's blog of assorted content";
--- ---
<BaseLayout pageTitle={pageTitle}> <BaseLayout pageTitle={pageTitle}>

View file

@ -5,6 +5,7 @@ import Partition from "../components/Partition.astro";
import BaseLayout from "../layouts/BaseLayout.astro"; import BaseLayout from "../layouts/BaseLayout.astro";
const pageTitle = "Aria's friends"; const pageTitle = "Aria's friends";
const description = "All of Aria's friends with 88x31 buttons for you to click on!!";
--- ---
<BaseLayout pageTitle={pageTitle}> <BaseLayout pageTitle={pageTitle}>

View file

@ -5,6 +5,7 @@ import Partition from "../components/Partition.astro";
import BaseLayout from "../layouts/BaseLayout.astro"; import BaseLayout from "../layouts/BaseLayout.astro";
const pageTitle = "Aria's friends"; const pageTitle = "Aria's friends";
const description = "More 88x31 buttons of very random natures";
--- ---
<BaseLayout pageTitle={pageTitle}> <BaseLayout pageTitle={pageTitle}>

View file

@ -7,6 +7,7 @@ import PortfolioProject from "../components/PortfolioProject.astro";
const Project = PortfolioProject; const Project = PortfolioProject;
const pageTitle = "Portfolio"; const pageTitle = "Portfolio";
const description = "Aria's portfolio, a page completely full of her little projects!";
const languagesUsed = [ const languagesUsed = [
"Rust", "Rust",

View file

@ -3,6 +3,7 @@
src: local("Noto Sans"), url("/static/fonts/NotoSansDisplay-Regular.ttf") src: local("Noto Sans"), url("/static/fonts/NotoSansDisplay-Regular.ttf")
format("truetype"), url("/static/fonts/NotoSans-Regular.ttf") format("truetype"), url("/static/fonts/NotoSans-Regular.ttf")
format("truetype"); format("truetype");
font-display: auto;
} */ } */
@font-face { @font-face {
@ -11,7 +12,8 @@
/* ,url("/static/fonts/comic shanns.otf") /* ,url("/static/fonts/comic shanns.otf")
format("opentype"), url("/static/fonts/comic shanns 2.ttf") format("opentype"), url("/static/fonts/comic shanns 2.ttf")
format("truetype"); */ format("truetype"); */
} font-display: swap;
}
@font-face { @font-face {
font-family: "Comic Mono"; font-family: "Comic Mono";
@ -19,6 +21,7 @@
format("truetype"), format("truetype"),
url("https://dtinth.github.io/comic-mono-font/ComicMono.ttf") url("https://dtinth.github.io/comic-mono-font/ComicMono.ttf")
format("truetype"); format("truetype");
font-display: fallback;
} }
:root { :root {