website

#astro#js#html#css

git clone https://git.pyrossh.dev/website

木 Personal website of pyrossh. Built with astrojs, shiki, vite.

src/_includes/post.njk
|
|
---
layout: layout.njk
---
<article>
  <h1 style="view-transition-name:post-title-{{ page.fileSlug }};text-align:left;font-size:1.8rem;font-weight:bold;line-height:1;margin-top:0.5rem;margin-bottom:0.1rem">{{ title }}</h1>
  <h2 style="font-size:1.1rem;font-weight:500">{{ description }}</h2>
  <time style="font-size:1.1rem;color:light-dark(hsl(from var(--color-text) h s 40%), hsl(from var(--color-text) h s 80%))">{{ pubDate | readableDate }}</time>
  <hr style="margin:0.5rem 0;border-color:var(--color-text)" />
  <article class="markdown-body">{{ content | safe }}</article>
</article>