| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>loli-safe - A self hosted upload service</title>
- <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.0/css/bulma.min.css">
- <link rel="stylesheet" type="text/css" href="/css/style.css">
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.js"></script>
- <script type="text/javascript" src="/js/upload.js"></script>
- </head>
- <body>
- <section class="hero is-fullheight has-text-centered">
- <div class="hero-body">
- <div class="container">
- <p id="b">
- <img class='logo' src="/images/logo.png">
- </p>
- <h1 id="bulma" class="title">
- loli-safe
- </h1>
- <h2 id="modern-framework" class="subtitle">
- A <strong>modern</strong> self-hosted file upload <strong>service</strong>
- </h2>
- <div class="columns">
- <div class="column"></div>
- <div class="column">
- <a class="button is-danger is-outlined" id='btnGithub' href='https://github.com/kanadeko/loli-safe' target='_blank'>View on Github</a>
- <div id="dropzone">Click here or drag and drop files</div>
- </div>
- <div class="column"></div>
- </div>
- <div id="uploads">
- <div id="template" class="columns">
- <div class="column">
- <p data-dz-size></p>
- </div>
- <div class="column">
- <p data-dz-name></p>
- </div>
- <div class="column">
- <progress class="progress is-danger" value="100" max="100" data-dz-uploadprogress></progress>
- <p data-dz-errormessage></p>
- <p class="link"></p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- </body>
- </html>
|
