380 lines
13 KiB
HTML
380 lines
13 KiB
HTML
{{define "home"}}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
{{template "meta_tags" "Free file sharing service"}}
|
|
{{template "user_style" .}}
|
|
<style>
|
|
.header_image{
|
|
width: 100%;
|
|
max-width: 800px;
|
|
margin: 0 auto 50px auto;
|
|
}
|
|
.feat_table {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.feat_table > div {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.feat_table > div > div:first-child {
|
|
flex: 0 0 20%;
|
|
max-width: 20%;
|
|
}
|
|
.feat_table > div > div {
|
|
flex: 1 1 0;
|
|
margin: 0.25em;
|
|
padding: 0.5em;
|
|
text-align: center;
|
|
word-wrap: break-word;
|
|
hyphens: auto;
|
|
}
|
|
.feat_table > div > .feat_label {
|
|
border-top-left-radius: 0.5em;
|
|
border-bottom-left-radius: 0.5em;
|
|
background-color: var(--layer_1_color);
|
|
}
|
|
.feat_table > div > .feat_normal {
|
|
background-color: var(--layer_3_color);
|
|
box-shadow: 1px 1px 3px -1px var(--shadow_color);
|
|
text-shadow: 1px 1px 3px var(--shadow_color);
|
|
}
|
|
.feat_table > div > .feat_pro {
|
|
background-color: var(--layer_4_color);
|
|
box-shadow: 1px 1px 3px 0 var(--shadow_color);
|
|
text-shadow: 1px 1px 6px var(--shadow_color);
|
|
}
|
|
.feat_table > div > .feat_highlight {
|
|
border: 1px solid var(--highlight_color)
|
|
}
|
|
.text_highlight {
|
|
color: var(--highlight_color);
|
|
text-shadow: 0 0 4px var(--shadow_color);
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
}
|
|
.feat_table > div > .cell_background {
|
|
background-position: center;
|
|
background-size: cover;
|
|
text-align: left;
|
|
font-size: 1.2em;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
.feat_table > div > div.round_tl { border-top-left-radius: 0.5em; }
|
|
.feat_table > div > div.round_tr { border-top-right-radius: 0.5em; }
|
|
.feat_table > div > div.round_br { border-bottom-right-radius: 0.5em; }
|
|
.feat_table > div > div.round_bl { border-bottom-left-radius: 0.5em; }
|
|
|
|
{{ template `modal.css` }}
|
|
</style>
|
|
|
|
<script>window.api_endpoint = '{{.APIEndpoint}}';</script>
|
|
<link rel='stylesheet' href='/res/svelte/home_page.css?v8'>
|
|
<script defer src='/res/svelte/home_page.js?v8'></script>
|
|
</head>
|
|
<body>
|
|
{{template "page_top" .}}
|
|
|
|
<picture>
|
|
<source media="(max-width: 800px)" srcset="/res/img/header_orbitron.png">
|
|
<img class="header_image" src="/res/img/header_orbitron_wide.png" alt="Header image">
|
|
</picture>
|
|
<br/>
|
|
|
|
<!-- Svelte element -->
|
|
<div id="uploader" class="page_content" style="padding-top: 0; margin-bottom: 50px;"></div>
|
|
|
|
<h1>What is pixeldrain?</h1>
|
|
<div class="page_content"><div class="limit_width">
|
|
<p>
|
|
Pixeldrain is a file sharing website built for speed and ease of
|
|
use. You can upload files you want to share online to our
|
|
servers and we will hold on to them for at least a month. During
|
|
this time anyone with the link will be able to download your
|
|
files. Pixeldrain is built to be as fast as possible, so you
|
|
don't have to do any unnecessary waiting when downloading files.
|
|
</p>
|
|
<p>
|
|
Files can be uploaded by clicking the big green upload
|
|
button, or by dragging them onto this page from your file
|
|
manager.
|
|
</p>
|
|
<p>
|
|
If you uploaded multiple files at once you can also create a
|
|
list, which is a collection of files with one single link. Like
|
|
a photo album, a music record or a video compilation. Click the
|
|
'Create list with uploaded files' button after your uploads are
|
|
complete. The files will be saved in the order you uploaded
|
|
them.
|
|
</p>
|
|
|
|
<h2 id="pro">Getting more out of pixeldrain</h2>
|
|
<p>
|
|
By purchasing a subscription you support pixeldrain on its
|
|
mission to make content sharing easier, safer and faster for
|
|
everyone.
|
|
</p>
|
|
<div class="feat_table">
|
|
<div>
|
|
<div></div>
|
|
<div class="feat_normal round_tl">Free</div>
|
|
<div class="feat_pro feat_highlight round_tr">Pro</div>
|
|
</div>
|
|
<div>
|
|
<div class="feat_label">Size limit per file</div>
|
|
<div class="feat_normal">5 GB per file</div>
|
|
<div class="feat_pro"><span class="text_highlight">15 GB</span> per file</div>
|
|
</div>
|
|
<div>
|
|
<div class="feat_label"><a href="javascript:void(0);" onclick="return explainFileExpiry();">File expiry</a></div>
|
|
<div class="feat_normal">30 days after the last time it is viewed</div>
|
|
<div class="feat_pro"><span class="text_highlight">90 days</span> after the last time it is viewed</div>
|
|
</div>
|
|
<div>
|
|
<div class="feat_label">Adver­tise­ments</div>
|
|
<div class="feat_normal">Pop-up or a banner ad on the file viewer page</div>
|
|
<div class="feat_pro">
|
|
<span class="text_highlight">No ads</span> on files
|
|
you share. No ads when viewing files uploaded by
|
|
other users
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="feat_label">Privacy</div>
|
|
<div class="feat_normal">
|
|
No trackers, but advertisers can see your IP address
|
|
and browser fingerprint
|
|
</div>
|
|
<div class="feat_pro">
|
|
<span class="text_highlight">Completely
|
|
private</span>. No third party scripts and no
|
|
logging
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="feat_label">Bandwidth prioritization</div>
|
|
<div class="feat_normal">
|
|
Bandwidth will be throttled if the servers are
|
|
overloaded
|
|
</div>
|
|
<div class="feat_pro">
|
|
<span class="text_highlight">High priority</span>
|
|
bandwidth during times of peak usage
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="feat_label">Online file previews</div>
|
|
<div class="feat_pro">View image, video, audio, PDF and text files directly in your web browser</div>
|
|
</div>
|
|
<div>
|
|
<div class="feat_label"><a href="javascript:void(0);" onclick="return explainDirectLinking();">Direct linking</a></div>
|
|
<div class="feat_pro">
|
|
Rate limiting mode will be enabled when a file has 3
|
|
times more downloads than views. Pro users will never be
|
|
asked to fill in a captcha
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div></div>
|
|
<div class="feat_normal round_bl">Free</div>
|
|
<div class="feat_pro feat_highlight round_br">
|
|
{{if eq .User.Subscription.ID "patreon_1"}}
|
|
You have this plan<br/>
|
|
Thank you for supporting pixeldrain!
|
|
{{else}}
|
|
Only
|
|
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427" class="button button_highlight round">
|
|
€ 2 per month
|
|
</a>
|
|
or
|
|
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427&cadence=12" class="button button_highlight round">
|
|
€ 20 per year!
|
|
</a>
|
|
<br/>
|
|
(Excluding tax)
|
|
<br/>
|
|
Subscription managed by Patreon
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<div style="text-align: center;">
|
|
Do you need even more time and space? Check out our other plans
|
|
</div>
|
|
<br/>
|
|
<div class="feat_table">
|
|
<div>
|
|
<div class="feat_label">Resolve</div>
|
|
<div class="feat_normal">
|
|
<span class="text_highlight">20 GB</span> file size,
|
|
<span class="text_highlight">120 days</span> file expiry
|
|
</div>
|
|
<div class="feat_pro round_tr round_br cell_background" style="background-image: url('/res/img/benefit_5_small.png');">
|
|
{{if eq .User.Subscription.ID "patreon_5"}}
|
|
You have this plan<br/>
|
|
Thank you for supporting pixeldrain!
|
|
{{else}}
|
|
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5736701" class="button button_highlight round">€ 4</a>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="feat_label">Persistence</div>
|
|
<div class="feat_normal">
|
|
<span class="text_highlight">20 GB</span> file size,
|
|
<span class="text_highlight">240 days</span> file expiry
|
|
</div>
|
|
<div class="feat_pro round_tr round_br cell_background" style="background-image: url('/res/img/benefit_2_small.png');">
|
|
{{if eq .User.Subscription.ID "patreon_2"}}
|
|
You have this plan<br/>
|
|
Thank you for supporting pixeldrain!
|
|
{{else}}
|
|
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291482" class="button button_highlight round">€ 8</a>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="feat_label">Tenacity</div>
|
|
<div class="feat_normal">
|
|
<span class="text_highlight">20 GB</span> file size,
|
|
<span class="text_highlight">480 days</span> file expiry
|
|
</div>
|
|
<div class="feat_pro round_tr round_br cell_background" style="background-image: url('/res/img/benefit_3_small.png');">
|
|
{{if eq .User.Subscription.ID "patreon_3"}}
|
|
You have this plan<br/>
|
|
Thank you for supporting pixeldrain!
|
|
{{else}}
|
|
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291516" class="button button_highlight round">€ 16</a>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="feat_label">Eternity</div>
|
|
<div class="feat_normal">
|
|
<span class="text_highlight">20 GB</span> file size,
|
|
<span class="text_highlight">960 days</span> file expiry
|
|
</div>
|
|
<div class="feat_pro round_tr round_br cell_background" style="background-image: url('/res/img/benefit_4_small.png');">
|
|
{{if eq .User.Subscription.ID "patreon_4"}}
|
|
You have this plan<br/>
|
|
Thank you for supporting pixeldrain!
|
|
{{else}}
|
|
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291528" class="button button_highlight round">€ 32</a>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="feat_label">Infinity</div>
|
|
<div class="feat_normal">
|
|
<span class="text_highlight">20 GB</span> file size,
|
|
<span class="text_highlight">1920 days</span> file expiry
|
|
</div>
|
|
<div class="feat_pro round_tr round_br cell_background" style="background-image: url('/res/img/benefit_6_small.png');">
|
|
{{if eq .User.Subscription.ID "patreon_6"}}
|
|
You have this plan<br/>
|
|
Thank you for supporting pixeldrain!
|
|
{{else}}
|
|
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=6573749" class="button button_highlight round">€ 64</a>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--
|
|
<br/>
|
|
<h2>Premium</h2>
|
|
<div class="highlight_dark">
|
|
Pixeldrain Premium is still in development and not generally
|
|
available yet. Stay tuned.
|
|
</div>
|
|
<p>
|
|
Premium is more catered toward content delivery. This plan
|
|
enables the Buckets feature which provides a more structured way
|
|
to manage your files on pixeldrain. Buckets allow direct linking
|
|
to files without running into rate limiting.
|
|
</p>
|
|
<p>
|
|
When you choose for Premium you will also get all the benefits
|
|
of the Pro subscription. A base rate of €2 per month will be
|
|
billed regardless of your usage.
|
|
</p>
|
|
-->
|
|
</div></div>
|
|
|
|
<template id="tpl_file_expiry">
|
|
<p>
|
|
Files on pixeldrain have to expire eventually. If we didn't do
|
|
this the website would keep growing forever and we would run out
|
|
of money pretty quickly.
|
|
</p>
|
|
<p>
|
|
Unlike most other sharing sites pixeldrain uses a postponing
|
|
system for expiring files. When a file is freshly uploaded it
|
|
gets 30 days by default (90 days if you have the pro plan).
|
|
After these 30 days we will check when the file was last viewed.
|
|
Files which are regularly viewed could still bring new users to
|
|
the platform, it would be rude to show these people a File Not
|
|
Found page. So if the file was viewed in the last 30 days we
|
|
will simply postpone the next check a month. If the file was not
|
|
viewed however it will immediately be removed.
|
|
</p>
|
|
<p>
|
|
Views are only counted when someone visits the download page in
|
|
a web browser. This makes sure that users can see that the file
|
|
comes from pixeldrain.
|
|
</p>
|
|
<p>
|
|
This way we can minimize dead links, and you won't have to tell
|
|
your friends to 'hurry and download this before it expires'.
|
|
</p>
|
|
</template>
|
|
<template id="tpl_direct_linking">
|
|
<p>
|
|
When viewing a file on pixeldrain it has to go through the file
|
|
viewer. Files which have three times more downloads than views
|
|
will be rate limited. This happens when downloaders use external
|
|
downloading tools to download the file instead of a web browser.
|
|
</p>
|
|
<p>
|
|
This means that the downloader will be asked to fill in a
|
|
captcha before they can download the file. When the file /
|
|
download ratio drops below 3x again the captcha will be removed
|
|
and direct downloads become possible again.
|
|
</p>
|
|
<p>
|
|
If you need direct linking you can upgrade to the Premium plan.
|
|
Bandwidth will be billed per terabyte.
|
|
</p>
|
|
</template>
|
|
|
|
{{template "page_bottom" .}}
|
|
|
|
<script>
|
|
'use strict';
|
|
{{template "Modal.js"}}
|
|
|
|
function explainFileExpiry() {
|
|
let m = new Modal(
|
|
document.body, null, "File Expiry Postponing", "600px", "auto"
|
|
)
|
|
m.cloneTemplate("tpl_file_expiry")
|
|
m.open()
|
|
return false
|
|
}
|
|
function explainDirectLinking() {
|
|
let m = new Modal(
|
|
document.body, null, "Direct Linking Bandwidth", "600px", "auto"
|
|
)
|
|
m.cloneTemplate("tpl_direct_linking")
|
|
m.open()
|
|
return false
|
|
}
|
|
</script>
|
|
|
|
{{template "analytics"}}
|
|
</body>
|
|
</html>
|
|
{{end}}
|