1import{_ as u}from"./BOkUVjDY.js";import{_ as h}from"./B54UjfrC.js";import{e as N,f as w,g as v,h as _,c as n,a as e,t as g,b,w as y,F as r,i as d,o as i}from"./D9rB4uz3.js";const z={class:"relative isolate flex min-h-[min(42vh,380px)] w-full flex-col items-center justify-center overflow-hidden bg-slate-950 pb-6 pt-4"},K={class:"relative z-10 mx-auto flex w-full max-w-5xl flex-col items-center px-4 py-12 text-center md:px-6 md:py-16"},S={class:"text-balance text-3xl font-medium tracking-tight text-white md:text-4xl lg:text-5xl"},P={class:"bg-white text-slate-800"},G={class:"w-full self-stretch"},j={class:"flex flex-col items-center gap-10 border-b border-slate-200 pb-14 md:flex-row md:items-center md:justify-between md:gap-12 md:pb-16 lg:gap-16"},k={class:"flex w-full max-w-xl flex-1 justify-center"},E=["alt"],$={class:"flex w-full max-w-md flex-1 flex-col items-center justify-center md:items-stretch"},B={class:"bg-white text-slate-800"},C={class:"mx-auto w-full max-w-6xl px-4 pb-14 md:px-6 md:pb-20 lg:pb-24"},D={class:"flex justify-center"},L={class:"flex aspect-square w-full max-w-[260px] items-center justify-center rounded-lg bg-slate-50 ring-1 ring-slate-100 md:max-w-[280px] lg:max-w-[300px]"},A=["src","alt"],F={class:"w-full min-w-0"},I={class:"grid w-full grid-cols-2 gap-3 sm:grid-cols-3"},V=["href","download"],R="/assets/logo/newkindofnetwork_SG2.pdf",T="/assets/logo/NKN_Style_Guide_poster.jpg",U=N({__name:"index",setup(q){const{t:o}=w();v(),_({title:()=>o("footer.styleguide"),description:()=>o("styleguide.seoDescription")});const p=[{titleKey:"styleguide.rowHorizontal",preview:{src:"/assets/logo/logo.svg"},downloads:[{href:"/assets/logo/PNG-36x36-1.png",filename:"NKN-logo-horizontal-36x36.png",pngSize:"36x36"},{href:"/assets/logo/PNG-72x72-1.png",filename:"NKN-logo-horizontal-72x72.png",pngSize:"72x72"},{href:"/assets/logo/PNG-144x144-1.png",filename:"NKN-logo-horizontal-144x144.png",pngSize:"144x144"},{href:"/assets/logo/PNG-512x512-1.png",filename:"NKN-logo-horizontal-512x512.png",pngSize:"512x512"},{href:"/assets/logo/PNG-1024x1024-4.png",filename:"NKN-logo-horizontal-1024x1024.png",pngSize:"1024x1024"},{href:"/assets/logo/logo.svg",filename:"NKN-logo-horizontal.svg"}]},{titleKey:"styleguide.rowVertical",preview:{src:"/assets/logo/logo-1.svg"},downloads:[{href:"/assets/logo/PNG-36x36-2.png",filename:"NKN-logo-vertical-36x36.png",pngSize:"36x36"},{href:"/assets/logo/PNG-72x72-2.png",filename:"NKN-logo-vertical-72x72.png",pngSize:"72x72"},{href:"/assets/logo/PNG-144x144-2.png",filename:"NKN-logo-vertical-144x144.png",pngSize:"144x144"},{href:"/assets/logo/PNG-512x512-2.png",filename:"NKN-logo-vertical-512x512.png",pngSize:"512x512"},{href:"/assets/logo/PNG-1024x1024-5.png",filename:"NKN-logo-vertical-1024x1024.png",pngSize:"1024x1024"},{href:"/assets/logo/logo-1.svg",filename:"NKN-logo-vertical.svg"}]},{titleKey:"styleguide.rowCircular",preview:{src:"/assets/logo/logo-3.svg"},downloads:[{href:"/assets/logo/36-3.png",filename:"NKN-logo-circular-36x36.png",pngSize:"36x36"},{href:"/assets/logo/PNG-72x72-3.png",filename:"NKN-logo-circular-72x72.png",pngSize:"72x72"},{href:"/assets/logo/PNG-144x144-3.png",filename:"NKN-logo-circular-144x144.png",pngSize:"144x144"},{href:"/assets/logo/PNG-512x512-3.png",filename:"NKN-logo-circular-512x512.png",pngSize:"512x512"}
1,{href:"/assets/logo/PNG-1024x1024-6.png",filename:"NKN-logo-circular-1024x1024.png",pngSize:"1024x1024"},{href:"/assets/logo/logo-3.svg",filename:"NKN-logo-circular.svg"}]},{titleKey:"styleguide.rowIcon",preview:{src:"/assets/logo/PNG-512x512-4.png"},downloads:[{href:"/assets/logo/PNG-36x36-4.png",filename:"NKN-mark-36x36.png",pngSize:"36x36"},{href:"/assets/logo/PNG-72x72-4.png",filename:"NKN-mark-72x72.png",pngSize:"72x72"},{href:"/assets/logo/PNG-144x144-4.png",filename:"NKN-mark-144x144.png",pngSize:"144x144"},{href:"/assets/logo/PNG-512x512-4.png",filename:"NKN-mark-512x512.png",pngSize:"512x512"},{href:"/assets/logo/PNG-1024x1024-7.png",filename:"NKN-mark-1024x1024.png",pngSize:"1024x1024"},{href:"/assets/logo/logo-2.svg",filename:"NKN-mark.svg"}]}];function x(t){return t.pngSize?o("styleguide.btnPng",{size:t.pngSize}):o("styleguide.btnSvg")}return(t,s)=>{const c=u;return i(),n("div",null,[e("section",z,[s[0]||(s[0]=e("div",{class:"pointer-events-none absolute inset-0 overflow-hidden","aria-hidden":"true"},[e("div",{class:"absolute inset-y-0 right-0 w-[min(70vw,720px)] lg:w-[min(70svw,800px)]"},[e("video",{class:"absolute bottom-0 right-auto h-full min-h-full w-[min(130vw,160%)] max-w-none object-cover object-right -right-[min(5vw,4rem)]",autoplay:"",muted:"",loop:"",playsinline:"","aria-hidden":"true"},[e("source",{src:h,type:"video/mp4"})])])],-1)),s[1]||(s[1]=e("div",{class:"absolute inset-0 bg-gradient-to-r from-slate-950 from-15% via-slate-950/90 to-transparent to-[72%] lg:from-10% lg:to-[68%]","aria-hidden":"true"},null,-1)),s[2]||(s[2]=e("div",{class:"absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-slate-950/45","aria-hidden":"true"},null,-1)),e("div",K,[e("h1",S,g(t.$t("footer.styleguide")),1)])]),e("section",P,[b(c,null,{default:y(()=>[e("div",G,[e("div",j,[e("div",k,[e("img",{src:T,alt:t.$t("styleguide.posterAlt"),class:"w-full max-w-md rounded-lg object-cover shadow-lg ring-1 ring-slate-900/5",width:"560",height:"360",loading:"eager"},null,8,E)]),e("div",$,[e("a",{href:R,class:"inline-flex w-full items-center justify-center rounded-lg bg-[#253A7E] px-8 py-4 text-center text-base font-semibold text-white transition-colors hover:bg-[#1c2d62] md:py-5 md:text-lg",download:""},g(t.$t("styleguide.downloadCta")),1)])])])]),_:1})]),e("section",B,[e("div",C,[(i(),n(r,null,d(p,(l,m)=>e("div",{key:l.titleKey,class:"grid grid-cols-1 gap-8 border-b border-slate-200 py-10 last:border-b-0 last:pb-0 md:grid-cols-2 md:items-center md:gap-x-12 md:py-12 lg:gap-x-16 lg:py-14"},[e("div",D,[e("div",L,[e("img",{src:l.preview.src,alt:t.$t(l.titleKey),class:"max-h-[88%] max-w-[88%] object-contain",loading:"lazy"},null,8,A)])]),e("div",F,[e("div",I,[(i(!0),n(r,null,d(l.downloads,(a,f)=>(i(),n("a",{key:`${m}-${f}`,href:a.href,download:a.filename,class:"inline-flex min-h-[44px] w-full items-center justify-center rounded-md bg-[#253A7E] px-2 py-2.5 text-center text-xs font-medium leading-tight text-white transition-colors hover:bg-[#1c2d62] sm:min-h-[48px] sm:px-3 sm:text-sm"},g(x(a)),9,V))),128))])])])),64))])])])}}});export{U as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.