"use strict";(self.webpackChunkfezcodex=self.webpackChunkfezcodex||[]).push([[3575],{63575(e,t,a){a.r(t),a.d(t,{default:()=>A});var s=a(89379),n=a(9950),r=a(18905),l=a(34272),i=a(4422),o=a(33671),c=a(22476),d=a(79398),m=a(37901),x=a(71414),p=a(28796),g=a(10338),h=a(89837),u=a(44374),f=a(35951),b=a(80797),j=a(44414);const v=[{id:"rain",label:"Urban Rain",icon:o.T,url:"/sounds/rain.mp3"},{id:"forest",label:"Nocturnal Forest",icon:p.O,url:"/sounds/forest.mp3"},{id:"coffee",label:"Static",icon:c.s,url:"/sounds/static.mp3"},{id:"wind",label:"Wind",icon:g.A,url:"/sounds/wind.mp3"}],A=()=>{const{addToast:e}=(0,u.d)(),[t,a]=(0,n.useState)(!1),[o,c]=(0,n.useState)({rain:.3,forest:0,coffee:0,wind:.1}),[p,g]=(0,n.useState)({}),[A,y]=(0,n.useState)(!1),w=(0,n.useRef)({}),N=(0,n.useCallback)((e,a)=>{const n=parseFloat(a);c(t=>(0,s.A)((0,s.A)({},t),{},{[e]:n}));const r=w.current[e];r&&(r.volume=t||p[e]?0:n,n>0&&A?r.play().catch(()=>{}):0===n&&r.pause())},[t,A,p]);return(0,j.jsxs)("div",{className:"min-h-screen bg-[#050505] text-white selection:bg-emerald-500/30 font-sans",children:[(0,j.jsx)(h.A,{title:"Atmosphere Mixer | Fezcodex",description:"Protocol for soundscape calibration. Blend background environments to create your ideal focus space.",keywords:["Fezcodex","ambient noise","focus music","white noise","atmosphere mixer"]}),(0,j.jsxs)("div",{className:"mx-auto max-w-7xl px-6 py-24 md:px-12",children:[(0,j.jsxs)("header",{className:"mb-24",children:[(0,j.jsxs)(r.N_,{to:"/apps",className:"group mb-12 inline-flex items-center gap-2 text-xs font-mono text-gray-500 hover:text-white transition-colors uppercase tracking-[0.3em]",children:[(0,j.jsx)(i.A,{weight:"bold",className:"transition-transform group-hover:-translate-x-1"}),(0,j.jsx)("span",{children:"Applications"})]}),(0,j.jsxs)("div",{className:"flex flex-col md:flex-row md:items-end justify-between gap-12",children:[(0,j.jsxs)("div",{className:"space-y-4",children:[(0,j.jsx)(b.A,{title:"Atmosphere Mixer",slug:"am",variant:"brutalist"}),(0,j.jsx)("p",{className:"text-xl text-gray-400 max-w-2xl font-light leading-relaxed",children:"Soundscape calibration protocol. Mix environmental layers to generate a balanced auditory background for focus and clarity."})]}),(0,j.jsx)("div",{className:"flex gap-4",children:A?(0,j.jsxs)("button",{onClick:()=>{const e=!t;a(e),Object.keys(o).forEach(t=>{w.current[t]&&(w.current[t].volume=e||p[t]?0:o[t])})},className:"group relative inline-flex items-center gap-4 px-10 py-6 border transition-all duration-300 font-mono uppercase tracking-widest text-sm font-black rounded-sm shrink-0 ".concat(t?"bg-red-500 text-black border-red-400":"bg-white text-black border-white hover:bg-emerald-500"),children:[t?(0,j.jsx)(x.I,{weight:"bold",size:24}):(0,j.jsx)(m.x,{weight:"bold",size:24}),(0,j.jsx)("span",{children:t?"System Silent":"System Active"})]}):(0,j.jsx)("div",{className:"flex gap-2",children:(0,j.jsxs)("button",{onClick:()=>{y(!0);const t={rain:.3,forest:0,coffee:0,wind:.1};c(t),Object.keys(w.current).forEach(e=>{const a=w.current[e];if(a){const s=t[e]||0;a.volume=s,a.play().then(()=>{0===s&&a.pause()}).catch(t=>{console.error("Error playing ".concat(e,":"),t)})}}),e({title:"Audio Initialized",message:"Soundscape engine is now active."})},className:"group relative inline-flex items-center gap-4 px-10 py-6 bg-emerald-500 text-black hover:bg-emerald-400 transition-all duration-300 font-mono uppercase tracking-widest text-sm font-black rounded-sm shrink-0",children:[(0,j.jsx)(d.u,{weight:"fill",size:24}),(0,j.jsx)("span",{children:"Start Engine"})]})})})]})]}),(0,j.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-12",children:[(0,j.jsx)("div",{className:"lg:col-span-12",children:(0,j.jsxs)("div",{className:"relative border border-white/10 bg-white/[0.02] p-12 md:p-24 rounded-sm overflow-hidden group",children:[(0,j.jsx)("div",{className:"absolute inset-0 opacity-[0.03] pointer-events-none grayscale",children:(0,j.jsx)(f.A,{seed:"Atmosphere Mixer"+Object.values(o).join(""),className:"w-full h-full"})}),(0,j.jsx)("div",{className:"relative z-10 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-12 h-96",children:v.map(e=>(0,j.jsxs)("div",{className:"flex flex-col items-center gap-8 h-full",children:[(0,j.jsx)("div",{className:"flex-1 w-full relative",children:(0,j.jsx)("div",{className:"absolute inset-0 flex justify-center items-center",children:(0,j.jsxs)("div",{className:"w-16 h-full bg-black/40 border border-white/5 rounded-sm relative overflow-hidden flex flex-col justify-end",children:[(0,j.jsx)(l.P.div,{initial:!1,animate:{height:"".concat(100*o[e.id],"%")},className:"w-full bg-emerald-500 shadow-[0_0_30px_rgba(16,185,129,0.3)]"}),(0,j.jsx)("input",{type:"range",min:"0",max:"1",step:"0.01",value:o[e.id],onChange:t=>N(e.id,t.target.value),className:"absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10",style:{WebkitAppearance:"none",writingMode:"bt-lr",transform:"rotate(-90deg)",width:"384px",height:"64px",position:"absolute",top:"160px",left:"-160px"}})]})})}),(0,j.jsxs)("button",{onClick:()=>{return a=e.id,void g(e=>{const n=(0,s.A)((0,s.A)({},e),{},{[a]:!e[a]}),r=w.current[a];return r&&(r.volume=n[a]||t?0:o[a]),n});var a},className:"text-center space-y-2 mt-4 group/icon",children:[(0,j.jsx)(e.icon,{size:32,weight:o[e.id]>0&&!p[e.id]?"fill":"regular",className:"mx-auto transition-colors ".concat(o[e.id]>0&&!p[e.id]?"text-emerald-500":"text-gray-600"," group-hover/icon:text-white")}),(0,j.jsx)("span",{className:"block font-mono text-[10px] uppercase tracking-widest text-gray-500",children:e.label}),(0,j.jsxs)("span",{className:"block font-black ".concat(p[e.id]?"text-red-500 line-through":"text-white"),children:[Math.round(100*o[e.id]),"%"]})]}),(0,j.jsx)("audio",{ref:t=>w.current[e.id]=t,src:e.url,loop:!0})]},e.id))})]})}),(0,j.jsx)("div",{className:"lg:col-span-12",children:(0,j.jsxs)("div",{className:"p-8 border border-white/10 bg-white/[0.01] rounded-sm flex items-start gap-6",children:[(0,j.jsx)(m.x,{size:32,className:"text-gray-700 shrink-0 mt-1"}),(0,j.jsx)("p",{className:"text-sm font-mono uppercase tracking-[0.2em] leading-relaxed text-gray-500 max-w-4xl",children:A?"Environmental audio layering is active. Adjust the vertical sliders to calibrate the intensity of each channel.":"Engine standby. Initialize the soundscape protocol to begin audio transmission."})]})})]}),(0,j.jsxs)("footer",{className:"mt-32 pt-12 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-6 text-gray-600 font-mono text-[10px] uppercase tracking-[0.3em]",children:[(0,j.jsx)("span",{children:"Fezcodex_Audio_Matrix_v0.6.2"}),(0,j.jsxs)("span",{className:"text-gray-800",children:["MIXER_STATUS //"," ",Object.values(o).some(e=>e>0)&&!t?"BROADCASTING":"STANDBY"]})]})]})]})}},71414(e,t,a){a.d(t,{I:()=>i,j:()=>o});var s=a(89379),n=a(9950),r=a(35507),l=a(82238);const i=n.forwardRef((e,t)=>n.createElement(r.A,(0,s.A)((0,s.A)({ref:t},e),{},{weights:l.A})));i.displayName="SpeakerSlashIcon";const o=i},80797(e,t,a){a.d(t,{A:()=>r});var s=a(9950),n=a(44414);const r=e=>{let{title:t,slug:a,breadcrumbs:r,gradient:l=!0,sansFont:i=!1,lightStyle:o=!0,variant:c="default"}=e;const d=r||(a?["fc","apps",a]:[]);return"brutalist"===c?(0,n.jsxs)("div",{className:"flex flex-col gap-2 mb-8",children:[(0,n.jsx)("div",{className:"flex items-center gap-2 font-mono text-[10px] uppercase tracking-[0.3em] text-gray-400",children:d.map((e,t)=>(0,n.jsxs)(s.Fragment,{children:[(0,n.jsx)("span",{className:t===d.length-1?"text-emerald-500 font-bold":"",children:e}),t<d.length-1&&(0,n.jsxs)("span",{className:"text-gray-600 font-bold ",children:[" ","//"]})]},t))}),(0,n.jsx)("h1",{className:"text-4xl md:text-6xl font-black tracking-tighter text-white uppercase leading-none",children:t})]}):(0,n.jsxs)("div",{className:"relative flex flex-col items-center justify-center mb-4 ".concat(i?"font-playfairDisplay":"font-mono"," "),children:[(0,n.jsx)("span",{className:"min-[1376px]:absolute min-[1376px]:left-0 min-[1376px]:top-1/2 min-[1376px]:-translate-y-1/2 text-xl md:text-2xl font-mono font-normal text-gray-500 tracking-tight mb-2 min-[1376px]:mb-0 opacity-75",children:d.map((e,t)=>(0,n.jsxs)(s.Fragment,{children:[(0,n.jsx)("span",{className:t===d.length-1?o?"text-primary-400":"text-rose-800":"",children:e}),t<d.length-1&&(0,n.jsx)("span",{className:"text-gray-700",children:"::"})]},t))}),(0,n.jsx)("h1",{className:"text-4xl md:text-6xl font-black tracking-tighter text-center",children:(0,n.jsx)("span",{className:l?o?"bg-clip-text text-transparent bg-gradient-to-r from-primary-400 to-secondary-400":"bg-clip-text text-transparent bg-gradient-to-r from-pink-800 to-teal-800":"text-white",children:t})})]})}},82238(e,t,a){a.d(t,{A:()=>n});var s=a(9950);const n=new Map([["bold",s.createElement(s.Fragment,null,s.createElement("path",{d:"M56.88,31.93A12,12,0,1,0,39.12,48.07L64.51,76H32A20,20,0,0,0,12,96v64a20,20,0,0,0,20,20H75.88l68.75,53.47A12,12,0,0,0,164,224V185.44l35.12,38.63a12,12,0,0,0,17.76-16.14ZM36,100H68v56H36Zm104,99.46L92,162.13V106.24L140,159Zm-31-134a12,12,0,0,1,2.11-16.84l33.51-26.07A12,12,0,0,1,164,32V94.94a12,12,0,0,1-24,0V56.54l-14.15,11A12,12,0,0,1,109,65.44Zm74,49.35a12,12,0,0,1,18-15.85,44,44,0,0,1,5.55,50.21,12,12,0,0,1-21-11.55A19.67,19.67,0,0,0,188,128,20,20,0,0,0,183,114.79ZM252,128a84.18,84.18,0,0,1-19.11,53.35,12,12,0,1,1-18.53-15.25A60,60,0,0,0,212.73,88a12,12,0,1,1,17.88-16A83.87,83.87,0,0,1,252,128Z"}))],["duotone",s.createElement(s.Fragment,null,s.createElement("path",{d:"M80,88v80H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8Z",opacity:"0.2"}),s.createElement("path",{d:"M53.92,34.62A8,8,0,1,0,42.08,45.38L73.55,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V175.09l42.08,46.29a8,8,0,1,0,11.84-10.76ZM32,96H72v64H32ZM144,207.64,88,164.09V95.89l56,61.6Zm42-63.77a24,24,0,0,0,0-31.72,8,8,0,1,1,12-10.57,40,40,0,0,1,0,52.88,8,8,0,0,1-12-10.59Zm-80.16-76a8,8,0,0,1,1.4-11.23l39.85-31A8,8,0,0,1,160,32v74.83a8,8,0,0,1-16,0V48.36l-26.94,21A8,8,0,0,1,105.84,67.91ZM248,128a79.9,79.9,0,0,1-20.37,53.34,8,8,0,0,1-11.92-10.67,64,64,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67A79.83,79.83,0,0,1,248,128Z"}))],["fill",s.createElement(s.Fragment,null,s.createElement("path",{d:"M213.92,210.62a8,8,0,1,1-11.84,10.76L160,175.09v48.6a8.29,8.29,0,0,1-3.91,7.18,8,8,0,0,1-9-.56l-65.55-51A4,4,0,0,1,80,176.18V87.09L42.08,45.38A8,8,0,1,1,53.92,34.62Zm-27.21-55.46a8,8,0,0,0,11.29-.7,40,40,0,0,0,0-52.88,8,8,0,1,0-12,10.57,24,24,0,0,1,0,31.72A8,8,0,0,0,186.71,155.16Zm40.92-80.49a8,8,0,1,0-11.92,10.66,64,64,0,0,1,0,85.34,8,8,0,1,0,11.92,10.66,80,80,0,0,0,0-106.66ZM153,119.87a4,4,0,0,0,7-2.7V32.25a8.27,8.27,0,0,0-2.88-6.4,8,8,0,0,0-10-.16L103.83,59.33a4,4,0,0,0-.5,5.85ZM60,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H60a4,4,0,0,0,4-4V84A4,4,0,0,0,60,80Z"}))],["light",s.createElement(s.Fragment,null,s.createElement("path",{d:"M52.44,36A6,6,0,0,0,43.56,44L78,81.94l-.08.06H32A14,14,0,0,0,18,96v64a14,14,0,0,0,14,14H77.94l70.38,54.74A6,6,0,0,0,158,224V169.92L203.56,220a6,6,0,0,0,8.88-8.08ZM30,160V96a2,2,0,0,1,2-2H74v68H32A2,2,0,0,1,30,160Zm116,51.73L86,165.07V90.93l.11-.08L146,156.72Zm41.5-66.53a26,26,0,0,0,0-34.37,6,6,0,1,1,9-7.93,38,38,0,0,1,0,50.24,6,6,0,0,1-9-7.94ZM107.41,66.68a6,6,0,0,1,1.06-8.42l39.85-31A6,6,0,0,1,158,32v74.83a6,6,0,0,1-12,0V44.27L115.83,67.73A6,6,0,0,1,107.41,66.68ZM246,128a77.86,77.86,0,0,1-19.86,52,6,6,0,1,1-8.94-8,66,66,0,0,0,0-88,6,6,0,1,1,8.94-8A77.86,77.86,0,0,1,246,128Z"}))],["regular",s.createElement(s.Fragment,null,s.createElement("path",{d:"M53.92,34.62A8,8,0,1,0,42.08,45.38L73.55,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V175.09l42.08,46.29a8,8,0,1,0,11.84-10.76ZM32,96H72v64H32ZM144,207.64,88,164.09V95.89l56,61.6Zm42-63.77a24,24,0,0,0,0-31.72,8,8,0,1,1,12-10.57,40,40,0,0,1,0,52.88,8,8,0,0,1-12-10.59Zm-80.16-76a8,8,0,0,1,1.4-11.23l39.85-31A8,8,0,0,1,160,32v74.83a8,8,0,0,1-16,0V48.36l-26.94,21A8,8,0,0,1,105.84,67.91ZM248,128a79.9,79.9,0,0,1-20.37,53.34,8,8,0,0,1-11.92-10.67,64,64,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67A79.83,79.83,0,0,1,248,128Z"}))],["thin",s.createElement(s.Fragment,null,s.createElement("path",{d:"M51,37.31A4,4,0,0,0,45,42.69L81,82.19,78.63,84H32A12,12,0,0,0,20,96v64a12,12,0,0,0,12,12H78.63l70.91,55.16A4.07,4.07,0,0,0,152,228a3.92,3.92,0,0,0,1.76-.41A4,4,0,0,0,156,224V164.75l49,53.94a4,4,0,1,0,5.92-5.38ZM28,160V96a4,4,0,0,1,4-4H76v72H32A4,4,0,0,1,28,160Zm120,55.82L84,166V90l2.35-1.83L148,156Zm41-69.3a28,28,0,0,0,0-37,4,4,0,1,1,6-5.29,36,36,0,0,1,0,47.59,4,4,0,1,1-6-5.29ZM109,65.45a4,4,0,0,1,.7-5.61l39.85-31A4,4,0,0,1,156,32v74.83a4,4,0,0,1-8,0V40.18l-33.39,26A4,4,0,0,1,109,65.45ZM244,128a75.88,75.88,0,0,1-19.35,50.67,4,4,0,0,1-6-5.34,68,68,0,0,0,0-90.66,4,4,0,0,1,6-5.34A75.88,75.88,0,0,1,244,128Z"}))]])},89837(e,t,a){a.d(t,{A:()=>l});a(9950);var s=a(18905),n=a(44414);const r="https://fezcode.com",l=e=>{let{title:t,description:a,image:l,keywords:i,ogImage:o,twitterImage:c,type:d}=e;const m=(0,s.zy)();if(!t||"Fezcodex"===t||"fezcodex"===t)return null;const x=r+m.pathname,p=m.pathname.startsWith("/apps"),g=l||o||c||(p?"/images/asset/ogtitle-apps.png":"/images/asset/ogtitle.png"),h=g.startsWith("http")?g:r+(g.startsWith("/")?"":"/")+g,u=Array.isArray(i)?i.join(", "):i,f=d||(m.pathname.startsWith("/blog")?"article":"website");return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("title",{children:t}),(0,n.jsx)("meta",{name:"description",content:a}),u&&(0,n.jsx)("meta",{name:"keywords",content:u}),(0,n.jsx)("meta",{property:"og:title",content:t}),(0,n.jsx)("meta",{property:"og:description",content:a}),(0,n.jsx)("meta",{property:"og:image",content:h}),(0,n.jsx)("meta",{property:"og:url",content:x}),(0,n.jsx)("meta",{property:"og:type",content:f}),(0,n.jsx)("meta",{property:"og:site_name",content:"Fezcodex"}),h.startsWith("https")&&(0,n.jsx)("meta",{property:"og:image:secure_url",content:h}),(0,n.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,n.jsx)("meta",{name:"twitter:title",content:t}),(0,n.jsx)("meta",{name:"twitter:description",content:a}),(0,n.jsx)("meta",{name:"twitter:image",content:h}),(0,n.jsx)("meta",{name:"twitter:url",content:x}),(0,n.jsx)("link",{rel:"canonical",href:x})]})}}}]);