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

Add more social links

Browse Source
This commit is contained in:
Fornax
2023-01-11 19:46:34 +01:00
parent 8dfadf1167
commit 31c170872f
1 changed files with 36 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,8 @@
<script>
import { onMount } from "svelte"
import Mastodon from "../icons/Mastodon.svelte";
import Reddit from "../icons/Reddit.svelte";
import Twitter from "../icons/Twitter.svelte";
import { color_by_name_no_prefix } from "../util/Util.svelte";
import * as head from "./AdHead.svelte"
@@ -19,9 +22,13 @@ onMount(() => {
let rand = Math.random()
if (rand < 0.1) {
set_ad_type("pixeldrain_social")
set_ad_type("twitter")
} else if (rand < 0.2) {
set_ad_type("mastodon")
} else if (rand < 0.3) {
set_ad_type("reddit")
} else {
set_ad_type("pixeldrain_patreon")
set_ad_type("patreon_support")
}
})
@@ -141,7 +148,7 @@ head.valueimpression_loaded.subscribe(v => {
</map>
<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 === "pixeldrain_patreon"}
{:else if ad_type === "patreon_support"}
<div class="banner highlight_green" style="font-size: 1.1em; border-radius: 0;">
<span style="display: block; margin-bottom: 2px;">
No ads today. Pixeldrain is currently funded by our subscribers!
@@ -151,6 +158,32 @@ head.valueimpression_loaded.subscribe(v => {
Support Pixeldrain to help keep the project going
</a>
</div>
{:else if ad_type === "twitter"}
<div class="banner" style="font-size: 1.4em; text-align: center; padding: 4px;">
<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" style="font-size: 1.4em; text-align: center; padding: 4px;">
<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" style="font-size: 1.4em; text-align: center; padding: 4px;">
<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>
{/if}
</div>