https://www.zionbrock.com/assets/wall-Co27wF4l.js

1import{r as h,j as e}from"./index-BW8a_wDL.js";import{S as f,E as p}from"./site-chrome-kI9G05h0.js";const g={radio:"https://discord.gg/hFyK6TepmR",orb:"https://discord.gg/E3vVZ5G4nQ"},j={youtube:"YouTube",discord:"Discord",email:"Email",bmac:"Buy Me a Coffee",makerworld:"MakerWorld",other:"In conversation"},d=3,N=9e3;function k({q:r}){const s=r.author||"Someone";return e.jsxs("figure",{className:"flex h-full flex-col justify-between rounded-[3px] border border-line bg-paper p-6",children:[e.jsxs("blockquote",{className:"text-[17px] leading-relaxed text-ink",children:["“",r.text,"”"]}),e.jsxs("figcaption",{className:"mt-5 flex flex-wrap items-baseline gap-x-2 text-[13px] text-ink-soft",children:[e.jsx("span",{className:"font-medium text-ink",children:s}),e.jsxs("span",{className:"text-ink-faint",children:[j[r.source]??r.source,r.date?`, ${r.date.slice(0,4)}`:""]}),r.url&&e.jsx("a",{href:r.url,target:"_blank",rel:"noopener noreferrer",className:"text-ink-faint underline-offset-2 hover:text-ink hover:underline",title:"Where it was said",children:"see it"})]})]})}function v({product:r,quotes:s,eyebrow:c="From the comments and the inbox",title:x="What people are saying",className:i=""}){const[t,l]=h.useState(0),[n,o]=h.useState(!1);if(h.useEffect(()=>{if(n||s.length<=d)return;const a=setInterval(()=>l(m=>(m+d)%s.length),N);return()=>clearInterval(a)},[n,s.length]),!s.length)return null;const u=n?s:Array.from({length:Math.min(d,s.length)},(a,m)=>s[(t+m)%s.length]);return e.jsxs(f,{className:`border-t border-line ${i}`,children:[e.jsxs("div",{className:"flex flex-wrap items-end justify-between gap-4",children:[e.jsxs("div",{className:"max-w-2xl",children:[e.jsx(p,{children:c}),e.jsx("h2",{className:"mt-3 text-3xl font-semibold tracking-tight text-ink sm:text-4xl",children:x})]}),s.length>d&&e.jsx("button",{type:"button",onClick:()=>o(a=>!a),className:"text-[14px] font-medium text-ink-soft underline-offset-4 hover:text-ink hover:underline",children:n?"Just a few":`All ${s.length} of them`})]}),e.jsx("div",{className:"wall-turn mt-10 grid gap-5 md:grid-cols-3",children:u.map(a=>e.jsx(k,{q:a},a.id))},n?"all":t),r!=="both"&&e.jsx("p",{className:"mt-8 text-[14px] text-ink-faint",children:"These come from YouTube, Discord and email, quoted as written and with permission where they were sent privately."})]})}function y({product:r,builds:s,eyebrow:c="Real builds",title:x="Built by people who watched the tutorials"}){if(!s.length)return null;const i=r==="orb"?"Orb":"radio";return e.jsxs(f,{className:"border-t border-line paper-tint",children:[e.jsxs("div",{className:"max-w-2xl",children:[e.jsx(p,{children:c}),e.jsx("h2",{className:"mt-3 text-3xl font-semibold tracking-tight text-ink sm:text-4xl",children:x}),e.jsxs("p",{className:"mt-4 text-[17px] leading-relaxed text-ink-soft",children:["Every one of these is a ",i," somebody printed and put together at home, shared in the Discord or sent to me. Newest first."]})]}),e.jsx("div",{className:"mt-10 grid gap-5 sm:grid-cols-2 lg:grid-cols-3",children:s.map(t=>{const l=t.blurb||t.caption,n=e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"relative aspect-[4/3] overflow-hidden bg-paper-2",children:e.jsx("img",{src:`/orb-wall/img/${t.image}`,alt:`${t.maker||"A maker"}'s ${i}`,loading:"lazy",width:t.w||void 0,height:t.h||void 0,className:"absolute inset-0 h-full w-full object-cover"})}),e.jsxs("div",{className:"p-4",children:[e.jsxs("div",{className:"flex items-baseline justify-between gap-3 text-[13px]",children:[e.jsxs("span",{className:"font-medium text-ink",children:[t.maker||"A maker",t.location?e.jsxs("span",{className:"font-normal text-ink-faint",children:[", ",t.location]}):null]}),t.date&&e.jsx("span",{className:"text-ink-faint",children:t.date.slice(0,7)})]}),l&&e.jsx("p",{className:"mt-2 text-[14px] leading-relaxed text-ink-soft",children:l.length>160?`${l.slice(0,157).trimEnd()}...`:l})]})]}),o=`block overflow-hidden rounded-[3px] border border-line bg-paper ${t.featured?"sm:col-span-2 sm:row-span-1":""}`;return t.url?e.jsx("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",className:`${o} transition-colors hover:border-line-2`,title:"See where it was shared",children:n},t.id):e.jsx("div",{className:o,children:n},t.id)})}),e.jsxs("p",{className:"mt-8 text-[15px] text-ink-soft",children:["Built one? Post a photo in"," ",e.jsx("a",{href:g[r],target:"_blank",rel:"noopener noreferrer",className:"font-medium text-ink underline-offset-4 hover:underline",children:"the Discord"})," ","and it can appear here with your name on it."]})]})}export{y as B,v as S};