fix: wip for ios

.eslintrc.json

@@ -78,8 +78,7 @@
       "rules": {
         "prettier/prettier": "error",
         "react/no-unknown-property": "off",
-        "react/jsx-key": "off",
-        "react/jsx-no-undef": "off"
+        "react/jsx-key": "off"
       },
       "globals": {
         "Astro": "readonly"

CHANGELOG.md

@@ -2,169 +2,6 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-### [2.0.1](https://github.com/remvze/moodist/compare/v2.0.0...v2.0.1) (2025-03-25)
-
-
-### 🐛 Bug Fixes
-
-* add delay to cipher text ([4895a72](https://github.com/remvze/moodist/commit/4895a7266d1b7458bc09a77dd6922058a247ea98))
-
-## [2.0.0](https://github.com/remvze/moodist/compare/v1.5.1...v2.0.0) (2025-03-25)
-
-
-### ✅ Testing
-
-* add Vitest and some tests ([def9a57](https://github.com/remvze/moodist/commit/def9a57e0c6454f0e3ffd74b29153a01b33866be))
-* write more tests ([9cc0ccd](https://github.com/remvze/moodist/commit/9cc0ccd325cf769d64779f133bd2d59e6ba7ca58))
-* write tests for motion lib ([d356d77](https://github.com/remvze/moodist/commit/d356d77aa951b84a6ccbd0b1c6590286c042957b))
-* write tests for random helper ([cad85c7](https://github.com/remvze/moodist/commit/cad85c76676cff7fe8c47ccb8d332809f7276e28))
-
-
-### ⚡️ Performance Improvements
-
-* improve the breathing cricle ([3d83a14](https://github.com/remvze/moodist/commit/3d83a1427feaec1e858953899870da06d35b4631))
-
-
-### ♻️ Code Refactoring
-
-* add description for events ([2c8135d](https://github.com/remvze/moodist/commit/2c8135db43b1a1dad789277926af0d1be3e987fc))
-* add JSDoc for custom hooks ([0f50e6a](https://github.com/remvze/moodist/commit/0f50e6ae8b3d1615ed52fb168a48bbb2149090ac))
-* add JSDoc for helper functions ([4ae0504](https://github.com/remvze/moodist/commit/4ae05049377506f79f5ef9f68fa7cf396d7d0528))
-* change stores structure ([096251e](https://github.com/remvze/moodist/commit/096251ec0a459efbbe08d88cabab75c4ad775976))
-* refactor the breathing tool ([d56f8be](https://github.com/remvze/moodist/commit/d56f8be448aa746874c38ba0cc7e00e38d339f59))
-* relocate folders ([f3cea66](https://github.com/remvze/moodist/commit/f3cea668470ca06b2114a03b54660475cc560d44))
-* remove extra hook ([a4a31dd](https://github.com/remvze/moodist/commit/a4a31dd43eef5c3e1d2b62cf4bb6e491e382f988))
-* remove the timer store ([5ffb06b](https://github.com/remvze/moodist/commit/5ffb06be036acb1fe5d8fa4b91e4cbede39ebcc0))
-* rename components ([d73b2bc](https://github.com/remvze/moodist/commit/d73b2bc1ff7689ff85c6453710b2d89927973066))
-* rename stores folder ([2a86a88](https://github.com/remvze/moodist/commit/2a86a88ed6a232c4a8c2a10bbb06f586361f732d))
-* separate the migration ([c35409c](https://github.com/remvze/moodist/commit/c35409ce0a95d8376f0d84c96ed0975c9f3a1301))
-* use the ID instead of index ([7658842](https://github.com/remvze/moodist/commit/7658842324a92210a6a612c70c5479c6bb7f3c05))
-* write JSDoc for libs ([fddf75c](https://github.com/remvze/moodist/commit/fddf75cdca1f121160f9054c82a7a1ddedd6f2fa))
-
-
-### ✨ Features
-
-* add active indicator for sleep timer ([82d8240](https://github.com/remvze/moodist/commit/82d8240b9708a9d522f67ae305dc44e004ced6de))
-* add animation for labels ([48a85b2](https://github.com/remvze/moodist/commit/48a85b26016a8f3cc934e1b2298b0d897ffd9b43))
-* add basic form ([c272914](https://github.com/remvze/moodist/commit/c27291441625eb6528b28f55af3f88e1debd8a55))
-* add binary animation ([699f49b](https://github.com/remvze/moodist/commit/699f49bfa33420698962b56db23b49c8e14bb354))
-* add binaural beat generator without styles ([f40e820](https://github.com/remvze/moodist/commit/f40e8206f8126f1988e0e39ca522ac3c5eb8139f))
-* add breathing exercise ([1f2b6b9](https://github.com/remvze/moodist/commit/1f2b6b952c65c04828f19506134d783a7491df23))
-* add breathing exercise shortcut ([a3b794d](https://github.com/remvze/moodist/commit/a3b794d9748d4a9877e5727269178f207fbc03d5))
-* add breathing exercises and other tools ([eee7553](https://github.com/remvze/moodist/commit/eee755378a14d93d1363e8c265a908d50b9cc332))
-* add breathing exercises tool ([27f2578](https://github.com/remvze/moodist/commit/27f25785e1cfc0482d7ddd625ac1219fd5bb6863))
-* add cipher animation ([29bebb3](https://github.com/remvze/moodist/commit/29bebb3ec74d969fb42968696e470db00a07766e))
-* add confetti ([ace0d6e](https://github.com/remvze/moodist/commit/ace0d6eeccc65c96275a24c8a96e63988cf76134))
-* add countdown timer ([edd53d8](https://github.com/remvze/moodist/commit/edd53d8102871d53b0a11eaa9bae7323f874d988))
-* add countdown timer structure ([c5657d0](https://github.com/remvze/moodist/commit/c5657d06425aea84a4ba9a4b2f48e312be8b0271))
-* add custom checkbox ([cb340c5](https://github.com/remvze/moodist/commit/cb340c53a39917722137a8ee05b779af04a1203d))
-* add custom slider ([3b77c12](https://github.com/remvze/moodist/commit/3b77c12114e5e37c0a3a17c945a0e69e034a35a4))
-* add desktop notice ([07f37ef](https://github.com/remvze/moodist/commit/07f37ef17f8be893d3ceba8fbe4427a9ecda5c15))
-* add done counter ([aa8161a](https://github.com/remvze/moodist/commit/aa8161aac5eb238048c713500a091e9af1c98e6a))
-* add global volume ([3b829fc](https://github.com/remvze/moodist/commit/3b829fce07ed7adf11ca9993c33e33caab285763))
-* add header to todos ([c6cc61a](https://github.com/remvze/moodist/commit/c6cc61a17fcb8542ece3caccc0de536d8003b106))
-* add ID to presets ([78222be](https://github.com/remvze/moodist/commit/78222be011cf93998faed0b7926a5b49dcdeb470))
-* add isochronic tone generator without styles ([d759064](https://github.com/remvze/moodist/commit/d759064373fe791f641db39549e05341068ae8a2))
-* add lofi radios ([bb39b4b](https://github.com/remvze/moodist/commit/bb39b4ba98f20da13e1e7a440441f5474a823f32))
-* add Moodist description to tools ([5b3972b](https://github.com/remvze/moodist/commit/5b3972b3470f3c43903d9a20925ed49321f07440))
-* add more sounds ([d2e289e](https://github.com/remvze/moodist/commit/d2e289e5d5cccd050ca94860f05f00740b3cf139))
-* add more sounds ([554309e](https://github.com/remvze/moodist/commit/554309ebd87da2bce4555f09e5c9f34735d0b794))
-* add more sounds ([be38b92](https://github.com/remvze/moodist/commit/be38b92647209ce17032987b3d6f5d1800322db5))
-* add more sounds ([b497d16](https://github.com/remvze/moodist/commit/b497d16fd8b7d6ccf34c0c91b596fca75dff2f34))
-* add move up and down functionality ([3e11fb6](https://github.com/remvze/moodist/commit/3e11fb6123e4c6b6be9668ef4c274390a5acd16a))
-* add new logo ([c1ece58](https://github.com/remvze/moodist/commit/c1ece582f445906308a0d856181ebaca464ec25a))
-* add notepad tool ([a80289d](https://github.com/remvze/moodist/commit/a80289db57c1b002edd586b323444d3a474587ad))
-* add notepad tool page ([1fd02f9](https://github.com/remvze/moodist/commit/1fd02f927c55155ecd8d1af6325995c4635e0a29))
-* add persist mode to the modal ([4c0f417](https://github.com/remvze/moodist/commit/4c0f417469fb15adbe33cab9bb66459225653e68))
-* add pomodoro timer ([d2edeb4](https://github.com/remvze/moodist/commit/d2edeb48becef62f1002359a41ebe8ebfa1f34bb))
-* add pomodoro timer tool ([bee391a](https://github.com/remvze/moodist/commit/bee391acfecdaf36488c48ef1022b16a83059d58))
-* add PWA ([761c730](https://github.com/remvze/moodist/commit/761c7301295a3e5645326be804225431f823f808))
-* add reverse timer ([105f53e](https://github.com/remvze/moodist/commit/105f53ea028fadae4bd2ff7d8a1856e94f070b1a))
-* add shortcut for breathing exercise ([60cb453](https://github.com/remvze/moodist/commit/60cb453847f0968a4d1abc0fbb66773a54ebdfd9))
-* add simple breathing exercise tool ([fc4f521](https://github.com/remvze/moodist/commit/fc4f52146e2142a0c711b6d6a334c0107b1e1daa))
-* add store to the notepad ([47a63a7](https://github.com/remvze/moodist/commit/47a63a774ebede5db65f17a29a36f0b76d9ed85a))
-* add timer for breathing exercises ([5865fc8](https://github.com/remvze/moodist/commit/5865fc867dc97e03d0f0c79ea8c465e0c0f27411))
-* better heading ([10259d0](https://github.com/remvze/moodist/commit/10259d013f7cb1ae41808f7a78e836ddee3b07f1))
-* bring back all tools ([6a4dc1e](https://github.com/remvze/moodist/commit/6a4dc1ed95072c402cb553fa5b1becb646062c45))
-* bring back all tools ([e1de5c4](https://github.com/remvze/moodist/commit/e1de5c48b299e815f071f15c00424ba1b0189419))
-* change and add shortcuts ([a59db41](https://github.com/remvze/moodist/commit/a59db41dc5eaa7be5ab86c5cc407274eb7b57dfe))
-* change logos ([3d1d45c](https://github.com/remvze/moodist/commit/3d1d45cd4933335cfbe20381c0e758969a3bdcb9))
-* change shortcuts ([4f45279](https://github.com/remvze/moodist/commit/4f45279938f60ee6934c3e6047898b9833c2b9c6))
-* change shortcuts ([251f309](https://github.com/remvze/moodist/commit/251f30930c72a50120412c6b2182fdf4183b9d62))
-* fix modal and scrollbar layout shift ([e399673](https://github.com/remvze/moodist/commit/e3996734621b33c0598db29e82371f1258396147))
-* implement countdown timer functionality ([2bfb9b1](https://github.com/remvze/moodist/commit/2bfb9b181c490c9836e2410199e6a1cf8687e7aa))
-* media session support ([18ed2e6](https://github.com/remvze/moodist/commit/18ed2e6f055d7e32b4a9df33cdb724eaf1f930aa))
-* remove all extra tools ([973e0df](https://github.com/remvze/moodist/commit/973e0df6fb3a6749fd4b0f8d1cd976c67a7e8c43))
-* remove all tools ([2bbdc7e](https://github.com/remvze/moodist/commit/2bbdc7e09e053bd6e8bb052abb7aff723cb14eaa))
-* remove all tools ([b32d8b2](https://github.com/remvze/moodist/commit/b32d8b28034e018eeaf1c544e4128b91f4a95172))
-* remove lofi modal ([13d26b3](https://github.com/remvze/moodist/commit/13d26b3337b2e79d52c774807795b5924a4dcb76))
-* remove pre-made binaurals ([b8ed79f](https://github.com/remvze/moodist/commit/b8ed79f48ad2a315b93aedf1f932b6c5f075b157))
-* remove the breathing exercises ([76fdc74](https://github.com/remvze/moodist/commit/76fdc747100bc15ced92b77b1fefc8cba519d37f))
-* remove the countdown timer ([d6ed3fd](https://github.com/remvze/moodist/commit/d6ed3fd251df029100caba5df304996e723acd78))
-* replace reverse timer ([a6c7ac4](https://github.com/remvze/moodist/commit/a6c7ac41ad5210b9a98e0fe62f5cb387fe9c4e9a))
-* scroll into view after marking favorite ([74f6b58](https://github.com/remvze/moodist/commit/74f6b5851d3a0fac5f97d97cd24f12507c2c3b35))
-* scroll the new timer into view ([f4c66e3](https://github.com/remvze/moodist/commit/f4c66e309277414951b191e627b1f52aab79af6f))
-* update the menu items ([1768ba1](https://github.com/remvze/moodist/commit/1768ba1548a444c57dbfd5e351d77838238aed0d))
-* use custom slider in binaural and isochronic ([e61307a](https://github.com/remvze/moodist/commit/e61307a30263dca8cc016ec5136d52c4b18e5c3c))
-
-
-### 💄 Styling
-
-* add animation to presets ([787a9b6](https://github.com/remvze/moodist/commit/787a9b60b51334ec2a7423d489f71c305661039e))
-* add binary pattern ([ba3cd5c](https://github.com/remvze/moodist/commit/ba3cd5ca5be8435f32b93d5a499e37388340bff8))
-* add focus state ([af075b3](https://github.com/remvze/moodist/commit/af075b32e64a6ab923d60282558250b79cc12da3))
-* add min width ([18987cc](https://github.com/remvze/moodist/commit/18987cc33997c7b010aea2d4f1546ddcabe1a46b))
-* add pattern ([69eb883](https://github.com/remvze/moodist/commit/69eb8832dae026706f76ba21a74fcb248ba4309d))
-* add style to generators ([5c53678](https://github.com/remvze/moodist/commit/5c536786ea64e9722a67289ab2d7e56e7a259404))
-* add title to timer ([a3c384d](https://github.com/remvze/moodist/commit/a3c384d1054b81e056265eecd9344496c9b0b5ce))
-* center icons ([1cf9a85](https://github.com/remvze/moodist/commit/1cf9a85e13d50d3c5335dfb78fa57543ce6fda44))
-* change border radius ([5c9a2aa](https://github.com/remvze/moodist/commit/5c9a2aa23aa04f9386e7d7ac9a20759a2ed87acc))
-* change button style ([8a79ccf](https://github.com/remvze/moodist/commit/8a79ccf018cd7ee86b27b8bd187975376abea953))
-* change description ([9208663](https://github.com/remvze/moodist/commit/9208663050c340fdecf486b4835d30353852fd22))
-* change gradient ([9e38a8f](https://github.com/remvze/moodist/commit/9e38a8fd7da2d68c8c04c4c21cbda6444e9e247b))
-* change icons ([2e1fce4](https://github.com/remvze/moodist/commit/2e1fce46695b693c4b6aa11f18506e2f2cd9bb59))
-* change item order ([9198315](https://github.com/remvze/moodist/commit/919831538fea639eb60c8fb84fa93a79ec2cd9c5))
-* change logo ([4a92d2f](https://github.com/remvze/moodist/commit/4a92d2f1c12c12b4166500149937be51e6442f71))
-* change logo color ([4b01501](https://github.com/remvze/moodist/commit/4b015016e7c531afc3f3b1f51d62bf96232e3ea8))
-* change notice ([9d1d8f8](https://github.com/remvze/moodist/commit/9d1d8f80359097b9122673564d3d57c0827ff3db))
-* change other assets ([11e0ba2](https://github.com/remvze/moodist/commit/11e0ba2f938fc08984e4acba1ba6b4ac3239cacf))
-* fix pointer event ([12d3255](https://github.com/remvze/moodist/commit/12d3255d57083ff72ae919b6161922620dc1d6e2))
-* increase menu width ([96ca376](https://github.com/remvze/moodist/commit/96ca3768856806bbe761e773d5ef626dcd12c968))
-* minor change ([302a71c](https://github.com/remvze/moodist/commit/302a71cdc6472dd29d75372ddc6a3ef214dd68c4))
-* minor change ([b73fd0b](https://github.com/remvze/moodist/commit/b73fd0b16e57140350d0743aa98ec6933bdc5c64))
-* minor changes ([536db4c](https://github.com/remvze/moodist/commit/536db4cd156cb391a0b1ef9bf3e4fbbac06ccc11))
-* minor changes ([7f3ac26](https://github.com/remvze/moodist/commit/7f3ac26b982e629eef891f706004eca5f14e11c4))
-* minor changes ([4cc8597](https://github.com/remvze/moodist/commit/4cc85975e54cfd8195596e017c351a227184806b))
-* minor changes ([b27f24d](https://github.com/remvze/moodist/commit/b27f24d37484a04495a043170ccaf4b4923b31ac))
-* minor changes ([a29e2c2](https://github.com/remvze/moodist/commit/a29e2c20e4bac276495b409b20a6ffaa079122e2))
-* remove animation on change ([41845ff](https://github.com/remvze/moodist/commit/41845ffe5e282c07b3c4cdea56607f1668c636bd))
-* remove animations ([28abc16](https://github.com/remvze/moodist/commit/28abc16b9cbbc3986f7fb3feb17e57e553cda5dd))
-* remove pointer event ([c12ef12](https://github.com/remvze/moodist/commit/c12ef12b79c6db93c457b77f4bfccb2848dc8067))
-* reorder menu items ([0052b91](https://github.com/remvze/moodist/commit/0052b917a817ca7f83fe23521077d99ae78e81cd))
-
-
-### 🚚 Chores
-
-* add animation to countdown timer ([73a5c21](https://github.com/remvze/moodist/commit/73a5c21be918e1e105214078eaef8d76b168333b))
-* add library sound ([309dd89](https://github.com/remvze/moodist/commit/309dd89a8c13eb2647217c81d7fc0a82eb3ebaae))
-* add toolbox copy ([cfd2744](https://github.com/remvze/moodist/commit/cfd2744e92b7a2948597a750275bf9c900248d55))
-* comment out the banner ([c5adffb](https://github.com/remvze/moodist/commit/c5adffb4d777eda1e2a092e382c1cac616dd60f1))
-* update logos ([7a47282](https://github.com/remvze/moodist/commit/7a472821652d1359126568836b3040ce1fa454c5))
-* update logos ([2b85b27](https://github.com/remvze/moodist/commit/2b85b276eb11d862bf1abd1e6f099740d9b85c10))
-
-
-### 🐛 Bug Fixes
-
-* add default value ([14c331a](https://github.com/remvze/moodist/commit/14c331ab6e692ea3fcdaa056e32728f0a1cd2772))
-* better implement shortcuts ([e77c67b](https://github.com/remvze/moodist/commit/e77c67bc24f1831bb6de80a4335c51e5b84009ed))
-* change icon path ([09c0a6c](https://github.com/remvze/moodist/commit/09c0a6ce93f8b0f62149928218532201e0de16c5))
-* change shortcuts ([edd15f4](https://github.com/remvze/moodist/commit/edd15f4b9a0291b9794102fbb41048de10b0fd69))
-* correct link ([496c831](https://github.com/remvze/moodist/commit/496c831552442047d5556376a212698c8931b698))
-* disable the sleep timer when no sound is selected ([d42eb25](https://github.com/remvze/moodist/commit/d42eb25f7be64b5e77cd0bacd1538949d331aff7))
-* icons path ([1a1359c](https://github.com/remvze/moodist/commit/1a1359c989268a22cfdba20f198af192726ac2ce))
-* remove dropdown menu item from slider ([99e6941](https://github.com/remvze/moodist/commit/99e694161f16a3be03cbda0854687a244df42f21))
-* remove extra hook ([3ef4a07](https://github.com/remvze/moodist/commit/3ef4a076a2b48911d37f75067dc60ea15dd28405))
-
 ### [1.5.1](https://github.com/remvze/moodist/compare/v1.5.0...v1.5.1) (2024-06-14)
 
 

README.md

@@ -1,8 +1,8 @@
 <div align="center">
-  <!-- <img src="/assets/banner.svg" alt="Moodist Logo Banner" /> -->
+  <img src="/assets/banner.svg" alt="Moodist Logo Banner" />
   <h2>Moodist 🌲</h2>
   <p>Ambient sounds for focus and calm.</p>
-  <a href="https://moodist.mvze.net">Visit <strong>Moodist</strong></a> | <a href="https://buymeacoffee.com/remvze">Buy Me a Coffee</a>
+  <a href="https://moodist.app">Visit <strong>Moodist</strong></a> | <a href="https://buymeacoffee.com/remvze">Buy Me a Coffee</a>
 </div>
 
 ## Table of Contents

astro.config.mjs

@@ -1,36 +1,7 @@
 import { defineConfig } from 'astro/config';
 
 import react from '@astrojs/react';
-import AstroPWA from '@vite-pwa/astro';
 
 export default defineConfig({
-  integrations: [
-    react(),
-    AstroPWA({
-      manifest: {
-        background_color: '#09090b',
-        description: 'Ambient sounds for focus and calm.',
-        display: 'standalone',
-        icons: [
-          ...[72, 128, 144, 152, 192, 256, 512].map(size => ({
-            sizes: `${size}x${size}`,
-            src: `/assets/pwa/${size}.png`,
-            type: 'image/png',
-          })),
-        ],
-        name: 'Moodist',
-        orientation: 'any',
-        scope: '/',
-        short_name: 'Moodist',
-        start_url: '/',
-        theme_color: '#09090b',
-      },
-      registerType: 'prompt',
-      workbox: {
-        globPatterns: ['**/*'],
-        maximumFileSizeToCacheInBytes: Number.MAX_SAFE_INTEGER,
-        navigateFallback: '/',
-      },
-    }),
-  ],
+  integrations: [react()],
 });

package.json

@@ -1,7 +1,7 @@
 {
   "name": "moodist",
   "type": "module",
-  "version": "2.0.1",
+  "version": "1.5.1",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -34,7 +34,6 @@
     "@types/howler": "2.2.10",
     "@types/react": "^18.2.25",
     "@types/react-dom": "^18.2.10",
-    "@vite-pwa/astro": "0.5.0",
     "astro": "4.10.3",
     "deepmerge": "4.3.1",
     "focus-trap-react": "10.2.3",

public/favicon.svg

@@ -1,4 +1,11 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="128" height="128" rx="25" fill="#09090B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M51.2493 29.2516C58.2929 22.2495 69.7071 22.2495 76.7507 29.2516C77.1507 29.6492 77.5279 30.0608 77.8825 30.4848C78.433 30.4357 78.9908 30.4114 79.5547 30.4131C89.4866 30.4424 97.5576 38.5135 97.587 48.4453C97.5886 49.0092 97.5643 49.567 97.5152 50.1176C97.9392 50.4721 98.3508 50.8493 98.7484 51.2493C105.751 58.2929 105.751 69.7071 98.7484 76.7507C98.3508 77.1507 97.9392 77.5279 97.5152 77.8825C97.5643 78.433 97.5886 78.9908 97.587 79.5547C97.5576 89.4866 89.4865 97.5577 79.5547 97.587C78.9908 97.5886 78.433 97.5643 77.8824 97.5152C77.5279 97.9392 77.1506 98.3508 76.7507 98.7484C69.7071 105.751 58.2929 105.751 51.2493 98.7484C50.8493 98.3508 50.4721 97.9392 50.1175 97.5152C49.567 97.5643 49.0092 97.5886 48.4453 97.5869C38.5134 97.5576 30.4424 89.4865 30.413 79.5547C30.4114 78.9908 30.4357 78.433 30.4848 77.8824C30.0608 77.5279 29.6492 77.1506 29.2516 76.7507C22.2495 69.7071 22.2495 58.2929 29.2516 51.2493C29.6492 50.8493 30.0608 50.4721 30.4848 50.1175C30.4357 49.567 30.4114 49.0092 30.4131 48.4453C30.4424 38.5134 38.5135 30.4423 48.4453 30.413C49.0092 30.4114 49.567 30.4356 50.1176 30.4848C50.4721 30.0608 50.8494 29.6492 51.2493 29.2516ZM47.29 35.173C40.877 35.7508 35.7508 40.8769 35.1731 47.29C38.8003 45.8063 42.8126 45.5647 46.5652 46.5652C45.5647 42.8126 45.8063 38.8002 47.29 35.173ZM53.7297 50.3922C50.2143 46.1861 49.7248 40.3267 52.2613 35.6603C57.3546 37.1664 61.1517 41.6557 61.64 47.1156C61.6129 47.529 61.5997 47.9462 61.6009 48.3669L61.6302 58.2787L54.6421 51.2493C54.3456 50.951 54.0412 50.6653 53.7297 50.3922ZM50.3922 53.7297C46.1861 50.2143 40.3268 49.7248 35.6603 52.2613C37.1665 57.3546 41.6558 61.1517 47.1157 61.64C47.5291 61.6128 47.9462 61.5996 48.3668 61.6009L58.2787 61.6302L51.2493 54.6421C50.951 54.3456 50.6653 54.0412 50.3922 53.7297ZM39.3435 64C35.9825 62.0539 33.3162 59.046 31.8005 55.432C27.6743 60.3752 27.6743 67.6247 31.8005 72.5679C33.3162 68.954 35.9825 65.946 39.3435 64ZM35.6603 75.7387C37.1664 70.6454 41.6558 66.8483 47.1157 66.36C47.5291 66.3871 47.9463 66.4003 48.3669 66.3991L58.2787 66.3698L51.2493 73.3579C50.951 73.6544 50.6653 73.9588 50.3922 74.2703C46.1861 77.7857 40.3268 78.2752 35.6603 75.7387ZM35.1731 80.71C35.7508 87.123 40.8769 92.2492 47.29 92.8269C45.8063 89.1997 45.5647 85.1874 46.5652 81.4348C42.8126 82.4353 38.8003 82.1937 35.1731 80.71ZM53.7297 77.6078C50.2143 81.8138 49.7248 87.6732 52.2613 92.3397C57.3546 90.8336 61.1516 86.3443 61.64 80.8844C61.6128 80.471 61.5996 80.0538 61.6009 79.6332L61.6302 69.7213L54.6421 76.7507C54.3456 77.049 54.0412 77.3347 53.7297 77.6078ZM64 88.6565C62.0539 92.0175 59.046 94.6838 55.4321 96.1995C60.3753 100.326 67.6247 100.326 72.5679 96.1995C68.954 94.6838 65.946 92.0175 64 88.6565ZM75.7387 92.3397C70.6454 90.8336 66.8483 86.3443 66.36 80.8844C66.3871 80.471 66.4004 80.0538 66.3991 79.6331L66.3699 69.7213L73.3579 76.7507C73.6544 77.049 73.9588 77.3347 74.2703 77.6078C77.7857 81.8139 78.2752 87.6733 75.7387 92.3397ZM80.71 92.827C87.1231 92.2492 92.2492 87.1231 92.8269 80.71C89.1997 82.1937 85.1874 82.4353 81.4348 81.4348C82.4353 85.1874 82.1937 89.1997 80.71 92.827ZM77.6078 74.2703C81.8138 77.7857 87.6732 78.2752 92.3397 75.7387C90.8336 70.6454 86.3442 66.8483 80.8843 66.36C80.471 66.3872 80.0538 66.4004 79.6332 66.3991L69.7213 66.3698L76.7507 73.3579C77.049 73.6544 77.3347 73.9588 77.6078 74.2703ZM88.6565 64C92.0175 65.9461 94.6838 68.954 96.1995 72.568C100.326 67.6248 100.326 60.3753 96.1995 55.4321C94.6838 59.046 92.0175 62.054 88.6565 64ZM92.3397 52.2613C90.8336 57.3546 86.3442 61.1517 80.8843 61.64C80.471 61.6129 80.0538 61.5997 79.6331 61.6009L69.7213 61.6302L76.7507 54.6421C77.049 54.3456 77.3347 54.0412 77.6078 53.7297C81.8139 50.2143 87.6732 49.7248 92.3397 52.2613ZM92.8269 47.29C92.2492 40.877 87.1231 35.7508 80.71 35.1731C82.1937 38.8003 82.4353 42.8126 81.4348 46.5652C85.1874 45.5647 89.1997 45.8063 92.8269 47.29ZM74.2703 50.3922C77.7857 46.1861 78.2752 40.3268 75.7387 35.6603C70.6455 37.1664 66.8484 41.6557 66.36 47.1156C66.3872 47.529 66.4004 47.9462 66.3991 48.3668L66.3699 58.2787L73.3579 51.2493C73.6544 50.951 73.9588 50.6653 74.2703 50.3922ZM64 39.3435C62.054 35.9825 59.046 33.3162 55.4321 31.8005C60.3753 27.6743 67.6248 27.6743 72.568 31.8005C68.954 33.3162 65.9461 35.9825 64 39.3435Z" fill="#FAFAFA"/>
+<path d="M64 49.7864C64 47.4488 64.5643 45.2429 65.5642 43.2976L65.5645 43.2971L65.5711 43.2843C66.0791 42.2986 66.6989 41.3799 67.4139 40.5452C68.8566 38.8609 70.6864 37.518 72.7654 36.6545C72.5386 36.3807 72.2969 36.1151 72.0404 35.8586C70.7047 34.5229 69.1194 33.589 67.4346 33.0568C66.4711 33.6789 65.5647 34.382 64.7252 35.1564C64.6766 35.2012 64.6282 35.2463 64.5801 35.2916C64.3829 35.4771 64.1895 35.6667 64 35.86C63.8105 35.6667 63.6171 35.4771 63.4199 35.2916C62.54 34.4636 61.5846 33.7149 60.5653 33.0568C59.5394 32.3945 58.4487 31.8239 57.3048 31.3568C55.0096 30.4195 52.5001 29.8985 49.8702 29.8876C49.8423 29.8875 49.8144 29.8875 49.7864 29.8875C48.4122 29.8875 47.0706 30.0267 45.7748 30.292C38.0036 31.8827 31.8827 38.0036 30.292 45.7748C32.6037 44.0448 35.1703 42.8117 37.8441 42.0757C38.9389 40.3836 40.3836 38.9389 42.0757 37.8442C43.173 37.1342 44.3744 36.5713 45.652 36.1836C46.9602 35.7864 48.3484 35.5729 49.7864 35.5729C50.6505 35.5729 51.4966 35.65 52.3182 35.7977C53.3317 35.9799 54.3079 36.2696 55.2346 36.6545C57.3136 37.518 59.1434 38.8609 60.586 40.5452C61.3042 41.3837 61.9265 42.3069 62.4358 43.2976C62.4924 43.4079 62.5477 43.5189 62.6015 43.6308C63.4978 45.4933 64 47.5812 64 49.7864Z" fill="#FAFAFA"/>
+<path d="M74.0505 53.9495C75.7035 52.2965 77.6623 51.1358 79.7449 50.4673C79.8233 50.4421 79.9019 50.4176 79.9807 50.3938C80.9672 50.096 81.9797 49.9077 82.9991 49.8289C85.2102 49.6581 87.4536 50.0024 89.5343 50.8619C89.5675 50.5079 89.5844 50.1492 89.5844 49.7864C89.5844 47.8975 89.1238 46.1161 88.3088 44.5485C87.1735 44.3041 86.021 44.1598 84.8654 44.1156C84.8136 44.1136 84.7619 44.1119 84.7101 44.1103C84.4395 44.102 84.1687 44.0993 83.898 44.102C83.9007 43.8313 83.898 43.5605 83.8897 43.2899C83.853 42.0823 83.7069 40.8773 83.4515 39.6912C83.1944 38.4974 82.8266 37.3228 82.348 36.1836C81.3878 33.8978 79.9817 31.7549 78.1298 29.8876C78.1102 29.8678 78.0905 29.848 78.0707 29.8283C77.099 28.8566 76.0518 28.0064 74.948 27.2777C68.3281 22.9074 59.6719 22.9074 53.052 27.2777C55.9099 27.689 58.5967 28.6319 61.0079 30.0022C62.9785 29.5798 65.0215 29.5798 66.9921 30.0022C68.2701 30.2761 69.5176 30.7276 70.6952 31.3568C71.9011 32.0011 73.0337 32.8316 74.0505 33.8485C74.6615 34.4595 75.2053 35.1123 75.6818 35.7977C76.2696 36.6432 76.755 37.5383 77.1381 38.4657C77.9976 40.5464 78.3419 42.7898 78.171 45.0009C78.086 46.1017 77.8732 47.1945 77.5327 48.2552C77.4948 48.3732 77.4554 48.4908 77.4143 48.608C76.7311 50.5587 75.6098 52.3902 74.0505 53.9495Z" fill="#FAFAFA"/>
+<path d="M78.2135 64C80.5512 64 82.7571 64.5643 84.7023 65.5642L84.7157 65.5711C85.7014 66.0791 86.6201 66.699 87.4548 67.414C89.1391 68.8566 90.482 70.6864 91.3455 72.7654C91.6193 72.5386 91.8849 72.2969 92.1414 72.0404C93.4771 70.7047 94.411 69.1194 94.9432 67.4347C94.2851 66.4154 93.5363 65.46 92.7084 64.5801C92.5228 64.3829 92.3333 64.1895 92.1399 64C92.3333 63.8105 92.5228 63.6171 92.7084 63.4199C93.5363 62.54 94.2851 61.5846 94.9432 60.5653C95.6055 59.5394 96.1761 58.4487 96.6432 57.3048C97.5805 55.0095 98.1015 52.5 98.1124 49.8702C98.1125 49.8423 98.1125 49.8144 98.1125 49.7864C98.1125 48.4122 97.9732 47.0706 97.708 45.7748C96.1172 38.0036 89.9964 31.8828 82.2252 30.292C83.9552 32.6037 85.1883 35.1703 85.9243 37.8442C87.6164 38.939 89.061 40.3836 90.1558 42.0757C90.8658 43.173 91.4286 44.3744 91.8164 45.652C92.2136 46.9602 92.4271 48.3484 92.4271 49.7864C92.4271 50.6505 92.35 51.4966 92.2023 52.3182C92.0201 53.3317 91.7304 54.3079 91.3455 55.2346C90.482 57.3136 89.1391 59.1434 87.4548 60.586C86.6163 61.3043 85.6931 61.9265 84.7023 62.4358C84.5921 62.4924 84.481 62.5477 84.3691 62.6015C82.5067 63.4978 80.4187 64 78.2135 64Z" fill="#FAFAFA"/>
+<path d="M74.0505 74.0505C75.7035 75.7035 76.8642 77.6623 77.5327 79.7449C77.5579 79.8233 77.5824 79.9019 77.6061 79.9807C77.904 80.9672 78.0923 81.9797 78.171 82.9991C78.3419 85.2102 77.9976 87.4536 77.1381 89.5343C77.4921 89.5675 77.8508 89.5844 78.2135 89.5844C80.1025 89.5844 81.8839 89.1238 83.4515 88.3088C83.6959 87.1735 83.8402 86.021 83.8844 84.8654C83.8864 84.8136 83.8881 84.7619 83.8897 84.7101C83.898 84.4395 83.9007 84.1687 83.898 83.898C84.1687 83.9007 84.4395 83.898 84.7101 83.8897C85.9177 83.853 87.1227 83.7069 88.3088 83.4515C89.5025 83.1944 90.6772 82.8266 91.8164 82.348C94.1022 81.3878 96.2451 79.9818 98.1124 78.1298C98.1322 78.1102 98.152 78.0905 98.1717 78.0707C99.1434 77.099 99.9936 76.0518 100.722 74.948C105.093 68.3281 105.093 59.6719 100.722 53.052C100.311 55.9099 99.368 58.5967 97.9978 61.0078C98.4202 62.9785 98.4202 65.0215 97.9978 66.9922C97.7239 68.2701 97.2724 69.5176 96.6432 70.6952C95.9989 71.9011 95.1684 73.0337 94.1515 74.0505C93.5405 74.6615 92.8877 75.2053 92.2023 75.6818C91.3568 76.2696 90.4617 76.755 89.5343 77.1381C87.4536 77.9976 85.2102 78.3419 82.9991 78.171C81.8983 78.086 80.8055 77.8732 79.7449 77.5327C79.6268 77.4948 79.5092 77.4554 79.392 77.4143C77.4413 76.7311 75.6098 75.6098 74.0505 74.0505Z" fill="#FAFAFA"/>
+<path d="M64 78.2136C64 80.5512 63.4356 82.7571 62.4358 84.7024L62.4289 84.7157C61.9209 85.7014 61.301 86.6201 60.586 87.4548C59.1434 89.1391 57.3136 90.482 55.2346 91.3455C55.4614 91.6193 55.7031 91.8849 55.9596 92.1414C57.2953 93.4771 58.8806 94.411 60.5653 94.9432C61.5791 94.2886 62.5296 93.5445 63.4056 92.7219L63.4199 92.7084C63.6171 92.5229 63.8105 92.3333 64 92.14C64.1895 92.3333 64.3829 92.5229 64.5801 92.7084C65.46 93.5364 66.4153 94.2851 67.4347 94.9432C68.4605 95.6055 69.5512 96.1761 70.6952 96.6432C72.9904 97.5805 75.4999 98.1015 78.1298 98.1124C78.1577 98.1125 78.1856 98.1126 78.2135 98.1126C79.5877 98.1126 80.9294 97.9733 82.2252 97.708C89.9964 96.1172 96.1172 89.9964 97.708 82.2252C95.3963 83.9552 92.8297 85.1883 90.1558 85.9243C89.061 87.6164 87.6164 89.061 85.9243 90.1558C84.827 90.8658 83.6256 91.4286 82.348 91.8164C81.0397 92.2136 79.6516 92.4271 78.2135 92.4271C77.3494 92.4271 76.5034 92.35 75.6818 92.2023C74.6683 92.0201 73.6921 91.7304 72.7654 91.3455C70.6864 90.482 68.8566 89.1391 67.4139 87.4548C66.6957 86.6163 66.0735 85.6931 65.5642 84.7024C65.5075 84.5921 65.4523 84.4811 65.3984 84.3692C64.5022 82.5067 64 80.4188 64 78.2136Z" fill="#FAFAFA"/>
+<path d="M53.9495 74.0505C52.2965 75.7035 50.3377 76.8642 48.2551 77.5327C48.1767 77.5579 48.0981 77.5824 48.0193 77.6061C47.0328 77.904 46.0203 78.0923 45.0009 78.171C42.7898 78.3419 40.5464 77.9976 38.4657 77.1381C38.4325 77.4921 38.4156 77.8508 38.4156 78.2136C38.4156 80.1025 38.8762 81.8839 39.6912 83.4515C40.8773 83.7069 42.0822 83.853 43.2899 83.8897C43.5605 83.898 43.8313 83.9007 44.102 83.898C44.0993 84.1687 44.102 84.4395 44.1103 84.7101C44.147 85.9178 44.2931 87.1227 44.5485 88.3088C44.8056 89.5026 45.1734 90.6773 45.652 91.8164C46.6122 94.1022 48.0183 96.2451 49.8702 98.1124C49.8898 98.1322 49.9095 98.152 49.9293 98.1717C50.901 99.1434 51.9482 99.9936 53.052 100.722C59.6719 105.093 68.3281 105.093 74.948 100.722C72.0901 100.311 69.4033 99.3681 66.9921 97.9978C65.0215 98.4202 62.9785 98.4202 61.0078 97.9978C59.7299 97.7239 58.4824 97.2724 57.3048 96.6432C56.0989 95.9989 54.9663 95.1684 53.9495 94.1515C53.3385 93.5405 52.7947 92.8877 52.3182 92.2023C51.7304 91.3568 51.245 90.4617 50.8619 89.5343C50.0024 87.4536 49.6581 85.2102 49.829 82.9991C49.914 81.8983 50.1268 80.8055 50.4673 79.7449C50.5052 79.6268 50.5446 79.5092 50.5857 79.392C51.2689 77.4413 52.3902 75.6098 53.9495 74.0505Z" fill="#FAFAFA"/>
+<path d="M40.5451 67.414C41.3837 66.6957 42.3068 66.0735 43.2976 65.5642C43.4079 65.5076 43.5189 65.4523 43.6308 65.3985C45.4933 64.5022 47.5812 64 49.7864 64C47.4487 64 45.2429 63.4357 43.2976 62.4358L43.2971 62.4355L43.2843 62.4289C42.2986 61.9209 41.3799 61.301 40.5451 60.586C38.8608 59.1434 37.518 57.3136 36.6544 55.2346C36.3807 55.4614 36.1151 55.7031 35.8586 55.9596C34.5229 57.2953 33.589 58.8806 33.0568 60.5654C33.511 61.2689 34.0084 61.9419 34.5452 62.5807C34.7861 62.8674 35.0351 63.1473 35.2916 63.4199C35.4771 63.6171 35.6666 63.8105 35.86 64C35.6666 64.1895 35.4771 64.3829 35.2916 64.5801C34.4636 65.46 33.7149 66.4153 33.0568 67.4346C32.3945 68.4605 31.8239 69.5512 31.3568 70.6951C30.4194 72.9904 29.8984 75.4999 29.8876 78.1298C29.8875 78.1577 29.8874 78.1856 29.8874 78.2136C29.8874 79.5878 30.0267 80.9294 30.292 82.2252C31.8827 89.9964 38.0036 96.1173 45.7748 97.708C44.0448 95.3963 42.8117 92.8297 42.0757 90.1558C40.3836 89.0611 38.9389 87.6164 37.8441 85.9243C37.1342 84.827 36.5713 83.6256 36.1835 82.348C35.7864 81.0397 35.5729 79.6516 35.5729 78.2136C35.5729 77.3494 35.65 76.5034 35.7977 75.6818C35.9799 74.6683 36.2696 73.6921 36.6544 72.7654C37.518 70.6864 38.8608 68.8566 40.5451 67.414Z" fill="#FAFAFA"/>
+<path d="M45.0009 49.8289C46.1017 49.914 47.1945 50.1268 48.2551 50.4673C48.3732 50.5052 48.4908 50.5446 48.608 50.5857C50.5587 51.2689 52.3902 52.3902 53.9495 53.9495C52.2965 52.2965 51.1358 50.3377 50.4673 48.2552C50.4421 48.1767 50.4176 48.0981 50.3938 48.0193C50.096 47.0328 49.9077 46.0203 49.829 45.0009C49.6581 42.7898 50.0024 40.5464 50.8619 38.4657C50.5079 38.4325 50.1491 38.4156 49.7864 38.4156C47.8975 38.4156 46.1161 38.8762 44.5485 39.6912C44.2931 40.8773 44.147 42.0823 44.1103 43.2899C44.102 43.5605 44.0993 43.8313 44.102 44.102C43.8313 44.0993 43.5605 44.102 43.2899 44.1103C42.0822 44.147 40.8773 44.2931 39.6912 44.5485C38.4974 44.8056 37.3227 45.1734 36.1835 45.652C33.8978 46.6122 31.7549 48.0183 29.8876 49.8702C29.8678 49.8899 29.848 49.9095 29.8283 49.9293C28.8566 50.901 28.0064 51.9482 27.2777 53.052C22.9074 59.6719 22.9074 68.3281 27.2777 74.948C27.689 72.0901 28.6319 69.4033 30.0022 66.9921C29.5798 65.0215 29.5798 62.9785 30.0022 61.0079C30.2761 59.7299 30.7276 58.4824 31.3568 57.3048C32.0011 56.0989 32.8316 54.9663 33.8485 53.9495C34.4595 53.3385 35.1123 52.7947 35.7977 52.3182C36.6432 51.7304 37.5383 51.245 38.4657 50.8619C40.5464 50.0024 42.7898 49.6581 45.0009 49.8289Z" fill="#FAFAFA"/>
 </svg>

public/logo.svg

@@ -1,3 +1,10 @@
 <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M68.1232 13.129C85.7322 -4.37634 114.268 -4.37634 131.877 13.129C132.877 14.1229 133.82 15.1519 134.706 16.212C136.083 16.0892 137.477 16.0285 138.887 16.0326C163.716 16.1059 183.894 36.2836 183.967 61.1133C183.972 62.5231 183.911 63.9175 183.788 65.2939C184.848 66.1803 185.877 67.1234 186.871 68.1232C204.376 85.7322 204.376 114.268 186.871 131.877C185.877 132.877 184.848 133.82 183.788 134.706C183.911 136.083 183.972 137.477 183.967 138.887C183.894 163.716 163.716 183.894 138.887 183.967C137.477 183.972 136.082 183.911 134.706 183.788C133.82 184.848 132.877 185.877 131.877 186.871C114.268 204.376 85.7322 204.376 68.1232 186.871C67.1234 185.877 66.1803 184.848 65.2939 183.788C63.9175 183.911 62.523 183.972 61.1133 183.967C36.2836 183.894 16.1059 163.716 16.0326 138.887C16.0284 137.477 16.0892 136.082 16.212 134.706C15.1519 133.82 14.1229 132.877 13.129 131.877C-4.37634 114.268 -4.37634 85.7322 13.129 68.1232C14.1229 67.1234 15.1519 66.1803 16.212 65.2939C16.0892 63.9175 16.0285 62.523 16.0326 61.1132C16.1059 36.2836 36.2837 16.1059 61.1133 16.0325C62.5231 16.0284 63.9176 16.0891 65.294 16.2119C66.1803 15.1519 67.1234 14.1229 68.1232 13.129ZM58.225 27.9326C42.1924 29.3769 29.377 42.1923 27.9327 58.2249C37.0007 54.5157 47.0315 53.9118 56.413 56.413C53.9118 47.0315 54.5158 37.0006 58.225 27.9326ZM74.3243 65.9805C65.5357 55.4653 64.3121 40.8169 70.6533 29.1507C83.3865 32.916 92.8792 44.1393 94.1001 57.789C94.0322 58.8224 93.9991 59.8655 94.0023 60.9171L94.0754 85.6967L76.6053 68.1232C75.8639 67.3774 75.103 66.6632 74.3243 65.9805ZM65.9805 74.3243C55.4654 65.5357 40.8169 64.3121 29.1508 70.6533C32.9161 83.3864 44.1395 92.8792 57.7893 94.1C58.8226 94.0321 59.8656 93.9991 60.9171 94.0022L85.6967 94.0754L68.1232 76.6053C67.3774 75.8639 66.6632 75.103 65.9805 74.3243ZM38.3587 99.9999C29.9563 95.1348 23.2906 87.6149 19.5013 78.5801C9.18585 90.9381 9.18584 109.062 19.5013 121.42C23.2905 112.385 29.9563 104.865 38.3587 99.9999ZM29.1508 129.347C32.9161 116.613 44.1394 107.121 57.7893 105.9C58.8227 105.968 59.8656 106.001 60.9171 105.998L85.6968 105.925L68.1232 123.395C67.3774 124.136 66.6631 124.897 65.9805 125.676C55.4653 134.464 40.8169 135.688 29.1508 129.347ZM27.9327 141.775C29.377 157.808 42.1924 170.623 58.2249 172.067C54.5157 162.999 53.9118 152.969 56.413 143.587C47.0315 146.088 37.0007 145.484 27.9327 141.775ZM74.3243 134.019C65.5357 144.535 64.3121 159.183 70.6533 170.849C83.3864 167.084 92.8791 155.861 94.1001 142.211C94.0321 141.178 93.9991 140.135 94.0022 139.083L94.0754 114.303L76.6053 131.877C75.8639 132.623 75.103 133.337 74.3243 134.019ZM100 161.641C95.1349 170.044 87.6149 176.709 78.5801 180.499C90.9381 190.814 109.062 190.814 121.42 180.499C112.385 176.71 104.865 170.044 100 161.641ZM129.347 170.849C116.614 167.084 107.121 155.861 105.9 142.211C105.968 141.178 106.001 140.134 105.998 139.083L105.925 114.303L123.395 131.877C124.136 132.623 124.897 133.337 125.676 134.019C134.464 144.535 135.688 159.183 129.347 170.849ZM141.775 172.067C157.808 170.623 170.623 157.808 172.067 141.775C162.999 145.484 152.969 146.088 143.587 143.587C146.088 152.969 145.484 162.999 141.775 172.067ZM134.019 125.676C144.535 134.464 159.183 135.688 170.849 129.347C167.084 116.614 155.861 107.121 142.211 105.9C141.177 105.968 140.134 106.001 139.083 105.998L114.303 105.925L131.877 123.395C132.623 124.136 133.337 124.897 134.019 125.676ZM161.641 100C170.044 104.865 176.709 112.385 180.499 121.42C190.814 109.062 190.814 90.9382 180.499 78.5802C176.709 87.615 170.044 95.135 161.641 100ZM170.849 70.6533C167.084 83.3865 155.861 92.8793 142.211 94.1001C141.177 94.0322 140.134 93.9992 139.083 94.0023L114.303 94.0754L131.877 76.6053C132.623 75.8639 133.337 75.103 134.019 74.3243C144.535 65.5357 159.183 64.3121 170.849 70.6533ZM172.067 58.2249C170.623 42.1924 157.808 29.377 141.775 27.9327C145.484 37.0007 146.088 47.0315 143.587 56.413C152.969 53.9118 162.999 54.5157 172.067 58.2249ZM125.676 65.9805C134.464 55.4653 135.688 40.8169 129.347 29.1508C116.614 32.9161 107.121 44.1393 105.9 57.789C105.968 58.8224 106.001 59.8655 105.998 60.9171L105.925 85.6967L123.395 68.1232C124.136 67.3774 124.897 66.6631 125.676 65.9805ZM100 38.3587C95.135 29.9563 87.615 23.2905 78.5802 19.5012C90.9382 9.18585 109.062 9.18587 121.42 19.5013C112.385 23.2905 104.865 29.9563 100 38.3587Z" fill="#FAFAFA"/>
+<path d="M100 64.4661C100 58.6219 101.411 53.1072 103.911 48.2441L103.911 48.2429L103.928 48.2107C105.198 45.7464 106.747 43.4498 108.535 41.3629C112.141 37.1521 116.716 33.7949 121.914 31.6361C121.346 30.9518 120.742 30.2877 120.101 29.6465C116.762 26.3072 112.799 23.9724 108.587 22.642C106.178 24.1973 103.912 25.9549 101.813 27.891C101.691 28.0031 101.571 28.1157 101.45 28.229C100.957 28.6929 100.474 29.1667 100 29.6501C99.5262 29.1667 99.0427 28.6929 98.5497 28.229C96.3499 26.1591 93.9616 24.2873 91.4133 22.642C88.8486 20.9862 86.1219 19.5598 83.2621 18.392C77.5239 16.0487 71.2502 14.7462 64.6755 14.7191C64.6057 14.7188 64.5359 14.7186 64.4661 14.7186C61.0306 14.7186 57.6765 15.0669 54.4371 15.73C35.009 19.7068 19.7068 35.009 15.7299 54.4371C21.5092 50.112 27.9257 47.0293 34.6104 45.1892C37.3473 40.959 40.9589 37.3474 45.1892 34.6104C47.9325 32.8355 50.936 31.4284 54.1299 30.4589C57.4006 29.4661 60.871 28.9322 64.4661 28.9322C66.6264 28.9322 68.7416 29.125 70.7956 29.4943C73.3293 29.9498 75.7698 30.6739 78.0864 31.6362C83.2841 33.795 87.8585 37.1521 91.4651 41.3629C93.2606 43.4592 94.8163 45.7672 96.0894 48.2441C96.2311 48.5197 96.3692 48.7973 96.5039 49.0771C98.7445 53.7333 100 58.9531 100 64.4661Z" fill="#FAFAFA"/>
+<path d="M125.126 74.8737C129.259 70.7413 134.156 67.8394 139.362 66.1682C139.558 66.1053 139.755 66.0441 139.952 65.9846C142.418 65.2401 144.949 64.7693 147.498 64.5724C153.025 64.1451 158.634 65.0059 163.836 67.1547C163.919 66.2697 163.961 65.3729 163.961 64.4661C163.961 59.7437 162.81 55.2903 160.772 51.3713C157.934 50.7602 155.053 50.3994 152.163 50.289C152.034 50.2841 151.905 50.2796 151.775 50.2757C151.099 50.2551 150.422 50.2482 149.745 50.2551C149.752 49.5783 149.745 48.9014 149.724 48.2248C149.632 45.2056 149.267 42.1933 148.629 39.228C147.986 36.2436 147.067 33.3069 145.87 30.4589C143.47 24.7444 139.954 19.3872 135.325 14.7191C135.275 14.6695 135.226 14.6201 135.177 14.5707C132.748 12.1414 130.13 10.0159 127.37 8.1942C110.82 -2.7314 89.1798 -2.7314 72.63 8.19421C79.7748 9.2225 86.4918 11.5799 92.5196 15.0055C97.4462 13.9496 102.554 13.9496 107.48 15.0055C110.675 15.6902 113.794 16.8191 116.738 18.3919C119.753 20.0027 122.584 22.0791 125.126 24.6212C126.654 26.1487 128.013 27.7808 129.204 29.4942C130.674 31.608 131.888 33.8457 132.845 36.1642C134.994 41.366 135.855 46.9746 135.428 52.5022C135.215 55.2542 134.683 57.9862 133.832 60.6379C133.737 60.9329 133.638 61.2269 133.536 61.5199C131.828 66.3968 129.025 70.9754 125.126 74.8737Z" fill="#FAFAFA"/>
+<path d="M135.534 100C141.378 100 146.893 101.411 151.756 103.911L151.789 103.928C154.254 105.198 156.55 106.747 158.637 108.535C162.848 112.141 166.205 116.716 168.364 121.914C169.048 121.346 169.712 120.742 170.354 120.101C173.693 116.762 176.028 112.799 177.358 108.587C175.713 106.038 173.841 103.65 171.771 101.45C171.307 100.957 170.833 100.474 170.35 100C170.833 99.5263 171.307 99.0427 171.771 98.5497C173.841 96.3499 175.713 93.9616 177.358 91.4133C179.014 88.8486 180.44 86.1218 181.608 83.262C183.951 77.5238 185.254 71.2501 185.281 64.6754C185.281 64.6057 185.281 64.5359 185.281 64.4661C185.281 61.0306 184.933 57.6764 184.27 54.437C180.293 35.009 164.991 19.7069 145.563 15.73C149.888 21.5092 152.971 27.9258 154.811 34.6104C159.041 37.3474 162.653 40.959 165.39 45.1892C167.165 47.9325 168.572 50.936 169.541 54.1299C170.534 57.4006 171.068 60.871 171.068 64.4661C171.068 66.6264 170.875 68.7416 170.506 70.7955C170.05 73.3293 169.326 75.7697 168.364 78.0864C166.205 83.2841 162.848 87.8586 158.637 91.4651C156.541 93.2607 154.233 94.8163 151.756 96.0894C151.48 96.2311 151.203 96.3693 150.923 96.5039C146.267 98.7445 141.047 100 135.534 100Z" fill="#FAFAFA"/>
+<path d="M125.126 125.126C129.259 129.259 132.161 134.156 133.832 139.362C133.895 139.558 133.956 139.755 134.015 139.952C134.76 142.418 135.231 144.949 135.428 147.498C135.855 153.025 134.994 158.634 132.845 163.836C133.73 163.919 134.627 163.961 135.534 163.961C140.256 163.961 144.71 162.81 148.629 160.772C149.24 157.934 149.601 155.052 149.711 152.163C149.716 152.034 149.72 151.905 149.724 151.775C149.745 151.099 149.752 150.422 149.745 149.745C150.422 149.752 151.099 149.745 151.775 149.724C154.794 149.632 157.807 149.267 160.772 148.629C163.756 147.986 166.693 147.066 169.541 145.87C175.256 143.47 180.613 139.954 185.281 135.325C185.33 135.275 185.38 135.226 185.429 135.177C187.859 132.748 189.984 130.13 191.806 127.37C202.731 110.82 202.731 89.1797 191.806 72.6299C190.777 79.7747 188.42 86.4917 184.995 92.5196C186.05 97.4462 186.05 102.554 184.995 107.48C184.31 110.675 183.181 113.794 181.608 116.738C179.997 119.753 177.921 122.584 175.379 125.126C173.851 126.654 172.219 128.013 170.506 129.204C168.392 130.674 166.154 131.888 163.836 132.845C158.634 134.994 153.025 135.855 147.498 135.428C144.746 135.215 142.014 134.683 139.362 133.832C139.067 133.737 138.773 133.638 138.48 133.536C133.603 131.828 129.025 129.025 125.126 125.126Z" fill="#FAFAFA"/>
+<path d="M100 135.534C100 141.378 98.5891 146.893 96.0894 151.756L96.0723 151.789C94.8023 154.254 93.2526 156.55 91.4651 158.637C87.8585 162.848 83.284 166.205 78.0864 168.364C78.6536 169.048 79.2578 169.712 79.899 170.354C83.2382 173.693 87.2014 176.028 91.4133 177.358C93.9478 175.722 96.324 173.861 98.514 171.805L98.5497 171.771C99.0427 171.307 99.5262 170.833 100 170.35C100.474 170.833 100.957 171.307 101.45 171.771C103.65 173.841 106.038 175.713 108.587 177.358C111.151 179.014 113.878 180.44 116.738 181.608C122.476 183.951 128.75 185.254 135.325 185.281C135.394 185.281 135.464 185.281 135.534 185.281C138.969 185.281 142.324 184.933 145.563 184.27C164.991 180.293 180.293 164.991 184.27 145.563C178.491 149.888 172.074 152.971 165.39 154.811C162.653 159.041 159.041 162.653 154.811 165.39C152.068 167.164 149.064 168.572 145.87 169.541C142.599 170.534 139.129 171.068 135.534 171.068C133.374 171.068 131.258 170.875 129.204 170.506C126.671 170.05 124.23 169.326 121.914 168.364C116.716 166.205 112.141 162.848 108.535 158.637C106.739 156.541 105.184 154.233 103.911 151.756C103.769 151.48 103.631 151.203 103.496 150.923C101.255 146.267 100 141.047 100 135.534Z" fill="#FAFAFA"/>
+<path d="M74.8737 125.126C70.7413 129.259 65.8442 132.161 60.6379 133.832C60.4418 133.895 60.2453 133.956 60.0483 134.015C57.582 134.76 55.0507 135.231 52.5022 135.428C46.9745 135.855 41.366 134.994 36.1642 132.845C36.0813 133.73 36.0389 134.627 36.0389 135.534C36.0389 140.256 37.1904 144.71 39.2279 148.629C42.1932 149.267 45.2056 149.632 48.2247 149.724C48.9013 149.745 49.5783 149.752 50.2551 149.745C50.2483 150.422 50.2551 151.099 50.2757 151.775C50.3676 154.794 50.7328 157.807 51.3714 160.772C52.014 163.756 52.9335 166.693 54.1299 169.541C56.5304 175.256 60.0456 180.613 64.6755 185.281C64.7246 185.33 64.7739 185.38 64.8232 185.429C67.2525 187.859 69.8705 189.984 72.63 191.806C89.1798 202.731 110.82 202.731 127.37 191.806C120.225 190.778 113.508 188.42 107.48 184.995C102.554 186.05 97.4462 186.05 92.5196 184.994C89.3248 184.31 86.206 183.181 83.2621 181.608C80.2473 179.997 77.4159 177.921 74.8737 175.379C73.3462 173.851 71.9868 172.219 70.7956 170.506C69.3261 168.392 68.1125 166.154 67.1547 163.836C65.0059 158.634 64.1451 153.025 64.5724 147.498C64.7851 144.746 65.317 142.014 66.1682 139.362C66.2629 139.067 66.3616 138.773 66.4642 138.48C68.1723 133.603 70.9755 129.025 74.8737 125.126Z" fill="#FAFAFA"/>
+<path d="M41.3629 108.535C43.4592 106.739 45.7671 105.184 48.2441 103.911C48.5197 103.769 48.7973 103.631 49.0771 103.496C53.7333 101.255 58.9531 100 64.4661 100C58.6219 100 53.1072 98.5891 48.2441 96.0894L48.2428 96.0888L48.2107 96.0723C45.7464 94.8023 43.4498 93.2526 41.3629 91.4651C37.1521 87.8586 33.7949 83.2841 31.6361 78.0864C30.9517 78.6536 30.2877 79.2578 29.6465 79.899C26.3072 83.2382 23.9724 87.2015 22.642 91.4134C23.7775 93.1722 25.021 94.8547 26.363 96.4517C26.9654 97.1686 27.5877 97.8682 28.2289 98.5498C28.6928 99.0427 29.1666 99.5263 29.6501 100C29.1666 100.474 28.6928 100.957 28.2289 101.45C26.1591 103.65 24.2873 106.038 22.642 108.587C20.9862 111.151 19.5598 113.878 18.3919 116.738C16.0486 122.476 14.7461 128.75 14.719 135.324C14.7187 135.394 14.7186 135.464 14.7186 135.534C14.7186 138.969 15.0668 142.324 15.7299 145.563C19.7068 164.991 35.009 180.293 54.437 184.27C50.112 178.491 47.0293 172.074 45.1892 165.39C40.959 162.653 37.3474 159.041 34.6104 154.811C32.8354 152.067 31.4283 149.064 30.4588 145.87C29.466 142.599 28.9321 139.129 28.9321 135.534C28.9321 133.374 29.1249 131.258 29.4942 129.204C29.9498 126.671 30.6739 124.23 31.6361 121.914C33.7949 116.716 37.1521 112.141 41.3629 108.535Z" fill="#FAFAFA"/>
+<path d="M52.5022 64.5724C55.2542 64.7851 57.9862 65.317 60.6379 66.1682C60.9329 66.2629 61.227 66.3616 61.5199 66.4642C66.3968 68.1723 70.9755 70.9754 74.8737 74.8737C70.7413 70.7413 67.8394 65.8442 66.1682 60.6379C66.1053 60.4418 66.0441 60.2453 65.9846 60.0483C65.2401 57.582 64.7694 55.0507 64.5724 52.5022C64.1451 46.9746 65.0059 41.366 67.1547 36.1642C66.2697 36.0813 65.3729 36.039 64.4661 36.039C59.7437 36.039 55.2903 37.1904 51.3714 39.2279C50.7328 42.1933 50.3676 45.2056 50.2757 48.2248C50.2551 48.9014 50.2483 49.5783 50.2551 50.2551C49.5783 50.2482 48.9014 50.2551 48.2248 50.2757C45.2056 50.3676 42.1933 50.7328 39.2279 51.3714C36.2435 52.014 33.3068 52.9335 30.4589 54.1299C24.7444 56.5305 19.3872 60.0457 14.719 64.6755C14.6695 64.7246 14.6201 64.7739 14.5707 64.8232C12.1414 67.2525 10.0159 69.8705 8.19417 72.63C-2.73139 89.1798 -2.73139 110.82 8.19418 127.37C9.22247 120.225 11.5798 113.508 15.0055 107.48C13.9496 102.554 13.9496 97.4463 15.0055 92.5197C15.6902 89.3248 16.8191 86.2061 18.3919 83.2621C20.0027 80.2473 22.0791 77.4159 24.6212 74.8737C26.1487 73.3462 27.7807 71.9868 29.4942 70.7956C31.6079 69.3261 33.8457 68.1125 36.1642 67.1547C41.366 65.0059 46.9745 64.1451 52.5022 64.5724Z" fill="#FAFAFA"/>
 </svg>

src/components/app/app.tsx

@@ -20,6 +20,77 @@ import { FADE_OUT } from '@/constants/events';
 import type { Sound } from '@/data/types';
 import { subscribe } from '@/lib/event';
 
+/**
+ * =========================================
+ */
+declare global {
+  interface Window {
+    __howlerStreamPatched?: boolean;
+  }
+}
+
+/**
+ * Patches Howler's master gain node to route its output into a hidden HTML audio element.
+ * An intermediate splitter node is used in an attempt to reduce the banging noise observed on iOS.
+ * Also adds a listener to resume the AudioContext when the document becomes visible.
+ */
+export function setupAudioStream(): void {
+  if (
+    typeof window !== 'undefined' &&
+    Howler.ctx &&
+    !window.__howlerStreamPatched
+  ) {
+    const audioCtx = Howler.ctx;
+
+    // Create a MediaStream destination node to capture the output.
+    const streamDestination = audioCtx.createMediaStreamDestination();
+
+    // Create a splitter gain node to help split the signal cleanly.
+    const splitter = audioCtx.createGain();
+
+    // Disconnect the master gain.
+    Howler.masterGain.disconnect();
+
+    // Reconnect masterGain: one branch to the AudioContext's default destination,
+    // and one branch through the splitter to the MediaStream destination.
+    Howler.masterGain.connect(audioCtx.destination);
+    Howler.masterGain.connect(splitter);
+    splitter.connect(streamDestination);
+
+    // Create a hidden HTML audio element to play the captured stream.
+    const audioElement = document.createElement('audio');
+    audioElement.setAttribute('playsinline', 'true'); // crucial for iOS playback
+    audioElement.srcObject = streamDestination.stream;
+    audioElement.style.display = 'none';
+    document.body.appendChild(audioElement);
+
+    // Attempt to start playback (must be triggered by a user gesture).
+    audioElement.play().catch((err: unknown) => {
+      console.error('Failed to play background stream:', err);
+    });
+
+    // Listen for visibility changes: if the document becomes visible and the AudioContext is suspended, resume it.
+    document.addEventListener('visibilitychange', () => {
+      if (
+        document.visibilityState === 'visible' &&
+        audioCtx.state === 'suspended'
+      ) {
+        audioCtx
+          .resume()
+          .catch((err: unknown) =>
+            console.error('Error resuming AudioContext:', err),
+          );
+      }
+    });
+
+    window.__howlerStreamPatched = true;
+  }
+}
+
+/**
+ * =========================================
+ */
+
 export function App() {
   const categories = useMemo(() => sounds.categories, []);
 
@@ -86,6 +157,19 @@ export function App() {
     return [...favorites, ...categories];
   }, [favoriteSounds, categories]);
 
+  useEffect(() => {
+    const handleUserInteraction = () => {
+      setupAudioStream();
+      document.removeEventListener('click', handleUserInteraction);
+    };
+
+    document.addEventListener('click', handleUserInteraction);
+
+    return () => {
+      document.removeEventListener('click', handleUserInteraction);
+    };
+  }, []);
+
   return (
     <SnackbarProvider>
       <StoreConsumer>

src/components/cipher.tsx

@@ -12,12 +12,10 @@ export function CipherText({ interval = 50, text }: CipherTextProps) {
   const [isMounted, setIsMounted] = useState(false);
 
   useEffect(() => {
-    setTimeout(() => setIsMounted(true), 2000);
+    setIsMounted(true);
   }, []);
 
   useEffect(() => {
-    if (!isMounted) return;
-
     let timer: NodeJS.Timeout;
 
     if (outputText !== text) {
@@ -31,7 +29,7 @@ export function CipherText({ interval = 50, text }: CipherTextProps) {
     }
 
     return () => clearInterval(timer);
-  }, [text, interval, outputText, isMounted]);
+  }, [text, interval, outputText]);
 
   useEffect(() => {
     if (outputText === text) {

src/components/hero.astro

@@ -13,16 +13,14 @@ const count = soundCount();
   <Container>
     <div class="wrapper">
       <div class="pattern"></div>
-      <div class="logo-wrapper">
-        <img
-          alt="Faded Moodist Logo"
-          aria-hidden="true"
-          class="logo"
-          height={48}
-          src="/logo.svg"
-          width={48}
-        />
-      </div>
+      <img
+        alt="Faded Moodist Logo"
+        aria-hidden="true"
+        class="logo"
+        height={45}
+        src="/logo.svg"
+        width={45}
+      />
 
       <h1 class="title">
         Ambient Sounds<span class="line">For Focus and Calm</span>
@@ -67,19 +65,14 @@ const count = soundCount();
       }
     }
 
-    & .logo-wrapper {
-      mask-image: linear-gradient(#000, rgb(0 0 0 / 40%), rgb(0 0 0 / 5%));
-
-      & .logo {
-        display: block;
-        width: 48px;
-        margin: 0 auto 20px;
-        opacity: 1;
-        animation-name: logo;
-        animation-duration: 60s;
-        animation-timing-function: linear;
-        animation-iteration-count: infinite;
-      }
+    & .logo {
+      display: block;
+      width: 45px;
+      margin: 0 auto 16px;
+      animation-name: logo;
+      animation-duration: 45s;
+      animation-timing-function: linear;
+      animation-iteration-count: infinite;
     }
 
     & .title {

src/components/reload/index.ts

@@ -1 +0,0 @@
-export { Reload } from './reload';

src/components/reload/reload-modal.tsx

@@ -1,36 +0,0 @@
-import { useRegisterSW } from 'virtual:pwa-register/react'; // eslint-disable-line
-
-import { Modal } from '@/components/modal';
-
-import styles from './reload.module.css';
-
-export function ReloadModal() {
-  const {
-    needRefresh: [needRefresh, setNeedRefresh],
-    updateServiceWorker,
-  } = useRegisterSW();
-
-  const close = () => {
-    setNeedRefresh(false);
-  };
-
-  return (
-    <Modal show={needRefresh} onClose={close}>
-      <h2 className={styles.title}>New Content</h2>
-      <p className={styles.desc}>
-        New content available, click on reload button to update.
-      </p>
-
-      <div className={styles.buttons}>
-        <button onClick={close}>Close</button>
-
-        <button
-          className={styles.primary}
-          onClick={() => updateServiceWorker(true)}
-        >
-          Reload
-        </button>
-      </div>
-    </Modal>
-  );
-}

src/components/reload/reload.module.css

@@ -1,38 +0,0 @@
-.title {
-  font-family: var(--font-heading);
-  font-size: var(--font-md);
-  font-weight: 600;
-}
-
-.desc {
-  margin-top: 8px;
-  color: var(--color-foreground-subtle);
-}
-
-.buttons {
-  display: flex;
-  column-gap: 8px;
-  align-items: center;
-  justify-content: flex-end;
-  margin-top: 20px;
-
-  & button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 40px;
-    padding: 0 12px;
-    font-size: var(--font-sm);
-    font-weight: 500;
-    color: var(--color-foreground-subtle);
-    cursor: pointer;
-    background-color: var(--color-neutral-200);
-    border: none;
-    border-radius: 8px;
-
-    &.primary {
-      color: var(--color-neutral-50);
-      background-color: var(--color-neutral-950);
-    }
-  }
-}

src/components/reload/reload.tsx

@@ -1,11 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import { ReloadModal } from './reload-modal';
-
-export function Reload() {
-  const [isBrowser, setIsBrowser] = useState(false);
-
-  useEffect(() => setIsBrowser(true), []);
-
-  return isBrowser ? <ReloadModal /> : null;
-}

src/components/slider/slider.tsx

@@ -34,7 +34,6 @@ export function Slider({
       max={max}
       min={min}
       step={step}
-      tabIndex={0}
       value={value !== undefined ? [value] : undefined}
       onValueChange={handleValueChange}
     >

src/components/toolbar/menu/menu.tsx

@@ -144,12 +144,18 @@ export function Menu() {
 
                     <div className={styles.globalVolume}>
                       <label htmlFor="global-volume">Global Volume</label>
-                      <Slider
-                        max={100}
-                        min={0}
-                        value={globalVolume * 100}
-                        onChange={value => setGlobalVolume(value / 100)}
-                      />
+
+                      <DropdownMenu.Item
+                        asChild
+                        onSelect={e => e.preventDefault()}
+                      >
+                        <Slider
+                          max={100}
+                          min={0}
+                          value={globalVolume * 100}
+                          onChange={value => setGlobalVolume(value / 100)}
+                        />
+                      </DropdownMenu.Item>
                     </div>
 
                     <Divider />

src/data/sounds/places.tsx

@@ -14,7 +14,6 @@ import {
 import { HiOfficeBuilding } from 'react-icons/hi/index';
 import { AiFillExperiment } from 'react-icons/ai/index';
 import { IoRestaurant } from 'react-icons/io5/index';
-import { FaBookOpen } from 'react-icons/fa6/index';
 
 import type { Category } from '../types';
 
@@ -112,12 +111,6 @@ export const places: Category = {
       label: 'Restaurant',
       src: '/sounds/places/restaurant.mp3',
     },
-    {
-      icon: <FaBookOpen />,
-      id: 'library',
-      label: 'Library',
-      src: '/sounds/places/library.mp3',
-    },
   ],
   title: 'Places',
 };

src/layouts/layout.astro

@@ -1,8 +1,4 @@
 ---
-import { pwaInfo } from 'virtual:pwa-info'; // eslint-disable-line
-
-import { Reload } from '@/components/reload';
-
 import { count } from '@/lib/sounds';
 
 import '@/styles/global.css';
@@ -39,12 +35,8 @@ const description =
     <meta content="https://moodist.app/og.png" property="og:image" />
 
     <meta content="summary_large_image" name="twitter:card" />
-
-    {pwaInfo && <Fragment set:html={pwaInfo.webManifest.linkTag} />}
   </head>
   <body>
     <slot />
-
-    <Reload client:load />
   </body>
 </html>

tsconfig.json

@@ -6,7 +6,6 @@
     "baseUrl": "./src",
     "paths": {
       "@/*": ["./*"]
-    },
-    "types": ["vite-plugin-pwa/react", "vite-plugin-pwa/info"]
+    }
   }
 }