This commit is contained in:
Mira Kristipati 2023-09-26 23:33:06 -04:00
parent 4303a3724e
commit 253697ad15
17 changed files with 1763 additions and 1159 deletions

View file

@ -1,18 +1,35 @@
import { defineConfig } from 'astro/config';
import mdx from '@astrojs/mdx';
import { defineConfig } from "astro/config";
import mdx from "@astrojs/mdx";
export default defineConfig({
markdown: {
syntaxHighlight: false,
shikiConfig: {
theme: 'css-variables'
theme: "css-variables",
},
},
vite: {
build: {
rollupOptions: {
output: {
manualChunks(id) {
if (id.includes("node_modules")) {
return id
.toString()
.split("node_modules/")[1]
.split("/")[0]
.toString();
}
},
},
},
},
},
integrations: [
mdx({
// Markdown config now ignored
extendMarkdownConfig: true
extendMarkdownConfig: true,
// No `remarkPlugins` applied
})
]
}),
],
});

View file

@ -20,12 +20,16 @@
"watch": "pnpm npm-watch"
},
"dependencies": {
"@astrojs/mdx": "^0.18.1",
"accessible-astro-components": "^1.6.5",
"astro": "^2.0.18",
"astro-icon": "^0.8.0",
"highlight.js": "^11.7.0",
"@astrojs/check": "^0.2.0",
"@astrojs/mdx": "^0.18.4",
"accessible-astro-components": "^1.6.6",
"astro": "^2.10.15",
"astro-icon": "^0.8.1",
"highlight.js": "^11.8.0",
"htmx.org": "^1.9.6",
"npm-watch": "^0.11.0",
"sass": "^1.59.3"
"rollup": "^3.29.3",
"sass": "^1.68.0",
"typescript": "^5.2.2"
}
}

2546
pnpm-lock.yaml generated

File diff suppressed because it is too large Load diff

View file

