Violet/Univerter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Minor fixes, beginning work on adv options

Browse source
This commit is contained in:
bingus_violet 2023-12-13 19:19:35 +00:00
parent 71c28b480f
commit f2f6e09c28
3 changed files with 36 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
static/converter/index.html
View file

@ -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">

55
static/index.html
View file

@ -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>
<select required id="definition" name="definition">
<option value="hd">HD (High Definition)</option>
<option value="sd">SD (Standard Definition)</option>
</select>
</div>
<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>
<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> -->
<br>
<input type="submit">
</form>

8
static/style.css
View file

@ -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 {
@ -56,3 +56,9 @@ select:hover,
input:hover {
border-color: var(--text-color)
}
#adv {
accent-color: var(--primary-color);
width: 1.15rem;
height: 1.15rem;
}