diff --git a/res/include/md/subscribe.md b/res/include/md/subscribe.md new file mode 100644 index 0000000..93fccbe --- /dev/null +++ b/res/include/md/subscribe.md @@ -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"}} + +Order plan 'I'm doing my part!' + +{{else if eq $plan "t2"}} + +Order plan 'Persistence' + +{{else if eq $plan "t3"}} + +Order plan 'Tenacity' + +{{else if eq $plan "t4"}} + +Order plan 'Eternity' + +{{else}} + +See our subscription plans on Patreon + +{{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. diff --git a/res/static/img/benefit_0.png b/res/static/img/benefit_0.png new file mode 100644 index 0000000..5f8aeca Binary files /dev/null and b/res/static/img/benefit_0.png differ diff --git a/res/static/img/benefit_1.png b/res/static/img/benefit_1.png new file mode 100644 index 0000000..d51da16 Binary files /dev/null and b/res/static/img/benefit_1.png differ diff --git a/res/static/img/benefit_2.png b/res/static/img/benefit_2.png new file mode 100644 index 0000000..5f0ce31 Binary files /dev/null and b/res/static/img/benefit_2.png differ diff --git a/res/static/img/benefit_3.png b/res/static/img/benefit_3.png new file mode 100644 index 0000000..3e24f5a Binary files /dev/null and b/res/static/img/benefit_3.png differ diff --git a/res/static/img/benefit_4.png b/res/static/img/benefit_4.png new file mode 100644 index 0000000..40ba018 Binary files /dev/null and b/res/static/img/benefit_4.png differ diff --git a/res/template/home.html b/res/template/home.html index 7570115..8063f73 100644 --- a/res/template/home.html +++ b/res/template/home.html @@ -41,6 +41,45 @@ height: 40px; 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; + }
@@ -116,16 +155,14 @@ -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 - about page. + donations are appreciated. See how you can support + pixeldrain below.
-Files can be uploaded by clicking the big green upload 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. 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 + files will be saved in the order you uploaded them. 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 @@ -145,9 +182,98 @@ bottom of your uploaded files.
- For more information see the about - page. + For more information about pixeldrain see the + about page.
+