diff --git a/res/include/style/layout.css b/res/include/style/layout.css
index 110b4c9..75384c7 100644
--- a/res/include/style/layout.css
+++ b/res/include/style/layout.css
@@ -61,24 +61,27 @@ body {
 }
 header, footer, .checkers {
 	background-image: url("{{.BackgroundPattern}}");
-	background-color: #111111; /* Fallback */
 	background-color: var(--layer_1_color);
 	background-repeat: repeat;
 	background-blend-mode: luminosity;
 }
 header, footer {
-	padding-top: 70px;
-	box-shadow: inset 1px 1px 10px 0 var(--shadow_color);
+	box-shadow: inset 1px 1px 8px 0 var(--shadow_color);
 	border-radius: 12px;
 	text-align: center;
 	overflow: hidden;
+	color: var(--layer_1_text_color);
 }
 header > h1 {
-	text-shadow: 1px 1px 10px var(--shadow_color);
-	margin-bottom: 50px;
+	text-shadow: 1px 1px 4px var(--shadow_color);
+	margin-top: 69px;
+	margin-bottom: 69px;
 }
-footer {
-	padding: 200px 8px 40px 8px;
+footer > .footer_content {
+	background-color: rgba(0, 0, 0, 0.5);
+	display: inline-block;
+	border-radius: 8px;
+	margin: 300px 0 69px 0;
 }
 
 /* Page layout elements */
diff --git a/res/static/ads.txt b/res/static/ads.txt
index 6a29e35..28361d4 100644
--- a/res/static/ads.txt
+++ b/res/static/ads.txt
@@ -1561,6 +1561,9 @@ loopme.com, 11013, DIRECT, 6c8d5f95897a5a3b
 connectad.io, 204, DIRECT, 85ac85a30c93b3e5
 appnexus.com, 2579, RESELLER, f5ab79cb980f11d1
 quantum-advertising.com, 6222, RESELLER
+ucfunnel.com, pub-34BAB998A98E4882C33BA88776232BA2, DIRECT
+aralego.com, pub-34BAB998A98E4882C33BA88776232BA2, DIRECT
+adiiix.com, pub-34BAB998A98E4882C33BA88776232BA2, DIRECT
 # End of Valueimpression
 
 # Pixfuture
diff --git a/res/static/img/horsehead.webp b/res/static/img/horsehead.webp
new file mode 100644
index 0000000..c30d5ba
Binary files /dev/null and b/res/static/img/horsehead.webp differ
diff --git a/res/template/fragments/page_wrap.html b/res/template/fragments/page_wrap.html
index 331227a..98db1c1 100644
--- a/res/template/fragments/page_wrap.html
+++ b/res/template/fragments/page_wrap.html
@@ -55,22 +55,24 @@ function resetMenu() {
 
 {{define "page_bottom"}}
 	<footer>
-		<div style="display: inline-block; margin: 0 8px 0 8px;">
-			Pixeldrain is a product by <a href="//fornaxian.tech" target="_blank">Fornaxian Technologies</a>
+		<div class="footer_content">
+			<div style="display: inline-block; margin: 0 8px 0 8px;">
+				Pixeldrain is a product by <a href="//fornaxian.tech" target="_blank">Fornaxian Technologies</a>
+			</div>
+			<div style="display: inline-block; margin: 0 8px 0 8px;">
+				(
+				<a href="https://www.patreon.com/pixeldrain" target="_blank">{{template `patreon.svg` .}} Patreon</a> |
+				<a href="https://twitter.com/Fornax96" target="_blank">{{template `twitter.svg` .}} Twitter</a> |
+				<a href="https://reddit.com/r/pixeldrain" target="_blank">{{template `reddit.svg` .}} Reddit</a> |
+				<a href="https://github.com/Fornaxian" target="_blank">{{template `github.svg` .}} GitHub</a> |
+				<a href="https://mastodon.social/web/@fornax" target="_blank">{{template `mastodon.svg` .}} Mastodon</a>
+				)
+			</div>
+			<br/>
+			<span class="small_footer_text" style="font-size: .75em; line-height: .75em;">
+				page rendered by {{.Hostname}}
+			</span>
 		</div>
-		<div style="display: inline-block; margin: 0 8px 0 8px;">
-			(
-			<a href="https://www.patreon.com/pixeldrain" target="_blank">{{template `patreon.svg` .}} Patreon</a> |
-			<a href="https://twitter.com/Fornax96" target="_blank">{{template `twitter.svg` .}} Twitter</a> |
-			<a href="https://reddit.com/r/pixeldrain" target="_blank">{{template `reddit.svg` .}} Reddit</a> |
-			<a href="https://github.com/Fornaxian" target="_blank">{{template `github.svg` .}} GitHub</a> |
-			<a href="https://mastodon.social/web/@fornax" target="_blank">{{template `mastodon.svg` .}} Mastodon</a>
-			)
-		</div>
-		<br/>
-		<span class="small_footer_text" style="font-size: .75em; line-height: .75em;">
-			page rendered by {{.Hostname}}
-		</span>
 	</footer>
 </div><!-- end page_body -->
 {{end}}
diff --git a/res/template/home.html b/res/template/home.html
index 843a679..5dac133 100644
--- a/res/template/home.html
+++ b/res/template/home.html
@@ -5,6 +5,16 @@
 		{{template "meta_tags" "Free file sharing service"}}
 		{{template "user_style" .}}
 		<style>
+		/* Override the default background with something spectacular */
+		header, footer, .checkers {
+			background-image: url("/res/img/horsehead.webp");
+			background-color: var(--layer_1_color);
+			background-repeat: no-repeat;
+			background-blend-mode: luminosity;
+			background-attachment: fixed;
+			background-position: center;
+			background-size: cover;
+		}
 		.header_image{
 			width: 100%;
 			max-width: 800px;
@@ -91,9 +101,9 @@
 	</head>
 	<body>
 		{{template "page_top" .}}
-		<header style="padding-bottom: 60px;">
+		<header style="padding-bottom: 80px; padding-top: 80px;">
 			<picture>
-				<source media="(max-width: 800px)" srcset="/res/img/header_orbitron.png">
+				<source media="(max-width: 700px)" srcset="/res/img/header_orbitron.png">
 				<img class="header_image" src="/res/img/header_orbitron_wide.png" alt="Header image">
 			</picture>
 		</header>
@@ -128,7 +138,11 @@
 				them.
 			</p>
 
-			<h2 id="pro">Getting more out of pixeldrain</h2>
+		</section>
+		<header>
+			<h1 id="pro">Getting more out of pixeldrain</h1>
+		</header>
+		<section>
 			<p>
 				By purchasing a subscription you support pixeldrain on its
 				mission to make content sharing easier, safer and faster for
diff --git a/res/template/user_logout.html b/res/template/user_logout.html
index d4ba665..45fa6c1 100644
--- a/res/template/user_logout.html
+++ b/res/template/user_logout.html
@@ -7,14 +7,14 @@
 	<body>
 		{{template "page_top" .}}
 		<header>
-			<h1>Please confirm that you want to log out of your pixeldrain account</h1>
+			<h1>Logging out of your pixeldrain account</h1>
 		</header>
 		<br/>
 		<form method="POST" action="/logout">
 			<input type="submit" value="I want to log out of pixeldrain on this computer" class="button_highlight"/>
 		</form>
+		<br/>
 		<section>
-			<br/>
 			<h2>Why do I need to confirm my logout?</h2>
 			<p>
 				We need you to confirm your action so we can be sure that you
@@ -29,7 +29,6 @@
 				logout button triggers a different request type than normal
 				page visit we can confirm that you really want to log out.
 			</p>
-			<br/>
 		</section>
 		{{template "page_bottom" .}}
 		{{template "analytics"}}
diff --git a/svelte/src/file_viewer/FilePicker.svelte b/svelte/src/file_viewer/FilePicker.svelte
index 2f2b2b8..6e7d590 100644
--- a/svelte/src/file_viewer/FilePicker.svelte
+++ b/svelte/src/file_viewer/FilePicker.svelte
@@ -6,6 +6,7 @@ import Modal from "../util/Modal.svelte";
 let dispatch = createEventDispatcher()
 
 export let multi_select = true
+export let title = ""
 let modal;
 let directory_element;
 let input_search;
@@ -86,7 +87,9 @@ const keydown = (e) => {
 		<button class="button round" on:click={modal.hide}>
 			<i class="icon">close</i> Cancel
 		</button>
-		<div class="title">Select files to add to album</div>
+		<div class="title">
+			{title}
+		</div>
 		<input bind:this={input_search} on:keyup={search} class="search" type="text" placeholder="press / to search"/>
 		<button class="button button_highlight round" on:click={done}>
 			<i class="icon">done</i> Add
@@ -121,6 +124,7 @@ const keydown = (e) => {
 .title {
 	flex-grow: 1;
 	flex-shrink: 1;
+	text-align: center;
 }
 .search {
 	min-width: 100px;
diff --git a/svelte/src/file_viewer/GalleryView.svelte b/svelte/src/file_viewer/GalleryView.svelte
index 058c340..d5f7eac 100644
--- a/svelte/src/file_viewer/GalleryView.svelte
+++ b/svelte/src/file_viewer/GalleryView.svelte
@@ -156,7 +156,7 @@ const drop = (e, index) => {
 	{/if}
 </div>
 
-<FilePicker bind:this={file_picker} on:files={e => {add_files(e.detail)}} multi_select={true}></FilePicker>
+<FilePicker bind:this={file_picker} on:files={e => {add_files(e.detail)}} multi_select={true} title="Select files to add to album"></FilePicker>
 
 <style>
 .gallery{
diff --git a/svelte/src/file_viewer/viewers/TextBlock.svelte b/svelte/src/file_viewer/viewers/TextBlock.svelte
index 4e35977..c9e98a2 100644
--- a/svelte/src/file_viewer/viewers/TextBlock.svelte
+++ b/svelte/src/file_viewer/viewers/TextBlock.svelte
@@ -14,6 +14,7 @@ export let center = false
 	padding-left: 8px;
 	vertical-align: middle;
 
+	color: var(--layer_1_text_color);
 	background-color: rgba(0, 0, 0, 0.5);
 	border-radius: 8px;
 	padding: 8px;
diff --git a/svelte/src/home_page/HomePage.svelte b/svelte/src/home_page/HomePage.svelte
index 80278c7..2b3e4ff 100644
--- a/svelte/src/home_page/HomePage.svelte
+++ b/svelte/src/home_page/HomePage.svelte
@@ -552,6 +552,8 @@ const keydown = (e) => {
 			</div>
 		</section>
 	{/if}
+
+	<br/>
 </div>
 
 <style>
diff --git a/svelte/src/user_home/AccountSettings.svelte b/svelte/src/user_home/AccountSettings.svelte
index 4de1dc8..8f3acef 100644
--- a/svelte/src/user_home/AccountSettings.svelte
+++ b/svelte/src/user_home/AccountSettings.svelte
@@ -322,7 +322,7 @@ onMount(() => {
 	<br/>
 </section>
 
-<FilePicker bind:this={file_picker} on:files={e => {add_file(e.detail)}} multi_select={false}></FilePicker>
+<FilePicker bind:this={file_picker} on:files={e => {add_file(e.detail)}} multi_select={false} title="Select image file"></FilePicker>
 
 <style>
 .banner_preview {
diff --git a/webcontroller/user_style.go b/webcontroller/user_style.go
index 8c353ac..ec28d34 100644
--- a/webcontroller/user_style.go
+++ b/webcontroller/user_style.go
@@ -468,6 +468,6 @@ var snowstormPixeldrainStyle = pixeldrainStyleSheet{
 	Layer3:     hsl{218, .27, .92}, // hsl(218, 27%, 92%)
 	Layer4:     hsl{218, .27, .94}, // hsl(218, 27%, 94%)
 
-	Shadow: hsl{0, .0, .70},
+	Shadow: hsl{0, .0, .60},
 	Light:  true,
 }