Something went wrong. Try again.
🌐 little site of mines angelcube.dev
astro personal-site
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475---import "../styles/post.scss"import { Temporal } from "temporal-polyfill"
type PostType = "Ramblings" | "Writings"
type Frontmatter = { title: string description: string type: PostType published_date: string updated_date: string}
const frontmatter = Astro.props.frontmatter as Frontmatter---
<!doctype html><html lang="en-CA"> <head> <!-- Important metadata, and the like --> <meta charset="UTF-8" /> <meta name="viewport" content="width = device-width, initial-scale = 1" /> <title>{frontmatter.title} · a log by angelcube</title>
<!-- Favicon --> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> <link rel="icon" type="image/svg+xml" sizes="any" href="/favicon.svg" /> </head>
<body> <main> <header> <nav> <span class="back"> <a href="/logbook">← back to logbook</a> </span> <span class="name">angelcube ✦</span> </nav> <div class="title"> <div class="heading"> <span class="type">{frontmatter.type}</span> <h1>{frontmatter.title}</h1> <p class="description">{frontmatter.description}</p> </div> <div class="published-date-meta"> <span>Written</span> <span class="date"> {Temporal.PlainDate.from(frontmatter.published_date).toLocaleString("en-CA", { year: "numeric", month: "long", day: "numeric" })} </span> </div> <div class="updated-date-meta"> <span>Updated</span> <span class="date"> {Temporal.PlainDate.from(frontmatter.updated_date).toLocaleString("en-CA", { year: "numeric", month: "long", day: "numeric" })} </span> </div> </div> </header> <article> <slot /> </article> </main> </body></html>