Update shaded background color

svelte/src/file_viewer/AdSkyscraper.svelte

@@ -15,7 +15,7 @@ onMount(() => {
 		return
 	}
 
-	if (document.body.clientWidth < 700) {
+	if (document.body.clientWidth < 700 || document.body.clientHeight < 700) {
 		visible = false
 		dispatch("visibility", false)
 		return

svelte/src/file_viewer/FileViewer.svelte

@@ -644,7 +644,6 @@ const keyboard_event = evt => {
 	display: flex;
 	flex-direction: row;
 	text-align: left;
-	box-shadow: none;
 	padding: 4px;
 }
 .headerbar.embedded {

svelte/src/file_viewer/viewers/Audio.svelte

@@ -9,6 +9,7 @@ export let file = {
 	mime_type: "",
 	get_href: "",
 	show_ads: false,
+	download_speed_limit: 0,
 }
 
 $: loop = file.name.includes(".loop.")
@@ -90,7 +91,7 @@ const toggle_play = () => playing ? player.pause() : player.play()
 
 	<br/><br/>
 	{#if file.show_ads}
-		<BandwidthUsage/>
+		<BandwidthUsage file={file}/>
 	{/if}
 </div>
 

svelte/src/file_viewer/viewers/BandwidthUsage.svelte

@@ -4,6 +4,9 @@ import { formatDataVolume } from "../../util/Formatting.svelte";
 import TextBlock from "./TextBlock.svelte";
 import ProgressBar from "../../util/ProgressBar.svelte";
 
+export let file = {
+	download_speed_limit: 0,
+}
 let limits = {
 	download_limit: 0,
 	download_limit_used: 0,
@@ -30,18 +33,19 @@ onMount(async () => {
 </script>
 
 {#if limits.transfer_limit_used > 0}
-	<TextBlock width="700px" center={true}>
+	<TextBlock width="800px" center={true}>
 		<p>
 			You have used {formatDataVolume(limits.transfer_limit_used, 3)} of
-			your daily {formatDataVolume(limits.transfer_limit, 3)} download
-			limit. When the limit is exceeded your download speed will be
-			reduced.
+			your daily {formatDataVolume(limits.transfer_limit, 3)} transfer
+			limit. Your download speed is currently limited to
+			{file.download_speed_limit/(1<<20)} MiB/s. When the transfer limit
+			is exceeded your download speed will be reduced.
 		</p>
 		<p>
 			<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427&cadence=12">
 				Support Pixeldrain on Patreon
 			</a>
-			to disable the download limit.
+			to disable the transfer and speed limits
 		</p>
 
 		<ProgressBar total={limits.transfer_limit} used={limits.transfer_limit_used}></ProgressBar>

svelte/src/file_viewer/viewers/File.svelte

@@ -12,6 +12,7 @@ let file = {
 	mime_type: "",
 	icon_href: "",
 	show_ads: false,
+	download_speed_limit: 0,
 }
 </script>
 
@@ -29,7 +30,7 @@ let file = {
 
 <br/><br/>
 {#if file.show_ads}
-	<BandwidthUsage/>
+	<BandwidthUsage file={file}/>
 {/if}
 
 <style>

svelte/src/file_viewer/viewers/Video.svelte

@@ -13,6 +13,7 @@ let file = {
 	icon_href: "",
 	allow_video_player: true,
 	show_ads: false,
+	download_speed_limit: 0,
 }
 
 $: loop = file.name.includes(".loop.")
@@ -151,23 +152,26 @@ const fullscreen = () => {
 {:else}
 	<h1>{file.name}</h1>
 	<img src={file.icon_href} class="video_icon" alt="Video icon">
-	<TextBlock width="600px">
-		The online video player on pixeldrain is only available when the
-		uploader of the file is a Patreon supporter, or if you are a Patreon
-		supporter. You can still download the video and watch it locally on your
-		computer.
+	<TextBlock width="650px">
+		The online video player on pixeldrain is only available for registered
+		users, or when the uploader of the video has a Pro account. You can
+		still download the video and watch it locally on your computer without
+		an account.
 		<br/>
+		<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427&cadence=12" target="_blank" class="button button_highlight">
+			<i class="icon">bolt</i> Get Pixeldrain Pro
+		</a>
 		<button on:click={download}>
 			<i class="icon">download</i> Download
 		</button>
-		<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427&cadence=12" class="button button_highlight">
-			<i class="icon">bolt</i> Support Pixeldrain on Patreon
+		<a href="/register" class="button">
+			<i class="icon">how_to_reg</i> Sign up
 		</a>
 	</TextBlock>
 
 	<br/><br/>
 	{#if file.show_ads}
-		<BandwidthUsage/>
+		<BandwidthUsage file={file}/>
 	{/if}
 {/if}