@ -1,13 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36">
<path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/>
<path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/>
<defs>
<linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse">
<stop stop-color="#000"/>
<stop offset="1" stop-color="#000" stop-opacity="0"/>
</linearGradient>
</defs>
<style>
@media (prefers-color-scheme:dark){:root{filter:invert(100%)}}
</style>
</svg>
<!-- Blobhaj_Knife - Copyright Heatherhorns CC-BY-SA 4.0 -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 800"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{fill:#ef8f21;}.cls-4{fill:#cad2d8;}.cls-5{fill:#676733;}.cls-6{fill:#54899b;}.cls-7{clip-path:url(#clip-path-2);}.cls-8{fill:#e5e6e6;}.cls-9{fill:#2f152f;}</style><clipPath id="clip-path"><path class="cls-1" d="M769.76-86.15c-3.77,19.84-26.91,28.46-46.61,33A1091.79,1091.79,0,0,1,337.61-35.5c-52.68-7-111.43-22.47-136.92-69.1-14.61-26.71-15.1-58.56-15.82-89-2.19-92.69-6.75-163.22-19.53-255-1.33-9.51,47.58-81.78,54.86-88.94,64.35-63.38,122.53-63.32,212.4-54.3,85.43,8.58,171.92,35.77,234.93,94.1,69.23,64.08,102.71,158.64,116.23,252,9.31,64.23,16.54,102.36-14,159.62"/></clipPath><clipPath id="clip-path-2"><path class="cls-1" d="M586,739.12C610.16,385.6,107.72,205.45,58.38,467.56c-5.92,63.67-30.55,189.69-35,233.09C22.3,711,29.61,718.26,37.3,725.25c99.38,86.83,466.18,43.62,548.73,13.87"/></clipPath></defs><g id="Prior_to_November" data-name="Prior to November"><g id="hold_asparagus" data-name="hold asparagus"><g id="Layer_171" data-name="Layer 171"><g class="cls-2"><path class="cls-3" d="M272.41-20.07c149.46-37.47,127.48-218.16,129.74-335,53.44-215.73,301-221.58,403.07-37,369.68,571.33-509.42,600.39-532.81,372"/></g></g></g></g><g id="November_Orders" data-name="November Orders"><g id="Knife"><path class="cls-4" d="M528.89,472.5c36.84-152.07,79.14-301,125-450.59l5.66-3.54c3.9-.89,5.1-.1,8.85,1.31C721.19,39.62,737.51,87,756.62,140.57c43,120.61,16.84,258.67-43.55,371.58Z"/><path class="cls-5" d="M596.2,454.62c10.56,7,25.39,25.71,31.19,33.31a9.34,9.34,0,0,1,1.78,7.24c-8.34,48.22-17.9,100.48-26.18,148.47-1,6-2.19,12.27-5.54,16.81-5.61,7.62-15.13,7.68-23.44,7.16-13.5-.84-27.2-1.73-40-7.1s-24.68-15.9-29.93-31.16c-4.93-14.31-3.46-30.66-1.45-46.07a774.23,774.23,0,0,1,33.26-145.2,9.32,9.32,0,0,1,11.66-5.94C558.74,435.67,578.66,443,596.2,454.62Z"/><g id="Layer_159" data-name="Layer 159"><path class="cls-6" d="M582,736.84C606.14,383.31,103.7,203.17,54.36,465.28,48.44,529,23.81,655,19.35,698.37,18.28,708.7,25.6,716,33.28,723,132.66,809.8,499.46,766.59,582,736.84"/><g class="cls-7"><path class="cls-8" d="M138.06,791.15c-133.41,97,262.33-16.87,427.26-16.87s-58-475.82-320.53-402c-16.42,4.61-51.66,26.59-56.88,74.18-4.63,42.25,12.64,94.33,18.23,142.24,5,43.05-1.63,83.26-4.11,101C196.47,729.27,164.45,772,138.06,791.15Z"/></g><path class="cls-9" d="M117,556.16c5-3,17.66,3.18,23,5.58,25.94,11.6,44.94,40.4,39.71,68.32a38.84,38.84,0,0,1-4.46,12.54A40.42,40.42,0,0,1,165,653.83c-18.32,14.17-45.12,16.32-65.47,5.25S66.4,624.33,68.36,601.25c1.22-14.28,8-28.33,19.42-37s27.65-11.14,40.59-5"/><path class="cls-9" d="M451.8,483.54a382.27,382.27,0,0,0,3.89,51.14l-.42-3.14a13.84,13.84,0,0,1,0,3.28l.42-3.14a12.79,12.79,0,0,1-.83,3l1.19-2.82a11.46,11.46,0,0,1-1.32,2.24l1.85-2.39a10.92,10.92,0,0,1-1.78,1.75l2.39-1.85a9.38,9.38,0,0,1-1.85,1l2.82-1.19a8.69,8.69,0,0,1-1.75.47l3.14-.42a8.75,8.75,0,0,1-2.17,0l3.14.42c-2-.33-3.95-.88-5.9-1.33l-11.82-2.73-11.35-2.62c-2.79-.65-5.59-1.38-8.41-1.8a45.58,45.58,0,0,0-5.7-.63,30.88,30.88,0,0,0-5.91.62,12.71,12.71,0,0,0-2.54.74,31,31,0,0,0-5,2.34,62.92,62.92,0,0,0-7.15,5.47q-2.26,1.89-4.52,3.79L373.5,551.39c-4.4,3.68-8.77,7.38-13.19,11l-.45.37,2.39-1.85a9.27,9.27,0,0,1-2,1.15l2.82-1.19a8.79,8.79,0,0,1-1.81.48l3.14-.42a8.51,8.51,0,0,1-2.14,0l3.14.42a9.38,9.38,0,0,1-1.78-.48l2.83,1.19a9.44,9.44,0,0,1-1.93-1.1l2.39,1.85a10.49,10.49,0,0,1-1.67-1.66l1.85,2.39a63,63,0,0,1-3.89-6.52l-7.9-13.66-18.1-31.31L333,504.85a11.82,11.82,0,0,0-16.17-4.24,11.94,11.94,0,0,0-5.43,7.06,12.38,12.38,0,0,0,1.19,9.11l10.11,17.47L339.88,564l5.27,9.11c.33.58.65,1.16,1,1.72a20.46,20.46,0,0,0,8.36,7.72,21.8,21.8,0,0,0,7.89,2.12,18.82,18.82,0,0,0,5.74-.54c5-1.12,8.86-4.92,12.69-8.13l12-10,20.62-17.26c.82-.68,1.64-1.37,2.48-2l-2.39,1.84a22.26,22.26,0,0,1,4.26-2.64L415,547a13.34,13.34,0,0,1,3.41-.92l-3.14.42a20,20,0,0,1,4.64.12l-3.15-.42c2.91.43,5.79,1.19,8.66,1.85l11.84,2.73,11.89,2.75c3.11.71,6.63,1.83,9.8,1.63a21,21,0,0,0,16.75-10,21.44,21.44,0,0,0,3-8.81,19.47,19.47,0,0,0,.29-4.1c-.17-2.12-.56-4.22-.84-6.32l.42,3.14a359.9,359.9,0,0,1-3.13-45.57,12.25,12.25,0,0,0-3.46-8.36,12,12,0,0,0-8.36-3.46c-6.38.28-11.85,5.19-11.82,11.82Z"/></g></g></g></svg>

