You've already forked Atomcms-edit
root
3 lines
21 KiB
JavaScript
Executable File
3 lines
21 KiB
JavaScript
Executable File
module.exports=[58212,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246);let e=[{href:"/",label:"Home"},{href:"/discord",label:"Discord",external:!0}],f=[{href:"/help-center/rules",label:"Regels"}],g=[{href:"/community/radio",label:"Radio Home"},{href:"/community/radio/rooster",label:"DJ Rooster"},{href:"/community/radio/shouts",label:"Live Berichten"},{href:"/community/radio/dj-aanmelden",label:"DJ worden"},{href:"/community/radio/punten",label:"Radio Punten"}],h=[{code:"nl",flag:"🇳🇱"},{code:"en",flag:"🇬🇧"},{code:"da",flag:"🇩🇰"},{code:"fi",flag:"🇫🇮"},{code:"de",flag:"🇩🇪"},{code:"fr",flag:"🇫🇷"},{code:"tr",flag:"🇹🇷"},{code:"se",flag:"🇸🇪"},{code:"br",flag:"🇧🇷"},{code:"it",flag:"🇮🇹"},{code:"es",flag:"🇪🇸"},{code:"no",flag:"🇳🇴"}];a.s(["default",0,function(){let[a,i]=(0,c.useState)(!1),[j,k]=(0,c.useState)(null),[l,m]=(0,c.useState)(!1),n=a=>{k(j===a?null:a)};return(0,b.jsxs)("nav",{className:"relative shadow-md bg-navbar text-navbar-text",children:[(0,b.jsx)("div",{className:"max-w-7xl mx-auto px-4",children:(0,b.jsxs)("div",{className:"flex items-center justify-between h-16",children:[(0,b.jsx)("div",{className:"hidden md:flex items-center space-x-1",children:(0,b.jsxs)("div",{className:"hidden md:flex h-16 items-center gap-6",children:[e.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"nav-item border-b-2 border-primary px-3 py-2 text-sm font-semibold tracking-wide uppercase transition-all duration-200 hover:border-b-primary",style:{color:"var(--color-navbar-text)"},children:a.label},a.href)),(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>n("support"),className:"flex items-center gap-2 h-full",children:["Ondersteuning",(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"support"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"support"===j&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[150px] rounded-lg border border-primary bg-white",children:f.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100 transition-colors",children:a.label},a.href))})]}),(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>n("radio"),className:"flex items-center gap-2 h-full",children:["Radio",(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"radio"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"radio"===j&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[150px] rounded-lg border border-primary bg-white",children:g.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100 transition-colors",children:a.label},a.href))})]})]})}),(0,b.jsx)("div",{className:"hidden lg:flex items-center",children:(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>m(!l),className:"flex items-center gap-2 h-full",children:[(0,b.jsx)("span",{className:"w-5 h-4 object-cover rounded-sm",children:"🇩🇪"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${l?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),l&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[50px] -ml-4 rounded-lg border border-primary bg-white",children:h.map(a=>(0,b.jsx)(d.default,{href:`/language/${a.code}`,className:"block px-4 py-2 hover:bg-gray-100 transition-colors text-lg",children:a.flag},a.code))})]})}),(0,b.jsxs)("button",{onClick:()=>i(!a),className:"absolute right-4 top-4 z-10 p-2 rounded-lg transition-all duration-200 hover:bg-gray-100 md:hidden","aria-controls":"mobile-menu","aria-expanded":a,children:[(0,b.jsx)("span",{className:"sr-only",children:"Menu openen"}),a?(0,b.jsx)("svg",{className:"h-7 w-7",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}):(0,b.jsx)("svg",{className:"h-7 w-7",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})]})]})}),a&&(0,b.jsx)("div",{className:"absolute top-full left-0 right-0 z-40 shadow-xl border-t-2 max-h-[80vh] overflow-y-auto md:hidden bg-white border-primary",children:(0,b.jsxs)("div",{className:"py-2",children:[e.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-3 border-b border-gray-200 hover:bg-gray-50",children:a.label},a.href)),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>n("mobile-support"),className:"flex items-center justify-between w-full px-4 py-3 text-sm font-semibold uppercase tracking-wide",children:[(0,b.jsx)("span",{children:"Unterstützung"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"mobile-support"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"mobile-support"===j&&(0,b.jsx)("div",{className:"bg-white rounded-lg border border-primary shadow-dropdown",children:f.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100",children:a.label},a.href))})]}),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>n("mobile-radio"),className:"flex items-center justify-between w-full px-4 py-3 text-sm font-semibold uppercase tracking-wide",children:[(0,b.jsx)("span",{children:"Radio"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"mobile-radio"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"mobile-radio"===j&&(0,b.jsx)("div",{className:"bg-white rounded-lg border border-primary shadow-dropdown",children:g.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100",children:a.label},a.href))})]}),(0,b.jsx)("div",{className:"w-full flex justify-center mt-4 mb-2",children:(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>m(!l),className:"flex items-center gap-2 px-4 py-3 text-sm font-semibold uppercase",children:[(0,b.jsx)("span",{children:"🇳🇱"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${l?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),l&&(0,b.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2 mt-0 top-full bg-white rounded-lg border border-primary shadow-dropdown z-50 min-w-[50px]",children:h.map(a=>(0,b.jsx)(d.default,{href:`/language/${a.code}`,className:"block px-4 py-2 hover:bg-gray-100 text-lg",children:a.flag},a.code))})]})})]})})]})}])},21816,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246),e=a.i(50944);function f({isOpen:a,onClose:g}){let[h,i]=(0,c.useState)(""),[j,k]=(0,c.useState)(""),[l,m]=(0,c.useState)(""),[n,o]=(0,c.useState)(!1),[p,q]=(0,c.useState)(!1),r=(0,e.useRouter)();if(!a)return null;let s=async a=>{if(a.preventDefault(),m(""),o(!0),!h||!j){m("Vul alle velden in"),o(!1);return}try{let a=await fetch("/api/auth/login",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({username:h,password:j})}),b=await a.json();if(!a.ok){let a=b.message||b.errors?.email?.[0]||"Inloggen mislukt";m(a),o(!1);return}b.token&&(localStorage.setItem("token",b.token),localStorage.setItem("user",JSON.stringify(b.user)),q(!0),setTimeout(()=>{g(),r.refresh()},1e3))}catch(a){m("Er is iets fout gegaan. Probeer opnieuw.")}o(!1)};return(0,b.jsx)("div",{className:"fixed inset-0 z-50 overflow-y-auto",role:"dialog","aria-modal":"true",children:(0,b.jsxs)("div",{className:"relative flex min-h-screen items-center justify-center overflow-hidden p-4",onClick:g,children:[(0,b.jsx)("div",{className:"fixed inset-0 bg-black/50"}),(0,b.jsxs)("div",{onClick:a=>a.stopPropagation(),className:"relative w-full max-w-xl rounded px-6 py-6 shadow-md",style:{backgroundColor:"#ffffff",color:"#1f2937"},children:[(0,b.jsx)("button",{type:"button",onClick:g,className:"absolute top-3 right-2.5 rounded-lg p-1.5 ml-auto inline-flex items-center transition-colors hover:bg-gray-100",style:{backgroundColor:"transparent",color:"#6b7280"},children:(0,b.jsx)("svg",{className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})})}),(0,b.jsxs)("div",{className:"mb-2 flex flex-col items-center",children:[(0,b.jsx)("h2",{className:"text-2xl font-semibold",children:"Hallo!"}),(0,b.jsx)("p",{style:{color:"#6b7280"},children:"Er zijn momenteel 0 gebruikers online"})]}),p&&(0,b.jsx)("div",{className:"mb-4 p-3 rounded bg-green-50 text-green-600 text-sm text-center",children:"Succes! Je wordt ingelogd..."}),l&&(0,b.jsx)("div",{className:"mb-4 p-3 rounded bg-red-50 text-red-600 text-sm",children:l}),(0,b.jsxs)("form",{className:"flex flex-col gap-y-3",onSubmit:s,children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"block font-semibold text-gray-700",htmlFor:"username",children:"Gebruikersnaam"}),(0,b.jsx)("input",{className:"focus:ring-0 border-2 rounded w-full mt-1 px-3 py-2",style:{backgroundColor:"#f3f4f6",color:"#1f2937",borderColor:"#eeb425"},id:"username",type:"text",name:"username",value:h,onChange:a=>i(a.target.value),placeholder:"Gebruikersnaam",autoFocus:!0,disabled:n||p})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"block font-semibold text-gray-700",htmlFor:"password",children:"Wachtwoord"}),(0,b.jsx)("input",{className:"focus:ring-0 border-2 rounded w-full mt-1 px-3 py-2",style:{backgroundColor:"#f3f4f6",color:"#1f2937",borderColor:"#eeb425"},id:"password",type:"password",name:"password",value:j,onChange:a=>k(a.target.value),placeholder:"Wachtwoord",disabled:n||p})]}),(0,b.jsx)("div",{className:"cf-turnstile","data-sitekey":"0x4AAAAAAAPbYT6IObDf-CsO"}),(0,b.jsx)("button",{type:"submit",disabled:n||p,className:"w-full rounded font-semibold px-6 py-2 transition duration-200 hover:opacity-90 disabled:opacity-50",style:{backgroundColor:"#eeb425",color:"#1f2937",borderRadius:"8px",border:"2px solid #eeb425"},children:n?"Laden...":p?"Succes!":"Inloggen"}),(0,b.jsx)("div",{className:"text-center text-sm font-semibold",style:{color:"#6b7280"},children:(0,b.jsx)(d.default,{href:"/forgot-password",className:"hover:underline",style:{color:"#eeb425"},children:"Wachtwoord vergeten?"})}),(0,b.jsx)("div",{className:"text-center text-sm font-semibold",style:{color:"#6b7280"},children:(0,b.jsx)(d.default,{href:"/register",className:"hover:underline",style:{color:"#eeb425"},children:"Nog geen account? Nu aanmelden!"})})]})]})]})})}function g({isOpen:a,onClose:d,onLoginClick:f}){let[h,i]=(0,c.useState)({username:"",mail:"",password:"",password_confirmation:"",terms:!1}),[j,k]=(0,c.useState)(""),[l,m]=(0,c.useState)(!1),[n,o]=(0,c.useState)(!1),p=(0,e.useRouter)();if(!a)return null;let q=async a=>{if(a.preventDefault(),k(""),m(!0),!h.username||!h.mail||!h.password||!h.password_confirmation){k("Vul alle velden in"),m(!1);return}if(!h.terms){k("Je moet akkoord gaan met de algemene voorwaarden"),m(!1);return}if(h.password!==h.password_confirmation){k("Wachtwoorden komen niet overeen"),m(!1);return}try{let a=await fetch("/api/auth/register",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(h)}),b=await a.json();if(!a.ok){let a=b.errors?Object.values(b.errors).flat().join(", "):b.message||"Registratie mislukt";k(a),m(!1);return}b.token&&(localStorage.setItem("token",b.token),localStorage.setItem("user",JSON.stringify(b.user)),o(!0),setTimeout(()=>{d(),p.refresh()},1e3))}catch(a){k("Er is iets fout gegaan. Probeer opnieuw.")}m(!1)};return(0,b.jsx)("div",{className:"fixed inset-0 z-50 overflow-y-auto",role:"dialog","aria-modal":"true",children:(0,b.jsxs)("div",{className:"relative flex min-h-screen items-center justify-center overflow-hidden p-4",onClick:d,children:[(0,b.jsx)("div",{className:"fixed inset-0 bg-black/50"}),(0,b.jsxs)("div",{onClick:a=>a.stopPropagation(),className:"relative w-full max-w-xl rounded px-6 py-6 shadow-md",style:{backgroundColor:"#ffffff",color:"#1f2937"},children:[(0,b.jsx)("button",{type:"button",onClick:d,className:"absolute top-3 right-2.5 rounded-lg p-1.5 ml-auto inline-flex items-center transition-colors hover:bg-gray-100",style:{backgroundColor:"transparent",color:"#6b7280"},children:(0,b.jsx)("svg",{className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})})}),(0,b.jsxs)("div",{className:"mb-2 flex flex-col items-center",children:[(0,b.jsx)("h2",{className:"text-2xl font-semibold",children:"Account aanmaken"}),(0,b.jsx)("p",{style:{color:"#6b7280"},children:"Word onderdeel van de community!"})]}),n&&(0,b.jsx)("div",{className:"mb-4 p-3 rounded bg-green-50 text-green-600 text-sm text-center",children:"Succes! Je wordt geregistreerd..."}),j&&(0,b.jsx)("div",{className:"mb-4 p-3 rounded bg-red-50 text-red-600 text-sm",children:j}),(0,b.jsxs)("form",{className:"flex flex-col gap-y-3",onSubmit:q,children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"block font-semibold text-gray-700",htmlFor:"reg_username",children:"Gebruikersnaam"}),(0,b.jsx)("input",{className:"focus:ring-0 border-2 rounded w-full mt-1 px-3 py-2",style:{backgroundColor:"#f3f4f6",color:"#1f2937",borderColor:"#eeb425"},id:"reg_username",type:"text",name:"username",value:h.username,onChange:a=>i({...h,username:a.target.value}),placeholder:"Gebruikersnaam",autoFocus:!0,disabled:l||n})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"block font-semibold text-gray-700",htmlFor:"reg_email",children:"E-mailadres"}),(0,b.jsx)("input",{className:"focus:ring-0 border-2 rounded w-full mt-1 px-3 py-2",style:{backgroundColor:"#f3f4f6",color:"#1f2937",borderColor:"#eeb425"},id:"reg_email",type:"email",name:"mail",value:h.mail,onChange:a=>i({...h,mail:a.target.value}),placeholder:"E-mailadres",disabled:l||n})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"block font-semibold text-gray-700",htmlFor:"reg_password",children:"Wachtwoord"}),(0,b.jsx)("input",{className:"focus:ring-0 border-2 rounded w-full mt-1 px-3 py-2",style:{backgroundColor:"#f3f4f6",color:"#1f2937",borderColor:"#eeb425"},id:"reg_password",type:"password",name:"password",value:h.password,onChange:a=>i({...h,password:a.target.value}),placeholder:"Wachtwoord",disabled:l||n})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"block font-semibold text-gray-700",htmlFor:"reg_password_confirmation",children:"Wachtwoord bevestigen"}),(0,b.jsx)("input",{className:"focus:ring-0 border-2 rounded w-full mt-1 px-3 py-2",style:{backgroundColor:"#f3f4f6",color:"#1f2937",borderColor:"#eeb425"},id:"reg_password_confirmation",type:"password",name:"password_confirmation",value:h.password_confirmation,onChange:a=>i({...h,password_confirmation:a.target.value}),placeholder:"Wachtwoord bevestigen",disabled:l||n})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("input",{type:"checkbox",id:"terms",checked:h.terms,onChange:a=>i({...h,terms:a.target.checked}),disabled:l||n,className:"w-4 h-4"}),(0,b.jsxs)("label",{htmlFor:"terms",className:"text-sm text-gray-600",children:["Ik ga akkoord met de"," ",(0,b.jsx)("a",{href:"/terms",className:"text-primary hover:underline",children:"algemene voorwaarden"})]})]}),(0,b.jsx)("div",{className:"cf-turnstile","data-sitekey":"0x4AAAAAAAPbYT6IObDf-CsO"}),(0,b.jsx)("button",{type:"submit",disabled:l||n,className:"w-full rounded font-semibold px-6 py-2 transition duration-200 hover:opacity-90 disabled:opacity-50",style:{backgroundColor:"#10b981",color:"#ffffff",borderRadius:"8px",border:"2px solid #10b981"},children:l?"Laden...":n?"Succes!":"Account aanmaken"}),(0,b.jsx)("div",{className:"text-center text-sm font-semibold",style:{color:"#6b7280"},children:(0,b.jsx)("button",{type:"button",onClick:()=>{d(),f()},className:"hover:underline",style:{color:"#eeb425"},children:"Al een account? Nu inloggen!"})})]})]})]})})}a.s(["default",0,function(){let[a,d]=(0,c.useState)(!1),[e,h]=(0,c.useState)(!1);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("div",{className:"relative flex min-h-[13rem] h-52 w-full items-center justify-center header-bg",style:{background:"url(/assets/images/kasja_mepage_header.png)",backgroundSize:"cover",backgroundPosition:"center"},children:[(0,b.jsx)("div",{className:"absolute inset-0 bg-black/50"}),(0,b.jsxs)("div",{className:"relative z-10 flex-col md:w-[600px] text-center",children:[(0,b.jsx)("p",{className:"hidden text-center text-xl md:block text-white mb-4",children:"Een online virtuele wereld waarin je je eigen avatar kunt maken, vrienden kunt maken, kunt chatten, kamers kunt maken en nog veel meer!"}),(0,b.jsxs)("div",{className:"flex flex-col items-center justify-center gap-x-6 gap-y-4 md:flex-row md:gap-y-0",children:[(0,b.jsx)("button",{type:"button",onClick:()=>d(!0),className:"rounded-full border-2 px-8 py-2 uppercase transition duration-200 ease-in-out font-semibold",style:{borderColor:"#eeb425",backgroundColor:"#eeb425",color:"#1f2937"},children:"Inloggen"}),(0,b.jsx)("p",{className:"text-sm uppercase text-gray-300",children:"Of"}),(0,b.jsx)("button",{onClick:()=>h(!0),className:"uppercase px-8 py-2.5 rounded-full transition ease-in-out duration-200 font-semibold",style:{backgroundColor:"#10b981",color:"#ffffff"},children:"Account aanmaken"})]})]})]}),(0,b.jsx)(f,{isOpen:a,onClose:()=>d(!1)}),(0,b.jsx)(g,{isOpen:e,onClose:()=>h(!1),onLoginClick:()=>{h(!1),d(!0)}})]})}],21816)},35950,a=>{"use strict";var b=a.i(87924),c=a.i(72131);a.s(["default",0,function({photo:a}){let[d,e]=(0,c.useState)(!1),f=a.image?`https://epicnabbo.nl${a.image}`:"";return(0,b.jsx)("a",{href:a.image?`https://epicnabbo.nl${a.image}`:"#","data-fancybox":"gallery",className:"group cursor-pointer block",onMouseEnter:()=>e(!0),onMouseLeave:()=>e(!1),children:(0,b.jsxs)("div",{className:"relative rounded-lg overflow-hidden shadow-md border border-gray-600 hover:border-[#eeb425] transition-all duration-300",children:[(0,b.jsxs)("div",{className:"aspect-[4/3] relative overflow-hidden",children:[a.image?(0,b.jsx)("img",{src:f,alt:`Photo by ${a.user.username}`,className:`h-full w-full object-cover object-center transition-transform duration-300 ${d?"scale-110":"scale-100"}`}):(0,b.jsx)("div",{className:"w-full h-full bg-gray-700 flex items-center justify-center",children:(0,b.jsx)("span",{className:"text-gray-400 text-xs",children:"No image"})}),(0,b.jsx)("div",{className:`absolute inset-0 bg-gradient-to-t from-black/70 via-transparent to-transparent transition-opacity duration-300 ${d?"opacity-100":"opacity-0"}`})]}),(0,b.jsx)("div",{className:`absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-black/90 to-transparent transition-opacity duration-300 ${d?"opacity-100":"opacity-0"}`,children:(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("div",{className:"flex h-7 w-7 items-center justify-center overflow-hidden rounded-full bg-gray-700 border border-gray-500",children:(0,b.jsx)("img",{src:a.user.avatar,alt:a.user.username,className:"h-full w-full object-cover"})}),(0,b.jsx)("div",{className:"flex-1 min-w-0",children:(0,b.jsx)("p",{className:"text-white text-sm font-semibold truncate",children:a.user.username})})]})})]})})}])}];
|
|
|
|
//# sourceMappingURL=src_components_0lexid0._.js.map
|