fix: random stuff

.gitignore

@@ -7,5 +7,9 @@ build/
 
 # Dependencies
 node_modules/
+**/*.der
+**/*.pem
+**/*.keystore
+**/*.jks
 
 package-lock.json

capacitor/capacitor.config.js

@@ -21,10 +21,6 @@ const config = {
   }
 }
 
-if (mode === 'development') {
+if (mode === 'development') config.server.url = 'http://localhost:5001/index.html'
-  config.server = {
+
-    url: 'http://localhost:5001/index.html',
-    cleartext: true
-  }
-}
 module.exports = config

common/package.json

@@ -19,7 +19,7 @@
     "svelte-keybinds": "^1.0.6",
     "svelte-loader": "^3.1.9",
     "svelte-miniplayer": "^1.0.5",
-    "svelte-sonner": "^0.3.6",
+    "svelte-sonner": "^0.3.9",
     "video-deband": "^1.0.5",
     "webpack-merge": "^5.10.0"
   }

common/views/Player/Player.svelte

@@ -1408,11 +1408,6 @@
     height: 100%;
   }
 
-  @media (pointer: none), (pointer: coarse) {
-    .bottom .volume .custom-range {
-      width: 5vw;
-    }
-  }
   .h-20 {
     height: 2rem
   }
@@ -1453,8 +1448,8 @@
       display: block !important;
     }
     .miniplayer .mobile-focus-target:focus-visible {
-    background: hsla(209, 100%, 55%, 0.3);
+      background: hsla(209, 100%, 55%, 0.3);
-  }
+    }
   }
 
 </style>

pnpm-lock.yaml

@@ -185,8 +185,8 @@ importers:
         specifier: ^1.0.5
         version: 1.0.5
       svelte-sonner:
-        specifier: ^0.3.6
+        specifier: ^0.3.9
-        version: 0.3.6(svelte@4.2.7)
+        version: 0.3.9(svelte@4.2.7)
       video-deband:
         specifier: ^1.0.5
         version: 1.0.5
@@ -8115,8 +8115,8 @@ packages:
       typescript: 5.3.2
     dev: true
 
-  /svelte-sonner@0.3.6(svelte@4.2.7):
+  /svelte-sonner@0.3.9(svelte@4.2.7):
-    resolution: {integrity: sha512-MwVhh4nxCqTBLHYamRw+q9erZC2Y4wuL8mUa7phgq/9kq9VdTr+/6S1PX1CnALJPy2rkc7TlIECYTJavUkoWlg==}
+    resolution: {integrity: sha512-uwTidxYTZ5Sp8UjGu7N150gLG8EV2SS81rXd8deXpFDMTCKHGxE22UHV0WJxw64SdJHNfXRKorkR5wWZDkh/nA==}
     peerDependencies:
       svelte: '>=3 <5'
     dependencies:

web/src/lib/components/VideoShowcase.svelte

@@ -16,8 +16,8 @@
   }
 </script>
 
-<div class='position-relative play-container' on:mousemove={followMouse} bind:this={container} role='none'>
+<div class='position-relative play-container' on:mousemove={followMouse} on:wheel={followMouse} bind:this={container} role='none' on:click={() => { show.value = true }}>
-  <button class='btn rounded-circle btn-square btn-lg d-flex align-items-center justify-content-center position-absolute z-100 w-50 h-50' style:--left={left + 'px'} style:--top={top + 'px'} on:click={() => { show.value = true }}>
+  <button class='btn rounded-circle btn-square btn-lg d-flex align-items-center justify-content-center position-absolute z-100 w-50 h-50' style:--left={left + 'px'} style:--top={top + 'px'}>
     <span class='material-symbols-outlined filled text-white'>play_arrow</span>
   </button>
   <img src='app.webp' alt='app' class='mw-full px-20 w-full app-image' />

web/src/routes/+page.svelte

@@ -26,7 +26,7 @@
 <div class='container-xl'>
   <div class='my-20 pb-20' id='about'>
     <h1 class='font-weight-bold text-white content text-center'>Torrenting made simple.</h1>
-    <p class='text-muted font-size-18 content text-center pb-20'> Feature-rich yet wonderfully simple. Miru delivers what you want effortlessly.<br />No complex configurations or high entry barriers — Miru is functional out of the box.</p>
+    <p class='text-muted font-size-18 content text-center pb-20'>Feature-rich yet wonderfully simple. Miru delivers what you want effortlessly.<br />No complex configurations or high entry barriers — Miru is perfectly functional out of the box.</p>
     <div class='row pt-20'>
       <div class='col-md-4 col-12'>
         <div class='content'>