Before

Width:  |  Height:  |  Size: 873 B

After

Width:  |  Height:  |  Size: 4.2 KiB

View file

@ -1,23 +1,23 @@
{
"lunar_witch": "Lunar Witch",
"gruvbox_dark": "Gruvbox Dark",
"ubuntu": "Ubuntu",
"nord": "Nord",
"Catppuccin_Mocha": "Catppuccin Mocha",
"silk_dark": "Silk Dark",
"github": "Github",
"Borland": "Borland",
"C64": "C64",
"Wild_Cherry": "Wild Cherry",
"Synthwave": "Synthwave",
"Bluloco_Zsh_Light": "Blueloco Zsh Light",
"Adventure_Time": "Adventure Time",
"Symphonic": "Symphonic",
"Atom":"Atom",
"Ayu_Dark": "Ayu Dark",
"Catppuccin_Latte": "Catppuccin Latte",
"Everforest_Dark":"Everforest Dark",
"Everforest_Light":"Everforest Light",
"Dracula": "Dracula",
"callmangler": "CallMangler"
}
"theme_lunar_witch": "Lunar Witch",
"theme_gruvbox_dark": "Gruvbox Dark",
"theme_ubuntu": "Ubuntu",
"theme_nord": "Nord",
"theme_Catppuccin_Mocha": "Catppuccin Mocha",
"theme_silk_dark": "Silk Dark",
"theme_github": "Github",
"theme_Borland": "Borland",
"theme_C64": "C64",
"theme_Wild_Cherry": "Wild Cherry",
"theme_Synthwave": "Synthwave",
"theme_Bluloco_Zsh_Light": "Blueloco Zsh Light",
"theme_Adventure_Time": "Adventure Time",
"theme_Symphonic": "Symphonic",
"theme_Atom": "Atom",
"theme_Ayu_Dark": "Ayu Dark",
"theme_Catppuccin_Latte": "Catppuccin Latte",
"theme_Everforest_Dark": "Everforest Dark",
"theme_Everforest_Light": "Everforest Light",
"theme_Dracula": "Dracula",
"theme_callmangler": "CallMangler"
}

View file

@ -21,23 +21,20 @@ const { title, description } = Astro.props;
import hljs from "highlight.js";
hljs.highlightAll();
</script>
<style>
:root {
/* base00 :Background, black */
/* base01 :Light Background*/
/* base02 :Selection Background*/
/* base03 :comments, bright black*/
/* base04 :status bars, dark foreground*/
/* base05 :Foreground, white */
/* base06 :Light Foreground */
/* base07 :Light Background?? */
/* base08 :red*/
/* base09 :orange*/
/* base0A :yellow*/
/* base0B :green*/
/* base0C :aqua/cyan*/
/* base0D :blue*/
/* base0E :purple*/
/* base0F :*/
<script src="https://unpkg.com/hyperscript.org@0.9.11"></script>
<!-- Set default theme -->
<script is:inline>
const theme = (() => {
if (localStorage.getItem("theme")?.startsWith("theme_")) {
return localStorage.getItem("theme");
}
</style>
if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
return "theme_lunar_witch";
}
return "theme_Bluloco-Zsh-Light";
})();
window.localStorage.setItem("theme", theme);
document.documentElement.classList.add(theme);
</script>

View file

