Files
fnx_web/res/template/home.html

380 lines
13 KiB
HTML
Raw Normal View History

2017-11-10 12:39:55 +01:00
{{define "home"}}
<!DOCTYPE html>
2020-01-17 20:32:21 +01:00
<html lang="en">
2017-11-10 12:39:55 +01:00
<head>
{{template "meta_tags" "Free file sharing service"}}
{{template "user_style" .}}
2020-01-14 17:10:03 +01:00
<style>
2020-08-09 23:47:17 +02:00
.header_image{
width: 100%;
max-width: 800px;
2020-08-11 19:52:03 +02:00
margin: 0 auto 50px auto;
2020-08-09 23:47:17 +02:00
}
2021-01-08 00:48:07 +01:00
.feat_table {
display: flex;
flex-direction: column;
}
.feat_table > div {
display: flex;
flex-direction: row;
}
2021-01-11 21:43:04 +01:00
.feat_table > div > div:first-child {
flex: 0 0 20%;
max-width: 20%;
}
2021-01-08 00:48:07 +01:00
.feat_table > div > div {
2021-01-11 21:43:04 +01:00
flex: 1 1 0;
2021-01-12 14:07:55 +01:00
margin: 0.25em;
2021-01-08 00:48:07 +01:00
padding: 0.5em;
2020-08-03 15:26:22 +02:00
text-align: center;
2021-01-11 21:43:04 +01:00
word-wrap: break-word;
hyphens: auto;
2020-08-03 15:26:22 +02:00
}
2021-01-08 00:48:07 +01:00
.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 {
2020-08-03 15:26:22 +02:00
background-color: var(--layer_3_color);
2021-01-08 00:48:07 +01:00
box-shadow: 1px 1px 3px -1px var(--shadow_color);
text-shadow: 1px 1px 3px var(--shadow_color);
2020-08-03 15:26:22 +02:00
}
2021-01-08 00:48:07 +01:00
.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);
2020-08-03 15:26:22 +02:00
}
2021-01-08 00:48:07 +01:00
.feat_table > div > .feat_highlight {
border: 1px solid var(--highlight_color)
2020-08-03 15:26:22 +02:00
}
2021-01-08 00:48:07 +01:00
.text_highlight {
color: var(--highlight_color);
text-shadow: 0 0 4px var(--shadow_color);
font-size: 1.1em;
font-weight: bold;
2020-08-03 15:26:22 +02:00
}
2021-01-12 14:07:55 +01:00
.feat_table > div > .cell_background {
background-position: center;
background-size: cover;
text-align: left;
font-size: 1.2em;
padding: 0.2em;
}
2021-01-08 00:48:07 +01:00
2021-01-11 21:43:04 +01:00
.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; }
2020-08-11 19:52:03 +02:00
{{ template `modal.css` }}
2020-01-14 17:10:03 +01:00
</style>
2021-06-22 17:14:21 +02:00
<script>window.api_endpoint = '{{.APIEndpoint}}';</script>
2021-07-26 16:31:31 +02:00
<link rel='stylesheet' href='/res/svelte/home_page.css?v8'>
<script defer src='/res/svelte/home_page.js?v8'></script>
2017-11-10 12:39:55 +01:00
</head>
<body>
2019-09-16 23:50:57 +02:00
{{template "page_top" .}}
2020-08-09 23:47:17 +02:00
<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>
2019-09-16 23:50:57 +02:00
<br/>
2020-01-14 17:10:03 +01:00
2021-06-22 17:14:21 +02:00
<!-- Svelte element -->
2021-08-01 13:39:19 +02:00
<div id="uploader" class="page_content" style="padding-top: 0; margin-bottom: 50px;"></div>
2019-02-12 21:51:01 +01:00
2021-01-11 21:43:04 +01:00
<h1>What is pixeldrain?</h1>
<div class="page_content"><div class="limit_width">
<p>
2021-08-01 13:39:19 +02:00
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.
2021-01-11 21:43:04 +01:00
</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>
2021-08-01 13:39:19 +02:00
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.
2021-01-11 21:43:04 +01:00
</p>
2021-01-08 00:48:07 +01:00
2021-01-11 21:43:04 +01:00
<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>
2021-01-12 14:07:55 +01:00
<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&shy;tise&shy;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
2020-08-03 15:26:22 +02:00
</div>
2021-01-12 14:07:55 +01:00
</div>
<div>
<div class="feat_label">Privacy</div>
<div class="feat_normal">
No trackers, but advertisers can see your IP address
and browser fingerprint
2020-08-11 19:52:03 +02:00
</div>
2021-01-12 14:07:55 +01:00
<div class="feat_pro">
<span class="text_highlight">Completely
private</span>. No third party scripts and no
logging
2020-08-03 15:26:22 +02:00
</div>
2021-01-12 14:07:55 +01:00
</div>
2021-01-18 13:40:28 +01:00
<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>
2021-01-12 14:07:55 +01:00
<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>
2021-01-12 14:07:55 +01:00
</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}}
2021-08-01 13:39:19 +02:00
Only
2021-08-18 13:00:07 +02:00
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427" class="button button_highlight round">
€ 2 per month
</a>
2021-08-01 13:39:19 +02:00
or
2021-08-18 13:00:07 +02:00
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427&cadence=12" class="button button_highlight round">
€ 20 per year!
</a>
2021-08-01 13:39:19 +02:00
<br/>
(Excluding tax)
2021-01-12 14:07:55 +01:00
<br/>
Subscription managed by Patreon
{{end}}
2020-08-03 15:26:22 +02:00
</div>
2021-01-12 14:07:55 +01:00
</div>
</div>
2021-08-01 13:39:19 +02:00
<br/>
2021-01-12 14:07:55 +01:00
<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>
2021-01-12 14:18:11 +01:00
<div class="feat_pro round_tr round_br cell_background" style="background-image: url('/res/img/benefit_5_small.png');">
2021-01-12 14:07:55 +01:00
{{if eq .User.Subscription.ID "patreon_5"}}
You have this plan<br/>
Thank you for supporting pixeldrain!
{{else}}
2021-08-18 13:00:07 +02:00
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5736701" class="button button_highlight round">€ 4</a>
2021-01-12 14:07:55 +01:00
{{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>
2021-01-12 14:18:11 +01:00
<div class="feat_pro round_tr round_br cell_background" style="background-image: url('/res/img/benefit_2_small.png');">
2021-01-12 14:07:55 +01:00
{{if eq .User.Subscription.ID "patreon_2"}}
You have this plan<br/>
Thank you for supporting pixeldrain!
{{else}}
2021-08-18 13:00:07 +02:00
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291482" class="button button_highlight round">€ 8</a>
2021-01-12 14:07:55 +01:00
{{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>
2021-01-12 14:18:11 +01:00
<div class="feat_pro round_tr round_br cell_background" style="background-image: url('/res/img/benefit_3_small.png');">
2021-01-12 14:07:55 +01:00
{{if eq .User.Subscription.ID "patreon_3"}}
You have this plan<br/>
Thank you for supporting pixeldrain!
{{else}}
2021-08-18 13:00:07 +02:00
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291516" class="button button_highlight round">€ 16</a>
2021-01-12 14:07:55 +01:00
{{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
2021-01-08 00:48:07 +01:00
</div>
2021-01-12 14:18:11 +01:00
<div class="feat_pro round_tr round_br cell_background" style="background-image: url('/res/img/benefit_4_small.png');">
2021-01-12 14:07:55 +01:00
{{if eq .User.Subscription.ID "patreon_4"}}
You have this plan<br/>
Thank you for supporting pixeldrain!
{{else}}
2021-08-18 13:00:07 +02:00
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291528" class="button button_highlight round">€ 32</a>
2021-01-12 14:07:55 +01:00
{{end}}
2021-01-08 00:48:07 +01:00
</div>
2021-01-12 14:07:55 +01:00
</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
2021-01-08 00:48:07 +01:00
</div>
2021-01-12 14:18:11 +01:00
<div class="feat_pro round_tr round_br cell_background" style="background-image: url('/res/img/benefit_6_small.png');">
2021-01-12 14:07:55 +01:00
{{if eq .User.Subscription.ID "patreon_6"}}
You have this plan<br/>
Thank you for supporting pixeldrain!
{{else}}
2021-08-18 13:00:07 +02:00
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=6573749" class="button button_highlight round">€ 64</a>
2021-01-12 14:07:55 +01:00
{{end}}
2020-08-03 15:26:22 +02:00
</div>
</div>
2019-09-17 23:38:40 +02:00
</div>
2021-08-01 13:39:19 +02:00
<!--
2021-01-11 21:43:04 +01:00
<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
2021-01-12 23:20:32 +01:00
of the Pro subscription. A base rate of €2 per month will be
2021-01-11 21:43:04 +01:00
billed regardless of your usage.
</p>
2021-08-01 13:39:19 +02:00
-->
2021-01-11 21:43:04 +01:00
</div></div>
2017-11-10 12:39:55 +01:00
2020-08-11 19:52:03 +02:00
<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
2021-01-08 00:48:07 +01:00
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
2021-01-11 21:43:04 +01:00
the platform, it would be rude to show these people a File Not
2021-01-08 00:48:07 +01:00
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.
2020-08-11 19:52:03 +02:00
</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>
2021-01-08 00:48:07 +01:00
When viewing a file on pixeldrain it has to go through the file
2021-01-11 21:43:04 +01:00
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.
2020-08-11 19:52:03 +02:00
</p>
<p>
2021-01-11 21:43:04 +01:00
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.
2020-08-11 19:52:03 +02:00
</p>
<p>
2021-01-11 21:43:04 +01:00
If you need direct linking you can upgrade to the Premium plan.
Bandwidth will be billed per terabyte.
2020-08-11 19:52:03 +02:00
</p>
</template>
2020-01-31 19:16:20 +01:00
{{template "page_bottom" .}}
2019-09-16 23:50:57 +02:00
2020-01-17 20:32:21 +01:00
<script>
2020-01-27 16:56:16 +01:00
'use strict';
2020-08-11 19:52:03 +02:00
{{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
}
2019-12-23 23:56:57 +01:00
</script>
2017-11-10 12:39:55 +01:00
{{template "analytics"}}
</body>
</html>
{{end}}