diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 4499a26..2069ada 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,4 +1,6 @@
 ---
+import UrlUtils from '../libs/UrlUtils.astro';
+import DocumentSelector from '../libs/DocumentSelector.astro';
 export interface Props {
   title: string;
 }
@@ -19,4 +21,8 @@ const {title} = Astro.props;
 <body>
 <slot/>
 </body>
+
+<UrlUtils/>
+<DocumentSelector/>
+
 </html>
diff --git a/src/libs/DocumentSelector.astro b/src/libs/DocumentSelector.astro
new file mode 100644
index 0000000..ba16a48
--- /dev/null
+++ b/src/libs/DocumentSelector.astro
@@ -0,0 +1,6 @@
+---
+---
+
+<script is:inline>
+  const $ = (selector) => document.querySelector(selector)
+</script>
diff --git a/src/libs/UrlUtils.astro b/src/libs/UrlUtils.astro
new file mode 100644
index 0000000..c963c5d
--- /dev/null
+++ b/src/libs/UrlUtils.astro
@@ -0,0 +1,14 @@
+---
+---
+
+<script is:inline>
+  const getUrlParams = (defaultParams = {}) => {
+    let params = {...defaultParams};
+
+    const urlParams = new URLSearchParams(window.location.search);
+    urlParams.forEach((value, key) => {
+      if (key && value) params[key] = value
+    })
+    return params
+  }
+</script>
\ No newline at end of file
