Artberry-web/templates/upload_video.html
2025-02-16 16:38:57 +02:00

60 lines
2.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta charset="UTF-8">
<title>Upload Video</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/upload_video.css') }}">
<link rel="icon" href="{{ url_for('static', filename='artberry.ico') }}" type="image/x-icon">
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap" rel="stylesheet">
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>
<body>
<header>
<h1>Upload Video</h1>
</header>
<main>
<form method="POST" action="{{ url_for('upload_video') }}" enctype="multipart/form-data" class="upload-video-form">
{{ form.hidden_tag() }}
<div class="form-group">
<label for="video_file">{{ form.video_file.label }}</label>
{{ form.video_file(class="file-input") }}
</div>
<div class="form-group">
<label for="thumbnail">{{ form.thumbnail.label }}</label>
{{ form.thumbnail(class="file-input") }}
</div>
<div class="form-group">
<label for="name">{{ form.name.label }}</label>
{{ form.name(placeholder="Video name", class="input-field") }}
</div>
<div class="form-group">
<label for="tags">{{ form.tags.label }}</label>
{{ form.tags(placeholder="tag1, tag2", class="input-field") }}
</div>
<div class="form-group">
<label for="description">{{ form.description.label }}</label>
{{ form.description(placeholder="Write a description...", class="input-field") }}
</div>
<div class="form-group">
{{ form.recaptcha() }}
</div>
<div class="form-group">
<label>
{{ form.agree_with_rules() }}
I agree with the <a href="{{ url_for('publication_rules') }}" target="_blank">publication rules</a>.
</label>
</div>
<button type="submit" class="button">{{ form.submit.label }}</button>
</form>
</main>
</body>
</html>