blob: f3aac47a2e6823d0044d421f45b308814a52239e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
---
import { type CollectionEntry, getCollection } from "astro:content";
import PostPreview from "@/components/blog/PostPreview.astro";
import Note from "@/components/note/Note.astro";
import SocialList from "@/components/SocialList.astro";
import { getAllPosts } from "@/data/post";
import PageLayout from "@/layouts/Base.astro";
import { collectionDateSort } from "@/utils/date";
// Posts
const MAX_POSTS = 10;
const allPosts = await getAllPosts();
const allPostsByDate = allPosts
.sort(collectionDateSort)
.slice(0, MAX_POSTS) as CollectionEntry<"post">[];
// Micro
const MAX_MICRO = 5;
const allMicro = await getCollection("note");
const latestMicro = allMicro.sort(collectionDateSort).slice(0, MAX_MICRO);
---
<PageLayout meta={{ title: "Home" }}>
<section>
<h1 class="title mb-6">Welcome!</h1>
<p class="mb-4">
I'm Dawid - DevOps engineer, web developer, and full-time vanlifer. With over a decade of
experience in cloud technologies and automation, I share insights from life on the road, tech
tutorials, and digital nomad know-how.
</p>
<p class="mb-4">
Follow along for practical tips on DevOps, web development, and remote work in motion.
</p>
<SocialList />
</section>
<section class="mt-16">
<h2 class="title text-accent mb-6 text-xl"><a href="/posts/">Posts</a></h2>
<ul class="space-y-6" role="list">
{
allPostsByDate.map((p) => (
<li class="grid gap-2 sm:grid-cols-[auto_1fr]">
<PostPreview post={p} />
</li>
))
}
</ul>
</section>
{
latestMicro.length > 0 && (
<section class="mt-16">
<h2 class="title text-accent mb-6 text-xl">
<a href="/micro/">Micro</a>
</h2>
<ul class="space-y-6" role="list">
{latestMicro.map((note) => (
<li>
<Note note={note} as="h3" isPreview />
</li>
))}
</ul>
</section>
)
}
</PageLayout>
|
