Mirror/filesafe
1
0
Fork 0
mirror of https://github.com/BobbyWibowo/lolisafe.git synced 2025-01-05 19:40:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updates

Browse Source 
* 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/css/home.css
View File

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

4
public/css/style.css
View File

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

2
public/js/dashboard.js
View File

@ -111,7 +111,7 @@ page.prepareDashboard = function () {
page.dom = document.getElementById('page') page.dom = document.getElementById('page')
page.dom.addEventListener('click', page.domClick, true) 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' document.getElementById('dashboard').style.display = 'block'
if (page.permissions.moderator) { if (page.permissions.moderator) {

4
public/libs/bulma/LICENSE
View File

@ -1,6 +1,6 @@
The MIT License (MIT) 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 Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal 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 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 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 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE. THE SOFTWARE.

2
public/libs/bulma/bulma.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
views/_globals.njk
View File

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

8
views/_partial/noscript.njk
View File

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

2
views/album.njk
View File

@ -62,7 +62,7 @@
{% if generateZips and downloadLink and files.length -%} {% if generateZips and downloadLink and files.length -%}
<article class="message"> <article class="message">
<div class="message-body"> <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> </div>
</article> </article>
{%- endif %} {%- endif %}

3
views/dashboard.njk
View File

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

180
views/faq.njk
View File

@ -18,107 +18,105 @@
{% block content %} {% block content %}
{{ super() }} {{ super() }}
<section class="hero is-fullheight has-text-centered" id="home"> <section class="section">
<div class="hero-body"> <div class="container has-text-left">
<div class="container has-text-left"> <h2 class='subtitle'>What is safe.fiery.me?</h2>
<h2 class='subtitle'>What is safe.fiery.me?</h2> <article class="message">
<article class="message"> <div class="message-body">
<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>.
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>
</div> </article>
</article>
<h2 class='subtitle'>Will you keep my files forever?</h2> <h2 class='subtitle'>Will you keep my files forever?</h2>
<article class="message"> <article class="message">
<div class="message-body"> <div class="message-body">
Unless I receive a copyright complain or some other bullshit, I will. Unless I receive a copyright complain or some other bullshit, I will.
</div> </div>
</article> </article>
<h2 class='subtitle'>How can I keep track of my uploads?</h2> <h2 class='subtitle'>How can I keep track of my uploads?</h2>
<article class="message"> <article class="message">
<div class="message-body"> <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> 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> </div>
</article> </article>
<h2 class='subtitle'>What are albums?</h2> <h2 class='subtitle'>What are albums?</h2>
<article class="message"> <article class="message">
<div class="message-body"> <div class="message-body">
Albums are a simple way of sorting uploads together.<br> 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> 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> 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> 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. You will have to set the domain in the extension's settings to <strong>https://safe.fiery.me</strong> though.
</div> </div>
</article> </article>
<h2 class='subtitle'>Why should I use this?</h2> <h2 class='subtitle'>Why should I use this?</h2>
<article class="message"> <article class="message">
<div class="message-body"> <div class="message-body">
I don't know. I don't know.
</div> </div>
</article> </article>
<h2 class='subtitle'>I saw something too illegal for my tastes here, what should I do?</h2> <h2 class='subtitle'>I saw something too illegal for my tastes here, what should I do?</h2>
<article class="message"> <article class="message">
<div class="message-body"> <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. 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> </div>
</article> </article>
<h2 class='subtitle'>Do you have a No-JS uploader form?</h2> <h2 class='subtitle'>Do you have a No-JS uploader form?</h2>
<article class="message"> <article class="message">
<div class="message-body"> <div class="message-body">
Yes, check out <a href="nojs" target="_blank" rel="noopener">this page</a>.<br> 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. Unfortunately you will not be able to associate your uploads to your account, if you have any.
</div> </div>
</article> </article>
{% if chunkSize -%} {% if chunkSize -%}
<h2 class='subtitle'>Does your API support chunked uploads?</h2> <h2 class='subtitle'>Does your API support chunked uploads?</h2>
<article class="message"> <article class="message">
<div class="message-body"> <div class="message-body">
Yes, the homepage uploader will chunk your uploads into {{ chunkSize }} pieces by default.<br> 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. If you want to utilize chunked uploads with the API, then feel free to inspect the HTTP requests.
</div> </div>
</article> </article>
{%- endif %} {%- endif %}
<h2 class='subtitle'>What are the allowed extensions here?</h2> <h2 class='subtitle'>What are the allowed extensions here?</h2>
<article class="message"> <article class="message">
<div class="message-body"> <div class="message-body">
{% if extensionsFilter.length and filterBlacklist -%} {% if extensionsFilter.length and filterBlacklist -%}
We support any file extensions except the following: {{ extensionsFilter | join(', ') }}. We support any file extensions except the following: {{ extensionsFilter | join(', ') }}.
{%- elif extensionsFilter.length and not filterBlacklist -%} {%- elif extensionsFilter.length and not filterBlacklist -%}
We only support the following extensions: {{ extensionsFilter | join(', ') }}. We only support the following extensions: {{ extensionsFilter | join(', ') }}.
{%- else -%} {%- else -%}
We support any file extensions. We support any file extensions.
{%- endif %} {%- endif %}
</div> </div>
</article> </article>
<h2 class='subtitle'>How are the file URLs going to be determined?</h2> <h2 class='subtitle'>How are the file URLs going to be determined?</h2>
<article class="message"> <article class="message">
<div class="message-body"> <div class="message-body">
Random {{ fileLength.default }}-letter strings will automatically be generated for your uploads. Random {{ fileLength.default }}-letter strings will automatically be generated for your uploads.
{% if fileLength.userChangeable %}<br> {% 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> 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. At the moment you can choose from {{ fileLength.min }} to {{ fileLength.max }} letters.
{%- endif %} {%- endif %}
</div> </div>
</article> </article>
{% if noJsMaxSize and chunkSize -%} {% if noJsMaxSize and chunkSize -%}
<h2 class='subtitle'>Why is the maximum file size in the No-JS uploader form smaller?</h2> <h2 class='subtitle'>Why is the maximum file size in the No-JS uploader form smaller?</h2>
<article class="message"> <article class="message">
<div class="message-body"> <div class="message-body">
This site is using Cloudflare, which limits the maximum upload size.<br> 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. 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> </div>
</article> </article>
{%- endif %} {%- endif %}
</div>
</div> </div>
</section> </section>
{% endblock %} {% endblock %}

16
views/home.njk
View File

@ -29,16 +29,16 @@
{% block content %} {% block content %}
{{ super() }} {{ super() }}
<section class="hero is-fullheight has-text-centered" id="home"> <section id="home" class="hero is-fullheight">
<div class="hero-body section"> <div class="hero-body">
<div class="container"> <div class="container has-text-centered">
<p id="b"> <p id="b">
<img class="logo" alt="logo" src="images/logo_smol.png?v={{ globals.v2 }}"> <img class="logo" alt="logo" src="images/logo_smol.png?v={{ globals.v2 }}">
</p> </p>
<h1 class="title">{{ globals.name }}</h1> <h1 class="title">{{ globals.name }}</h1>
<h2 class="subtitle">{{ globals.home_subtitle | safe }}</h2> <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="columns is-gapless">
<div class="column is-hidden-mobile"></div> <div class="column is-hidden-mobile"></div>
@ -128,7 +128,13 @@
{% include "_partial/links.njk" %} {% include "_partial/links.njk" %}
{% if gitHash -%} {% 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 %} {%- endif %}
</div> </div>
</div> </div>

14
views/nojs.njk
View File

@ -7,9 +7,9 @@
{% block content %} {% block content %}
{{ super() }} {{ super() }}
<section class="hero is-fullheight has-text-centered" id="home"> <section id="home" class="hero is-fullheight">
<div class="hero-body section"> <div class="hero-body">
<div class="container"> <div class="container has-text-centered">
<p id="b"> <p id="b">
<img class="logo" alt="logo" src="images/logo_smol.png?v={{ globals.v2 }}"> <img class="logo" alt="logo" src="images/logo_smol.png?v={{ globals.v2 }}">
</p> </p>
@ -62,7 +62,13 @@
{% include "_partial/links.njk" %} {% include "_partial/links.njk" %}
{% if gitHash -%} {% 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 %} {%- endif %}
</div> </div>
</div> </div>