pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add subscription to home page

Browse Source
This commit is contained in:
Wim Brand
2020-08-03 15:26:22 +02:00
parent 7290975873
commit 73c1ae91c5
8 changed files with 197 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
res/include/md/subscribe.md Normal file
View File

@@ -0,0 +1,62 @@
# Becoming a pixeldrain subscriber
## Register a pixeldrain account
{{if .Authenticated}}
✅ You are logged in to your pixeldrain account. Continue to the next step.
{{else}}
First you need to register a pixeldrain account. You can do so with our
[registration form](/register). If you already have an account you can [log in
here](/login).
{{end}}
## Verify your e-mail address
{{if eq .User.Email ""}}
Your e-mail address is not yet verified. You can change your e-mail address on
the [user settings page](/user/settings). After submitting your e-mail address
you will receive a verification link in your inbox. Click the verification link
to verify your e-mail address.
{{else}}
✅ Your e-mail address is verified. Continue to the next step.
{{end}}
## Join a support tier in Patreon
Make sure your Patreon account uses the same e-mail address as your pixeldrain
account. {{if .Authenticated}}(Your e-mail address: {{.User.Email}}){{end}}
{{$plan := .URLQuery.Get "plan"}}
{{if eq $plan "t1"}}
<a class="button button_highlight" href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427">
Order plan 'I'm doing my part!'
</a>
{{else if eq $plan "t2"}}
<a class="button button_highlight" href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291482">
Order plan 'Persistence'
</a>
{{else if eq $plan "t3"}}
<a class="button button_highlight" href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291516">
Order plan 'Tenacity'
</a>
{{else if eq $plan "t4"}}
<a class="button button_highlight" href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291528">
Order plan 'Eternity'
</a>
{{else}}
<a class="button button_highlight" href="https://www.patreon.com/join/pixeldrain">
See our subscription plans on Patreon
</a>
{{end}}
After ordering I will add the subscription to your pixeldrain account. This can
take a few hours depending on how busy I am at that moment. This part will soon
be automated.

BIN
res/static/img/benefit_0.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 164 KiB

BIN
res/static/img/benefit_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

BIN
res/static/img/benefit_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 230 KiB

BIN
res/static/img/benefit_3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 261 KiB

BIN
res/static/img/benefit_4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 240 KiB

142
res/template/home.html
View File

