This commit is contained in:
ForeverPyrite
2024-09-27 21:55:22 -04:00
parent 6fefd65f86
commit e66a16ed9a
12 changed files with 225 additions and 26 deletions

View File

30
website/index.html Normal file
View File

@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Screw You Bardo</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
<link rel="icon" type="image/x-icon" href="https://www.foreverpyrite.com/favicon.ico">
<script src="{{ url_for('static', filename='script.js')}}"></script>
</head>
<body>
<div class="content">
<p id="response-area">Response will appear here.</p>
<div class="form_box">
<input id="url_box" placeholder="Paste the lecture URL here." autofocus></input>
<input id="submit" type="submit" onclick=""></input>
</div>
</div>
</body>
</html>

Binary file not shown.

Binary file not shown.

31
website/static/script.js Normal file
View File

@@ -0,0 +1,31 @@
document.addEventListener("DOMContentLoaded", (event) => {
document.getElementById('submit').addEventListener('click', function() {
var url = document.getElementById('url_box').value;
const response_area = document.getElementById('response-area');
if (!url) {
response_area.innerText = 'Please enter a URL.';
return;
}
else{
response_area.innerText = "Sending URL and retriving transcript."
}
fetch('/process_url', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
body: new URLSearchParams({ url: url })
})
.then(response => response.text())
.then(data => {
response_area.innerText = data;
})
.catch(error => {
console.error('Error:', error);
response_area.innerText = 'An error occurred. Please try again.';
});
});
});

View File

@@ -0,0 +1,77 @@
@font-face {
font-family: 'nimbus_sans_d_otlight';
src: url('font-files/nimbus-sans-d-ot-light.woff2') format('woff2'),
url('font-files/nimbus-sans-d-ot-light.woff') format('woff');
font-weight: normal;
font-style: normal;
}
* {
font-family: 'nimbus_sans_d_otlight';
color: white;
}
body {
display: flex;
flex-direction: column;
width: 100%;
max-width: 100vw;
height: 100%;
min-height: 100vh;
max-height: 100vh;
margin: 0;
background-color: rgb(31, 31, 31);
}
body .content {
display: flex;
flex-direction: column;
align-self: center;
width: 75%;
max-width: 65vw;
height: 100%;
min-height: 100vh;
max-height: 100vh;
}
#response-area {
display: block;
height: 90%;
min-height: 90vh;
overflow: auto;
flex-wrap: wrap;
align-content: flex-end;
}
.form_box {
display: flex;
width: 100%;
justify-content: space-between;
align-content: space-around;
}
#url_box {
display: flex;
height: 5%;
min-height: 5vh;
width: 90%;
min-width: 80vh;
background-color: rgb(31, 31, 31);
}
#submit {
display: flex;
width: 5%;
min-width: 3vw;
background-color: rgb(49, 49, 49);
}
#submit:hover {
cursor: pointer;
background-color: rgb(31, 31, 31);
}
input {
border-radius: 15px;
}