https://lazarjov.com/_next/static/chunks/175-563f974ff7455c67.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[175],{2210:(e,r,n)=>{n.d(r,{m:()=>l});var t=n(4848),a=n(6540),i=n(53);let s=(0,a.forwardRef)(function({className:e,children:r,...n},a){return(0,t.jsx)("div",{ref:a,className:(0,i.A)("sm:px-8",e),...n,children:(0,t.jsx)("div",{className:"mx-auto max-w-7xl lg:px-8",children:r})})}),o=(0,a.forwardRef)(function({className:e,children:r,...n},a){return(0,t.jsx)("div",{ref:a,className:(0,i.A)("relative px-4 sm:px-8 lg:px-12",e),...n,children:(0,t.jsx)("div",{className:"mx-auto max-w-2xl lg:max-w-5xl",children:r})})}),l=(0,a.forwardRef)(function({children:e,...r},n){return(0,t.jsx)(s,{ref:n,...r,children:(0,t.jsx)(o,{children:e})})});l.Outer=s,l.Inner=o},3175:(e,r,n)=>{n.d(r,{O:()=>B});var t=n(4848),a=n(1106),i=n.n(a),s=n(2210);function o({href:e,children:r}){return(0,t.jsx)(i(),{href:e,className:"transition hover:text-blue-500 dark:hover:text-blue-400",children:r})}function l(){return(0,t.jsx)("footer",{className:"mt-32",children:(0,t.jsx)(s.m.Outer,{children:(0,t.jsx)("div",{className:"border-t border-zinc-100 pt-10 pb-16 dark:border-zinc-700/40",children:(0,t.jsx)(s.m.Inner,{children:(0,t.jsxs)("div",{className:"flex flex-col items-center justify-between gap-6 sm:flex-row",children:[(0,t.jsxs)("div",{className:"flex gap-6 text-sm font-medium text-zinc-800 dark:text-zinc-200",children:[(0,t.jsx)(o,{href:"/publications",children:"Publications"}),(0,t.jsx)(o,{href:"/presentations",children:"Presentations"}),(0,t.jsx)(o,{href:"/tools",children:"Tools"})]}),(0,t.jsxs)("p",{className:"text-sm text-zinc-400 dark:text-zinc-500",children:["\xa9 ",new Date().getFullYear()," Lazar Jovanovic. All rights reserved."]})]})})})})})}var c=n(9965),d=n.n(c),h=n(6715),m=n(8342),u=n(9297),x=n(53);let f={src:"/_next/static/media/avatar.2f5976bd.png",height:1024,width:1024,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAXVBMVEX3VwDGmETuvluqRA7vUwLd3d/p6Or1VgD7VwD7UQDHVBTkUQO4rqPQbSqOWTyXnaC7bEGFlJ2vopq/j3XYWgzGgl6zVyjQmUS+nFvfrlKsgjbTgC/F0Ning0u+v7rbzJ0CAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAQ0lEQVR4nBXJRxLAIAwAsaUaA+m9/v+ZmegqBO+cAEg7dDkJ+DGGXoVUaoiT/2uJoVEBze+9amK+zF6fpnBYa05jtw9KYQJ8a5Uc8QAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8};var p=n(6540);function g(e){return(0,t.jsx)("svg",{viewBox:"0 0 24 24","aria-hidden":"true",...e,children:(0,t.jsx)("path",{d:"m17.25 6.75-10.5 10.5M6.75 6.75l10.5 10.5",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function v(e){return(0,t.jsx)("svg",{viewBox:"0 0 8 6","aria-hidden":"true",...e,children:(0,t.jsx)("path",{d:"M1.75 1.75 4 4.25l2.25-2.5",fill:"none",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function j(e){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...e,children:[(0,t.jsx)("path",{d:"M8 12.25A4.25 4.25 0 0 1 12.25 8v0a4.25 4.25 0 0 1 4.25 4.25v0a4.25 4.25 0 0 1-4.25 4.25v0A4.25 4.25 0 0 1 8 12.25v0Z"}),(0,t.jsx)("path",{d:"M12.25 3v1.5M21.5 12.25H20M18.791 18.791l-1.06-1.06M18.791 5.709l-1.06 1.06M12.25 20v1.5M4.5 12.25H3M6.77 6.77 5.709 5.709M6.77 17.73l-1.061 1.061",fill:"none"})]})}function b(e){return(0,t.jsx)("svg",{viewBox:"0 0 24 24","aria-hidden":"true",...e,children:(0,t.jsx)("path",{d:"M17.25 16.22a6.937 6.937 0 0 1-9.47-9.47 7.451 7.451 0 1 0 9.47 9.47ZM12.75 7C17 7 17 2.75 17 2.75S17 7 21.25 7C17 7 17 11.25 17 11.25S17 7 12.75 7Z",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function k({href:e,children:r}){return(0,t.jsx)("li",{children:(0,t.jsx)(m.A.Button,{as:i(),href:e,className:"block py-2",children:r})})}function w(e){return(0,t.jsxs)(m.A,{...e,children:[(0,t.jsxs)(m.A.Button,{className:"group flex items-center rounded-full bg-white/90 px-4 py-2 text-sm font-medium text-zinc-800 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:text-zinc-200 dark:ring-white/10 dark:hover:ring-white/20",children:["Menu",(0,t.jsx)(v,{className:"ml-3 h-auto w-2 stroke-zinc-500 group-hover:stroke-zinc-700 dark:group-hover:stroke-zinc-400"})]}),(0,t.jsxs)(u.e.Root,{children:[(0,t.jsx)(u.e.Child,{as:p.Fragment,enter:"duration-150 ease-out",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"duration-150 ease-in",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,t.jsx)(m.A.Overlay,{className:"fixed inset-0 z-50 bg-zinc-800/40 backdrop-blur-sm dark:bg-black/80"})}),(0,t.jsx)(u.e.Child,{as:p.Fragment,enter:"duration-150 ease-out",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"duration-150 ease-in",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:(0,t.jsxs)(m.A.Panel,{focus:!0,className:"fixed inset-x-4 top-8 z-50 origin-top rounded-3xl bg-white p-8 ring-1 ring-zinc-900/5 dark:bg-zinc-900 dark:ring-zinc-800",children:[(0,t.jsxs)("div",{className:"flex flex-row-reverse items-center justify-between",children:[(0,t.jsx)(m.A.Button,{"aria-label":"Close menu",className:"-m-1 p-1",children:(0,t.jsx)(g,{className:"h-6 w-6 text-zinc-500 dark:text-zinc-400"})}),(0,t.jsx)("h2",{className:"text-sm font-medium text-zinc-600 dark:text-zinc-400",children:"Navigation"})]}),(0,t.jsx)("nav",{className:"mt-6",children:(0,t.jsxs)("ul",{className:"-my-2 divide-y divide-zinc-100 text-base text-zinc-800 dark:divide-zinc-100/5 dark:text-zinc-300",children:[(0,t.jsx)(k,{href:"/publications",children:"Publications"}),(0,t.jsx)(k,{href:"/presentations",children:"Presentations"}),(0,t.jsx)(k,{href:"/tools",children:"Tools"})]})})]})})]})]})}function z({href:e,children:r}){let n=(0,h.useRouter)().pathname===e;return(0,t.jsx)("li",{children:(0,t.jsxs)(i(),{href:e,className:(0,x.A)("relative block px-3 py-2 transition",n?"text-braun-accent-orange dark:text-braun-accent-orange":"hover:text-braun-accent-orange dark:hover:text-braun-accent-orange"),children:[r,n&&(0,t.jsx)("span",{className:"absolute inset-x-1 -bottom-px h-px bg-gradient-to-r from-braun-accent-orange/0 via-braun-accent-orange/40 to-braun-accent-orange/0 dar

