mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2024-12-14 08:26:22 +00:00
95de5ee3fd
* New uploads that can NOT be added to an album, for whatever reason, will print out message that they can not be added to the said album, but their links will still also be shown underneath the message. Previously it would only print out the message but not the link. * Improved uploadController.processFilesForDisplay(). Previously it would loop through all uploaded files and update album info for EVERY file, even though to begin with it was designed so that every call would only have to access ONE album. So yeah, this time it will only update album info ONCE no matter how many files are being processed in that session.
181 lines
7.4 KiB
HTML
181 lines
7.4 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=vvtL7Y3cjD">
|
|
<link rel="stylesheet" type="text/css" href="libs/fontello/fontello.css?v=vvtL7Y3cjD">
|
|
<link rel="stylesheet" type="text/css" href="css/style.css?v=vvtL7Y3cjD">
|
|
<script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v=vvtL7Y3cjD"></script>
|
|
<script type="text/javascript" src="libs/dropzone/dropzone.min.js?v=vvtL7Y3cjD"></script>
|
|
<script type="text/javascript" src="libs/axios/axios.min.js?v=vvtL7Y3cjD"></script>
|
|
<script type="text/javascript" src="libs/clipboard.js/clipboard.min.js?v=vvtL7Y3cjD"></script>
|
|
<script type="text/javascript" src="js/home.js?v=6Zr9q4fQ0o"></script>
|
|
|
|
<!-- 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>
|
|
#dropzone * {
|
|
pointer-events: none;
|
|
}
|
|
|
|
img[data-dz-thumbnail] {
|
|
max-width: 200px;
|
|
}
|
|
|
|
.clipboard-mobile {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
#links {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
#links a {
|
|
display: block;
|
|
margin: 5px;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<section class="hero is-fullheight has-text-centered" id="home">
|
|
<div class="hero-body section">
|
|
<div class="container">
|
|
<p id="b">
|
|
<img class="logo" src="images/logo_smol.png">
|
|
</p>
|
|
<h1 class="title">safe.fiery.me</h1>
|
|
<h2 class="subtitle">A
|
|
<strong>modern</strong> self-hosted file upload service</h2>
|
|
|
|
<h3 class="subtitle" id="maxFileSize"></h3>
|
|
<div class="columns">
|
|
<div class="column is-hidden-mobile"></div>
|
|
<div class="column" id="uploadContainer">
|
|
<a id="loginToUpload" class="button is-danger is-loading" style="display: flex"></a>
|
|
<div class="field" id="albumDiv" style="display: none">
|
|
<p class="control select-wrapper">
|
|
<span class="select">
|
|
<select id="albumSelect">
|
|
<option value="">Upload to album</option>
|
|
</select>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="column is-hidden-mobile"></div>
|
|
</div>
|
|
|
|
<div id="uploads">
|
|
<div id="template" class="columns">
|
|
<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>
|
|
<p class="error"></p>
|
|
<p class="link" style="display: none">
|
|
<a target="_blank"></a>
|
|
</p>
|
|
<p class="clipboard-mobile is-hidden-desktop" style="display: none">
|
|
<a class="button is-info is-outlined clipboard-js" style="display: flex">
|
|
<span class="icon">
|
|
<i class="icon-clipboard-1"></i>
|
|
</span>
|
|
<span>Copy link to clipboard</span>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
<div class="column is-hidden-mobile"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<h3 class="subtitle">
|
|
<a href="auth" id="loginLinkText"></a>
|
|
</h3>
|
|
<h3 id="links">
|
|
<a href="https://fiery.me" title="Home">
|
|
<span class="icon is-medium">
|
|
<i class="icon-home icon-2x"></i>
|
|
</span>
|
|
</a>
|
|
<a href="https://blog.fiery.me" title="Blog">
|
|
<span class="icon is-medium">
|
|
<i class="icon-archive icon-2x"></i>
|
|
</span>
|
|
</a>
|
|
<a id="ShareX" href="https://safe.fiery.me/sharex.txt" title="ShareX">
|
|
<span class="icon is-medium">
|
|
<i class="icon-sharex icon-2x"></i>
|
|
</span>
|
|
</a>
|
|
<a href="https://chrome.google.com/webstore/detail/loli-safe-uploader/enkkmplljfjppcdaancckgilmgoiofnj" target="_blank" title="Chrome extension">
|
|
<span class="icon is-medium">
|
|
<i class="icon-chrome icon-2x"></i>
|
|
</span>
|
|
</a>
|
|
<a href="faq" title="FAQ">
|
|
<span class="icon is-medium">
|
|
<i class="icon-help-circled icon-2x"></i>
|
|
</span>
|
|
</a>
|
|
<a href="auth" title="Dashboard">
|
|
<span class="icon is-medium">
|
|
<i class="icon-gauge icon-2x"></i>
|
|
</span>
|
|
</a>
|
|
<a href="https://github.com/BobbyWibowo/lolisafe" target="_blank" title="GitHub">
|
|
<span class="icon is-medium">
|
|
<i class="icon-github-circled icon-2x"></i>
|
|
</span>
|
|
</a>
|
|
</h3>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</body>
|
|
</html>
|