chore: polish layout and homepage lists

This commit is contained in:
Daisuke Nakahara 2026-01-02 21:27:59 +09:00
parent 17ffdde1db
commit 989b829a20
4 changed files with 18 additions and 8 deletions

View file

@ -16,5 +16,5 @@
</style>
<footer>
<p class="legal-information">&copy; 2025 Nakahara Daisuke</p>
<p class="legal-information">&copy; 2026 Nakahara Daisuke — Built with <a href="https://astro.build" target="_blank" rel="noopener">Astro</a></p>
</footer>

View file

@ -7,7 +7,7 @@
<a href="/about/">About</a>
<a href="/blog/">Articles</a>
<a href="/tags/">Tags</a>
<a href="https://git.n-daisuke897.com/" target="_blank">
<a href="https://git.n-daisuke897.com/nakada0907/" target="_blank">
<img src="/icon/simple-icons--forgejo.svg" alt="Forgejo Icon">
</a>
</div>

View file

@ -49,18 +49,27 @@ const optionsForDate = {
.markdown-content {
font-family: sans-serif;
font-size: 1.2rem;
line-height: 2.5;
font-size: 1.1rem;
line-height: 1.8;
}
.markdown-content h1 {
font-size: 1.9rem;
font-size: 1.6rem;
margin-top: 2rem;
margin-bottom: 1rem;
line-height: 1.3;
}
.markdown-content h2 {
font-size: 1.75rem;
font-size: 1.4rem;
margin-top: 1.8rem;
margin-bottom: 0.8rem;
line-height: 1.3;
}
.markdown-content h3 {
font-size: 1.5rem;
font-size: 1.2rem;
margin-top: 1.5rem;
margin-bottom: 0.6rem;
line-height: 1.3;
}
</style>

View file

@ -4,6 +4,7 @@ import BlogPost from "../components/BlogPost.astro";
import { getCollection } from "astro:content";
const pageTitle = "Naputo";
const allPosts = await getCollection("blog");
const sortedPosts = allPosts.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
---
<style>
@ -41,7 +42,7 @@ const allPosts = await getCollection("blog");
<h3 class="header-new-posts">New Posts</h3>
<div class="new-articles">
{
allPosts.slice(0, 6).map((post: any) => (
sortedPosts.slice(0, 5).map((post: any) => (
<BlogPost
url={`/posts/${post.id}/`}
title={post.data.title}