1k:from-braun-accent-orange/0 dark:via-braun-accent-orange/40 dark:to-braun-accent-orange/0"})]})})}function A(e){return(0,t.jsx)("nav",{...e,children:(0,t.jsxs)("ul",{className:"flex rounded-full bg-white/90 px-3 text-sm font-medium text-zinc-800 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:text-zinc-200 dark:ring-white/10",children:[(0,t.jsx)(z,{href:"/publications",children:"Publications"}),(0,t.jsx)(z,{href:"/presentations",children:"Presentations"}),(0,t.jsx)(z,{href:"/tools",children:"Tools"})]})})}function N(){return(0,t.jsxs)("button",{type:"button","aria-label":"Toggle dark mode",className:"group rounded-full bg-white/90 px-3 py-2 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur transition dark:bg-zinc-800/90 dark:ring-white/10 dark:hover:ring-white/20",onClick:function(){document.documentElement.classList.add("[&_*]:!transition-none"),window.setTimeout(()=>{document.documentElement.classList.remove("[&_*]:!transition-none")},0);let e=window.matchMedia("(prefers-color-scheme: dark)").matches,r=document.documentElement.classList.toggle("dark");r===e?delete window.localStorage.isDarkMode:window.localStorage.isDarkMode=r},children:[(0,t.jsx)(j,{className:"h-6 w-6 fill-zinc-100 stroke-zinc-500 transition group-hover:fill-zinc-200 group-hover:stroke-zinc-700 dark:hidden [@media(prefers-color-scheme:dark)]:fill-blue-50 [@media(prefers-color-scheme:dark)]:stroke-[#ff7e0a] [@media(prefers-color-scheme:dark)]:group-hover:fill-blue-50 [@media(prefers-color-scheme:dark)]:group-hover:stroke-[#E85C00]"}),(0,t.jsx)(b,{className:"hidden h-6 w-6 fill-zinc-700 stroke-zinc-500 transition dark:block [@media(prefers-color-scheme:dark)]:group-hover:stroke-[#6d4e6c] [@media_not_(prefers-color-scheme:dark)]:fill-[#6d4e6c] [@media_not_(prefers-color-scheme:dark)]:stroke-blue-500"})]})}function y(e,r,n){return Math.min(Math.max(e,Math.min(r,n)),Math.max(r,n))}function M({className:e,...r}){return(0,t.jsx)("div",{className:(0,x.A)(e,"h-10 w-10 rounded-full bg-white/90 p-0.5 shadow-lg shadow-zinc-800/5 ring-1 ring-zinc-900/5 backdrop-blur dark:bg-zinc-800/90 dark:ring-white/10"),...r})}function E({large:e=!1,className:r,...n}){return(0,t.jsx)(i(),{href:"/","aria-label":"Home",className:(0,x.A)(r,"pointer-events-auto"),...n,children:(0,t.jsx)(d(),{src:f,fetchPriority:"high",alt:"Avatar - Profile picture",sizes:e?"4rem":"2.25rem",className:(0,x.A)("rounded-full bg-zinc-100 object-cover dark:bg-zinc-800",e?"h-16 w-16":"h-9 w-9"),priority:!0})})}function L(){let e="/"===(0,h.useRouter)().pathname,r=(0,p.useRef)(),n=(0,p.useRef)(),a=(0,p.useRef)(!0);return(0,p.useEffect)(()=>{let t=n.current?.offsetTop??0;function i(e,r){document.documentElement.style.setProperty(e,r)}function s(e){document.documentElement.style.removeProperty(e)}function o(){(function(){let{top:e,height:n}=r.current.getBoundingClientRect(),o=y(window.scrollY,0,document.body.scrollHeight-window.innerHeight);if(a.current&&i("--header-position","sticky"),i("--content-offset",`${t}px`),a.current||o<t)i("--header-height",`${t+n}px`),i("--header-mb",`${-t}px`);else if(e+n<-64){let e=Math.max(n,o-64);i("--header-height",`${e}px`),i("--header-mb",`${n-e}px`)}else 0===e&&(i("--header-height",`${o+n}px`),i("--header-mb",`${-o}px`));0===e&&o>0&&o>=t?(i("--header-inner-position","fixed"),s("--header-top"),s("--avatar-top")):(s("--header-inner-position"),i("--header-top","0px"),i("--avatar-top","0px"))})(),function(){if(!e)return;let r=36/64,n=2/16,a=t-window.scrollY,s=a*(1-r)/t+r;s=y(s,1,r);let o=a*(0-n)/t+n;o=y(o,0,n),i("--avatar-image-transform",`translate3d(${o}rem, 0, 0) scale(${s})`);let l=1/(r/s),c=(-n+o)*l;i("--avatar-border-transform",`translate3d(${c}rem, 0, 0) scale(${l})`),i("--avatar-border-opacity",s===r?1:0)}(),a.current=!1}return o(),window.addEventListener("scroll",o,{passive:!0}),window.addEventListener("resize",o),()=>{window.removeEventListener("scroll",o,{passive:!0}),window.removeEventListener("resize",o)}},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("header",{className:"pointer-events-none relative z-50 flex flex-col",style:{height:"var(--header-height)",marginBottom:"var(--header-mb)"},children:[e&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{ref:n,className:"order-last mt-[calc(theme(sp

1acing.16)-theme(spacing.3))]"}),(0,t.jsx)(s.m,{className:"top-0 order-last -mb-3 pt-3",style:{position:"var(--header-position)"},children:(0,t.jsx)("div",{className:"top-[var(--avatar-top,theme(spacing.3))] w-full",style:{position:"var(--header-inner-position)"},children:(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(M,{className:"absolute left-0 top-3 origin-left transition-opacity",style:{opacity:"var(--avatar-border-opacity, 0)",transform:"var(--avatar-border-transform)"}}),(0,t.jsx)(E,{large:!0,className:"block h-16 w-16 origin-left",style:{transform:"var(--avatar-image-transform)"}})]})})})]}),(0,t.jsx)("div",{ref:r,className:"top-0 z-10 h-16 pt-6",style:{position:"var(--header-position)"},children:(0,t.jsx)(s.m,{className:"top-[var(--header-top,theme(spacing.6))] w-full",style:{position:"var(--header-inner-position)"},children:(0,t.jsxs)("div",{className:"relative flex gap-4",children:[(0,t.jsx)("div",{className:"flex flex-1",children:!e&&(0,t.jsx)(M,{children:(0,t.jsx)(E,{})})}),(0,t.jsxs)("div",{className:"flex flex-1 justify-end md:justify-center",children:[(0,t.jsx)(w,{className:"pointer-events-auto md:hidden"}),(0,t.jsx)(A,{className:"pointer-events-auto hidden md:block"})]}),(0,t.jsx)("div",{className:"flex justify-end md:flex-1",children:(0,t.jsx)("div",{className:"pointer-events-auto",children:(0,t.jsx)(N,{})})})]})})})]}),e&&(0,t.jsx)("div",{style:{height:"var(--content-offset)"}})]})}function B({children:e}){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"fixed inset-0 flex justify-center sm:px-8",children:(0,t.jsx)("div",{className:"flex w-full max-w-7xl lg:px-8",children:(0,t.jsx)("div",{className:"w-full bg-white ring-1 ring-zinc-100 dark:bg-zinc-900 dark:ring-zinc-300/20"})})}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(L,{}),(0,t.jsx)("main",{children:e}),(0,t.jsx)(l,{})]})]})}}}]);