chore: polish layout and homepage lists
This commit is contained in:
parent
17ffdde1db
commit
989b829a20
4 changed files with 18 additions and 8 deletions
|
|
@ -16,5 +16,5 @@
|
|||
</style>
|
||||
|
||||
<footer>
|
||||
<p class="legal-information">© 2025 Nakahara Daisuke</p>
|
||||
<p class="legal-information">© 2026 Nakahara Daisuke — Built with <a href="https://astro.build" target="_blank" rel="noopener">Astro</a></p>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue