init elas atelier #1
@@ -53,13 +53,11 @@ try {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const isAdmin = Astro.cookies.get('admin_session')?.value === '1';
|
const isAdmin = Astro.cookies.get('admin_session')?.value === '1';
|
||||||
const total = posts.length;
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<Layout title="Catalogue" description={siteConfig.welcome_subtitle}>
|
<Layout title="Catalogue" description={siteConfig.welcome_subtitle}>
|
||||||
<section class="relative mb-16 md:mb-24">
|
<section class="relative mb-16 md:mb-24">
|
||||||
<div class="flex flex-col md:flex-row md:items-end gap-8 md:gap-12">
|
<div class="max-w-2xl">
|
||||||
<div class="flex-1 max-w-2xl">
|
|
||||||
<h1 class="font-display italic font-semibold text-[var(--text)] text-5xl md:text-7xl lg:text-8xl leading-[0.95] tracking-tight mb-6">
|
<h1 class="font-display italic font-semibold text-[var(--text)] text-5xl md:text-7xl lg:text-8xl leading-[0.95] tracking-tight mb-6">
|
||||||
{isAdmin ? (
|
{isAdmin ? (
|
||||||
<EditableText
|
<EditableText
|
||||||
@@ -99,18 +97,6 @@ const total = posts.length;
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
|
||||||
|
|
||||||
<aside class="md:w-64 lg:w-80 shrink-0 md:pb-2">
|
|
||||||
<div class="font-display italic text-[var(--subtext0)] text-xs tracking-[0.3em] uppercase mb-2">Index</div>
|
|
||||||
<div class="numeral text-5xl md:text-6xl text-[var(--mauve)] leading-none mb-3">
|
|
||||||
{String(total).padStart(2, '0')}
|
|
||||||
</div>
|
|
||||||
<div class="font-display italic text-[var(--subtext1)] text-base leading-snug">
|
|
||||||
{total === 1 ? 'work hanging' : 'works hanging'},
|
|
||||||
<span class="font-hand text-[var(--mauve)] text-xl ml-1">arranged below</span>
|
|
||||||
</div>
|
|
||||||
</aside>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user