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

Replace patreon links with links to the home page

Browse Source
This commit is contained in:
Fornax
2023-09-15 12:02:36 +02:00
parent d57a5c788d
commit 6dc282946c
9 changed files with 84 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
svelte/src/file_viewer/AdLeaderboard.svelte
View File

@@ -18,14 +18,14 @@ onMount(() => {
} }
// 30% pixeldrain socials // 20% pixeldrain socials
// 20% reviews // 20% reviews
// 50% patreon // 50% patreon
let rand = Math.random() let rand = Math.random()
if (rand < 0.3) { if (rand < 0.2) {
set_ad_type("socials") set_ad_type("socials")
} else if (rand < 0.5) { } else if (rand < 0.4) {
set_ad_type("reviews") set_ad_type("reviews")
} else { } else {
set_ad_type("patreon_support") set_ad_type("patreon_support")
@@ -149,54 +149,16 @@ head.valueimpression_loaded.subscribe(v => {
<img bind:this={banner} usemap="#socials_map" class="banner" src="/res/img/advertising/pixeldrain_socials.webp" style="display: inline-block; width: 728px; height: 90px;" alt="Pixeldrain social media"/> <img bind:this={banner} usemap="#socials_map" class="banner" src="/res/img/advertising/pixeldrain_socials.webp" style="display: inline-block; width: 728px; height: 90px;" alt="Pixeldrain social media"/>
{:else if ad_type === "patreon_support"} {:else if ad_type === "patreon_support"}
<div class="banner support_banner"> <div class="banner support_banner">
<span style="display: block; margin-bottom: 2px;"> <span style="display: block; margin-bottom: 2px;">
No ads today. Pixeldrain is currently funded by our subscribers! No ads today. Pixeldrain is currently funded by our subscribers!
</span> </span>
<a href="https://www.patreon.com/join/pixeldrain" rel="noreferrer" class="button button_highlight" target="_blank"> <a href="/#pro" rel="noreferrer" class="button button_highlight" target="_blank">
<i class="icon">bolt</i> <i class="icon">bolt</i>
Support Pixeldrain to help keep the project going Support Pixeldrain to help keep the project going
</a> </a>
</div> </div>
{:else if ad_type === "twitter"}
<div class="banner social_button">
<a href="https://twitter.com/Fornax96" rel="noreferrer" class="button" target="_blank" style="background-color: #1a8cd8; color: #ffffff;">
<Twitter style="color: #ffffff;"/>
Follow Pixeldrain on Twitter: @Fornax96
</a>
</div>
{:else if ad_type === "mastodon"}
<div class="banner social_button">
<a href="https://mastodon.social/@fornax" rel="noreferrer" class="button" target="_blank" style="background-color: #595aff; color: #ffffff;">
<Mastodon style="color: #ffffff;"/>
Follow Pixeldrain on Mastodon: fornax@mastodon.social
</a>
</div>
{:else if ad_type === "reddit"}
<div class="banner social_button">
<a href="https://www.reddit.com/r/PixelDrain"
rel="noreferrer" class="button" target="_blank" style="background-color: #ff4500; color: #ffffff;"
>
<Reddit style="color: #ffffff;"/>
Follow Pixeldrain on Reddit: /r/pixeldrain
</a>
</div>
{:else if ad_type === "lemmy"}
<div class="banner social_button">
<a href="https://lemmy.fornaxian.tech/c/pixeldrain"
rel="noreferrer" class="button" target="_blank" style="background-color: #14854f; color: #ffffff;"
>
Follow Pixeldrain on Lemmy: lemmy.fornaxian.tech
</a>
</div>
{:else if ad_type === "socials"} {:else if ad_type === "socials"}
<div class="banner center"> <div class="banner center">
@@ -268,10 +230,6 @@ head.valueimpression_loaded.subscribe(v => {
text-align: center; text-align: center;
padding: 2px; padding: 2px;
} }
.social_button {
text-align: center;
padding: 4px;
}
.socials { .socials {
display: inline-block; display: inline-block;
text-align: center; text-align: center;

4
svelte/src/file_viewer/viewers/BandwidthUsage.svelte
View File

@@ -32,8 +32,8 @@ $: transfer_left = $download_limits.transfer_limit - $download_limits.transfer_l
<p> <p>
<strong> <strong>
<a href="https://www.patreon.com/join/pixeldrain" target="_blank" class="button button_highlight" rel="noreferrer"> <a href="/#pro" target="_blank" class="button button_highlight" rel="noreferrer">
<i class="icon">bolt</i> Support Pixeldrain on Patreon <i class="icon">bolt</i> Upgrade your account
</a> </a>
to disable the transfer limit to disable the transfer limit
</strong> </strong>

12
svelte/src/file_viewer/viewers/RateLimit.svelte
View File

@@ -1,5 +1,5 @@
<script> <script>
import { createEventDispatcher, onMount } from "svelte"; import { createEventDispatcher } from "svelte";
import { formatDataVolume } from "../../util/Formatting.svelte"; import { formatDataVolume } from "../../util/Formatting.svelte";
import { download_limits } from "../DownloadLimitStore"; import { download_limits } from "../DownloadLimitStore";
import IconBlock from "./IconBlock.svelte"; import IconBlock from "./IconBlock.svelte";
@@ -48,8 +48,10 @@ let file = {
</p> </p>
{/if} {/if}
<p> <p>
This warning disappears when you are a This warning disappears when you have a
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5736701&cadence=12" target="_blank" rel="noreferrer">Patreon supporter</a>, <a href="/#pro" target="_blank">
premium account
</a>
or when the uploader of the file enables or when the uploader of the file enables
<a href="/user/subscription">bandwidth sharing</a> on their Pro account <a href="/user/subscription">bandwidth sharing</a> on their Pro account
(and their data cap has not been used up). Using a download manager with (and their data cap has not been used up). Using a download manager with
@@ -72,7 +74,7 @@ let file = {
<button on:click={() => {dispatch("download")}}> <button on:click={() => {dispatch("download")}}>
<i class="icon">download</i> Download <i class="icon">download</i> Download
</button> </button>
<a href="https://www.patreon.com/join/pixeldrain" target="_blank" class="button button_highlight" rel="noreferrer"> <a href="/#pro" target="_blank" class="button button_highlight">
<i class="icon">bolt</i> Support Pixeldrain on Patreon <i class="icon">bolt</i> Upgrade your account
</a> </a>
</IconBlock> </IconBlock>

4
svelte/src/file_viewer/viewers/SpeedLimit.svelte
View File

@@ -41,8 +41,8 @@ export let file = {
{formatDuration((file.size/file.download_speed_limit)*1000)} {formatDuration((file.size/file.download_speed_limit)*1000)}
</li> </li>
<li> <li>
<a href="https://www.patreon.com/join/pixeldrain" target="_blank" class="button button_highlight" rel="noreferrer"> <a href="/#pro" target="_blank" class="button button_highlight">
<i class="icon">bolt</i> Support Pixeldrain on Patreon <i class="icon">bolt</i> Upgrade your account
</a> </a>
and earn my eternal gratitude and earn my eternal gratitude
{#if !window.user_authenticated} {#if !window.user_authenticated}

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

@@ -36,7 +36,7 @@ onMount(() => {
<div class="top_row pro_feat"> <div class="top_row pro_feat">
<span class="bold">Pro</span> <span class="bold">Pro</span>
</div> </div>
<div class="top_row pro_feat"> <div class="top_row prepaid_feat">
<span class="bold">Prepaid</span> (currently only in Europe) <span class="bold">Prepaid</span> (currently only in Europe)
</div> </div>
@@ -51,7 +51,7 @@ onMount(() => {
<span class="bold">€40 / year</span><br/> <span class="bold">€40 / year</span><br/>
Charged through Patreon Charged through Patreon
</div> </div>
<div class="feature_cell pro_feat"> <div class="feature_cell prepaid_feat">
<span class="bold">€2 / month</span><br/> <span class="bold">€2 / month</span><br/>
From account credit From account credit
</div> </div>
@@ -67,7 +67,7 @@ onMount(() => {
<span class="bold">2 TB per month</span><br/> <span class="bold">2 TB per month</span><br/>
Transfer limit used for downloading and sharing files Transfer limit used for downloading and sharing files
</div> </div>
<div class="feature_cell vspan2 pro_feat"> <div class="feature_cell vspan2 prepaid_feat">
<span class="bold">€2.00 per TB</span><br/> <span class="bold">€2.00 per TB</span><br/>
Used for downloading and sharing files. There is no limit. You only Used for downloading and sharing files. There is no limit. You only
@@ -91,7 +91,7 @@ onMount(() => {
<span class="bold">No limit</span><br/> <span class="bold">No limit</span><br/>
But files expire when they are not downloaded But files expire when they are not downloaded
</div> </div>
<div class="feature_cell pro_feat"> <div class="feature_cell prepaid_feat">
<span class="bold">€4 / TB / month</span><br/> <span class="bold">€4 / TB / month</span><br/>
There is no limit. You only pay for what you use There is no limit. You only pay for what you use
</div> </div>
@@ -108,9 +108,9 @@ onMount(() => {
</div> </div>
<div class="feature_cell pro_feat"> <div class="feature_cell pro_feat">
<span class="bold">240 days</span><br/> <span class="bold">240 days</span><br/>
After last download After last download. Plans without expiry are available on Patreon
</div> </div>
<div class="feature_cell pro_feat"> <div class="feature_cell prepaid_feat">
<span class="bold">Never</span><br/> <span class="bold">Never</span><br/>
While subscription is active While subscription is active
</div> </div>
@@ -147,7 +147,7 @@ onMount(() => {
<div class="feature_cell free_feat span2"> <div class="feature_cell free_feat span2">
No customization No customization
</div> </div>
<div class="feature_cell pro_feat"> <div class="feature_cell prepaid_feat">
Custom <span class="bold">colour theme</span>, Custom <span class="bold">colour theme</span>,
<span class="bold">background</span> and <span class="bold">background</span> and
<span class="bold">banner images</span> <span class="bold">banner images</span>
@@ -187,7 +187,7 @@ onMount(() => {
Subscription managed by Patreon Subscription managed by Patreon
{/if} {/if}
</div> </div>
<div class="bottom_row pro_feat"> <div class="bottom_row prepaid_feat">
{#if window.user.username === ""} {#if window.user.username === ""}
<!-- User is not logged in --> <!-- User is not logged in -->
Account required<br/> Account required<br/>
@@ -343,8 +343,8 @@ header {
box-shadow: inset 0 0 10px -4px var(--shadow_color); box-shadow: inset 0 0 10px -4px var(--shadow_color);
} }
header > h1 { header > h1 {
margin-top: 70px; margin-top: 60px;
margin-bottom: 70px; margin-bottom: 60px;
color: #ffffff; color: #ffffff;
text-shadow: 0 0 3px #000000; text-shadow: 0 0 3px #000000;
} }
@@ -399,7 +399,10 @@ header > h1 {
border: 1px solid var(--highlight_color); border: 1px solid var(--highlight_color);
} }
.free_feat { .free_feat {
border: 1px solid var(--danger_color); border: 1px solid #ebcb8b;
}
.prepaid_feat {
border: 1px solid #ec2cfa;
} }
.span2 { .span2 {
grid-column: span 2; grid-column: span 2;

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

@@ -77,8 +77,8 @@ header {
box-shadow: inset 0 0 10px -4px var(--shadow_color); box-shadow: inset 0 0 10px -4px var(--shadow_color);
} }
header > h1 { header > h1 {
margin-top: 70px; margin-top: 60px;
margin-bottom: 70px; margin-bottom: 60px;
color: #ffffff; color: #ffffff;
text-shadow: 0 0 3px #000000; text-shadow: 0 0 3px #000000;
} }

3
svelte/src/user_home/Home.svelte
View File

@@ -252,7 +252,8 @@ onDestroy(() => {
{/if} {/if}
{#if transfer_cap === -1} {#if transfer_cap === -1}
Premium transfers in the last 30 days: {formatDataVolume(transfer_used, 3)}<br/> Premium transfers in the last 30 days: {formatDataVolume(transfer_used, 3)}.
<a href="/user/sharing/bandwidth">Configure limit</a>
{:else} {:else}
Premium transfers: Premium transfers:
{formatDataVolume(transfer_used, 3)} {formatDataVolume(transfer_used, 3)}

49
svelte/src/user_home/HotlinkProgressBar.svelte
View File

@@ -1,5 +1,4 @@
<script> <script>
import { formatDataVolume } from "../util/Formatting.svelte"
import ProgressBar from "../util/ProgressBar.svelte"; import ProgressBar from "../util/ProgressBar.svelte";
export let total = 0 export let total = 0
@@ -10,24 +9,46 @@ $: frac = used / total
<ProgressBar total={total} used={used}></ProgressBar> <ProgressBar total={total} used={used}></ProgressBar>
{#if frac > 0.99} {#if frac > 1}
<div class="highlight_yellow"> <div class="highlight_yellow">
You have used all of your data cap. People can still download your <p>
files, but advertisements are shown and hotlinking is disabled. You have used all of your data cap. People can still download your
<br/> files, but premium features are disabled. This means that the
<a class="button button_highlight" href="https://www.patreon.com/join/pixeldrain"> download page shows pixeldrain branding, people who download your
Upgrade options files have a daily download limit and hotlinking is disabled.
</p>
{#if window.user.monthly_transfer_cap > 0}
<p>
You have a billshock limit configured. <a
href="/user/sharing/bandwidth">increase or disable the limit</a> to
continue sharing files.
</p>
{/if}
<a class="button button_highlight" href="/#pro">
<i class="icon">bolt</i> Upgrade options
</a> </a>
</div> </div>
{:else if frac > 0.8} {:else if frac > 0.8}
<div class="highlight_blue"> <div class="highlight_blue">
You have used {(frac*100).toFixed(0)}% of your data cap. If your <p>
data runs out people won't be able to download your files directly You have used {(frac*100).toFixed(0)}% of your data cap. If your
from the API anymore, ads will be shown on the file viewer and data runs out people won't be able to download your files directly
transfer rates will be limited. from the API anymore, ads will be shown on the file viewer and
<br/> transfer rates will be limited.
<a class="button button_highlight" href="https://www.patreon.com/join/pixeldrain"> </p>
Upgrade options
{#if window.user.monthly_transfer_cap > 0}
<p>
You have a billshock limit configured. <a
href="/user/sharing/bandwidth">increase or disable the limit</a> to
continue sharing files.
</p>
{/if}
<a class="button button_highlight" href="/#pro">
<i class="icon">bolt</i> Upgrade options
</a> </a>
</div> </div>
{/if} {/if}

30
svelte/src/user_home/StorageProgressBar.svelte
View File

@@ -18,24 +18,24 @@ out of
<div class="highlight_red"> <div class="highlight_red">
<span class="warn_text">You are using more than 200% of your allowed storage space!</span> <span class="warn_text">You are using more than 200% of your allowed storage space!</span>
<p> <p>
We have started deleting your files to free up space. If you do We have started deleting your files to free up space. If you do not
not want to lose any more files please upgrade to a storage plan want to lose any more files please upgrade to a subscription which
which supports the volume of storage which you need: supports the volume of storage which you need.
<a class="button button_highlight" href="https://www.patreon.com/join/pixeldrain">
Upgrade options
</a>
</p> </p>
<a class="button button_highlight" href="/#pro">
<i class="icon">bolt</i> Upgrade options
</a>
</div> </div>
{:else if frac > 0.99} {:else if frac > 1.0}
<div class="highlight_red"> <div class="highlight_red">
<p> <p>
You have used all of your storage space. You won't be able to You have used all of your storage space. You won't be able to
upload new files anymore. Please upgrade to a higher support upload new files anymore. Please upgrade to a higher support
tier to continue uploading files: tier to continue uploading files.
<a class="button button_highlight" href="https://www.patreon.com/join/pixeldrain">
Upgrade options
</a>
</p> </p>
<a class="button button_highlight" href="/#pro">
<i class="icon">bolt</i> Upgrade options
</a>
<p> <p>
Your files will not be deleted any sooner than normal at this Your files will not be deleted any sooner than normal at this
moment. When your storage usage is over 200% we will start moment. When your storage usage is over 200% we will start
@@ -48,11 +48,11 @@ out of
You have used {(frac*100).toFixed(0)}% of your You have used {(frac*100).toFixed(0)}% of your
storage space. If your storage space runs out you won't be able storage space. If your storage space runs out you won't be able
to upload new files anymore. Please upgrade to a higher support to upload new files anymore. Please upgrade to a higher support
tier to continue uploading files: tier to continue uploading files.
<a class="button button_highlight" href="https://www.patreon.com/join/pixeldrain">
Upgrade options
</a>
</p> </p>
<a class="button button_highlight" href="/#pro">
<i class="icon">bolt</i> Upgrade options
</a>
</div> </div>
{/if} {/if}