mirror of
https://github.com/youwen5/blog.git
synced 2024-11-24 18:03:50 -08:00
39 lines
1.2 KiB
HTML
39 lines
1.2 KiB
HTML
---
|
|
desc: "a weblog about computers, math, hacks, games, and life"
|
|
image: "./images/gradient-ascent.jpg"
|
|
lang: "en"
|
|
stylesheet: "default"
|
|
title: "youwen wu"
|
|
---
|
|
|
|
<main>
|
|
<section>
|
|
<h2 class="text-3xl">Latest</h2>
|
|
<hr
|
|
class="sm:mr-2 max-w-sm border-0 h-0.5 dark:bg-muted-dark bg-muted-light rounded-md mt-2"
|
|
/>
|
|
<ul class="mt-6 space-y-4 md:space-y-8">
|
|
$for(posts)$
|
|
<li class="group">
|
|
<div class="rounded-md p-2">
|
|
<a
|
|
href=".$url$"
|
|
class="w-fit dark:group-hover:text-muted-dark group-hover:text-muted-light transition-colors"
|
|
>
|
|
<h3 class="text-2xl">$title$</h3>
|
|
<p
|
|
class="italic text-accent-light dark:text-accent-dark my-1 group-hover:dark:text-muted-dark group-hover:text-muted-light transition-colors"
|
|
>
|
|
$desc$
|
|
</p>
|
|
<p class="text-sm">$date$</p>
|
|
</a>
|
|
</div>
|
|
<hr
|
|
class="max-w-[200px] border-0 h-1 dark:bg-accent-dark bg-accent-light rounded-lg px-2 group-hover:max-w-[250px] dark:group-hover:bg-secondary-dark group-hover:bg-secondary-light transition-all duration-400"
|
|
/>
|
|
</li>
|
|
$endfor$
|
|
</ul>
|
|
</section>
|
|
</main>
|