https://the-sound-board.netlify.app/app/

1<!DOCTYPE html><html><head><meta charSet="utf-8"/>
2<!-- This site is hosted on Netlify. Anyone can build and deploy a site
3     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=05c7e547-7ac5-462a-9955-6c8f09002bbd
4     Netlify hosting facts for this site: static/SSR served via Netlify Edge. --><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.1b0952d53c7c59e9cc79.css" data-identity="gatsby-global-css">.rc-slider{border-radius:6px;height:14px;padding:5px 0;position:relative;touch-action:none;width:100%}.rc-slider,.rc-slider *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-rail{background-color:#e9e9e9;width:100%}.rc-slider-rail,.rc-slider-track{border-radius:6px;height:4px;position:absolute}.rc-slider-track{background-color:#abe2fb;left:0}.rc-slider-handle{background-color:#fff;border:2px solid #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;height:14px;margin-top:-5px;position:absolute;touch-action:pan-x;width:14px}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:grabbing}.rc-slider-mark{font-size:12px;left:0;position:absolute;top:18px;width:100%}.rc-slider-mark-text{color:#999;cursor:pointer;display:inline-block;position:absolute;text-align:center;vertical-align:middle}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:transparent;height:4px;position:absolute;width:100%}.rc-slider-dot{background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;bottom:-2px;cursor:pointer;height:8px;margin-left:-4px;position:absolute;vertical-align:middle;width:8px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{height:100%;padding:0 5px;width:14px}.rc-slider-vertical .rc-slider-rail{height:100%;width:4px}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-handle{margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{height:100%;left:18px;top:0}.rc-slider-vertical .rc-slider-step{height:100%;width:4px}.rc-slider-vertical .rc-slider-dot{left:2px;margin-bottom:-4px}.rc-slider-vertical .rc-slider-dot:first-child,.rc-slider-vertical .rc-slider-dot:last-child{margin-bottom:-4px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused;display:block!important}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{-webkit-animation-name:rcSliderTooltipZoomDownIn;animation-name:rcSliderTooltipZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{-webkit-animation-name:rcSliderTooltipZoomDownOut;animation-name:rcSliderTooltipZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-transform:scale(0);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@-webkit-keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@-webkit-keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}.rc-slider-tooltip{left:-9999px;position:absolute;top:-9999px;visibility:visible}.rc-slider-tooltip,.rc-slider-tooltip *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9;color:#fff;font-size:12px;height:24px;line-height:1;min-width:24px;padding:6px 2px;text-align:center;text-decoration:none}.rc-slider-tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-top-color:#6c6c6c;border-width:4px 4px 0;bottom:4px;left:50%;margin-left:-4px}html{box-sizing:border-box;font-size:16px}*,:after,:before{box-sizing:inherit}body{margin:0;overflow-x:hidden;padding:0}pre{overflow-x:scroll}.custom-shape-divider-bottom-1632974164{bottom:0;left:0;line-height:0;overflow:hidden;position:absolute;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.custom-shape-divider-bottom-1632974164 svg{display:block;height:77px;position:relative;width:calc(100% + 1.3px)}.custom-shape-divider-bottom-1632974164 .shape-fill{fill:#fff}</style><meta name="generator" content="Gatsby 4.0.0-zz-next.1"/><style data-styled="" data-styled-version="5.3.1"></style><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript>

4<script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){if(void 0===e.target.dataset.mainImage)return;if(void 0===e.target.dataset.gatsbyImageSsr)return;const t=e.target;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script>

4<title data-react-helmet="true"></title><link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="/static/webfonts/s/questrial/v18/QdVUSTchPBm7nuUeVf70viFl.woff2"/><style>@font-face{font-display:swap;font-family:Questrial;font-style:normal;font-weight:400;src:url(/static/webfonts/s/questrial/v18/QdVUSTchPBm7nuUeVf70viFl.woff2) format("woff2")}@font-face{font-display:swap;font-family:Questrial;font-style:normal;font-weight:400;src:url(/static/webfonts/s/questrial/v18/QdVUSTchPBm7nuUeVf70viFj.woff) format("woff")}</style><link rel="icon" href="/favicon-32x32.png?v=6796d2c4071615aeb8c038693a33688c" type="image/png"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"/><meta name="theme-color" content="#F23064"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=6796d2c4071615aeb8c038693a33688c"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=6796d2c4071615aeb8c038693a33688c"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=6796d2c4071615aeb8c038693a33688c"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=6796d2c4071615aeb8c038693a33688c"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=6796d2c4071615aeb8c038693a33688c"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=6796d2c4071615aeb8c038693a33688c"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=6796d2c4071615aeb8c038693a33688c"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=6796d2c4071615aeb8c038693a33688c"/><link as="script" rel="preload" href="/webpack-runtime-d47d2659bd6e8a6e4158.js"/><link as="script" rel="preload" href="/framework-846eec0efffb96a748de.js"/><link as="script" rel="preload" href="/app-51a8b793ef8b50038ca5.js"/><link as="script" rel="preload" href="/c66b42ee-fb0ea163c28d5d46f168.js"/><link as="script" rel="preload" href="/commons-1d1eb56532d507141c99.js"/><link as="script" rel="preload" href="/742cc321b753f907c0d2a7ed648327e033900d2d-df76f9653a6e901366a3.js"/><link as="script" rel="preload" href="/dbba935940e92d872fcada123d124be1be31e0e3-6a1eba999205328e686b.js"/><link as="fetch" rel="preload" href="/page-data/app/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div style="background:#0F2026;min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center"></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div>

4<script id="__LOADABLE_REQUIRED_CHUNKS__" type="application/json">[]</script>

4<script id="__LOADABLE_REQUIRED_CHUNKS___ext" type="application/json">{"namedChunks":[]}</script>

4<script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/app/";/*]]>*/</script>

4<script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-231653fd8d70e5103a21.js"],"app":["/app-51a8b793ef8b50038ca5.js"],"component---src-pages-404-js":["/component---src-pages-404-js-fc8c1f875e9c9483bc6e.js"],"component---src-pages-about-js":["/component---src-pages-about-js-21022965cdcf5527a6fd.js"],"component---src-pages-app-js":[],"component---src-pages-boards-[id]-js":["/component---src-pages-boards-[id]-js-62b704777ca3cd696b36.js"],"component---src-pages-boards-js":["/component---src-pages-boards-js-02250b3f46e5903639b5.js"],"component---src-pages-boards-user-[uid]-js":["/component---src-pages-boards-user-[uid]-js-8f13ae6c75fe5d38430b.js"],"component---src-pages-index-js":["/component---src-pages-index-js-83094c353a325601e03e.js"],"rc-slider":["/rc-slider-00688337765673d85cf5.js"]};/*]]>*/</script>

4<script src="/polyfill-231653fd8d70e5103a21.js" nomodule=""></script>

4<script src="/dbba935940e92d872fcada123d124be1be31e0e3-6a1eba999205328e686b.js" async=""></script>

4<script src="/742cc321b753f907c0d2a7ed648327e033900d2d-df76f9653a6e901366a3.js" async=""></script>

4<script src="/commons-1d1eb56532d507141c99.js" async=""></script>

4<script src="/c66b42ee-fb0ea163c28d5d46f168.js" async=""></script>

4<script src="/app-51a8b793ef8b50038ca5.js" async=""></script>

4<script src="/framework-846eec0efffb96a748de.js" async=""></script>

4<script src="/webpack-runtime-d47d2659bd6e8a6e4158.js" async=""></script>

4</body></html>