https://sam-cook.uk/assets/ProjectPage-CslfvL-P.js

1import{c as a,d as t,f as r,w as g,t as n,n as v,F as d,h,e as p,i as b,q as k,g as x,b as s,v as $,p as y}from"./index-DlTt9wh5.js";import{_ as c,a as j}from"./SiteFooter-D_7JQkSE.js";import"./index-Bvu9zNsI.js";const N={class:"case-hero section-shell"},S={class:"case-hero__meta"},z={class:"case-hero__statement"},L=["src","poster"],q=["src","alt","width","height"],B={class:"case-notes section-shell","aria-labelledby":"case-notes-title"},C=["href"],P={key:0,class:"phone-wall section-shell","aria-labelledby":"phone-wall-title"},V={class:"phone-wall__head"},I={class:"phone-wall__track",tabindex:"0","aria-label":"Scrollable GradeKit screenshot gallery"},T=["src","alt"],W={key:1,class:"panorama-story section-shell"},F={class:"panorama-story__proof"},G=["href"],K={class:"panorama-story__gallery"},R=["src","alt","width","height"],U={key:2,class:"aperture-gallery section-shell","aria-label":"The North Star website"},D=["src","alt"],E={key:1,id:"main-content",class:"not-found section-shell"},J={__name:"ProjectPage",props:{slug:{type:String,required:!0}},setup(w){const m=w,e=k(()=>$(m.slug)),u=k(()=>{const f=y.findIndex(l=>l.slug===m.slug);return y[(f+1)%y.length]});return(f,l)=>{const _=x("RouterLink");return e.value?(s(),a("main",{key:0,id:"main-content",class:b(["case-study",`case-study--${e.value.layout}`]),style:v({"--case-bg":e.value.palette.surface,"--case-ink":e.value.palette.ink,"--case-accent":e.value.palette.accent})},[t("header",N,[t("div",S,[r(_,{to:"/#work"},{default:g(()=>[r(c,{direction:"left"}),l[0]||(l[0]=p(" Work",-1))]),_:1}),t("span",null,n(e.value.kind),1)]),t("h1",null,n(e.value.title),1),t("p",z,n(e.value.chapterCopy),1),t("figure",{class:"case-hero__media",style:v({viewTransitionName:`project-${e.value.slug}`})},[e.value.layout==="panorama"?(s(),a("video",{key:0,src:e.value.media.video,poster:e.value.media.poster,width:"1376",height:"864",controls:"",muted:"",loop:"",playsinline:"",preload:"metadata","aria-label":"WidgetScreen running on a Mac lock screen"},null,8,L)):(s(),a("img",{key:1,src:e.value.image,alt:e.value.alt,width:e.value.media.width,height:e.value.media.height,fetchpriority:"high",decoding:"async"},null,8,q))],4)]),t("section",B,[l[1]||(l[1]=t("h2",{id:"case-notes-title"},"What I made",-1)),t("p",null,n(e.value.description),1),t("dl",null,[(s(!0),a(d,null,h(e.value.facts,([o,i])=>(s(),a("div",{key:o},[t("dt",null,n(o),1),t("dd",null,n(i),1)]))),128))]),t("a",{class:"case-notes__visit",href:e.value.externalUrl,target:"_blank",rel:"noreferrer"},[p(" Visit "+n(e.value.externalLabel)+" ",1),r(c)],8,C)]),e.value.layout==="phones"?(s(),a("section",P,[t("header",V,[l[2]||(l[2]=t("h2",{id:"phone-wall-title"},"Inside GradeKit",-1)),t("span",null,"Swipe through "+n(e.value.screenshots.length)+" screens",1)]),t("div",I,[(s(!0),a(d,null,h(e.value.screenshots,(o,i)=>(s(),a("figure",{key:o},[t("img",{src:o,alt:`${e.value.title}, screen ${i+1}`,width:"900",height:"1948",loading:"lazy",decoding:"async"},null,8,T)]))),128))])])):e.value.layout==="panorama"?(s(),a("section",W,[t("div",F,[t("blockquote",null,[t("p",null,"“"+n(e.value.proof.quote)+"”",1),t("cite",null,n(e.value.proof.attribution),1)]),t("a",{href:e.value.proof.pressUrl,target:"_blank",rel:"noreferrer"},[p(n(e.value.proof.pressLabel)+" ",1),r(c)],8,G)]),t("div",K,[(s(!0),a(d,null,h(e.value.media.gallery,o=>(s(),a("figure",{key:o.src},[t("img",{src:o.src,alt:o.alt,width:o.width,height:o.height,loading:"lazy",decoding:"async"},null,8,R)]))),128))])])):(s(),a("section",U,[(s(!0),a(d,null,h(e.value.screenshots,(o,i)=>(s(),a("figure",{key:o},[t("img",{src:o,alt:i===0?e.value.alt:`${e.value.title}, page detail ${i+1}`,width:"2200",height:"1232",loading:"lazy",decoding:"async"},null,8,D)]))),128))])),r(_,{class:"next-case",to:`/work/${u.value.slug}`,style:v({"--next-bg":u.value.palette.surface,"--next-ink":u.value.palette.ink})},{default:g(()=>[l[3]||(l[3]=t("span",null,"Next project",-1)),t("strong",null,n(u.value.title),1),r(c,{direction:"right"})]),_:1},8,["to","style"]),r(j)],6)):(s(),a("main",E,[l[5]||(l[5]=t("p",null,"404",-1)),l[6]||(l[6]=t("h1",null,"No such project.",-1)),r(_,{to:"/#work"},{default:g(()=>[l[4]||(l[4]=p("Back to the work ",-1)),r(c,{direction:"down-left"})]),_:1})]))}}};export{J as default};