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

Aks users for patreon support on home page

Browse Source
This commit is contained in:
Wim Brand
2021-08-24 09:57:57 +02:00
parent 8a91135794
commit a7468f46d3
3 changed files with 38 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
res/include/style/layout.css
View File

@@ -63,6 +63,7 @@ body, .checkers {
background-color: #111111; /* Fallback */
background-color: var(--layer_1_color);
background-repeat: repeat;
background-attachment: fixed;
background-blend-mode: luminosity;
}

9
res/template/home.html
View File

@@ -70,9 +70,12 @@
{{ template `modal.css` }}
</style>
<script>window.api_endpoint = '{{.APIEndpoint}}';</script>
<link rel='stylesheet' href='/res/svelte/home_page.css?v8'>
<script defer src='/res/svelte/home_page.js?v8'></script>
<script>
window.api_endpoint = '{{.APIEndpoint}}';
window.user_subscription = {{.User.Subscription}};
</script>
<link rel='stylesheet' href='/res/svelte/home_page.css?v9'>
<script defer src='/res/svelte/home_page.js?v9'></script>
</head>
<body>
{{template "page_top" .}}

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

@@ -512,6 +512,37 @@ const keydown = (e) => {
<span class="file_button_title">{list.link}</span>
</a>
{/each}
{#if window.user_subscription.name === ""}
<div class="instruction">
<div class="limit_width">
<span class="big_number">4</span>
<span class="instruction_text">Support me on Patreon!</span>
</div>
</div>
<div class="limit_width">
<p>
Pixeldrain is struggling to get by financially. Because anyone
can upload anything it's hard to find reputable advertisers who
want to advertise on pixeldrain. Every month the ad revenue just
barely covers the bandwidth costs. If this continues I will have
to resort to adding more shady ads, or reducing the file size
and bandwidth limits. That's not something I would like to do.
</p>
<p>
Pro costs only <b>€20 per year</b> or €2 per month. You will get
some nice benefits and more features are on the way. You can
help with making pixeldrain the easiest and fastest way to share
files online!
</p>
</div>
<br/>
<a href="#pro" class="button big_button" style="min-width: 350px;">
<i class="icon">arrow_downward</i>
Check out Pro
<i class="icon">arrow_downward</i>
</a>
{/if}
</div>
<style>