You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
2.0 KiB
72 lines
2.0 KiB
{% extends 'base.html' %}
|
|
|
|
{% block content %}
|
|
|
|
<div class="container" style="width:40%;">
|
|
<div class="submit content">
|
|
<h1>Submit A Meme</h1>
|
|
<h2>Rules</h2>
|
|
<ol>
|
|
<li>no super low effort memes</li>
|
|
<li>no nsfl and nsfw</li>
|
|
<!-- <li>must pertain to wownero or crypto in general</li> -->
|
|
</ol>
|
|
|
|
<form method=post enctype=multipart/form-data class="form-horizontal">
|
|
<div class="field">
|
|
<label class="label">Title</label>
|
|
<div class="control">
|
|
<input class="input" type="text" placeholder="So there I was..." name="title">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label">Text</label>
|
|
<div class="control">
|
|
<textarea class="textarea" placeholder="balls deep in a jar of mayonnaise" name="text"></textarea>
|
|
</div>
|
|
</div>
|
|
<div id="file-js-example" class="file has-name">
|
|
<label class="file-label">
|
|
<input class="file-input" type="file" name="file">
|
|
<span class="file-cta">
|
|
<span class="file-icon">
|
|
<i class="fas fa-upload"></i>
|
|
</span>
|
|
<span class="file-label">
|
|
Upload a spicy meme
|
|
</span>
|
|
</span>
|
|
<span class="file-name">
|
|
No file uploaded
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div class="field mt-4">
|
|
<div class="control">
|
|
<label class="checkbox">
|
|
<input type="checkbox">
|
|
I agree to be hella based
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="field is-grouped">
|
|
<div class="control">
|
|
<button class="button is-link">Submit</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const fileInput = document.querySelector('#file-js-example input[type=file]');
|
|
fileInput.onchange = () => {
|
|
if (fileInput.files.length > 0) {
|
|
const fileName = document.querySelector('#file-js-example .file-name');
|
|
fileName.textContent = fileInput.files[0].name;
|
|
}
|
|
}
|
|
</script>
|
|
{% endblock %}
|
|
|