@ -1,6 +1,4 @@
---
import { log } from "astro/dist/core/logger/core";
const today = new Date();
let themeObj = await import("../../public/themes.json");
let themes = new Map(
@ -13,33 +11,22 @@ themes.delete("default");
---
<footer>
<script is:inline>
function switchTheme(theme) {
window.localStorage.setItem("theme", theme);
let htmlNode = document.getElementsByTagName("html")[0];
let currentTheme = htmlNode.classList[0];
//let theme = elem.selectedOptions[0].id;
console.log(
`CurrentTheme: ${currentTheme}, Theme:${JSON.stringify(theme)}`
);
htmlNode.classList.replace(currentTheme, theme);
document.getElementById(theme).setAttribute("selected", true);
}
</script>
<script is:inline>
document.addEventListener("DOMContentLoaded", () =>
document.getElementById(theme)?.setAttribute("selected", "true")
);
</script>
<div class="h-card" style="display:inline">
This work &copy; {today.getFullYear()} by
<!-- Author Info -->
<a href="https://argentumcation.com/links" rel="author">
<span class="p-nickname">ArgentumCation</span>
(<span class="p-name">Mira Velturu</span>)
</a>
<!-- Author Metadata -->
<div hidden="">
<span class="p-honorific-suffix">Kendo 3-Kyu</span>
<img style="float:left; margin-right:4px" src="https://argentumcation.com/links/images/mira.jpg" alt="photo of Mira" class="u-photo"/>
<img
style="float:left; margin-right:4px"
src="https://argentumcation.com/links/images/mira.jpg"
alt="photo of Mira"
class="u-photo"
/>
<a class="u-email" href="mailto:mira@ミラ.コム">mira@ミラ.コム</a>
<div class="h-adr">
<span class="p-street-address">10520 Chapel Hill Rd.</span>
@ -54,15 +41,20 @@ themes.delete("default");
<span class="u-key"><!-- TODO --></span>
</div>
<span class="p-gender-identity">Who even knows anymore? (She/They)</span>
<span class="u-sound"><!-- Yes I know the spec says sound file but fuck you -->miɹʌ</span>
<span class="u-sound"
><!-- Yes I know the spec says sound file but fuck you -->miɹʌ</span
>
</div>
is licensed under
<a href="http://creativecommons.org/licenses/by-nc-sa/4.0/" rel="license">CC BY-NC-SA 4.0</a>
<!-- License -->
<a href="http://creativecommons.org/licenses/by-nc-sa/4.0/" rel="license"
>CC BY-NC-SA 4.0</a
>
</div>
<!-- Theme Switcher box -->
<form style="display:inline-flex">
<div class="form-group" style="display:inline-flex">
<!-- <label for="theme">Theme</label> -->
<select
style="width:8em"
id="theme"
@ -77,4 +69,24 @@ themes.delete("default");
</select>
</div>
</form>
<!-- Theme Switcher Script -->
<script is:inline>
function switchTheme(theme) {
window.localStorage.setItem("theme", theme);
let htmlNode = document.getElementsByTagName("html")[0];
let currentTheme = Array.from(htmlNode.classList).find((el) =>
el.startsWith("theme_")
);
console.log(
`CurrentTheme: ${currentTheme}, Theme:${JSON.stringify(theme)}`
);
htmlNode.classList.replace(currentTheme, theme);
document.getElementById(theme).setAttribute("selected", true);
}
</script>
<script is:inline>
document.addEventListener("DOMContentLoaded", () =>
document.getElementById(theme)?.setAttribute("selected", "true")
);
</script>
</footer>

View file

@ -5,8 +5,8 @@ import BaseHead from "../components/BaseHead.astro";
const { title } = Astro.props;
---
<script is:inline>
const theme = (() => {
<!--<script is:inline>
const theme = (() => {
if (typeof localStorage !== "undefined" && localStorage.getItem("theme")) {
return localStorage.getItem("theme");
}
@ -14,12 +14,14 @@ const { title } = Astro.props;
return "lunar_witch";
}
return "Bluloco-Zsh-Light";
})();
window.localStorage.setItem("theme", theme);
document.documentElement.classList.add(theme);
</script>
})();
window.localStorage.setItem("theme", theme);
document.documentElement.classList.add(theme);
</script>-->
<html lang="en">
<head>
<BaseHead title={title} />
</head>
<body class="container">
<Header />
<main>

View file

@ -8,19 +8,6 @@ const {
} = Astro.props;
---
<script is:inline>
const theme = (() => {
if (typeof localStorage !== "undefined" && localStorage.getItem("theme")) {
return localStorage.getItem("theme");
}
if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
return "lunar_witch";
}
return "Bluloco-Zsh-Light";
})();
window.localStorage.setItem("theme", theme);
document.documentElement.classList.add(theme);
</script>
<html lang="en">
<head>
<BaseHead title={title} description={description} />

