Mirror/filesafe
1
0
Fork 0
mirror of https://github.com/BobbyWibowo/lolisafe.git synced 2025-02-20 12:19:03 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updates

Browse Source 
* Added "short_name" to manifest.json.

* Added 512px icon to manifest.json.

* Increased brightness of links to satisfy WCAG 2 AA standard.

* Added 'rel="noopener"' to all instances of a[target="_blank"].

* Added 'alt' to all instances of img.

* Updated static files' version string yet again.

* Added 'lang="en"' to html (_layout.njk).
This commit is contained in:
Bobby Wibowo 2018-04-25 21:11:15 +07:00
parent 00d05ce97b
commit 89b42cf652
No known key found for this signature in database
GPG Key ID: 51C3A1E1E22D26CF
13 changed files with 34 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/css/dashboard.css
View File

@ -4,21 +4,21 @@
}
.button.is-breeze {
background-color: #2980b9;
background-color: #3794d2;
border-color: transparent;
color: #fff;
}
.button.is-breeze.is-hovered,
.button.is-breeze:hover {
background-color: #3daee9;
background-color: #60a8dc;
border-color: transparent;
color: #fff;
}
.button.is-breeze.is-active,
.button.is-breeze:active {
background-color: #3daee9;
background-color: #60a8dc;
border-color: transparent;
color: #fff;
}
@ -38,17 +38,17 @@ html {
}
.menu-list a {
color: #2980b9;
color: #3794d2;
}
.menu-list a:hover {
color: #3daee9;
color: #60a8dc;
background-color: #4d4d4d;
}
.menu-list a.is-active {
color: #eff0f1;
background-color: #2980b9;
background-color: #3794d2;
}
.pagination a {
@ -61,7 +61,7 @@ html {
.pagination-next:hover,
.pagination-previous:hover {
color: #eff0f1;
border-color: #3daee9;
border-color: #60a8dc;
background-color: #31363b;
}

6
public/css/style.css
View File

@ -16,11 +16,11 @@
}
a {
color: #2980b9;
color: #3794d2;
}
a:hover {
color: #3daee9;
color: #60a8dc;
}
hr {
@ -35,7 +35,7 @@ hr {
.textarea.is-focused,
.textarea:active,
.textarea:focus {
border-color: #2980b9;
border-color: #3794d2;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {

BIN
public/icons/512px.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 369 KiB

6
public/icons/manifest.json
View File

@ -1,5 +1,6 @@
{
"name": "safe.fiery.me",
"short_name": "fiery.me",
"description": "A pomf-like file uploading service that doesn't suck.",
"icons": [
{
@ -11,6 +12,11 @@
"src": "/icons/384px.png",
"sizes": "384x384",
"type": "image/png"
},
{
"src": "/icons/512px.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#232629",

8
public/js/dashboard.js
View File

@ -194,9 +194,9 @@ panel.getUploads = (album, page, element) => {
div.className = 'image-container column is-narrow'
if (file.thumb !== undefined) {
div.innerHTML = `<a class="image" href="${file.file}" target="_blank"><img src="${file.thumb}"/></a>`
div.innerHTML = `<a class="image" href="${file.file}" target="_blank" rel="noopener"><img alt="${file.thumb}" src="${file.thumb}"/></a>`
} else {
div.innerHTML = `<a class="image" href="${file.file}" target="_blank"><h1 class="title">${file.extname || 'N/A'}</h1></a>`
div.innerHTML = `<a class="image" href="${file.file}" target="_blank" rel="noopener"><h1 class="title">${file.extname || 'N/A'}</h1></a>`
}
div.innerHTML += `
<input type="checkbox" class="file-checkbox" title="Select this file" data-id="${file.id}" onclick="panel.selectFile(this, event)"${selected ? ' checked' : ''}>
@ -269,7 +269,7 @@ panel.getUploads = (album, page, element) => {
tr.innerHTML = `
<tr>
<th><input type="checkbox" class="file-checkbox" title="Select this file" data-id="${file.id}" onclick="panel.selectFile(this, event)"${selected ? ' checked' : ''}></th>
<th><a href="${file.file}" target="_blank" title="${file.file}">${file.name}</a></th>
<th><a href="${file.file}" target="_blank" rel="noopener" title="${file.file}">${file.name}</a></th>
<th>${displayAlbumOrUser}</th>
<td>${file.size}</td>
<td>${file.date}</td>
@ -691,7 +691,7 @@ panel.getAlbums = () => {
<th>${album.name}</th>
<th>${album.files}</th>
<td>${album.date}</td>
<td><a href="${album.identifier}" target="_blank">${album.identifier}</a></td>
<td><a href="${album.identifier}" target="_blank" rel="noopener">${album.identifier}</a></td>
<td style="text-align: right">
<a class="button is-small is-primary" title="Edit name" onclick="panel.renameAlbum(${album.id})">
<span class="icon is-small">

2
routes/album.js
View File

@ -38,7 +38,7 @@ routes.get('/a/:identifier', async (req, res, next) => {
thumb = file.thumb
}
file.thumb = `<img src="${file.thumb}"/>`
file.thumb = `<img alt="${file.thumb}" src="${file.thumb}"/>`
} else {
file.thumb = `<h1 class="title">${ext}</h1>`
}

2
views/_globals.njk
View File

@ -10,7 +10,7 @@
This will be appended to all CSS and JS files,
and should be changed on every updates to make sure clients load the very latest version of them.
#}
{% set v = "EnjDlj85EZ" %}
{% set v = "a2eSVpaWYa" %}
{#
These will be the links in the homepage and the No-JS uploader.

2
views/_layout.njk
View File

@ -1,6 +1,6 @@
{% import '_globals.njk' as globals %}
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="description" content="{{ globals.description }}">

2
views/album.njk
View File

@ -48,7 +48,7 @@
<div id="table" class="columns is-multiline is-mobile is-centered">
{% for item in files %}
<div class="column is-narrow">
<a href="{{ item.file }}" target="_blank">{{ item.thumb | safe }}</a>
<a href="{{ item.file }}" target="_blank" rel="noopener">{{ item.thumb | safe }}</a>
</div>
{% endfor %}
</div>

4
views/dashboard.njk
View File

@ -81,7 +81,7 @@
</aside>
</div>
<div id="page" class="column has-text-centered is-third-quarters">
<img src="images/logo.png">
<img alt="logo" src="images/logo.png">
</div>
</div>
</div>
@ -91,7 +91,7 @@
<div class="modal-background" onclick="panel.closeModal()"></div>
<div class="modal-content">
<figure class="image">
<img id="modalImage">
<img id="modalImage" alt="modal-image">
</figure>
</div>
<button class="modal-close is-large" aria-label="close" onclick="panel.closeModal()"></button>

6
views/faq.njk
View File

@ -24,7 +24,7 @@
<h2 class='subtitle'>What is safe.fiery.me?</h2>
<article class="message">
<div class="message-body">
safe.fiery.me is merely another clone of <a href="https://github.com/WeebDev/lolisafe" target="_blank">lolisafe</a>. We accept your files, photos, documents, anything, and give you back a shareable link for you to send to others.
safe.fiery.me is merely another clone of <a href="https://github.com/WeebDev/lolisafe" target="_blank" rel="noopener">lolisafe</a>. We accept your files, photos, documents, anything, and give you back a shareable link for you to send to others.
</div>
</article>
@ -47,7 +47,7 @@
<h2 class='subtitle'>Do you have any No-JS uploader?</h2>
<article class="message">
<div class="message-body">
Yes, check out <a href="nojs" target="_blank">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.<br>
Then again, if you want to use the No-JS uploader, then it's very likely that you will not use the Dashboard anyways.
</div>
@ -56,7 +56,7 @@
<h2 class='subtitle'>What are albums?</h2>
<article class="message">
<div class="message-body">
Albums are a simple way of sorting uploads together. Right now you can create albums through the dashboard, then afterwards you can use them through the homepage uploader or with <a href="https://chrome.google.com/webstore/detail/loli-safe-uploader/enkkmplljfjppcdaancckgilmgoiofnj" target="_blank">our chrome extension</a>, which will enable you to <strong>right click -> send to lolisafe</strong> or to a desired album if you have any. You will probably have to change some things involving <b>https://safe.fiery.me/api/upload</b> if you want to use the extension though.
Albums are a simple way of sorting uploads together. Right now you can create albums through the dashboard, then afterwards you can use them through the homepage uploader or with <a href="https://chrome.google.com/webstore/detail/loli-safe-uploader/enkkmplljfjppcdaancckgilmgoiofnj" rel="noopener">our chrome extension</a>, which will enable you to <strong>right click -> send to lolisafe</strong> or to a desired album if you have any. You will probably have to change some things involving <b>https://safe.fiery.me/api/upload</b> if you want to use the extension though.
</div>
</article>

6
views/home.njk
View File

@ -21,7 +21,7 @@
<div class="hero-body section">
<div class="container">
<p id="b">
<img class="logo" src="images/logo_smol.png">
<img class="logo" alt="logo" src="images/logo_smol.png">
</p>
<h1 class="title">{{ globals.name }}</h1>
<h2 class="subtitle">{{ globals.home_subtitle | safe }}</h2>
@ -50,10 +50,10 @@
<div class="column is-hidden-mobile"></div>
<div class="column">
<progress class="progress is-small is-danger" value="0" max="100"></progress>
<img class="is-unselectable" data-dz-thumbnail>
<img class="is-unselectable" alt="dz-thumbnail" data-dz-thumbnail>
<p class="error"></p>
<p class="link" style="display: none">
<a target="_blank"></a>
<a target="_blank" rel="noopener"></a>
</p>
<p class="clipboard-mobile is-hidden-desktop" style="display: none">
<a class="button is-info is-outlined clipboard-js" style="display: flex">

4
views/nojs.njk
View File

@ -11,7 +11,7 @@
<div class="hero-body section">
<div class="container">
<p id="b">
<img class="logo" src="images/logo_smol.png">
<img class="logo" alt="logo" src="images/logo_smol.png">
</p>
<h1 class="title">{{ globals.name }}</h1>
<h2 class="subtitle">{{ globals.home_subtitle | safe }}</h2>
@ -57,7 +57,7 @@
{%- endif %}
{% if item.url -%}
<p class="link">
<a href="{{ item.url }}" target="_blank">{{ item.url | safe }}</a>
<a href="{{ item.url }}" target="_blank" rel="noopener">{{ item.url | safe }}</a>
</p>
{%- endif %}
</div>