mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2024-12-15 08:56:21 +00:00
66a63ca6d6
* Added new dependency: rimraf. This will be used by chunked upload support to bulk delete temporary chunk files. * Added chunked uploads support :3 * Updated Dropzone to 5.2.0. * More improvements to thumbnail view. Delete button will now only appear on hover. Some other details, such as file name, size and album/owner will also appear on hover. Touch devices will have all of those appear always visible by default. * Image thumbnails will now appear on home page after successful uploads (only for WEBP, JPG, JPEG, BMP, GIF and PNG files). WEBP may not work properly in Firefox though. * Refactored home.js to use const/let and some other stuff. * Refactored album view. It will now display properly on mobile screen. Download Album button will also no longer be located at the top right, but right below the subtitle. * Updated some version strings. * And maybe some others that I can't remember.
129 lines
6.8 KiB
HTML
129 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="A pomf-like file uploading service that doesn't suck.">
|
|
<meta name="keywords" content="upload,lolisafe,file,images,hosting,bobby,fiery">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<title>safe.fiery.me – A small safe worth protecting.</title>
|
|
|
|
<!-- Stylesheets and scripts -->
|
|
<link rel="stylesheet" type="text/css" href="libs/bulma/bulma.min.css?v=K6t86DbYuR">
|
|
<link rel="stylesheet" type="text/css" href="css/style.css?v=XcTZuW9fFV">
|
|
|
|
<!-- Open Graph tags -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="safe.fiery.me – A small safe worth protecting." />
|
|
<meta property="og:url" content="https://safe.fiery.me/" />
|
|
<meta property="og:description" content="A pomf-like file uploading service that doesn't suck." />
|
|
<meta property="og:image" content="https://safe.fiery.me/icons/600px.png" />
|
|
<meta property="og:image:width" content="600" />
|
|
<meta property="og:image:height" content="600" />
|
|
<meta property="og:image" content="https://safe.fiery.me/images/fb_share.png" />
|
|
<meta property="og:image:width" content="1200" />
|
|
<meta property="og:image:height" content="630" />
|
|
<meta property="og:locale" content="en_US" />
|
|
|
|
<!-- Twitter Card tags -->
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="safe.fiery.me – A small safe worth protecting.">
|
|
<meta name="twitter:description" content="A pomf-like file uploading service that doesn't suck.">
|
|
<meta name="twitter:image" content="https://safe.fiery.me/icons/600px.png">
|
|
|
|
<!-- Icons and configs -->
|
|
<link rel="icon" type="image/png" href="https://safe.fiery.me/icons/32pxr.png" sizes="32x32">
|
|
<link rel="icon" type="image/png" href="https://safe.fiery.me/icons/96pxr.png" sizes="96x96">
|
|
<link rel="apple-touch-icon" href="https://safe.fiery.me/icons/120px.png" sizes="120x120">
|
|
<link rel="apple-touch-icon" href="https://safe.fiery.me/icons/152px.png" sizes="152x152">
|
|
<link rel="apple-touch-icon" href="https://safe.fiery.me/icons/167px.png" sizes="167x167">
|
|
<link rel="apple-touch-icon" href="https://safe.fiery.me/icons/180px.png" sizes="180x180">
|
|
<link rel="manifest" href="https://safe.fiery.me/icons/manifest.json?v=V2RnA3Mwhh">
|
|
<meta name="apple-mobile-web-app-title" content="safe.fiery.me">
|
|
<meta name="application-name" content="safe.fiery.me">
|
|
<meta name="msapplication-config" content="https://safe.fiery.me/icons/browserconfig.xml?v=V2RnA3Mwhh">
|
|
<meta name="theme-color" content="#232629">
|
|
|
|
<style>
|
|
/* ------------------
|
|
COLORS BASED ON
|
|
KDE BREEZE DARK
|
|
------------------ */
|
|
.message-body {
|
|
color: #eff0f1;
|
|
background-color: #31363b;
|
|
border-color: #898b8d;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<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 merely another clone of lolisafe. lolisafe itself is an easy to use, open source and completely free file upload service. We accept your files, photos, documents, anything, and give you back a shareable link for you to send to others. On a side note, this site was originally made for personal usage but I disabled private mode in the end, so yeah, feel free..
|
|
</div>
|
|
</article>
|
|
|
|
<h2 class='subtitle'>Will you keep my files forever?</h2>
|
|
<article class="message">
|
|
<div class="message-body">
|
|
Unless we receive a copyright complain or some other bullshit, we 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>
|
|
<br>
|
|
By having an account, you will also be able to set a preferred file name length!
|
|
</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. Right now you can create albums through the dashboard and use them <s>only</s>* with <a target="_blank" href="https://chrome.google.com/webstore/detail/loli-safe-uploader/enkkmplljfjppcdaancckgilmgoiofnj">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 https://safe.fiery.me/api/upload.<br>
|
|
<br>
|
|
* You are no longer required to use the chrome extension to utilize albums. As long as you are logged in, you will be able to choose your albums from the upload page (of course the albums had to be created first from the dashboard).
|
|
</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 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 <i>try</i> to get back to you within 24 hours.
|
|
</div>
|
|
</article>
|
|
|
|
<h2 class='subtitle'>Chunked uploads?</h2>
|
|
<article class="message">
|
|
<div class="message-body">
|
|
Yes. Just add two text fields containing the file's UUID and the chunk's index, named "uuid" and "chunkindex" respectively, to the multipart/form-data that you POST to https://safe.fiery.me/api/upload. Once all chunks have been successfully uploaded, then you can POST a JSON request to https://safe.fiery.me/api/upload containing the file's UUID, original filename, original size, mime type and chunk counts, with keys "uuid", "original", "size", "type" and "count" respectively.<br>
|
|
<br>
|
|
If that sounds too complicated, then just try to trigger chunked uploads with the home page's uploader and inspect the HTTP requests.
|
|
</div>
|
|
</article>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</body>
|
|
</html>
|