* Fixed home page going out of bound due to git commit message.

* Git commit message will no longer have dotted underline. The old solution by using border-bottom wasn't suitable when the text is being split by word-break, but text-decoration-style wouldn't look as good due to its distance from the text being too close.

* Updated bulma to 0.7.2.

* Bumped v1 and v3 version strings.

* Various other small tweaks.
This commit is contained in:
Bobby Wibowo 2018-12-08 05:10:35 +07:00
parent 2ee1c40868
commit 1eafafe8a7
No known key found for this signature in database
GPG Key ID: 51C3A1E1E22D26CF
12 changed files with 131 additions and 117 deletions

View File

@ -153,6 +153,7 @@
}
#linksColumn {
margin-top: -0.25rem;
margin-left: -0.25rem;
margin-right: -0.25rem;
-webkit-animation: fadeInOpacity .5s;
@ -160,8 +161,7 @@
}
#linksColumn .column {
padding-left: 0.25rem;
padding-right: 0.25rem;
padding: 0.25rem;
}
#linksColumn>span {
@ -198,3 +198,8 @@
-webkit-animation: fadeInOpacity .5s;
animation: fadeInOpacity .5s;
}
.git-commit a {
display: inline-block;
word-break: break-all;
}

View File

@ -25,10 +25,6 @@ a {
color: #3794d2;
}
a.is-dotted {
border-bottom: 1px dotted #3794d2;
}
a:hover {
color: #60a8dc;
}

View File

