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

Add payment widget to home page

Browse Source
This commit is contained in:
Fornax
2023-09-14 14:29:05 +02:00
parent cc90ccec48
commit 91ea334cf4
29 changed files with 359 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,3 +1,7 @@
<script>
import MollieDeposit from "../user_home/MollieDeposit.svelte";
</script>
<header id="prepaid">
<div class="header_image_container"></div>
</header>
@@ -15,16 +19,20 @@
<img src="/res/img/misc/sunrise.webp" class="float_right" alt="Sunrise">
<h2>Simple and affordable</h2>
<span class="keyword">€4 per TB per month for storage</span><br/>
<span class="keyword">€2 per TB for data transfer</span><br/>
<p>
You are only charged for what you use. And it's only 1.4% the price of
Amazon AWS. Yea, seriously, you could save 98% on your bandwidth bill by
switching!
</p>
<p>
Cheaper storage is also available with file expiry enabled.
</p>
No file expiry:
<ul>
<li><span class="keyword">€2.00 per month</span> base price<br/></li>
<li><span class="keyword">€4.00 per TB per month</span> for storage<br/></li>
<li><span class="keyword">€2.00 per TB</span> for data transfer<br/></li>
</ul>
<hr/>
240 day file expiry:
<ul>
<li><span class="keyword">€1.00 per month</span> base price<br/></li>
<li><span class="keyword">€0.50 per TB per month</span> for storage<br/></li>
<li><span class="keyword">€2.00 per TB</span> for data transfer<br/></li>
</ul>
<br style="clear: right;"/>
<br/>
@@ -38,19 +46,34 @@
and circumvent the download page completely.
</p>
<br style="clear: both;"/>
<h2>Interested?</h2>
<p>
To get started we will need the name and address of your business, and
the name of your pixeldrain account. We will prepare an invoice for you.
Your deposit needs to be at least €100 to save on administrative work.
We accept SEPA, PayPal and Bitcoin.
</p>
<p style="text-align: center;">
<a href="mailto:sales@pixeldrain.com" class="button button_highlight round" style="font-size: 1.4em">
<i class="icon">mail</i>
Contact sales@pixeldrain.com
</a>
</p>
<h2>Get started</h2>
{#if window.user.username !== ""}
{#if window.user.subscription.id !== ""}
<p>You already have a subscription active</p>
{: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>
@@ -75,7 +98,7 @@ header {
background-position: center;
}
.keyword {
font-size: 1.1em;
font-weight: bold;
}
h2 {
border-bottom: none;