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

Converter update!

Browse source
This commit is contained in:
Bingus_Violet 2023-11-22 22:52:44 -06:00
parent 0980a2aa8b
commit a8fa9b9783
7 changed files with 257 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

57
static/convert/index.html Normal file
View file

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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">
<title>Univerter - Video Converter</title>
</head>
<body>
<h1>Univerter - Video Converter <p>v1.0</p>
<hr>
</h1>
<div class="row container-fluid">
<div class="col-sm-6">
<h2><a href="../">YT Downloader</a></h2>
</div>
<div class="col-sm-6">
<h2><a>Video Converter</a></h2>
</div>
</div>
<h1><hr></h1>
<form action="/converter" method="post" target="_blank" enctype="multipart/form-data">
<div class="setting">
<p>Video:</p>
<input required id="video" name="video" type="file">
</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">.mp3</option>
</select>
</div>
<input type="submit">
</form>
<br>
<p>This video converter is experimental. Please report issues on <a href="https://codeberg.org/Bingus_Violet/Univerter">Codeberg</a>!</p>
<p><a href="https://ko-fi.com/bingus_violet">Please consider donating</a> or host the website yourself! Anything
helps! (Check <a href="https://codeberg.org/Bingus_Violet/Univerter">Codeberg</a> for more info)</p>
</body>
</html>

21
static/index.html
View file

@ -6,25 +6,35 @@
<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>
<title>Univerter - YT Downloader</title>
</head>
<body>
<h1>Univerter <p>v3.0</p>
<h1>Univerter - YT Downloader <p>v3.0</p>
<hr>
</h1>
<div class="row container-fluid">
<div class="col-sm-6">
<h2><a>YT Downloader</a></h2>
</div>
<div class="col-sm-6">
<h2><a href="./convert">Video Converter</a></h2>
</div>
</div>
<h1><hr></h1>
<form action="/download" method="get" target="_blank">
<div class="setting">
<p style="margin-bottom: 1px;">Video URL:</p>
<input required id="url" placeholder="Enter url" name="url">
<input required id="url" placeholder="Enter url" name="url" style="width: 80vw;">
</div>
<div class="setting">
<p>Quality:</p>
<br>
<select required id="quality" name="quality">
<option value="highest">Highest</option>
<option value="lowest">Lowest</option>
@ -49,7 +59,6 @@
<option value="mp3">.mp3</option>
</select>
</div>
<br>
<input type="submit">
</form>
<br>

17
static/style.css
View file

@ -1,3 +1,6 @@
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css");
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400&display=swap');
:root {
--primary-color: rgb(230, 210, 255);
--text-color: rgb(230, 230, 255);
@ -8,7 +11,7 @@
* {
text-align: center;
color: var(--text-color);
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-family: 'Rubik', Verdana, Geneva, Tahoma, sans-serif;
}
h1,
@ -19,12 +22,11 @@ h1>* {
p,
select,
input {
font-size: 1.4rem;
font-size: 1.3rem;
}
p {
margin: 5px;
display: inline-block;
}
body,
@ -39,13 +41,13 @@ html {
select,
input {
display: inline-block;
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: 5px;
padding: 7px;
}
.col-sm-3 {
@ -75,3 +77,8 @@ hr {
display: block;
margin: 5px;
}
div, a, h2 {
padding: 0 !important;
margin: auto !important;
}