From f2f6e09c281f0338e65af349d2068890603ad3cb Mon Sep 17 00:00:00 2001
From: bingus_violet <violetbutagain@gmail.com>
Date: Wed, 13 Dec 2023 19:19:35 +0000
Subject: [PATCH] Minor fixes, beginning work on adv options

---
 static/converter/index.html | 19 ++-----------
 static/index.html           | 57 ++++++++++++++++++-------------------
 static/style.css            |  8 +++++-
 3 files changed, 36 insertions(+), 48 deletions(-)

diff --git a/static/converter/index.html b/static/converter/index.html
index 3ebe097..5c6f8d2 100644
--- a/static/converter/index.html
+++ b/static/converter/index.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <link rel="stylesheet" href="/style.css">
+    <link rel="stylesheet" href="../style.css">
 
     <title>Univerter</title>
 </head>
@@ -18,28 +18,13 @@
     </h1>
 
     <p><a href="/">Downloader</a></p>
-
+    <p>Converter is still in beta!</p>
     <form action="/convert" method="post" target="_blank" enctype="multipart/form-data">
 
         <div class="setting">
             <input name="files" type="file" accept="video/*, audio/*">
         </div>
 
-        <!-- <div class="setting">
-            <p>Quality:</p>
-            <select required id="preset" name="preset">
-                <option value="ultrafast">Ultra Fast (Lowest)</option>
-                <option value="superfast">Super Fast</option>
-                <option value="veryfast" selected>Very Fast (Reccomended)</option>
-                <option value="fast">Fast</option>
-                <option value="medium">Medium</option>
-                <option value="slow">Slow</option>
-                <option value="slower">Slower</option>
-                <option value="veryslow">Very Slow (Highest)</option>
-            </select>
-        
-        </div> -->
-
         <div class="setting">
             <p>Format:</p>
             <select required id="format" name="format">
diff --git a/static/index.html b/static/index.html
index a9cb43f..3f8465a 100644
--- a/static/index.html
+++ b/static/index.html
@@ -20,39 +20,36 @@
     <p><a href="/converter">Converter</a></p>
 
     <form action="/download" method="get">
-        <div class="setting">
-            <p style="margin-bottom: 1px;">Video URL:</p>
-            <input required type="url" id="url" placeholder="Enter url" name="url" style="width: 80vw; max-width: 550px">
-            <input type="reset" value="Clear form">
-        </div>
+        <p style="margin-bottom: 1px;">Video URL:</p>
+        <input required type="url" id="url" placeholder="Enter url" name="url" style="width: 80vw; max-width: 550px">
 
-        <div class="setting">
-            <p>Quality:</p>
-            <select required id="quality" name="quality">
-                <option value="highest">Highest</option>
-                <option value="lowest">Lowest</option>
-            </select>
+        <p>Quality:</p>
+        <select required id="quality" name="quality">
+            <option value="highest">Highest</option>
+            <option value="lowest">Lowest</option>
+        </select>
 
-            <select required id="definition" name="definition">
-                <option value="hd">HD (High Definition)</option>
-                <option value="sd">SD (Standard Definition)</option>
-            </select>
-        
-        </div>
+        <select required id="definition" name="definition">
+            <option value="hd">HD (High Definition)</option>
+            <option value="sd">SD (Standard Definition)</option>
+        </select>
+
+
+        <p>Format:</p>
+        <select required id="format" name="format">
+            <option disabled>Video Formats</option>
+            <option value="mp4">.mp4</option>
+            <option value="matroska">.mkv</option>
+            <option value="flv">.flv</option>
+            <option value="avi">.avi</option>
+            <option value="mov">.mov</option>
+            <option disabled>Audio Formats</option>
+            <option value="mp3" selected>.mp3</option>
+        </select>
+        <br>
+        <!-- <input style="display: inline-block" type="checkbox" id="adv"> -->
+        <!-- <p style="display: inline-block" for="adv">Enable Advanced options? (Beta)</p> -->
 
-        <div class="setting">
-            <p>Format:</p>
-            <select required id="format" name="format">
-                <option disabled>Video Formats</option>
-                <option value="mp4">.mp4</option>
-                <option value="matroska">.mkv</option>
-                <option value="flv">.flv</option>
-                <option value="avi">.avi</option>
-                <option value="mov">.mov</option>
-                <option disabled>Audio Formats</option>
-                <option value="mp3" selected>.mp3</option>
-            </select>
-        </div>
         <br>
         <input type="submit">
     </form>
diff --git a/static/style.css b/static/style.css
index 3e54683..1b0e02d 100644
--- a/static/style.css
+++ b/static/style.css
@@ -39,13 +39,13 @@ body {
 
 select,
 input {
-    display: block;
     background-color: var(--second-bg-color);
     color: var(--text-color);
     margin: 5px auto;
     border: 2px var(--primary-color) solid;
     border-radius: 5px;
     padding: 7px;
+    display: inline;
 }
 
 .col-sm-3 {
@@ -55,4 +55,10 @@ input {
 select:hover,
 input:hover {
     border-color: var(--text-color)
+}
+
+#adv {
+    accent-color: var(--primary-color);
+    width: 1.15rem;
+    height: 1.15rem;
 }
\ No newline at end of file