kaiser-natron/dist/assets/Kaiserhacks-DBG1pJU4.js

import{C as e,T as t,c as n,ft as r,j as i,l as a,m as o,p as s,r as c,s as l,u}from"./runtime-core.esm-bundler-DTXUv7Wx.js";import{c as d,s as f}from"./runtime-dom.esm-bundler-Bg1uJ-W7.js";import{t as p}from"./Icon-CtR1FGIT.js";import{t as m}from"./Badge-CudT491x.js";var h={class:`bg-surface text-ink`},g={class:`bg-brand text-cream`},_={class:`mx-auto flex w-full max-w-6xl flex-col items-center px-6 py-14 text-center sm:px-8 sm:py-16 md:px-12 md:py-20 lg:px-16`},v={class:`eyebrow mb-4 text-cream/75`},y={class:`font-display text-headline-lg font-normal leading-[1.05] text-cream`},b={key:0,class:`mt-5 max-w-3xl text-base leading-relaxed text-cream/80 md:text-lg`},x=[`aria-label`],S=[`href`,`onClick`],C={class:`mx-auto w-full max-w-6xl px-6 py-14 sm:px-8 sm:py-16 md:px-12 md:py-20 lg:px-16`},w={class:`space-y-14`},T=[`id`],E={class:`mb-6 flex flex-col gap-3 md:mb-8 md:flex-row md:items-end md:justify-between`},D={class:`max-w-2xl`},O={class:`eyebrow mb-3 text-brand`},k={class:`font-display text-3xl font-normal leading-tight text-ink md:text-4xl`},A={class:`mt-3 text-[15px] leading-relaxed text-muted md:text-base`},j=[`href`],M={class:`grid gap-4 sm:grid-cols-2 lg:grid-cols-4`},N=[`aria-label`,`onClick`,`onKeydown`],P=[`data-video-src`],F=[`src`,`alt`],I={key:1,class:`absolute inset-x-0 bottom-0 flex items-center justify-between gap-3 bg-brand/90 px-4 py-3 text-cream`},L={class:`inline-flex h-10 w-10 items-center justify-center rounded-pill bg-accent-fill text-accent-fill-ink shadow-sm`},R={class:`text-[12px] font-bold tracking-label`},z={class:`flex flex-1 flex-col gap-4 p-5`},B={class:`mb-3 flex flex-wrap gap-2`},V={class:`font-display text-xl font-normal leading-tight text-ink`},H={class:`mt-2 overflow-hidden text-[14px] leading-relaxed text-muted [display:-webkit-box] [-webkit-box-orient:vertical] [-webkit-line-clamp:2]`},U={key:0,class:`mt-14 rounded-md border border-line bg-cream p-6 md:mt-16 md:flex md:items-center md:justify-between md:gap-6`},W={class:`eyebrow mb-2`},G={class:`max-w-2xl text-[15px] leading-relaxed text-muted`},K=[`href`],q={__name:`Kaiserhacks`,props:{eyebrow:{type:String,default:`#kaiserhacks`},headline:{type:String,default:``},sub:{type:String,default:``},categories:{type:Array,default:()=>[]},instagramHref:{type:String,default:``},labels:{type:Object,default:()=>({categories:``,categoryNav:``,openVideo:``,openImage:``,community:``,handoffNote:``})}},emits:[`select`],setup(q){function J(e,t){let n=document.getElementById(t);n&&(e.preventDefault(),n.scrollIntoView({behavior:`smooth`,block:`start`}),history.pushState(null,``,`#${t}`))}return(Y,X)=>(e(),u(`section`,h,[l(`header`,g,[l(`div`,_,[l(`p`,v,r(q.eyebrow),1),l(`h1`,y,r(q.headline),1),q.sub?(e(),u(`p`,b,r(q.sub),1)):a(``,!0),q.categories.length?(e(),u(`nav`,{key:1,class:`mt-8 flex flex-wrap justify-center gap-2`,"aria-label":q.labels.categoryNav},[(e(!0),u(c,null,t(q.categories,t=>(e(),u(`a`,{key:t.id,href:`#${t.id}`,class:`inline-flex items-center gap-2 rounded-pill border border-cream-line bg-cream-wash px-4 py-2 text-[13px] font-semibold tracking-label text-cream transition-colors hover:bg-cream-wash-strong hover:text-accent`,onClick:e=>J(e,t.id)},[s(r(t.title)+` `,1),o(p,{name:`arrow-right`,size:15})],8,S))),128))],8,x)):a(``,!0)])]),l(`div`,C,[l(`div`,w,[(e(!0),u(c,null,t(q.categories,h=>(e(),u(`section`,{id:h.id,key:h.id,class:`scroll-mt-[calc(var(--nav-h)+1.5rem)]`},[l(`div`,E,[l(`div`,D,[l(`p`,O,r(q.labels.categories),1),l(`h2`,k,r(h.title),1),l(`p`,A,r(h.summary),1)]),l(`a`,{href:h.href,class:`inline-flex items-center gap-2 text-[14px] font-semibold tracking-label text-brand transition-colors hover:text-brand-hover`},[s(r(h.ctaLabel)+` `,1),o(p,{name:`arrow-right`,size:17})],8,j)]),l(`ul`,M,[(e(!0),u(c,null,t(h.hacks,h=>(e(),u(`li`,{key:h.id},[l(`article`,{class:`group flex h-full cursor-pointer flex-col overflow-hidden rounded-md border border-line bg-paper transition-all duration-base hover:-translate-y-1 hover:border-brand-soft hover:shadow-md focus:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2`,role:`button`,tabindex:`0`,"aria-label":`${h.video?.src?q.labels.openVideo:q.labels.openImage}: ${h.title}`,onClick:e=>Y.$emit(`select`,h),onKeydown:[f(d(e=>Y.$emit(`select`,h),[`prevent`]),[`enter`]),f(d(e=>Y.$emit(`select`,h),[`prevent`]),[`space`])]},[l(`div`,{class:`relative aspect-[4/3] w-full overflow-hidden bg-cream text-left`,"data-video-src":h.video?.src},[h.video?.poster?(e(),u(`img`,{key:0,src:h.video.poster,alt:h.video.alt||h.title,loading:`lazy`,decoding:`async`,class:`absolute inset-0 h-full w-full object-cover transition-transform duration-slow group-hover:scale-105`},null,8,F)):a(``,!0),h.video?.src?(e(),u(`span`,I,[l(`span`,L,[o(p,{name:`play`,size:18})]),l(`span`,R,r(h.duration),1)])):a(``,!0)],8,P),l(`div`,z,[l(`div`,null,[l(`div`,B,[(e(!0),u(c,null,t(h.tags,t=>(e(),n(m,{key:t,variant:`subtle`},{default:i(()=>[s(r(t),1)]),_:2},1024))),128))]),l(`h3`,V,r(h.title),1),l(`p`,H,r(h.description),1)])])],40,N)]))),128))])],8,T))),128))]),q.instagramHref?(e(),u(`footer`,U,[l(`div`,null,[l(`p`,W,r(q.labels.community),1),l(`p`,G,r(q.labels.handoffNote),1)]),l(`a`,{href:q.instagramHref,target:`_blank`,rel:`noreferrer`,class:`mt-5 inline-flex items-center gap-2 text-[14px] font-semibold tracking-label text-brand transition-colors hover:text-brand-hover md:mt-0`},[X[0]||=s(` #kaiserhacks `,-1),o(p,{name:`external-link`,size:16})],8,K)])):a(``,!0)])]))}};export{q as t};