diff --git a/frontend/index.html b/frontend/index.html
index 7f153c0..e7d6623 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1 +1,33 @@
-
+
+
+
+
+
+ musicdlp
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/script.js b/frontend/script.js
new file mode 100644
index 0000000..74a6ee1
--- /dev/null
+++ b/frontend/script.js
@@ -0,0 +1,18 @@
+addEventListener('DOMContentLoaded', () => {
+ /** @type{HTMLInputElement} */
+ const urlField = document.getElementById('url')
+ /** @type{HTMLSelectElement} */
+ const site = document.getElementById('site-select')
+
+ document.getElementById('guess-site-btn').addEventListener('click', () => {
+ const url = urlField.value
+ if (url.includes('/watch?v=') || url.includes('/playlist?list=')) {
+ if (site.value == 'yt_proxied') {
+ return
+ }
+ site.value = 'youtube'
+ } else if (url.includes('://music.yandex.')) {
+ site.value = 'yandex'
+ }
+ })
+})
diff --git a/frontend/style.css b/frontend/style.css
new file mode 100644
index 0000000..b2ec405
--- /dev/null
+++ b/frontend/style.css
@@ -0,0 +1,11 @@
+body {
+ margin: 0;
+ padding: 0.5rem;
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ row-gap: 0.25rem;
+
+ font-family: 'Noto Sans', 'Roboto', 'Ubuntu', sans-serif;
+}