{{template "header" .}}
<main id="main" class="min-h-screen bg-black pb-16">
    <div class="vi-container">
        <h1 class="text-2xl font-bold text-white mb-2">{{if .user.Nickname}}{{.user.Nickname}}{{else}}{{.user.Name}}{{end}}</h1>
        <p class="text-gray-500 text-sm mb-10">作者文章</p>
        {{$posts := get_posts host_user.ID 0 "article" 20 0 "created_at desc"}}
        {{if gt $posts.count 0}}
        <ul class="space-y-3">
            {{range $v := $posts.lists}}
            <li><a href="{{the_permalink $v}}" class="block p-4 rounded-md bg-zinc-900/40 border border-zinc-800 hover:text-amber-400 text-gray-200 transition-colors">{{$v.Title}}</a></li>
            {{end}}
        </ul>
        {{if gt $posts.max_page 1}}
        <nav class="flex justify-center gap-4 mt-10 text-sm text-gray-400">{{previous_post_link `上一页` $posts.count $posts.page_size}}<span>{{$posts.current_page}} / {{$posts.max_page}}</span>{{next_post_link `下一页` $posts.count $posts.page_size}}</nav>
        {{end}}
        {{else}}
        <p class="text-gray-500">暂无文章。</p>
        {{end}}
    </div>
</main>
{{template "footer" .}}