filesafe/views/nojs.njk
Bobby Wibowo 1f6dfae78e
Updates
* Updated screenshot in README.md, as well as replaced fb_share.png with the same image.

* Removed 512px.png and replaced it with 512pxr.png (a round version) in manifest.json.

* globals.v is now split into globals.v1 and globals.v2. The former for CSS and JS files, the latter for images and config files (manifest.json, etcetera).

* All static images that are part of the layout will now have their URLs appended with globals.v2 (which means this does not include dynamically generated images such as thumbnails of uploaded files).
2018-04-26 19:53:19 +07:00

76 lines
2.5 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">
<div class="content">
<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>
</div>
<div class="content">
{% if renderOptions.uploadDisabled -%}
<a class="button is-danger" style="display: flex" href="auth">{{ renderOptions.uploadDisabled }}</a>
{%- else -%}
<form id="form" 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 %}
</div>
</div>
<div class="column is-hidden-mobile"></div>
</div>
{% if files -%}
<div id="uploads" style="display: block">
{% for item in files -%}
<div class="columns">
<div class="column is-hidden-mobile"></div>
<div class="column">
{% if errorMessage -%}
<p class="error">{{ errorMessage | safe }}</p>
{%- endif %}
{% if item.url -%}
<p class="link">
<a href="{{ item.url }}" target="_blank" rel="noopener">{{ item.url | safe }}</a>
</p>
{%- endif %}
</div>
<div class="column is-hidden-mobile"></div>
</div>
{% endfor %}
</div>
{%- endif %}
{% set plain_links = true %}
{% include "_partial/links.njk" %}
</div>
</div>
</section>
{% endblock %}