Artberry-web/templates/comic_upload.html

46 lines
1.9 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>🫐comic upload - artberry🫐</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.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@400&display=swap" rel="stylesheet">
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>
<body>
<h1>Upload Comic</h1>
<form class="upload-comic-form" method="POST" action="{{ url_for('upload.comic_upload') }}" enctype="multipart/form-data">
{{ form.hidden_tag() }}
<div class="form-group">
{{ form.title.label }}
{{ form.title(class="input-field") }}
</div>
<div class="form-group">
{{ form.thumbnail.label }}
{{ form.thumbnail(class="file-input", accept="image/*") }}
</div>
<div class="form-group">
{{ form.tags.label }}
{{ form.tags(class="input-field", placeholder="Enter tags, separated by commas") }}
</div>
<div id="pages">
<div class="form-group">
<label>Page 1:</label>
<input type="file" name="pages[]" class="file-input" accept="image/*" required>
</div>
</div>
<button class="button" type="button" onclick="addPage()">Add Page:</button>
<div class="form-group">
{{ form.recaptcha }}
</div>
<div class="form-group">
{{ form.agree_with_rules.label }}
{{ form.agree_with_rules }}
</div>
{{ form.submit(class="button") }}
</form>
<script src="{{ url_for('static', filename='js/comic_upload.js') }}"></script>
</body>
</html>