update

README.md

@@ -16,4 +16,4 @@ ___
 
 ___
 
-MinPluto is inspired by [Poke](https://poketube.fun/), a project by [Ashley](https://codeberg.org/ashley).
+MinPluto is inspired by [Poke](https://poketube.fun/), Poke is a project by [Ashley](https://codeberg.org/ashley).

package.json

@@ -32,16 +32,16 @@
     "build": "astro build --config ./source/astro.js"
   },
   "dependencies": {
-    "@astrojs/mdx": "^3.1.5",
+    "@astrojs/mdx": "^3.1.6",
     "@astrojs/node": "^8.3.3",
     "@astrojs/vue": "^4.5.0",
     "@iconoir/vue": "^7.9.0",
     "@minpluto/zorn": "^0.4.5",
     "@nurodev/astro-bun": "^1.1.5",
     "@openpanel/sdk": "^1.0.0",
-    "@supabase/supabase-js": "^2.45.3",
+    "@supabase/supabase-js": "^2.45.4",
     "@xexiu/astro-modal": "^0.5.9",
-    "astro": "^4.15.4",
+    "astro": "^4.15.6",
     "astro-analytics": "^2.7.0",
     "astro-i18next": "^1.0.0-beta.21",
     "astro-tooltips": "^0.6.2",

source/astro.mjs

@@ -4,7 +4,6 @@ import astroI18next from "astro-i18next"
 import mdx from '@astrojs/mdx'
 import bun from "@nurodev/astro-bun";
 
-
 // https://astro.build/config
 export default defineConfig({
   // Project Structure

source/src/components/Search.astro

@@ -50,7 +50,7 @@ for the JavaScript code in this page.
     // Trigger Search
     function Search() {
         var SearchQuery = document.querySelector('input[type="search"]').value;
-        location.href = `/search?q=${SearchQuery}`;
+        location.href = `/search?query=${SearchQuery}`;
     }
 
     ///// Suggestions /////
@@ -91,56 +91,4 @@ for the JavaScript code in this page.
             .join("\n");
         return `${text}`;
     }
-</script>
+</script>
-
-<style lang="scss">
-.search-bar {
-    display: flex;
-    width: 100%;
-    input[type="search"] {
-        background: transparent;
-        color: white;
-        border: none;
-        border-radius: 10px 0px 0px 10px;
-        padding: 24px;
-        width: 100%;
-        transition: 0.3s width;
-        &:focus {
-            outline: none;
-            transition: 0.3s width;
-        }
-    }
-}
-
-.search-bar button {
-    display: none;
-    border-radius: 1rem;
-    aspect-ratio: 1;
-    background: rgba(255, 255, 255, 0.1);
-    color: white;
-    margin: 8px 0px 0px -31px;
-    height: 24px;
-    border: none;
-    cursor: pointer;
-}
-.search-bar button svg {
-    width: 14px;
-}
-.search-bar[data-astro-cid-otpdt6jm] {
-    display: flex;
-}
-.suggestions {
-    position: absolute;
-    top: 60px;
-    background: #131313e8;
-    width: 100%;
-    border-radius: 6px;
-    backdrop-filter: blur(20px);
-    -webkit-backdrop-filter: blur(20px);
-    border: 1px #282828 solid;
-    a:hover {
-        background: #0d0d0d !important;
-        border-radius: 6px;
-    }
-}
-</style>

source/src/pages/begin-search.astro

@@ -0,0 +1,57 @@
+---
+import Base from "@layouts/Default.astro";
+import Search from "@components/Search.astro";
+---
+
+<Base Title="MinPluto" Description="">
+    <br />
+    <Search />
+</Base>
+
+<style lang="scss" is:global is:inline>
+    .search-bar {
+        margin: auto;
+        max-width: 500px;
+        position: relative;
+        input {
+            color: white;
+            background: #121212;
+            border: 2px #242424 solid;
+            padding: 6px 12px;
+            border-radius: 6px;
+            font-size: 16px;
+            width: 100%;
+            &:focus {
+                outline: none;
+            }
+        }
+        button {
+            position: absolute;
+            right: 0px;
+            top: 0px;
+            color: #acacac;
+            background: #242424;
+            border: none;
+            border-radius: 4px;
+            padding: 0px 12px;
+            margin: 5px;
+            font-size: 0px;
+        }
+    }
+    .suggestions {
+        display: grid;
+        border-radius: 6px;
+        border: 2px #242424 solid;
+        background: #121212;
+        margin-top: 6px;
+        a {
+            color: white;
+            text-decoration: none;
+            padding: 4px 12px;
+            font-size: 14px;
+            &:hover {
+                opacity: 0.5;
+            }
+        }
+    }
+</style>

source/src/pages/index.astro

@@ -1,4 +1,4 @@
----
+P---
 import i18next,{ t, changeLanguage } from "i18next";
 import Base from "@layouts/Default.astro";