92 lines
3.8 KiB
HTML
92 lines
3.8 KiB
HTML
{{define "home"}}
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
{{template "meta_tags" "Free file sharing service"}}
|
|
{{template "user_style" .}}
|
|
<script type="text/javascript">var apiEndpoint = '{{.APIEndpoint}}';</script>
|
|
</head>
|
|
<body>
|
|
{{template "page_top" .}}
|
|
|
|
<img id="header_image" class="header_image" src="/res/img/header_neuropol.png" alt="Header image"/>
|
|
<br/>
|
|
<div class="page_content">
|
|
<input id="file_input_field" type="file" name="file" multiple="multiple"/>
|
|
<button id="select_file_button" class="big_button button_highlight">Upload Files</button>
|
|
<button id="text_button" class="big_button button_highlight" onClick="window.location.href = '/t/'">Upload Text</button>
|
|
<br/>
|
|
<p>
|
|
By uploading files to Pixeldrain you accept that a cookie will
|
|
be placed in your web browser. More information on the <a
|
|
href="/about">about</a> page
|
|
<p>
|
|
|
|
<div id="uploads_queue"></div>
|
|
<br/>
|
|
<button id="btn_create_list">Create list with uploaded files</button>
|
|
<button id="btn_copy_links">Copy links to clipboard</button>
|
|
<button id="btn_copy_bbcode">Copy BBCode to clipboard</button>
|
|
|
|
<br/>
|
|
<div class="limit_width">
|
|
<h1>What is Pixeldrain?</h1>
|
|
<p>
|
|
Pixeldrain is a file sharing website built for speed and
|
|
ease of use. Pixeldrain does not cost any money, though
|
|
donations are appreciated. For donation methods see the
|
|
<a href="/about">about</a> page.
|
|
</p>
|
|
<h2>How to use pixeldrain</h2>
|
|
<p>
|
|
Files can be uploaded by clicking the big green upload
|
|
button, or by dragging them onto this page from your file
|
|
manager. You can not upload directories at this time, only
|
|
files. The maximum file size you can upload is 10 GB.
|
|
</p>
|
|
<p>
|
|
You can also create lists, which are a collection of files.
|
|
Like a photo album, a music record or a video compilation.
|
|
To do this you need to upload a bunch of files at once. The
|
|
files will be saved in the order you upload them in. When
|
|
all files have finished uploading you click the "Create list
|
|
with uploaded files" button and you will be asked to enter a
|
|
name for your list. After picking a name the list will be
|
|
created and opened in a new window. If your browser blocks
|
|
the window you can also find a link to the list at the
|
|
bottom of your uploaded files.
|
|
</p>
|
|
<p>
|
|
For more information see the <a href="/about">about</a>
|
|
page.
|
|
</p>
|
|
|
|
<h2>Style selector</h2>
|
|
<p>
|
|
You can change how pixeldrain looks! Your theme choice will
|
|
be saved in a cookie.
|
|
</p>
|
|
<div class="indent">
|
|
<input type="radio" id="style_default" name="style"><label for="style_default">Pixeldrain Style</label><br/>
|
|
<input type="radio" id="style_solarized_dark" name="style"><label for="style_solarized_dark">Solarized Dark Style</label><br/>
|
|
<input type="radio" id="style_maroon" name="style"><label for="style_maroon">Maroon Style</label><br/>
|
|
<input type="radio" id="style_hacker" name="style"><label for="style_hacker">Hacker Style</label><br/>
|
|
<input type="radio" id="style_canta" name="style"><label for="style_canta">Canta Style</label>
|
|
(Inspired by <a href="https://github.com/vinceliuice/Canta-theme" target="_blank">Canta GTK</a>)<br/>
|
|
<input type="radio" id="style_arc" name="style"><label for="style_arc">Arc Style</label>
|
|
(Inspired by <a href="https://github.com/horst3180/Arc-theme" target="_blank">Arc GTK</a>)<br/>
|
|
<input type="radio" id="style_sunny" name="style"><label for="style_sunny">Sunny Style</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{template "page_bottom"}}
|
|
|
|
<script src="/res/script/jquery-2.1.4.min.js"></script>
|
|
<script type="text/javascript">var API_URL = "/api";</script>
|
|
<script src="/res/script/compiled/home.js"></script>
|
|
{{template "analytics"}}
|
|
</body>
|
|
</html>
|
|
{{end}}
|