https://www.priyamisner.com/_next/static/chunks/app/layout-6fe46622359dae68.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{9034:function(r,t,o){Promise.resolve().then(o.bind(o,4404)),Promise.resolve().then(o.bind(o,7640)),Promise.resolve().then(o.bind(o,239)),Promise.resolve().then(o.t.bind(o,4080,23)),Promise.resolve().then(o.t.bind(o,4070,23)),Promise.resolve().then(o.bind(o,806)),Promise.resolve().then(o.bind(o,8380)),Promise.resolve().then(o.bind(o,4310)),Promise.resolve().then(o.t.bind(o,3054,23)),Promise.resolve().then(o.bind(o,3350)),Promise.resolve().then(o.bind(o,976))},806:function(r,t,o){"use strict";o.d(t,{Z:function(){return d},default:function(){return u}});var e=o(7437),n=o(2265),a=o(6648),i={src:"/_next/static/media/settingicon.bf084baf.svg",height:24,width:24,blurWidth:0,blurHeight:0},c=o(976),l=o(9307),s=o(4310);function d(){let[r,t]=(0,n.useState)(!1),o=(0,n.useContext)(s.N);return(0,e.jsxs)(c.ZE,{children:[(0,e.jsx)(c.ls,{onClick:()=>t(!r),color:o.colorPicked,children:r?(0,e.jsx)("p",{children:"X"}):(0,e.jsx)(a.default,{src:i,alt:"settings icon",width:"20",height:"20"})}),r&&(0,e.jsxs)(c.KF,{color:o.colorPicked,children:[(0,e.jsxs)("label",{htmlFor:"nw1",children:["numWaves1: ",o.waveOptions.nw1]}),(0,e.jsx)(c.Mi,{color:o.colorPicked,name:"nw1",type:"range",step:"0.1",min:"0.2",max:"20",defaultValue:o.waveOptions.nw1,onChange:r=>{o.setWaveOptions({...o.waveOptions,nw1:r.target.value})}}),(0,e.jsxs)("label",{htmlFor:"nw2",children:["numWaves2: ",o.waveOptions.nw2]}),(0,e.jsx)(c.Mi,{color:o.colorPicked,name:"nw2",type:"range",step:".2",min:"0.2",max:"20",defaultValue:o.waveOptions.nw2,onChange:r=>{o.setWaveOptions({...o.waveOptions,nw2:r.target.value})}}),(0,e.jsxs)("label",{htmlFor:"a1",children:["amp1: ",o.waveOptions.a1]}),(0,e.jsx)(c.Mi,{color:o.colorPicked,name:"a1",type:"range",step:".05",min:"0.05",max:"1",defaultValue:o.waveOptions.a1,onChange:r=>{o.setWaveOptions({...o.waveOptions,a1:r.target.value})}}),(0,e.jsxs)("label",{htmlFor:"a2",children:["amp2: ",o.waveOptions.a2]}),(0,e.jsx)(c.Mi,{color:o.colorPicked,name:"a2",type:"range",step:".05",min:"0.05",max:"1",defaultValue:o.waveOptions.a2,onChange:r=>{o.setWaveOptions({...o.waveOptions,a2:r.target.value})}})]})]})}function u(){let r=(0,n.useRef)(),t=(0,n.useRef)(),o=(0,n.useRef)(!1),a=(0,n.useRef)(),i=(0,n.useContext)(s.N),d=o=>{let e=r.current.getBoundingClientRect(),n=r.current.offsetHeight-t.current.offsetHeight,c=o.clientY-e.top-8;a.current={y:c>=0&&c<=n?c:c>n?n:0},t.current.style.top=a.current.y+"px";let s=a.current.y/n*240+60;t.current.style.backgroundColor="hsl(".concat(s,",").concat(80,"%,").concat(50,"%)");let d=l.p.hexToRGB(l.p.hslToHex(s,80,50));null==i||i.setColorPicked([d.r,d.g,d.b,1])},u=r=>{r.preventDefault(),o.current&&d(r)},p=r=>{o.current=!0,d(r),window.addEventListener("mousemove",u),window.addEventListener("mouseup",b)},b=()=>{o.current=!1,window.removeEventListener("mouseup",b),window.removeEventListener("mousemove",u)};return(0,e.jsx)(c.fi,{children:(0,e.jsx)(c.PS,{color:null==i?void 0:i.colorPicked,ref:r,onMouseDown:r=>p(r),children:(0,e.jsx)("span",{ref:t})})})}},8380:function(r,t,o){"use strict";o.d(t,{default:function(){return b}});var e=o(7437),n=o(2265),a=o(9183),i=o(5878),c=o(9307);let l=a.ZP.div.withConfig({componentId:"sc-b512a93d-0"})(["position:fixed;width:100%;background:",";backdrop-filter:blur(12.8px);-webkit-backdrop-filter:blur(12.8px);z-index:20;::selection{background:",";}"],r=>(0,c.L)({bottomLayer:r.color,topLayer:i.jF,returnFormat:"rgba",opacity:.85}),r=>(0,c.L)({bottomLayer:r.color,topLayer:r.color,opacity:.6,returnFormat:"rgba"})),s=a.ZP.div.withConfig({componentId:"sc-b512a93d-1"})(["width:100%;margin:0px auto;max-width:",";position:relative;z-index:5;display:grid;grid-template-columns:0.5fr repeat(10,1fr) 0.5fr;column-gap:10px;row-gap:64px;padding:24px 0px;z-index:100;"],i.AV.lg),d=a.ZP.h3.withConfig({componentId:"sc-b512a93d-2"})(["font-weight:600;grid-column:2 / span 5;font-size:20px;font-weight:400;a{text-decoration:none;color:",";}"],r=>(0,c.L)({bottomLayer:r.color,topLayer:i.Dr,returnFormat:"rgba"})),u=a.ZP.div.withConfig({componentId:"sc-b512a93d-3"})(["color:",";display:flex;grid-column-start:span 3;grid-column-end:12;flex-direction:row;justify-content:flex-end;font-size:20px;font-weight:400;a{margin-left:32px;color:",";text-decoration:none;}"],r=>(0,c.L)({bottomLayer:r.color,topLayer:i.Dr,returnFormat:"rgba"}),r=>(0,c.L)({bottomLayer:r.color,topLayer:i.Dr,returnFormat:"rgba"}));var p=o(4310);function b(){let r=(0,n.useContext)(p.N);

