mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2025-01-18 17:21:33 +00:00
b31f28ddcf
* De loli-safe wherever it's safe to do so. * Removed bulma tooltip. Sigh, it came from an impulsive decision out of boredom to begin with. * Chrome extension and GitHub links in home page will now open in new tab. * File's link in the dashboard's list will still show the full URL in its tooltip, but it will no longer use bulma tooltip extension.
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=vvtL7Y3cjD"></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>
|