37 lines
2.5 KiB
Handlebars
37 lines
2.5 KiB
Handlebars
{{!< default}}
|
|
|
|
<main class="content-area">
|
|
<section class="stack-section">
|
|
<header class="section-header text-center">
|
|
<h1 class="section-title">Authors</h1>
|
|
<p class="section-description">Browse by author</p>
|
|
</header>
|
|
|
|
{{#get "authors" limit="100" include="count.posts"}}
|
|
<div class="author-directory grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
|
|
{{#foreach authors}}
|
|
<a class="author-directory__card group flex min-h-[128px] flex-col rounded-[14px] border border-[var(--border)] bg-[var(--surface)] p-4 text-left transition-colors hover:bg-[var(--surface-muted)]" href="{{url}}">
|
|
<span class="flex items-start gap-3">
|
|
{{#if profile_image}}
|
|
<img class="h-11 w-11 rounded-full object-cover" src="{{img_url profile_image size="xs"}}" alt="{{name}}">
|
|
{{else}}
|
|
<span class="flex h-11 w-11 items-center justify-center rounded-full bg-[var(--surface-muted)] text-sm font-semibold">A</span>
|
|
{{/if}}
|
|
<span class="min-w-0 flex-1">
|
|
<strong class="block text-[15px] font-semibold tracking-[-0.02em]">{{name}}</strong>
|
|
{{#if bio}}
|
|
<span class="mt-1 line-clamp-3 block text-[13px] leading-5 text-[var(--text-soft)]">{{bio}}</span>
|
|
{{else}}
|
|
<span class="mt-1 block text-[13px] leading-5 text-[var(--text-soft)]">Posts by {{name}}.</span>
|
|
{{/if}}
|
|
</span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7"></path></svg>
|
|
</span>
|
|
<span class="mt-auto pt-3 text-[13px] font-medium text-[var(--text-soft)]">{{plural count.posts empty="0 posts" singular="% post" plural="% posts"}}</span>
|
|
</a>
|
|
{{/foreach}}
|
|
</div>
|
|
{{/get}}
|
|
</section>
|
|
</main>
|