1return(0,e.jsx)(l,{color:null==r?void 0:r.colorPicked,children:(0,e.jsxs)(s,{children:[(0,e.jsxs)(d,{color:null==r?void 0:r.colorPicked,children:[" ",(0,e.jsx)("a",{href:"/",children:"Priya Misner"})]}),(0,e.jsxs)(u,{color:null==r?void 0:r.colorPicked,children:[(0,e.jsx)("a",{href:"/#work",children:"work"}),(0,e.jsx)("a",{href:"/#play",children:"play"}),(0,e.jsx)("a",{href:"https://blog.priyamisner.com",children:"blog"})]})]})})}},4310:function(r,t,o){"use strict";o.d(t,{N:function(){return a},default:function(){return i}});var e=o(7437),n=o(2265);let a=(0,n.createContext)({colorPicked:[25,149,230,1],setColorPicked:void 0,waveOptions:{a1:.25,a2:.5,nw1:4,nw2:1.2},setWaveOptions:void 0});function i(r){let{children:t}=r,[o,i]=(0,n.useState)([25,149,230,1]),[c,l]=(0,n.useState)({a1:.25,a2:.5,nw1:4,nw2:1.2});return(0,e.jsx)(a.Provider,{value:{colorPicked:o,setColorPicked:i,waveOptions:c,setWaveOptions:l},children:t})}},3350:function(r,t,o){"use strict";o.d(t,{default:function(){return c}});var e=o(7437),n=o(2265),a=o(6463),i=o(9183);function c(r){let{children:t}=r,[o]=(0,n.useState)(()=>new i.qH);return(0,a.useServerInsertedHTML)(()=>{let r=o.getStyleElement();return o.instance.clearTag(),(0,e.jsx)(e.Fragment,{children:r})}),(0,e.jsx)(e.Fragment,{children:t})}},976:function(r,t,o){"use strict";o.d(t,{ControlPanelWrapper:function(){return i},KF:function(){return u},Mi:function(){return s},PS:function(){return l},ZE:function(){return d},fi:function(){return c},ls:function(){return p}});var e=o(9183),n=o(5878),a=o(9307);let i=e.ZP.div.withConfig({componentId:"sc-f74d6012-0"})(["position:fixed;z-index:20;display:flex;flex-direction:column;row-gap:0px;top:40%;right:20px;transform:translate(0,-112px);"]),c=e.ZP.div.withConfig({componentId:"sc-f74d6012-1"})(["height:192px;width:24px;margin:10px 0;"]),l=e.ZP.div.withConfig({componentId:"sc-f74d6012-2"})(["width:100%;height:100%;border-radius:4px;position:relative;border:1px solid ",";background:linear-gradient( to bottom,hsl(60,80%,50%),hsl(120,80%,50%),hsl(180,80%,50%),hsl(240,80%,50%),hsl(300,80%,50%) );display:flex;align-items:center;& span{position:absolute;left:4px;top:108px;width:12px;height:12px;border-radius:16px;background-color:",";border:2px solid ",";}"],r=>(0,a.L)({bottomLayer:r.color,topLayer:n.Dr,returnFormat:"rgba"}),r=>(0,a.L)({bottomLayer:r.color,topLayer:r.color,returnFormat:"rgba"}),r=>(0,a.L)({bottomLayer:r.color,topLayer:n.Dr,returnFormat:"rgba"})),s=e.ZP.input.withConfig({componentId:"sc-f74d6012-3"})(["-webkit-appearance:none;appearance:none;background:none;cursor:pointer;&::-webkit-slider-runnable-track{background:",";border:1px solid ",";border-radius:4px;height:8px;}&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-5px;height:16px;width:16px;aspect-ratio:1;border-radius:50%;background-color:",";border:2px solid ",";}&:focus::-webkit-slider-thumb{border:2px solid ",";outline:6px solid ",";}&::-moz-range-track{background:",";border:1px solid ",";border-radius:4px;height:12px;}&::-moz-range-thumb{margin-top:-5px;height:16px;width:16px;aspect-ratio:1;border-radius:50%;background-color:",";border:2px solid ",";}&:focus::-moz-range-thumb{border:2px solid ",";outline:6px solid rgba(0,0,0,0.2);}"],r=>(0,a.L)({bottomLayer:r.color,topLayer:r.color,returnFormat:"rgba"}),r=>(0,a.L)({bottomLayer:r.color,topLayer:n.Dr,returnFormat:"rgba"}),r=>(0,a.L)({bottomLayer:r.color,topLayer:r.color,returnFormat:"rgba"}),r=>(0,a.L)({bottomLayer:r.color,topLayer:n.Dr,returnFormat:"rgba"}),r=>(0,a.L)({bottomLayer:r.color,topLayer:n.dk,returnFormat:"rgba"}),r=>(0,a.L)({bottomLayer:r.color,topLayer:r.color,returnFormat:"rgba"}),r=>(0,a.L)({bottomLayer:r.color,topLayer:n.jF,returnFormat:"rgba"}),r=>(0,a.L)({bottomLayer:r.color,topLayer:r.color,returnFormat:"rgba"}),r=>(0,a.L)({bottomLayer:r.color,topLayer:r.color,returnFormat:"rgba"}),r=>(0,a.L)({bottomLayer:r.color,topLayer:n.Dr,returnFormat:"rgba"}),r=>(0,a.L)({bottomLayer:r.color,topLayer:n.dk,returnFormat:"rgba"})),d=e.ZP.div.withConfig({componentId:"sc-f74d6012-4"})(["width:24px;height:24px;position:fixed;top:40%;

1transform:translate(0,-136px);right:20px;z-index:22;"]),u=e.ZP.div.withConfig({componentId:"sc-f74d6012-5"})(["width:240px;background-color:",";backdrop-filter:blur(6.8px);-webkit-backdrop-filter:blur(6.8px);display:flex;flex-direction:column;position:absolute;top:0px;right:40px;border:1px solid ",";border-radius:8px;padding:16px;row-gap:16px;"],r=>(0,a.L)({bottomLayer:r.color,topLayer:n.dk,returnFormat:"rgba",opacity:.5}),r=>r.color?(0,a.L)({bottomLayer:r.color,topLayer:n.Dr,returnFormat:"rgba"}):"black"),p=e.ZP.button.withConfig({componentId:"sc-f74d6012-6"})(["border-radius:4px;border:1px solid ",";width:26px;height:26px;background-color:",";backdrop-filter:blur(6.8px);-webkit-backdrop-filter:blur(6.8px);cursor:pointer;img{margin-left:-4px;margin-top:1px;}&:hover{background-color:",";}"],r=>(0,a.L)({bottomLayer:r.color,topLayer:n.Dr,returnFormat:"rgba"}),r=>(0,a.L)({bottomLayer:r.color,topLayer:n.jF,returnFormat:"rgba",opacity:1}),r=>(0,a.L)({bottomLayer:r.color,topLayer:r.color,returnFormat:"rgba"}))},5878:function(r,t,o){"use strict";o.d(t,{AV:function(){return s},Dr:function(){return i},J4:function(){return l},UL:function(){return c},dk:function(){return e},iu:function(){return a},jF:function(){return n}});let e=[255,255,255,.97],n=[255,255,255,.94],a=[255,255,255,.8],i=[0,0,0,.7],c=[0,0,0,.6],l="1px",s={xs:"0px",sm:"600px",md:"800px",lg:"1200px",xl:"1536px"}},9307:function(r,t,o){"use strict";function e(r){let{bottomLayer:t,topLayer:o,returnFormat:e,opacity:n}=r;var a=[];return(a[3]=1-(1-o[3])*(1-t[3]),a[0]=Math.round(o[0]*o[3]/a[3]+t[0]*t[3]*(1-o[3])/a[3]),a[1]=Math.round(o[1]*o[3]/a[3]+t[1]*t[3]*(1-o[3])/a[3]),a[2]=Math.round(o[2]*o[3]/a[3]+t[2]*t[3]*(1-o[3])/a[3]),"rgba"==e)?n?"rgba(".concat(a[0],",").concat(a[1],",").concat(a[2],",").concat(n,")"):"rgba(".concat(a[0],",").concat(a[1],",").concat(a[2],",").concat(a[3],")"):a}o.d(t,{L:function(){return e},p:function(){return n}});let n={hslToHex:(r,t,o)=>{let e=t*Math.min(o/=100,1-o)/100,n=t=>{let n=(t+r/30)%12;return Math.round(255*(o-e*Math.max(Math.min(n-3,9-n,1),-1))).toString(16).padStart(2,"0")};return"#".concat(n(0)).concat(n(8)).concat(n(4))},hexToHSL:r=>{if(/^#([\da-f]{3}){1,2}$/i.test(r)){let t=0,o=0,e=0;4===r.length?(t="0x"+r[1]+r[1],o="0x"+r[2]+r[2],e="0x"+r[3]+r[3]):7===r.length&&(t="0x"+r[1]+r[2],o="0x"+r[3]+r[4],e="0x"+r[5]+r[6]);let n=Math.min(t/=255,o/=255,e/=255),a=Math.max(t,o,e),i=a-n,c=0,l=0,s=0;return(c=(0===i?0:a===t?(o-e)/i%6:a===o?(e-t)/i+2:(t-o)/i+4)*60)<0&&(c+=360),s=(a+n)/2,{h:c,s:+(100*(0===i?0:i/(1-Math.abs(2*s-1)))).toFixed(1),l:s=+(100*s).toFixed(1)}}},hexToRGB:r=>({r:parseInt(r.slice(1,3),16),g:parseInt(r.slice(3,5),16),b:parseInt(r.slice(5,7),16)}),RGBToHSV(r,t,o){let e=Math.max(r,t,o),n=e-Math.min(r,t,o),a=n&&(e===r?(t-o)/n:e===t?2+(o-r)/n:4+(r-t)/n);return{h:60*(a<0?a+6:a),s:e&&n/e*100,v:e/255*100}}}},3054:function(){}},function(r){r.O(0,[986,988,733,971,23,744],function(){return r(r.s=9034)}),_N_E=r.O()}]);