@ -111,7 +111,7 @@ page.prepareDashboard = function () {
page.dom = document.getElementById('page')
page.dom.addEventListener('click', page.domClick, true)
document.getElementById('auth').style.display = 'none'
// document.getElementById('auth').style.display = 'none'
document.getElementById('dashboard').style.display = 'block'
if (page.permissions.moderator) {

View File

@ -1,6 +1,6 @@
The MIT License (MIT)
Copyright (c) 2017 Jeremy Thomas
Copyright (c) 2018 Jeremy Thomas
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
THE SOFTWARE.

File diff suppressed because one or more lines are too long

View File

@ -15,9 +15,9 @@
v2: Images and config files (manifest.json, browserconfig.xml, etc).
v3: CSS and JS files (libs such as bulma, lazyload, etc).
#}
{% set v1 = "pt1vlNTrbG" %}
{% set v1 = "ll7yHY3b2b" %}
{% set v2 = "Ii3JYKIhb0" %}
{% set v3 = "8xbKOM7u3w" %}
{% set v3 = "ll7yHY3b2b" %}
{#
These will be the links in the homepage and the No-JS uploader.

View File

@ -6,10 +6,10 @@
#}
<noscript>
<style>body > section { display: none !important; }</style>
<section class="hero is-fullheight has-text-centered">
<div class="hero-body section">
<div class="container">
<style>body > section:not(#noscript) { display: none !important; }</style>
<section id="noscript" class="hero is-fullheight">
<div class="hero-body">
<div class="container has-text-centered">
<p>You have JavaScript disabled, but this page requires JavaScript to function.</p>
<p>Please <a href="nojs">click here</a> if you want to try out our No-JS uploader.</p>
</div>

View File

@ -62,7 +62,7 @@
{% if generateZips and downloadLink and files.length -%}
<article class="message">
<div class="message-body">
Album archives may be cached by CDN, if the one you downloaded seems outdated, you should try refreshing the page to get the latest version of the download link.
Album archives may be cached by CDN, if the one you have downloaded seems outdated, refresh the page to get the latest download link.
</div>
</article>
{%- endif %}

View File

@ -19,6 +19,8 @@
{% block content %}
{{ super() }}
{#
<!-- This isn't even being used apparently -->
<section id="auth" class="hero is-light is-fullheight">
<div class="hero-body">
<div class="container">
@ -34,6 +36,7 @@
</div>
</div>
</section>
#}
<section id="dashboard" class="section">
<div id="panel" class="container">

View File

@ -18,107 +18,105 @@
{% block content %}
{{ super() }}
<section class="hero is-fullheight has-text-centered" id="home">
<div class="hero-body">
<div class="container has-text-left">
<h2 class='subtitle'>What is safe.fiery.me?</h2>
<article class="message">
<div class="message-body">
safe.fiery.me is a fork of <a href="https://github.com/WeebDev/lolisafe" target="_blank" rel="noopener">lolisafe</a>. You can check out the fork <a href="https://github.com/BobbyWibowo/lolisafe" target="_blank" rel="noopener">here</a>.
</div>
</article>
<section class="section">
<div class="container has-text-left">
<h2 class='subtitle'>What is safe.fiery.me?</h2>
<article class="message">
<div class="message-body">
safe.fiery.me is a fork of <a href="https://github.com/WeebDev/lolisafe" target="_blank" rel="noopener">lolisafe</a>. You can check out the fork <a href="https://github.com/BobbyWibowo/lolisafe" target="_blank" rel="noopener">here</a>.
</div>
</article>
<h2 class='subtitle'>Will you keep my files forever?</h2>
<article class="message">
<div class="message-body">
Unless I receive a copyright complain or some other bullshit, I will.
</div>
</article>
<h2 class='subtitle'>Will you keep my files forever?</h2>
<article class="message">
<div class="message-body">
Unless I receive a copyright complain or some other bullshit, I will.
</div>
</article>
<h2 class='subtitle'>How can I keep track of my uploads?</h2>
<article class="message">
<div class="message-body">
Simply create a user on the site and every upload will be associated with your account, granting you access to your uploaded files through our dashboard.<br>
</div>
</article>
<h2 class='subtitle'>How can I keep track of my uploads?</h2>
<article class="message">
<div class="message-body">
Simply create a user on the site and every upload will be associated with your account, granting you access to your uploaded files through our dashboard.<br>
</div>
</article>
<h2 class='subtitle'>What are albums?</h2>
<article class="message">
<div class="message-body">
Albums are a simple way of sorting uploads together.<br>
Right now you can create albums through the dashboard (and the homepage if you are logged in),<br>
then afterwards you can use them with our <a href="https://chrome.google.com/webstore/detail/loli-safe-uploader/enkkmplljfjppcdaancckgilmgoiofnj" target="_blank" rel="noopener">Chrome extension</a> or <a href="https://github.com/BobbyWibowo/loli-safe-extension/releases" target="_blank" rel="noopener">Firefox extension</a>,<br>
which will enable you to <strong>right click -> send to safe</strong> or to a desired album if you have any.<br>
You will have to set the domain in the extension's settings to <strong>https://safe.fiery.me</strong> though.
</div>
</article>
<h2 class='subtitle'>What are albums?</h2>
<article class="message">
<div class="message-body">
Albums are a simple way of sorting uploads together.<br>
Right now you can create albums through the dashboard (and the homepage if you are logged in),<br>
then afterwards you can use them with our <a href="https://chrome.google.com/webstore/detail/loli-safe-uploader/enkkmplljfjppcdaancckgilmgoiofnj" target="_blank" rel="noopener">Chrome extension</a> or <a href="https://github.com/BobbyWibowo/loli-safe-extension/releases" target="_blank" rel="noopener">Firefox extension</a>,<br>
which will enable you to <strong>right click -> send to safe</strong> or to a desired album if you have any.<br>
You will have to set the domain in the extension's settings to <strong>https://safe.fiery.me</strong> though.
</div>
</article>
<h2 class='subtitle'>Why should I use this?</h2>
<article class="message">
<div class="message-body">
I don't know.
</div>
</article>
<h2 class='subtitle'>Why should I use this?</h2>
<article class="message">
<div class="message-body">
I don't know.
</div>
</article>
<h2 class='subtitle'>I saw something too illegal for my tastes here, what should I do?</h2>
<article class="message">
<div class="message-body">
Send a strongly worded email to <a href="mailto:bobby@fiery.me">bobby@fiery.me</a> and I will try to get back to you within 24 hours.
</div>
</article>
<h2 class='subtitle'>I saw something too illegal for my tastes here, what should I do?</h2>
<article class="message">
<div class="message-body">
Send a strongly worded email to <a href="mailto:bobby@fiery.me">bobby@fiery.me</a> and I will try to get back to you within 24 hours.
</div>
</article>
<h2 class='subtitle'>Do you have a No-JS uploader form?</h2>
<article class="message">
<div class="message-body">
Yes, check out <a href="nojs" target="_blank" rel="noopener">this page</a>.<br>
Unfortunately you will not be able to associate your uploads to your account, if you have any.
</div>
</article>
<h2 class='subtitle'>Do you have a No-JS uploader form?</h2>
<article class="message">
<div class="message-body">
Yes, check out <a href="nojs" target="_blank" rel="noopener">this page</a>.<br>
Unfortunately you will not be able to associate your uploads to your account, if you have any.
</div>
</article>
{% if chunkSize -%}
<h2 class='subtitle'>Does your API support chunked uploads?</h2>
<article class="message">
<div class="message-body">
Yes, the homepage uploader will chunk your uploads into {{ chunkSize }} pieces by default.<br>
If you want to utilize chunked uploads with the API, then feel free to inspect the HTTP requests.
</div>
</article>
{%- endif %}
{% if chunkSize -%}
<h2 class='subtitle'>Does your API support chunked uploads?</h2>
<article class="message">
<div class="message-body">
Yes, the homepage uploader will chunk your uploads into {{ chunkSize }} pieces by default.<br>
If you want to utilize chunked uploads with the API, then feel free to inspect the HTTP requests.
</div>
</article>
{%- endif %}
<h2 class='subtitle'>What are the allowed extensions here?</h2>
<article class="message">
<div class="message-body">
{% if extensionsFilter.length and filterBlacklist -%}
We support any file extensions except the following: {{ extensionsFilter | join(', ') }}.
{%- elif extensionsFilter.length and not filterBlacklist -%}
We only support the following extensions: {{ extensionsFilter | join(', ') }}.
{%- else -%}
We support any file extensions.
{%- endif %}
</div>
</article>
<h2 class='subtitle'>What are the allowed extensions here?</h2>
<article class="message">
<div class="message-body">
{% if extensionsFilter.length and filterBlacklist -%}
We support any file extensions except the following: {{ extensionsFilter | join(', ') }}.
{%- elif extensionsFilter.length and not filterBlacklist -%}
We only support the following extensions: {{ extensionsFilter | join(', ') }}.
{%- else -%}
We support any file extensions.
{%- endif %}
</div>
</article>
<h2 class='subtitle'>How are the file URLs going to be determined?</h2>
<article class="message">
<div class="message-body">
Random {{ fileLength.default }}-letter strings will automatically be generated for your uploads.
{% if fileLength.userChangeable %}<br>
If you think that is too {{ "short" if tooShort else "long" }}, you can create an account, which will let you to set a preferred length.<br>
At the moment you can choose from {{ fileLength.min }} to {{ fileLength.max }} letters.
{%- endif %}
</div>
</article>
<h2 class='subtitle'>How are the file URLs going to be determined?</h2>
<article class="message">
<div class="message-body">
Random {{ fileLength.default }}-letter strings will automatically be generated for your uploads.
{% if fileLength.userChangeable %}<br>
If you think that is too {{ "short" if tooShort else "long" }}, you can create an account, which will let you to set a preferred length.<br>
At the moment you can choose from {{ fileLength.min }} to {{ fileLength.max }} letters.
{%- endif %}
</div>
</article>
{% if noJsMaxSize and chunkSize -%}
<h2 class='subtitle'>Why is the maximum file size in the No-JS uploader form smaller?</h2>
<article class="message">
<div class="message-body">
This site is using Cloudflare, which limits the maximum upload size.<br>
The homepage uploader will automatically chunk your uploads into {{ chunkSize }} pieces, so it is possible to increase the maximum file size there, but not in the No-JS uploader form.
</div>
</article>
{%- endif %}
</div>
{% if noJsMaxSize and chunkSize -%}
<h2 class='subtitle'>Why is the maximum file size in the No-JS uploader form smaller?</h2>
<article class="message">
<div class="message-body">
This site is using Cloudflare, which limits the maximum upload size.<br>
The homepage uploader will automatically chunk your uploads into {{ chunkSize }} pieces, so it is possible to increase the maximum file size there, but not in the No-JS uploader form.
</div>
</article>
{%- endif %}
</div>
</section>
{% endblock %}

View File

@ -29,16 +29,16 @@
{% block content %}
{{ super() }}
<section class="hero is-fullheight has-text-centered" id="home">
<div class="hero-body section">
<div class="container">
<section id="home" class="hero is-fullheight">
<div class="hero-body">
<div class="container has-text-centered">
<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"></h3>
<h3 id="maxFileSize" class="subtitle"></h3>
<div class="columns is-gapless">
<div class="column is-hidden-mobile"></div>
@ -128,7 +128,13 @@
{% include "_partial/links.njk" %}
{% if gitHash -%}
<p class="git-commit">Git commit: <a class="is-dotted" href="https://github.com/BobbyWibowo/lolisafe/commit/{{ gitHash }}" target="_blank" rel="noopener">{{ gitHash }}</a></p>
<div class="git-commit columns is-gapless">
<div class="column is-hidden-mobile"></div>
<div class="column">
<span>Git commit: </span><a href="https://github.com/BobbyWibowo/lolisafe/commit/{{ gitHash }}" target="_blank" rel="noopener">{{ gitHash }}</a>
</div>
<div class="column is-hidden-mobile"></div>
</div>
{%- endif %}
</div>
</div>

View File

@ -7,9 +7,9 @@
{% block content %}
{{ super() }}
<section class="hero is-fullheight has-text-centered" id="home">
<div class="hero-body section">
<div class="container">
<section id="home" class="hero is-fullheight">
<div class="hero-body">
<div class="container has-text-centered">
<p id="b">
<img class="logo" alt="logo" src="images/logo_smol.png?v={{ globals.v2 }}">
</p>
@ -62,7 +62,13 @@
{% include "_partial/links.njk" %}
{% if gitHash -%}
<p>Git commit: <a href="https://github.com/BobbyWibowo/lolisafe/commit/{{ gitHash }}" target="_blank" rel="noopener">{{ gitHash }}</a></p>
<div class="git-commit columns is-gapless">
<div class="column is-hidden-mobile"></div>
<div class="column">
<span>Git commit: </span><a href="https://github.com/BobbyWibowo/lolisafe/commit/{{ gitHash }}" target="_blank" rel="noopener">{{ gitHash }}</a>
</div>
<div class="column is-hidden-mobile"></div>
</div>
{%- endif %}
</div>
</div>