@@ -41,6 +41,45 @@
height: 40px; height: 40px;
margin: 5px 15px; margin: 5px 15px;
} }
.features {
width: 100%;
text-align: center;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.features > div {
display: inline-block;
margin: 12px;
width: 18em;
vertical-align: top;
text-align: left;
white-space: initial;
background-color: var(--layer_3_color);
box-shadow: 1px 1px 6px -2px var(--shadow_color);
}
.features > div > h3 {
text-align: center;
border-bottom: none;
margin: 10px;
}
.features > div > .price {
text-align: center;
margin-bottom: 6px;
}
.features > div > .feature {
text-align: center;
padding: 6px;
border-bottom: 1px solid var(--layer_3_color_border);
}
.features > div > ul {
padding-left: 20px;
}
.features > div > ul > li {
margin: 8px;
text-align: center;
}
</style> </style>
</head> </head>
<body> <body>
@@ -116,16 +155,14 @@
<div id="created_lists"></div> <div id="created_lists"></div>
</div> </div>
<br/>
<div class="limit_width"> <div class="limit_width">
<h2>What is pixeldrain?</h2> <h2>What is pixeldrain?</h2>
<p> <p>
Pixeldrain is a file sharing website built for speed and Pixeldrain is a file sharing website built for speed and
ease of use. Pixeldrain does not cost any money, though ease of use. Pixeldrain does not cost any money, though
donations are appreciated. For donation methods see the donations are appreciated. See how you can support
<a href="/about">about</a> page. pixeldrain below.
</p> </p>
<h2>How to use pixeldrain</h2>
<p> <p>
Files can be uploaded by clicking the big green upload Files can be uploaded by clicking the big green upload
button, or by dragging them onto this page from your file button, or by dragging them onto this page from your file
@@ -136,8 +173,8 @@
You can also create lists, which are a collection of files. You can also create lists, which are a collection of files.
Like a photo album, a music record or a video compilation. 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 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 files will be saved in the order you uploaded them. When all
all files have finished uploading you click the "Create list files have finished uploading you click the "Create list
with uploaded files" button and you will be asked to enter a with uploaded files" button and you will be asked to enter a
name for your list. After picking a name the list will be name for your list. After picking a name the list will be
created and opened in a new window. If your browser blocks created and opened in a new window. If your browser blocks
@@ -145,9 +182,98 @@
bottom of your uploaded files. bottom of your uploaded files.
</p> </p>
<p> <p>
For more information see the <a href="/about">about</a> For more information about pixeldrain see the
page. <a href="/about">about</a> page.
</p> </p>
<h2>Features</h2>
</div>
<div class="features">
<div>
<h3>Free</h3>
<div class="price">€0 per month</div>
<img src="/res/img/benefit_0.png" style="width: 100%;">
<div class="feature">No account required</div>
<div class="feature">Files expire 30 days after last view</div>
<div class="feature">Max file size 10 GB</div>
<div class="feature">Access your files anywhere with a pixeldrain account</div>
<div class="feature">Group multiple files together in a single link with lists</div>
</div>
<div>
<h3>I'm doing my part!</h3>
<div class="price">€2 per month + tax</div>
<img src="/res/img/benefit_1.png" style="width: 100%;">
<div class="feature">No ads when viewing and downloading files</div>
<div class="feature">Support pixeldrain's development</div>
<div style="text-align: center; padding: 8px;">
{{if eq .User.Subscription "patreon_1"}}
<strong>You have this plan. Thank you for supporting pixeldrain!</strong>
{{else}}
<a href="/subscribe?plan=t1" class="button button_highlight" style="width: 90%;">
Get Started
</a>
{{end}}
</div>
</div>
<div>
<h3>Persistence</h3>
<div class="price">€8 per month + tax</div>
<img src="/res/img/benefit_2.png" style="width: 100%;">
<div class="feature">No ads when viewing and downloading files</div>
<div class="feature">No ads on files you uploaded</div>
<div class="feature">Files expire two months after last view</div>
<div style="text-align: center; padding: 8px;">
{{if eq .User.Subscription "patreon_2"}}
<strong>You have this plan. Thank you for supporting pixeldrain!</strong>
{{else}}
<a href="/subscribe?plan=t2" class="button button_highlight" style="width: 90%;">
Get Started
</a>
{{end}}
</div>
</div>
<div>
<h3>Tenacity</h3>
<div class="price">€16 per month + tax</div>
<img src="/res/img/benefit_3.png" style="width: 100%;">
<div class="feature">No ads when viewing and downloading files</div>
<div class="feature">No ads on files you uploaded</div>
<div class="feature">Files expire six months after last view</div>
<div style="text-align: center; padding: 8px;">
{{if eq .User.Subscription "patreon_3"}}
<strong>You have this plan. Thank you for supporting pixeldrain!</strong>
{{else}}
<a href="/subscribe?plan=t3" class="button button_highlight" style="width: 90%;">
Get Started
</a>
{{end}}
</div>
</div>
<div>
<h3>Eternity</h3>
<div class="price">€32 per month + tax</div>
<img src="/res/img/benefit_4.png" style="width: 100%;">
<div class="feature">No ads when viewing and downloading files</div>
<div class="feature">No ads on files you uploaded</div>
<div class="feature">Files you upload never expire</div>
<div style="text-align: center; padding: 8px;">
{{if eq .User.Subscription "patreon_4"}}
<strong>You have this plan. Thank you for supporting pixeldrain!</strong>
{{else}}
<a href="/subscribe?plan=t4" class="button button_highlight" style="width: 90%;">
Get Started
</a>
{{end}}
</div>
</div>
</div> </div>
</div> </div>

1
webcontroller/web_controller.go
View File

@@ -111,6 +111,7 @@ func New(
{GET, "s/:id" /* */, wc.serveSkynetViewer}, {GET, "s/:id" /* */, wc.serveSkynetViewer},
{GET, "t" /* */, wc.serveTemplate("paste", false)}, {GET, "t" /* */, wc.serveTemplate("paste", false)},
{GET, "donation" /* */, wc.serveMarkdown("donation.md", false)}, {GET, "donation" /* */, wc.serveMarkdown("donation.md", false)},
{GET, "subscribe" /* */, wc.serveMarkdown("subscribe.md", false)},
{GET, "widgets" /* */, wc.serveTemplate("widgets", false)}, {GET, "widgets" /* */, wc.serveTemplate("widgets", false)},
{GET, "about" /* */, wc.serveMarkdown("about.md", false)}, {GET, "about" /* */, wc.serveMarkdown("about.md", false)},
{GET, "appearance" /* */, wc.serveTemplate("appearance", false)}, {GET, "appearance" /* */, wc.serveTemplate("appearance", false)},