1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7913],{2180:function(n,t,e){Promise.resolve().then(e.bind(e,16456)),Promise.resolve().then(e.bind(e,26156)),Promise.resolve().then(e.bind(e,52784)),Promise.resolve().then(e.bind(e,65582)),Promise.resolve().then(e.bind(e,22601))},65582:function(n,t,e){"use strict";e.d(t,{default:function(){return nm}});var i=e(57437),r=e(2265),l=e(45008),o=e(18890),a=e(34043),c=e(6290),d=e(58237),s=e(10468),u=e(42093),g=e(71371),h=e(87022);function m(){let n=(0,l._)(["\n padding-top: 60px;\n "]);return m=function(){return n},n}function f(){let n=(0,l._)(["\n padding-top: 8vw;\n "]);return f=function(){return n},n}function p(){let n=(0,l._)(["\n padding: 160px 24px 67px;\n "]);return p=function(){return n},n}function x(){let n=(0,l._)(["\n padding: 120px 60px calc(105px + 25vw);\n "]);return x=function(){return n},n}function _(){let n=(0,l._)(["\n padding: "," "," calc("," + 25vw);\n "]);return _=function(){return n},n}function b(){let n=(0,l._)(["\n font-size: 80px;\n line-height: 1.1;\n "]);return b=function(){return n},n}function Z(){let n=(0,l._)(["\n ",";\n margin-bottom: ",";\n "]);return Z=function(){return n},n}function v(){let n=(0,l._)(["\n padding-bottom: 40px;\n "]);return v=function(){return n},n}function w(){let n=(0,l._)(["\n font-size: 24px;\n "]);return w=function(){return n},n}function k(){let n=(0,l._)(["\n ",";\n padding-bottom: ","; \n "]);return k=function(){return n},n}function y(){let n=(0,l._)(["\n margin-bottom: ",";\n "]);return y=function(){return n},n}function P(){let n=(0,l._)(["\n margin-bottom: 60px;\n margin-top: -25%;\n "]);return P=function(){return n},n}function j(){let n=(0,l._)(["\n margin-bottom: ",";\n "]);return j=function(){return n},n}function N(){let n=(0,l._)(["\n max-width: 16vw;\n margin-right: auto;\n "]);return N=function(){return n},n}function O(){let n=(0,l._)(["\n padding: 16px;\n font-size: 20px;\n min-height: 56px;\n "]);return O=function(){return n},n}function z(){let n=(0,l._)(["\n padding: ",";\n ",";\n "]);return z=function(){return n},n}function S(){let n=(0,l._)(["\n font-size: 16px;\n "]);return S=function(){return n},n}function $(){let n=(0,l._)(["\n padding: "," "," ",";\n ",";\n "]);return $=function(){return n},n}function C(){let n=(0,l._)(["\n margin-left: 50%;\n "]);return C=function(){return n},n}function E(){let n=(0,l._)(["\n margin-bottom: 50%;\n "]);return E=function(){return n},n}function I(){let n=(0,l._)(["\n margin-top: 50%;\n "]);return I=function(){return n},n}function q(){let n=(0,l._)(["\n margin-top: -50%;\n "]);return q=function(){return n},n}function R(){let n=(0,l._)(["\n margin-top: 50%;\n "]);return R=function(){return n},n}function F(){let n=(0,l._)(["\n margin-top: -50%;\n margin-left: 50%;\n "]);return F=function(){return n},n}function L(){let n=(0,l._)(["\n margin-top: 0%;\n "]);return L=function(){return n},n}function M(){let n=(0,l._)(["\n margin-top: 50%;\n "]);return M=function(){return n},n}function D(){let n=(0,l._)(["\n width: 50%;\n "]);return D=function(){return n},n}function U(){let n=(0,l._)(["\n .grid-item:nth-child(13n + 10) {\n margin: 0 25%;\n }\n "]);return U=function(){return n},n}function B(){let n=(0,l._)(["\n width: 25%;\n "]);return B=function(){return n},n}function H(){let n=(0,l._)(["\n .grid-item:nth-child(13n + 9),\n .grid-item:nth-child(13n + 13) {\n margin-top: -25%;\n margin-bottom: auto;\n }\n "]);return H=function(){return n},n}function T(){let n=(0,l._)(["\n width: 25%;\n "]);return T=function(){return n},n}function V(){let n=(0,l._)(["\n .grid-item:nth-child(13n + 2),\n .grid-item:nth-child(13n + 12) {\n margin-left: 25%;\n }\n \n .grid-item:nth-child(13n + 4),\n .grid-item:nth-child(13n + 6) {\n margin-top: auto;\n margin-bottom: 0;\n }
1\n \n .grid-item:nth-child(13n + 5) {\n margin-right: 25%;\n }\n "]);return V=function(){return n},n}function A(){let n=(0,l._)(["\n width: 54px;\n "]);return A=function(){return n},n}function W(){let n=(0,l._)(["\n width: 56px;\n "]);return W=function(){return n},n}function G(){let n=(0,l._)(["\n width: ",";\n \n "," {\n width: ",";\n height: ",";\n \n svg {\n width: 100%;\n height: 100%; \n }\n }\n "]);return G=function(){return n},n}let J=a.ZP.div.withConfig({componentId:"sc-104facb9-0"})([".discovery_overview_header{position:relative;padding-top:47px;background-color:",";"," "," ","{align-items:flex-end;}.title-wrap{position:relative;padding:120px 24px 67px;z-index:1;"," "," ","}h1{font-size:36px;line-height:1.2;margin-bottom:12px;"," ","}","{p{font-size:20px;line-height:1.4;padding-bottom:32px;text-wrap:balance;"," "," ","}}.filters{display:flex;flex-wrap:wrap;margin-right:auto;}.filter-btn{touch-action:manipulation;cursor:pointer;height:44px;border:1px solid black;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1.1;font-weight:625;padding:4px 20px 0;text-transform:uppercase;font-family:",";color:",";margin-top:-1px;margin-left:-1px;&:hover{background:",";color:",";}&:not(:first-child){margin-left:-1px;}&--active,&:hover{background-color:",";color:",";}}}.content{position:relative;z-index:1;margin-bottom:40px;","}.grid{display:flex;flex-wrap:wrap;margin-bottom:0;"," ","}.grid-item{position:relative;display:flex;flex-direction:column;justify-content:flex-end;.grid-item-inner{display:flex;flex-direction:column;justify-content:flex-end;}.grid-item-media{position:absolute;width:100%;height:100%;overflow:hidden;","{width:100%;height:100%;}img{width:100%;height:100%;object-fit:cover;transition:transform 0.35s ease;}}&:hover{text-decoration:none;.grid-item-media{img{transform:scale(1.1);}}}&--experiment{.grid-item-label{background-color:",";}}&--question{.grid-item-label{background-color:",";}}&--sticky_title{.grid-item-label{background-color:",";}}.grid-item-title-wrap{position:relative;width:calc(100% - 47px);max-width:220px;z-index:1;","}.grid-item-title{display:flex;align-items:center;padding:8px;font-size:16px;line-height:1.2;min-height:47px;background-color:",";color:",";"," ","}.grid-item-label{position:relative;display:block;margin-right:auto;font-family:",";text-transform:uppercase;padding:8px 8px 4px;font-size:14px;line-height:1.1;z-index:1;"," ","}}.grid-item:nth-child(13n + 2){","}.grid-item:nth-child(13n + 3){","}.grid-item:nth-child(13n + 4){","}.grid-item:nth-child(13n + 6){","}.grid-item:nth-child(13n + 7){","}.grid-item:nth-child(13n + 9){","}.grid-item:nth-child(13n + 11){","}.grid-item:nth-child(13n + 12){","}.grid-item:nth-child(13n + 1),.grid-item:nth-child(13n + 10){aspect-ratio:720 / 360;width:100%;","}"," .grid-item:nth-child(13n + 3),.grid-item:nth-child(13n + 7),.grid-item:nth-child(13n + 9),.grid-item:nth-child(13n + 13){aspect-ratio:360 / 720;width:50%;","}"," .grid-item:nth-child(13n + 2),.grid-item:nth-child(13n + 4),.grid-item:nth-child(13n + 5),.grid-item:nth-child(13n + 6),.grid-item:nth-child(13n + 8),.grid-item:nth-child(13n + 11),.grid-item:nth-child(13n + 12){aspect-ratio:1;width:50%;margin-bottom:auto;","}.grid-item:nth-child(13n + 2),.grid-item:nth-child(13n + 4),.grid-item:nth-child(13n + 6),.grid-item:nth-child(13n + 8),.grid-item:nth-child(13n + 12){.grid-item-media{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;overflow:hidden;}}"," .arrow-wrapper{position:absolute;bottom:0;right:0;width:47px;aspect-ratio:1 / 1;background-color:",";color:",";display:flex;align-items:center;justify-content:center;z-index:-1;","{width:30px;height:30px;}"," "," ","}"],d.ZP.colors.pink,o.Z.md(m()),o.Z.xxl(f()),s.ZP,o.Z.md(p()),o.Z.lg(x()),o.Z.xxl(_(),(0,s.Ok)(60),(0,s.Ok)(60),(0,s.Ok)(105)),o.Z.lg(b()),o.Z.xxl(Z(),(0,s.Fl)(80),(0,s.Ok)(12)),u.Z,o.Z.lg(v()),o.Z.xl(w()),o.Z.xxl(k(),(0,s.Fl)(24),(0,s.Ok)(40)),d.ZP.fonts.semiBold,d.ZP.colors.black,d.ZP.colors.green,d.ZP.colors.black,d.ZP.colors.black,d.ZP.colors.white,o.Z.xxl(y(),(0,s.Ok)(60)),o.Z.lg(P()),o.Z.xxl(j(),(0,s.Ok)(60)),c.Z,d.ZP.colors.yellow,d.ZP.colors.blue,d.ZP.colors.green,o.Z.lg(N()),d.ZP.colors.grayLight,d.ZP.colors.black,o.Z.lg(O()),o.Z.xxl(z(),(0,s.Ok)(16),(0,s.Fl)(20)),d.ZP.fonts.semiBold,o.Z.lg(S()),o.Z.xxl($(),(0,s.Ok)(8),(0,s.Ok)(8),(0,s.Ok)(4),(0,s.Fl)(16)),h.Z.lg(C()),h.Z.lg(E()),h.Z.lg(I()),h.Z.lg(q()),h.Z.lg(R()),h.Z.lg(F()),h.Z.lg(L()),h.Z.lg(M()),o.Z.lg(D()),o.Z.lg(U()),o.Z.lg(B()),o.Z.lg(H()),o.Z.lg(T()),o.Z.lg(V()),d.ZP.colors.black,d.ZP.colors.white,g.Z,o.Z.md(A()),o.Z.lg(W()),o.Z.xxl(G(),(0,s.Ok)(56),g.Z,(0,s.Ok)(30),(0,s.Ok)(30)));var K=e(78446),Q=e(42586);let X=n=>"href"in n;var Y=e(18804),nn=e(6014),nt=e(69328),ne=e(55956),ni=e(35561),nr=e(81985),nl=e(88060),no=e(99376),na=e(27648),nc=e(44286),nd=e(84046);let ns=n=>'\n *[_type == "discover_overview" && language == $locale][0] {\n ...,\n "items": *[\n _type == "discover_page" && \n language == $locale && \n !(_i
1d in path("drafts.**")) &&\n _id > $lastId\n '.concat(n?'&& category == "'.concat(n,'"'):"",'\n ] | order(publication_date desc)[0..10] {\n _id,\n title,\n slug,\n category,\n header {\n header_image,\n theme_color,\n },\n },\n "total": count(*[\n _type == "discover_page" && \n language == $locale && \n !(_id in path("drafts.**"))\n ').concat(n?'&& category == "'.concat(n,'"'):"","\n ]),\n }\n "),nu=[2,1,.5,1,1,1,.5,1,.5,2,1,1,.5],ng=(n,t)=>{let e=n/t,i=e-Math.floor(e);return Math.round((i<0?i+1:i)*t)},nh=n=>{let t=n.length;for(;0!=t;){let e=Math.floor(Math.random()*t);t--,[n[t],n[e]]=[n[e],n[t]]}return n};var nm=n=>{let{title:t,header:e,discover_overview_pages:l,language:o,total:a}=n,c=(0,Q.useLocale)(),d=(0,Q.useTranslations)("discovery"),u=(0,no.useRouter)(),g=(0,no.useSearchParams)(),[h,m]=(0,r.useState)(a),f=Number(g.get("page")||0),[p,x]=(0,r.useState)(g.get("category")||null),[_,b]=(0,r.useState)(l&&l.length?l[l.length-1]._id:null),[Z,v]=(0,r.useState)([]);async function w(){await k({category:p,itemsPerPage:nt.g,lastId:_});let n=new URLSearchParams(g.toString());n.set("page",(f+1).toString()),p?n.set("category",p):n.delete("category"),u.replace("?".concat(n.toString()),{scroll:!1})}let k=(0,r.useCallback)(async n=>{let{category:t,itemsPerPage:e=nt.g,lastId:i,reset:r}=n;try{let n=await (0,nr.o)()(ns(t),{locale:o,itemsPerPage:e,lastId:i},{next:{tags:[nl.Z.EDUCATION_OVERVIEW]}});n.items.length>0?(b(n.items[n.items.length-1]._id),r?v(n.items):v(t=>[...t,...nh(n.items)])):(v([]),b(null)),m(n.total)}catch(n){console.error("Error fetching next page:",n)}},[_,f]),y=(0,r.useCallback)(n=>{x(n||null),n?k({category:n,itemsPerPage:nt.g,lastId:"0",reset:!0}):k({category:null,itemsPerPage:nt.g,lastId:"0",reset:!0});let t=new URLSearchParams(g.toString());n?t.set("category",n):t.delete("category"),u.replace("?".concat(t.toString()),{scroll:!1})},[]);return(0,r.useEffect)(()=>{let n=nh(l);v([...n.slice(0,1),{_id:"custom",title:d("sticky_text"),category:"sticky_title",image:{src:"/img/vraag-nemo.jpg",alt:d("sticky_text")},href:{nl:"https://nemosciencemuseum.forms.app/stel-een-vraag",en:"https://nemosciencemuseum.forms.app/askyourquestion"}},...n.slice(1)])},[]),(0,i.jsxs)(J,{children:[(0,i.jsxs)("div",{className:"discovery_overview_header",children:[(0,i.jsx)(s.ZP,{$alignItems:"center",$noPadding:!0,children:(0,i.jsxs)(Y.Z,{className:"title-wrap",$cols:{xs:1,xl:8/12},$flexDirection:"column",children:[(0,i.jsx)(ne.Z,{parent:{title:"Home",url:"en"===c?"en/":"/"}}),(0,i.jsx)("h1",{children:t}),(null==e?void 0:e.description)&&(0,i.jsx)(ni.Z,{value:e.description}),(0,i.jsxs)("div",{className:"filters",children:[(0,i.jsx)("button",{className:"filter-btn ".concat(null===p&&"filter-btn--active"),onClick:()=>{y(null)},children:d("filter_all")}),(0,i.jsx)("button",{className:"filter-btn ".concat("experiment"===p&&"filter-btn--active"),onClick:()=>{y("experiment")},children:d("filter_experiment")}),(0,i.jsx)("button",{className:"filter-btn ".concat("question"===p&&"filter-btn--active"),onClick:()=>{y("question")},children:d("filter_question")})]})]})}),(0,i.jsx)("div",{className:"bg"})]}),(0,i.jsxs)("div",{className:"content",children:[(0,i.jsx)("div",{className:"grid",children:!!Z&&Z.map((n,t)=>(0,i.jsx)(na.default,{href:X(n)?n.href[c]:"/".concat(n.slug.current),target:X(n)?"_blank":void 0,className:"grid-item grid-item--".concat(n.category),children:(0,i.jsxs)(nc.E.div,{className:"grid-item-inner",initial:"initial",whileHover:"hover",children:[(0,i.jsx)("div",{className:"grid-item-media",children:n.header?(0,i.jsx)(K.Z,{alt:n.header.header_image.alt,image:n.header.header_image.image,cropRatios:{xs:nu[ng(t,nu.length)]}}):n.image?(0,i.jsx)("img",{src:n.image.src,alt:n.image.alt}):null}),(0,i.jsx)("div",{className:"grid-item-label",children:d(n.category)}),(0,i.jsxs)("div",{className:"grid-item-title-wrap",children:[(0,i.jsx)("h4",{className:"grid-item-title",children:n.title}),(0,i.jsx)(nc.E.div,{className:"arrow-wrapper",variants:{initial:{x:0},hover:{x:"100%"}},transition:{duration:.3,ease:"easeOut"},children:(0,i.jsx)(nd.Z,{name:"arrow_right",size:30})})]})]})},n._id))}),(0,i.jsx)(s.ZP,{$alignItems:"start",className:"items",children:(0,i.jsx)(Y.Z,{$cols:{xs:1},$flexDirection:"column",children:h-Z.length>1&&(0,i.jsx)(nn.Z,{onClick:w,label:d("load_more")})})})]})]})}}},function(n){n.O(0,[691,7529,6812,3740,8274,2373,6511,2261,3145,657,5220,5060,8381,2971,2117,1744],function(){return n(n.s=2180)}),_N_E=n.O()}]);
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.