PageSourceSearch

https://watersnoodmuseum.nl/_next/static/chunks/pages/index-c9a5186b5849b0c6.js

js watersnoodmuseum.nl collected 2026-10-02 03:05:48 UTC 12,268 bytes, 1 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5405],{8312:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return e(8746)}])},5467:function(n,t,e){"use strict";var i=e(3288),r=e(2466),o=e(6260);e(5601),e(9739),e(9384);let a=n=>{let{alt:t,src:e,srcset:a,sizes:s,...l}=n,c=(0,r.useMemo)(()=>s&&Object.values(s).length>0?Object.values(s)[0]:e,[s,e]);return(0,i.jsx)(o.Z,{...l,children:(0,i.jsx)("img",{"data-srcset":null==a?void 0:a.join(","),"data-src":e,"data-sizes":"auto",src:c,alt:t,className:"lazyload"},e)})};t.Z=a},4290:function(n,t,e){"use strict";var i=e(3463),r=e(2473);function o(){let n=(0,i.Z)(["\n    video {\n        opacity: ",";\n        object-fit: cover;\n        transition: opacity 1s ease;\n    }\n"]);return o=function(){return n},n}let a=r.ZP.div.withConfig({componentId:"sc-d1021827-0"})(o(),n=>n.playerReady?1:0);t.Z=a},8746:function(n,t,e){"use strict";e.r(t),e.d(t,{__N_SSP:function(){return nl},default:function(){return nc}});var i=e(3288),r=e(2466),o=e(3463),a=e(2473),s=e(2637),l=e(6260),c=e(6008),u=e(4290),d=e(1619),f=e(4634);function p(){let n=(0,o.Z)(["\n    0% {\n        transform: scaleX(1);\n    }\n    100% {\n        transform: scaleX(0);\n    }\n"]);return p=function(){return n},n}function h(){let n=(0,o.Z)(["\n    0% {\n        transform: translateX(-20vw);\n    }\n    100% {\n        transform: translateX(0);\n    }\n"]);return h=function(){return n},n}function g(){let n=(0,o.Z)(["\n    0% {\n        transform: scale(1);\n    }\n    100% {\n        transform: scale(1.1);\n    }\n"]);return g=function(){return n},n}function m(){let n=(0,o.Z)(["\n        aspect-ratio: 2 / 1.5;\n    "]);return m=function(){return n},n}function x(){let n=(0,o.Z)(["\n        aspect-ratio: auto;\n        height: calc(100vh - 88px);\n        // height: 100vh;\n    "]);return x=function(){return n},n}function Z(){let n=(0,o.Z)(["\n            "," {\n                transform: scale(1.1);\n            }\n\n            "," {\n                opacity: 1;\n                transform: scale(1.1);\n            }\n        "]);return Z=function(){return n},n}function b(){let n=(0,o.Z)(["\n            margin: 20px 0 0;\n            padding: 0 60px 0;\n            border-radius: 8px;\n            padding-bottom: 60px;\n        "]);return b=function(){return n},n}function v(){let n=(0,o.Z)(["\n            right: 0;\n        "]);return v=function(){return n},n}function w(){let n=(0,o.Z)(["\n                font-size: 12vw;\n            "]);return w=function(){return n},n}function y(){let n=(0,o.Z)(["\n                font-size: 10vw;\n            "]);return y=function(){return n},n}function j(){let n=(0,o.Z)(["\n                font-size: 150px;\n                font-style: normal;\n                font-weight: 400;\n                \n                letter-spacing: 1.5px;\n            "]);return j=function(){return n},n}function _(){let n=(0,o.Z)(["\n    position: relative;\n    width: 100%;\n    aspect-ratio: 1 / 1.25;\n    overflow: hidden;\n\n    .inner {\n        position: relative;\n        height: 100%;\n\n        &:before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: var(",");\n            display: block;\n            z-index: 3;\n            animation: "," 2s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n            transform-origin: top right;\n        }\n    }\n\n    ","\n\n    ","\n    \n    "," {\n        width: 100%;\n        height: 100%;\n    }\n\n    "," {\n        height: 100%;\n        transition: transform 0.5s ease;\n\n        img {\n            height: 100%;\n            object-fit: cover;\n            animation: "," 2s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n        }\n    }\n\n    "," {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 1;\n        opacity: 0;\n        transition: opacity 0.5s ease, transform 0.5s ease;\n    }\n\n    ","\n\n    .content {\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        margin: 20px 0 0;\n        padding: 0 20px 20px;\n        // padding: 24px;\n        // background-color: var(",");\n        border-top-right-radius: 8px;\n        z-index: 2;\n        overflow: hidden;\n        //max-width: 390px;\n\n        ","\n\n        ","\n\n        h2 {\n            font-size: 20vw;\n            font-style: normal;\n            font-weight: 400;\n            line-height: 0.8;\n            letter-spacing: 0.94px;\n            // color: var(",");\n            color: ",";\n            margin: 0;\n            margin-right: 6vw;\n            word-spacing: 100vw;\n            transform: translateY(270px);\n            animation: "," 1s ease forwards;\n\n            ","\n\n            ","\n\n            ","\n        }\n\n        .content-btns {\n            display: flex;\n            flex-direction: column;\n\n            "," {\n                margin-right: auto;\n                margin-top: 10px;\n            }\n        }\n    }\n"]);return _=function(){return n},n}let k=(0,a.F4)(p()),P=(0,a.F4)(h()),z=(0,a.F4)(g()),N=a.ZP.div.withConfig({componentId:"sc-34ae1597-0"})(_(),c.ZP.vars.bg,k,s.Z.md(m()),s.Z.xl(x()),f.Z,l.Z,z,u.Z,n=>n.isHovering&&(0,a.iv)(Z(),l.Z,u.Z),c.ZP.vars.bg,s.Z.md(b()),s.Z.xl(v()),c.ZP.vars.fg,c.ZP.colors.white,P,s.Z.md(w()),s.Z.xl(y()),s.Z.xxl(j()),d.Z);function O(){let n=(0,o.Z)(["\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(-50%);\n  }\n"]);return O=function(){return n},n}function X(){let n=(0,o.Z)(["\n            padding: 80px 20px 40px;\n            padding: 0;\n            flex-wrap: nowrap;\n        "]);return X=function(){return n},n}function C(){let n=(0,o.Z)(["\n            "," {\n                transition: width 1s ease;\n                \n                &:hover {\n                    width: 120% !important;\n                }\n            }\n    \n            &:hover {\n                "," {\n                    width: 90%;\n                }\n            }\n        "]);return C=function(){return n},n}function E(){let n=(0,o.Z)(["\n    .header-container {\n        position: relative;\n        display: flex;\n        flex-wrap: wrap;\n        margin: 0 auto;\n        padding: 0;\n\n        ","\n\n        &:before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 35%;\n            background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);\n            display: block;\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        &:after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 35%;\n            background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);\n            display: block;\n            z-index: 1;\n            pointer-events: none;\n        }
1\n\n        "," {\n            &:nth-child(1) {\n                .inner::before {\n                    transform-origin: bottom right;\n                    animation-delay: 0;\n                }\n                .content h2 {\n                    animation-delay: 0;\n                }\n\n                "," img {\n                    animation-delay: 0;\n                }\n            }\n\n            &:nth-child(2) {\n                .inner::before {\n                    transform-origin: bottom right;\n                    animation-delay: 0.5s;\n                }\n                .content h2 {\n                    animation-delay: 0.5s;\n                }\n\n                "," img {\n                    animation-delay: 0.5s;\n                }\n            }\n\n            &:nth-child(3) {\n                .inner::before {\n                    transform-origin: bottom right;\n                    animation-delay: 1s;\n                }\n                .content h2 {\n                    animation-delay: 1s;\n                }\n\n                "," img {\n                    animation-delay: 1s;\n                }\n            }\n        }\n\n        ","\n    }\n\n    .bg-video {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        mix-blend-mode: lighten;\n\n        video {\n            position: relative;\n            width: 100%;\n            object-fit: cover;\n        }\n\n        &:after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            width: 100%;\n            height: 300px;\n            display: block;\n            background: linear-gradient(0deg, rgba(0, 0, 75, 1) 0%, rgba(0, 0, 75, 0) 100%);\n        }\n    }\n"]);return E=function(){return n},n}(0,a.F4)(O());let T=a.ZP.div.withConfig({componentId:"sc-269cf39c-0"})(E(),s.Z.xl(X()),N,l.Z,l.Z,l.Z,s.Z.xl(C(),N,N));var F=e(5467),I=e(9096),M=e(6528),S=e(9738),H=e(9866),D=e(8569),K=e.n(D),q=e(6434);let G=K()(()=>Promise.all([e.e(5905),e.e(5088)]).then(e.bind(e,5088)),{loadableGenerated:{webpack:()=>[5088]},ssr:!1}),J=n=>{let{header:t,content:e}=n,[o,a]=(0,r.useState)(!1),s=(0,S.sJ)(H.md);return(0,i.jsx)(N,{isHovering:o,onMouseOver:()=>{a(!0)},onMouseOut:()=>{a(!1)},children:(0,i.jsx)(f.Z,{colorTheme:e.template_type?e.template_type:"pale",children:(0,i.jsxs)("div",{className:"inner",children:[(0,i.jsx)(F.Z,{...e.image.image}),(0,i.jsx)(G,{isHovering:o,video:e.source_url.uri}),(0,i.jsxs)("div",{className:"content",children:[(0,i.jsx)("h2",{children:t.title}),(0,i.jsx)(I.M,{initial:!1,children:(o||s)&&(0,i.jsx)(M.E.section,{className:"content-btns",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.8,ease:[.04,.62,.23,.98]},children:e.links.map(n=>(0,i.jsx)(q.Z,{...n,followTheme:!0,icon:"arrow_right"},n.text))},"content")})]})]})})})};var Q=e(1425);function R(){let n=(0,o.Z)(["\n            padding: 30px 0;\n            flex-wrap: wrap;\n        "]);return R=function(){return n},n}function W(){let n=(0,o.Z)(["\n            font-size: 32px;\n        "]);return W=function(){return n},n}function Y(){let n=(0,o.Z)(["\n    background-color: ",";\n    margin-bottom: 60px;\n\n    .inner {\n        padding: 15px 0;\n        display: flex;\n        align-items: center;\n        row-gap: 24px;\n        background-color: ",";\n        margin: 0 auto;\n        border-radius: 8px;\n\n        ","\n    }\n\n    h3 {\n        font-family: ",";\n        font-size: 20px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 1.2;\n        color: ",";\n        text-transform: none;\n        margin: 0 24px 0 0;\n\n        ","\n    }\n\n    .text {\n        white-space: nowrap;\n    }\n"]);return Y=function(){return n},n}let A=a.ZP.div.withConfig({componentId:"sc-23372f59-0"})(Y(),c.ZP.colors.blue200,c.ZP.colors.blue200,Q.Z.sm(R()),c.ZP.fonts.default,c.ZP.colors.white,s.Z.md(W()));var B=e(75),L=e(7707),U=e(8082);let V=n=>{let{title:t,link:e}=n,{t:r}=(0,U.Z)("common");return(0,i.jsx)(A,{children:(0,i.jsx)(L.Z,{children:(0,i.jsx)(B.Z,{cols:{xs:1,xl:8/12},push:{xs:0,xl:2/12},alignItems:"center",children:(0,i.jsxs)("div",{className:"inner",children:[(0,i.jsx)("h3",{children:t}),(0,i.jsx)(q.Z,{...e,icon:"arrow_right",variant:"secondary"})]})})})})},$=n=>{let{call_to_action:t,homepage_blocks:e,globalSettings:r}=n;return(0,i.jsx)(T,{children:(0,i.jsxs)(f.Z,{colorTheme:"navy",children:[(0,i.jsx)("div",{className:"header-container",children:e.map(n=>(0,i.jsx)(J,{...n},n.header.title))}),(0,i.jsx)(V,{...t.content})]})})};var nn=n=>n,nt=e(2783),ne=e(432);let ni={refetchOnWindowFocus:!1,staleTime:6e4},nr={nl:"paginas/homepage",en:"pages/homepage",de:"seiten/homepage"},no=n=>{let{slug:t,locale:e}=n;return(0,ne.Z)(nr[e],e,nn)},na=n=>(0,nt.useQuery)(n.queryKey,()=>no(n),ni),ns=n=>{let{globalSettings:t,...e}=n,{data:r}=na(e);return r&&r.type===ne.h.OK&&r.pageData?(0,i.jsx)($,{...r.pageData,globalSettings:t}):null};var nl=!0,nc=ns}},function(n){n.O(0,[8006,910,9774,2888,179],function(){return n(n.s=8312)}
1),_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.