View file

@ -1,6 +1,5 @@
---
import BaseHead from "../components/BaseHead.astro";
import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro";
const {
@ -8,19 +7,6 @@ const {
} = Astro.props;
---
<script is:inline>
const theme = (() => {
if (typeof localStorage !== "undefined" && localStorage.getItem("theme")) {
return localStorage.getItem("theme");
}
if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
return "lunar_witch";
}
return "Bluloco-Zsh-Light";
})();
window.localStorage.setItem("theme", theme);
document.documentElement.classList.add(theme);
</script>
<html lang="en">
<head>
<BaseHead title={title} description={description} />
@ -40,7 +26,6 @@ const {
<article>
<div class="article-head">
<h1 class="title">{title}</h1>
<p>POOt</p>POOT
<em>Written by: {author}</em>
</div>
<div class="article-body">

View file

@ -4,29 +4,16 @@ import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro";
---
<script is:inline>
const theme = (() => {
if (typeof localStorage !== "undefined" && localStorage.getItem("theme")) {
return localStorage.getItem("theme");
}
if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
return "lunar_witch";
}
return "Bluloco-Zsh-Light";
})();
window.localStorage.setItem("theme", theme);
document.documentElement.classList.add(theme);
</script>
<html lang="en">
<head>
<BaseHead title="ArgentumCation" />
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
<meta name="viewport" content="width=device-width" /><meta
name="generator"
content={Astro.generator}
/><title>Astro</title></head
>
/>
<title>Astro</title>
</head>
<body class="container">
<Header />
<main>

View file

@ -48,7 +48,7 @@ document.getElementById(theme)?.setAttribute("selected", "true");
<!-- TODO: Favicon
-->
<link rel="icon" type="image/png" href="/links/images/avatar.png" />
<link rel="icon" type="image/svg" href="/favicon.svg" />
<script>
window.onload = () => {
@ -495,7 +495,7 @@ document.getElementById(theme)?.setAttribute("selected", "true");
<!-- Mira Velturu PGP -->
<a
class="button button-pgp"
href="keyserver.ubuntu.com/pks/lookup?op=get&search=0x6a10df52e755e8174cd5c4c18ed045d80561353b"
href="https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x6a10df52e755e8174cd5c4c18ed045d80561353b"
target="_blank"
rel="noopener"
>
@ -506,6 +506,20 @@ document.getElementById(theme)?.setAttribute("selected", "true");
/>Mira Velturu PGP Key</a
>
<br />
<!-- BlueSky-->
<a
class="button button-bluesky"
href="https://bsky.app/profile/argentumcation.bsky.social"
target="_blank"
rel="noopener"
>
<img
class="icon"
src="/links/images/icons/bluesky.svg"
alt="Bluesky Logo"
/>argentumcation.bsky.social</a
>
<br />
<br />
</div>
<Footer />

View file

@ -1,9 +1,7 @@
---
import BlogLayout from "../layouts/BlogLayout.astro";
import Card from "../components/Card.astro";
const mdx_posts = await Astro.glob("../pages/posts/*.mdx");
const md_posts = await Astro.glob("../pages/posts/*.md");
const posts = mdx_posts.concat(md_posts);
const posts = await Astro.glob("../pages/posts/*.md");
---
<BlogLayout title="Posts">

View file

@ -19,23 +19,3 @@ ssh-keygen -t ed25519-sk -Oresident
```bash
ssh-keygen -t ed25519-sk -Oresident -Oapplication=ssh:key
```
{
// ```js
// import { defineConfig } from "astro/config";
// import mdx from "@astrojs/mdx";
// export default defineConfig({
// markdown: {
// syntaxHighlight: "prism",
// },
// integrations: [
// mdx({
// // Markdown config now ignored
// extendMarkdownConfig: true,
// // No `remarkPlugins` applied
// }),
// ],
// });
// ```
}

@ -1 +1 @@
Subproject commit 8f9cde0c4c07c0a74e36007b2960c2e013fbf97a
Subproject commit 7b31eb3f61b5f7e455a08f73e8ede36de735cf08

@ -1 +1 @@
Subproject commit f8a5980b33d3df2476fbdb0d4383bb88483e3415
Subproject commit 5921717021439d17bf8c6b04970eee5000f527e1