44 lines
1.6 KiB
Plaintext
44 lines
1.6 KiB
Plaintext
<div class="space-y-12">
|
|
<section class="space-y-6">
|
|
<h1 class="text-4xl sm:text-5xl font-display font-semibold leading-tight tracking-tight text-balance">
|
|
Drinking from the firehose
|
|
</h1>
|
|
<div class="space-y-4 text-lg leading-relaxed text-base-content/80">
|
|
<p>
|
|
I'm <strong class="text-base-content">Willem van den Ende</strong>,
|
|
partner at <a
|
|
href="https://qwan.eu"
|
|
class="text-primary hover:underline"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>QWAN</a>.
|
|
This is where I write about AI-native consulting, shitty evals,
|
|
and whatever prototype I'm building this week.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="space-y-6">
|
|
<h2 class="text-2xl font-display font-semibold">Recent posts</h2>
|
|
<div class="grid gap-4 sm:grid-cols-2">
|
|
<article
|
|
:for={post <- @recent_posts}
|
|
class="rounded-box border border-base-200 p-5 space-y-2 hover:border-primary/30 transition"
|
|
>
|
|
<a href={"#{post_base_path(post)}/#{post.id}"} class="block space-y-2">
|
|
<h3 class="font-semibold text-base-content hover:text-primary transition">
|
|
{post.title}
|
|
</h3>
|
|
<p class="text-sm text-base-content/60">{post.description}</p>
|
|
<div class="flex items-center gap-2 text-xs text-base-content/50">
|
|
<time datetime={Date.to_iso8601(post.date)}>
|
|
{Calendar.strftime(post.date, "%B %d, %Y")}
|
|
</time>
|
|
<span class="badge badge-ghost badge-xs">{blog_label(post)}</span>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
</div>
|