mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2024-12-13 16:06:21 +00:00
369b1137a7
* Some structure updates to the homepage and the No-JS uploader form. Making them both somewhat look better, especially in terms of spacing. * Upload URLs form will now show an error alert when there the form is empty or only filled with whitespaces. * Upload URLs form will now automatically remove empty lines or lines that consist of only whitespaces when the upload button is pressed.
67 lines
2.3 KiB
Plaintext
67 lines
2.3 KiB
Plaintext
{% extends "_layout.njk" %}
|
|
|
|
{% block stylesheets %}
|
|
{{ super() }}
|
|
<link rel="stylesheet" type="text/css" href="css/home.css?v={{ globals.v1 }}">
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
{{ super() }}
|
|
<section class="hero is-fullheight has-text-centered" id="home">
|
|
<div class="hero-body section">
|
|
<div class="container">
|
|
<p id="b">
|
|
<img class="logo" alt="logo" src="images/logo_smol.png?v={{ globals.v2 }}">
|
|
</p>
|
|
<h1 class="title">{{ globals.name }}</h1>
|
|
<h2 class="subtitle">{{ globals.home_subtitle | safe }}</h2>
|
|
|
|
<h3 class="subtitle" id="maxFileSize">
|
|
Maximum upload size per file is {{ renderOptions.maxFileSize }}
|
|
</h3>
|
|
|
|
<div class="columns is-gapless">
|
|
<div class="column is-hidden-mobile"></div>
|
|
<div class="column">
|
|
<p class="subtitle" style="font-size: 1rem">
|
|
Files uploaded through this No-JS uploader will not be associated to your account, if you have any.
|
|
</p>
|
|
{% if renderOptions.uploadDisabled -%}
|
|
<a class="button is-danger" style="display: flex" href="auth">{{ renderOptions.uploadDisabled }}</a>
|
|
{%- else -%}
|
|
<form id="form" class="field" action="" method="post" enctype="multipart/form-data">
|
|
<div class="field">
|
|
<input type="file" name="files[]" multiple="multiple" style="width: 100%">
|
|
</div>
|
|
<div class="field">
|
|
<input type="submit" class="button is-danger" value="Upload" style="width: 100%">
|
|
</div>
|
|
</form>
|
|
{%- endif %}
|
|
{% if files -%}
|
|
<div class="field uploads nojs">
|
|
{% for file in files -%}
|
|
<div class="field">
|
|
{% if errorMessage -%}
|
|
<p class="error">{{ errorMessage | safe }}</p>
|
|
{%- endif %}
|
|
{% if file.url -%}
|
|
<p class="link">
|
|
<a href="{{ file.url }}" target="_blank" rel="noopener">{{ file.url | safe }}</a>
|
|
</p>
|
|
{%- endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{%- endif %}
|
|
</div>
|
|
<div class="column is-hidden-mobile"></div>
|
|
</div>
|
|
|
|
{% set plain_links = true %}
|
|
{% include "_partial/links.njk" %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endblock %}
|