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

Update some confusing wording around the prepaid plan

Browse Source
This commit is contained in:
Wim Brand
2025-03-27 13:45:40 +01:00
parent c8d22f534a
commit 0de8754d9b
8 changed files with 59 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
svelte/src/home_page/FeatureTable.svelte
View File

@@ -6,9 +6,11 @@ import OtherPlans from "./OtherPlans.svelte";
<section>
<p>
Pixeldrain features two different payment modes. We offer a monthly
subscription which is managed by Patreon, and a prepaid service which
supports a dozen different payment providers. For low usage Prepaid is
usually better as there's no monthly fee.
subscription which is managed by Patreon, and a Prepaid subscription
which supports a dozen different payment providers. With Prepaid you pay
in advance to charge your credit, then usage will be subtracted from
your account credit. For low usage Prepaid is usually better as the
monthly fee is much lower.
</p>
</section>
@@ -26,10 +28,10 @@ import OtherPlans from "./OtherPlans.svelte";
</div>
<div class="left_col">
Price
Recurring price
</div>
<div class="feature_cell free_feat">
<span class="bold">Free</span>
<span class="bold">None</span>
</div>
<div class="feature_cell pro_feat">
<span class="bold">€4 / month</span> or
@@ -38,7 +40,7 @@ import OtherPlans from "./OtherPlans.svelte";
</div>
<div class="feature_cell prepaid_feat">
<span class="bold">€1 / month minimum</span><br/>
Only charged when total usage is below €1
Only charged when usage is less than €1
</div>
<div class="left_col">
@@ -50,7 +52,7 @@ import OtherPlans from "./OtherPlans.svelte";
<div class="feature_cell free_feat">
<span class="bold">6 GB per day</span><br/>
Download speed is reduced to 1 MiB/s when exceeded. Max 5 concurrent
Download speed is reduced to 1 MiB/s when exceeded. Max 3 concurrent
downloads
</div>
<div class="feature_cell pro_feat">
@@ -108,7 +110,7 @@ import OtherPlans from "./OtherPlans.svelte";
</div>
<div class="feature_cell prepaid_feat">
<span class="bold">Files do not expire</span><br/>
While prepaid plan is active
While prepaid subscription plan is active
</div>
<div class="left_col">
@@ -128,12 +130,13 @@ import OtherPlans from "./OtherPlans.svelte";
<span class="bold">None</span>
</div>
<div class="feature_cell pro_feat">
<span class="bold">PayPal</span>, <span class="bold">Credit card</span>
<span class="bold">PayPal</span>, <span class="bold">Credit/debit</span>
</div>
<div class="feature_cell prepaid_feat">
<span class="bold">PayPal</span>, <span class="bold">SEPA</span>,
<span class="bold">Credit card</span><br/>
And many more
<span class="bold">PayPal</span>,
<span class="bold">Credit/debit</span>,
<span class="bold">iDEAL</span><br/>
And many regional providers
</div>
<div></div>
@@ -162,12 +165,12 @@ import OtherPlans from "./OtherPlans.svelte";
{#if window.user.username === ""}
<!-- User is not logged in -->
Account required<br/>
<a href="/login?redirect=checkout" class="button button_highlight round">
<a href="/login?redirect=/user/prepaid/deposit" class="button button_highlight round">
<i class="icon">login</i>
Log in
</a>
or
<a href="/register?redirect=checkout" class="button button_highlight round">
<a href="/register?redirect=/user/prepaid/deposit" class="button button_highlight round">
<i class="icon">how_to_reg</i>
Register
</a>
@@ -184,7 +187,7 @@ import OtherPlans from "./OtherPlans.svelte";
{:else if window.user.subscription.type === "patreon"}
Patreon subscription active. Prepaid cannot be activated
{:else if window.user.subscription.type === "prepaid"}
Prepaid plan is active.<br/>
Prepaid subscription is active<br/>
Current balance <Euro amount={window.user.balance_micro_eur}/>
<br/>
<a href="/user/prepaid/deposit#deposit" class="button button_highlight round">
@@ -224,6 +227,7 @@ import OtherPlans from "./OtherPlans.svelte";
.grid > div {
justify-content: center;
align-items: center;
align-content: center;
text-align: center;
padding: 0.25em;
min-height: 3em;

121
svelte/src/home_page/ForCreators.svelte
View File

@@ -1,121 +0,0 @@
<script>
import MollieDeposit from "../user_home/MollieDeposit.svelte";
import Euro from "../util/Euro.svelte";
</script>
<header id="prepaid">
<div class="header_image_container"></div>
</header>
<section>
<h2>Prepaid</h2>
<p>
Whether you're working with large video files, high quality photography
or a different kind of media. Pixeldrain is the best way to transfer
files to your customers! With prepaid you only pay for what you use. No
money wasted.
</p>
<br/>
<img src="/res/img/misc/sunrise.webp" class="float_right" alt="Sunrise">
<h2>Simple and affordable pricing</h2>
<ul>
<li><span class="keyword">€4.00 per TB per month</span> for storage</li>
<li><span class="keyword">€1.00 per TB</span> for downloading and sharing files</li>
</ul>
<br style="clear: right;"/>
<br/>
<img src="/res/img/misc/branding.webp" class="float_left" alt="Download page branding">
<h2 style="clear: right;">Customizable</h2>
<p>
<span class="keyword">Downloading files doesn't have to be
dull.</span> Pixeldrain allows you to customize the look of
your download pages. Transfer files to your customers in
style! We also allow you to link directly to the file itself
and circumvent the download page completely.
</p>
<br style="clear: both;"/>
<h2>Get started</h2>
{#if window.user.username !== ""}
{#if window.user.subscription.type === "patreon"}
<p>
You already have a Patreon subscription active. You cannot use
Prepaid while that subscription is active.
</p>
{:else if window.user.subscription.type === "prepaid"}
<p>
You already have a Prepaid subscription active. Your account
balance is <Euro amount={window.user.balance_micro_eur}/>. Use
the form below to top up your balance.
</p>
<MollieDeposit/>
{:else}
<p>
You are currently logged in as {window.user.username}. Use the
form below to activate a prepaid subscription on this account.
</p>
<MollieDeposit/>
{/if}
{:else}
<p>
You are currently not logged in to a pixeldrain account. Log in to
get started.
</p>
<p style="text-align: center;">
<a href="/login?redirect=checkout" class="button button_highlight" style="font-size: 1.2em">
<i class="icon">login</i>
Log in
</a>
or
<a href="/register?redirect=checkout" class="button button_highlight" style="font-size: 1.2em">
<i class="icon">how_to_reg</i>
Register
</a>
</p>
{/if}
</section>
<style>
/* Override the default background with something spectacular */
header {
background-image: url("/res/img/servers.webp");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
background-blend-mode: normal;
}
.header_image_container {
margin: auto;
height: 250px;
width: 750px;
max-width: 100%;
background-image: url("/res/img/professional_header.webp");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.keyword {
font-weight: bold;
}
h2 {
border-bottom: none;
}
.float_left, .float_right {
max-width: 45%;
margin: 4px;
border-radius: 12px;
}
.float_left {
float: left;
margin-right: 16px;
}
.float_right {
float: right;
margin-left: 16px;
}
</style>

7
svelte/src/home_page/HomePage.svelte
View File

@@ -83,13 +83,12 @@ let upload_widget
<div>€ 1 / TB</div>
</div>
<div>
<div>Account inactivity</div>
<div>Minimum fee *</div>
<div>€1 / month</div>
</div>
</div>
<p style="text-align: center;">
Inactivity pricing is only applied when monthly usage is less than
€1
* The minimum fee is only charged when usage is less than €1
</p>
<h2>What you get</h2>
@@ -150,7 +149,7 @@ let upload_widget
<GetStarted/>
<header id="pro">
<h1>Premium plans</h1>
<h1>Subscription plans</h1>
</header>
<div class="page_content">
<FeatureTable/>