Health_server / templates /upload.html
seapoe1809's picture
Upload 201 files
571f20f verified
<!DOCTYPE html>
<html>
<head>
<title>UPLOAD FILE</title>
<meta name="viewport" content="width=device-width", initial-scale=1.0">
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
<link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.png') }}">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
<div id="loader" class="loader"><div class="spinner"></div></div>
<button class="done-button" onclick="window.close()" title="Close"><i class="fas fa-times"></i></button>
<style>
.form__container {
display: flex;
flex-direction: column; /* Set flex direction to column */
justify-content: center; /* Center items vertically */
align-items: center; /* Center items horizontally */
padding: 20px; /* Add padding as desired */
max-width: 270px; /* Set maximum width as desired */
height: 350px;
background-color: hsla(244, 16%, 92%, 0.6);
border-radius: 10px; /* Add rounded edges */
margin: 0 auto;
margin-top: 30px;
font-family: 'Roboto', sans-serif;
}
</style>
<br>
<h1 style="font-family: 'Roboto', sans-serif; font-size: 45px; font-weight: bold; font-style: bold; color:black; text-align: center;">𓊈𒆜UPLOAD𒆜𓊉</h1>
<h2 style="font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: bold; color:black; text-align: center;">DARNA.HI
</h2>
<div class="form__container">
<form method="POST" action="/upload" enctype="multipart/form-data">
<div style="text-align: center; font-family: 'Roboto', sans-serif;">
<select name="Type" class="login__user">
<option value="HL_File">Health File</option>
<option value="File">Regular File</option>
</select>
<input type="File" name="File" class="login__user" accept=".pdf, .jpg, .png, .zip, .txt, .jpeg, .xml" required>
<button type="submit" class="login__button"><i></i> GO</button>
</div>
<h5 style="font-family: 'Roboto', sans-serif; font-size: 9px; font-weight: bold; color:black; text-align: center;">For folder transfer, copy contents directly into upload folder. </h5>
</form>
</div>
<script>
// Initialize page with animations from styles.css
window.addEventListener('load', function() {
document.body.classList.add('loaded');
// Hide loader if it exists
const loader = document.getElementById('loader');
if (loader) {
setTimeout(() => {
loader.classList.add('hidden');
}, 300);
}
});
</script>
</body>
</html>