mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2024-12-15 00:46:22 +00:00
0f32319552
* Small styling update to auth page. * Changed icons used in dashboard. * Added ClipboardJS. * Added "copy link" button in file list (list view only) and album list. They will use ClipboardJS. * Added "copy link" in upload result. For desktop, there will be small clipboard icons after the links, but for mobile and tablet, there will be a clickable buttons instead. * Updated placeholder color for input elements. * Updated "Loading..." in home page to use Bulma's loading spinner instead. It will also now be unclickable while still loading. * Matched version string for all JS and CSS files.
135 lines
7.2 KiB
HTML
135 lines
7.2 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=8FbubjpYRC">
|
|
<link rel="stylesheet" type="text/css" href="css/style.css?v=8FbubjpYRC">
|
|
|
|
<!-- 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.<br>
|
|
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.<br>
|
|
On a side note, this site was originally made for personal use but I figured it would be rather lonely, so yeah, feel free..
|
|
</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>
|
|
<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 have to be created beforehand through 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'>Do you support chunked uploads?</h2>
|
|
<article class="message">
|
|
<div class="message-body">
|
|
Yes. Just add three text fields containing the file's UUID, the chunk's index and the total amount of chunks, named "uuid", "chunkindex" and "totalchunkcount" respectively, into the multipart/form-data that you POST to https://safe.fiery.me/api/upload.<br>
|
|
Once all chunks have been successfully uploaded, then you have to POST a JSON request to https://safe.fiery.me/api/upload/finishchunks containing the file's UUID, original filename, original size, mime type and chunk counts, with keys "uuid", "original", "size", "type" and "count" respectively (make sure the object is inside an array named "files").<br>
|
|
Check out <a href="https://gist.github.com/BobbyWibowo/de9ef40426421ae6c5e2999556e70521" target="_blank">this gist</a> for an example POST request.<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...<br>
|
|
<br>
|
|
By the way, "totalchunkcount" can be omitted if the amount of chunks is only 10 or less.
|
|
</div>
|
|
</article>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</body>
|
|
</html>
|