website

#astro#js#html#css

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

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

src/posts.njk
|
|
3c79a68 1 
---
3c79a68 2 
layout: layout.njk
3c79a68 3 
title: Posts
3c79a68 4 
description: Posts
3c79a68 5 
permalink: /posts/
3c79a68 6 
---
ada6e53 7 
<h1 style="font-weight:800;font-size:var(--fs-hero-xl)">Posts</h1>
3c79a68 8 
<ul style="display:flex;flex-direction:column;list-style:none;padding:0">
3c79a68 9 
{% for post in collections.posts | reverse %}
3c79a68 10 
  <li style="display:grid;grid-template-columns:1fr;gap:0.4rem;margin-top:1.25rem;line-height:1.5rem">
3c79a68 11 
    <div>
ada6e53 12 
      <a href="{{ post.url }}" style="view-transition-name:post-title-{{ post.fileSlug }};font-size:var(--fs-sm);color:var(--color-post-link);text-underline-offset:4px">
3c79a68 13 
        {{ post.data.title }}
3c79a68 14 
      </a>
3c79a68 15 
      <span style="font-size:13pt;display:block">{{ post.data.description }}</span>
3c79a68 16 
    </div>
ada6e53 17 
    <time style="font-size:var(--fs-sm)">{{ post.data.pubDate | readableDate }}</time>
3c79a68 18 
  </li>
3c79a68 19 
{% endfor %}
3c79a68 20 
</ul>