From 5c4d3100719fc024580d85e68421ca52c7c9b4b0 Mon Sep 17 00:00:00 2001
From: Aevann1 <randomname42029@gmail.com>
Date: Sat, 22 Jan 2022 17:55:34 +0200
Subject: [PATCH] vcxxvc

---
 files/__main__.py               |   8 +-
 files/templates/submission.html | 163 ++++++++++++++++++++++++--------
 2 files changed, 128 insertions(+), 43 deletions(-)

diff --git a/files/__main__.py b/files/__main__.py
index 93ea7aca98..dae947edf1 100644
--- a/files/__main__.py
+++ b/files/__main__.py
@@ -94,9 +94,15 @@ def before_request():
 
 	g.timestamp = int(time.time())
 
-	if '; wv) ' in request.headers.get("User-Agent",""): g.webview = True
+	ua = request.headers.get("User-Agent","").lower()
+
+	if '; wv) ' in ua: g.webview = True
 	else: g.webview = False
 
+	if 'iphone' in ua or 'ipad' in ua or 'ipod' in ua or 'mac os' in ua or ' firefox/': g.seal = True
+	else: g.seal = False
+	 
+
 @app.teardown_appcontext
 def teardown_request(error):
 	if hasattr(g, 'db') and g.db:
diff --git a/files/templates/submission.html b/files/templates/submission.html
index aa6ccb7209..ab3b0ba10f 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -21,57 +21,136 @@
 	</script>
 {% endif %}
 
-{% if p.award_count("wholesome") %}
-	<style>
-		.seal {
-			position:fixed;
-			z-index:9999;
-			pointer-events: none;
-			width: 100% !important;
-			height: 100% !important;
-		}
-		.sealimg {
-			width: 100px;
-			height: 89.5px;
-		}
-		@media (max-width: 992px) {
+
+
+{% if g.seal %}
+	{% if p.award_count("wholesome") %}
+		<style>
 			.sealimg {
-				width: 30px;
-				height: 27px;
+				width: 100px;
+				height: 89.5px;
 			}
-		}
-	</style>
-	<div class="seal" height="100%" width="100%">
-		<marquee class="seal" scrollamount=10 behavior="alternate" direction="up" height="100%" width="100%">
-			<marquee direction="right" scrollamount=10 behavior="alternate" height="100%" width="100%">
+			@media (max-width: 992px) {
+				.sealimg {
+					width: 30px;
+					height: 27px;
+				}
+			}
+			
+			.seal {
+				position:fixed;
+				z-index:9999;
+				pointer-events: none;
+				width: 100% !important;
+				height: 100% !important;
+			}
+			
+			@keyframes moveX {
+				from { left: 0; } to { left: 98%; }
+			}
+
+			@keyframes moveY {
+				from { top: 0; } to { top: 98%; }    
+			}
+
+			.seal1 {
+				animation: moveX 4s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
+				animation-delay:0s;
+			}
+		</style>
+		<div class="seal seal1" height="100%" width="100%">
+			<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
+		</div>
+	{% endif %}
+
+	{% if p.award_count("wholesome") > 1 %}
+		<style>
+			.seal2 {
+				animation: moveX 5s linear 0s infinite alternate, moveY 8s linear 0s infinite alternate !important;
+				animation-delay:1s;
+			}
+		</style>
+		<div class="seal seal2" height="100%" width="100%">
+			<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
+		</div>
+	{% endif %}
+
+	{% if p.award_count("wholesome") > 2 %}
+		<style>
+			.seal3 {
+				animation: moveX 4s linear 0s infinite alternate, moveY 5s linear 0s infinite alternate !important;
+				animation-delay:2s;
+			}
+		</style>
+		<div class="seal seal3" height="100%" width="100%">
+			<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
+		</div>
+	{% endif %}
+
+	{% if p.award_count("wholesome") > 3 %}
+		<style>
+			.seal4 {
+				animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
+				animation-delay:3s;
+			}
+		</style>
+		<div class="seal seal4" height="100%" width="100%">
+			<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
+		</div>
+	{% endif %}
+{% else %}
+	{% if p.award_count("wholesome") %}
+		<style>
+			.seal {
+				position:fixed;
+				z-index:9999;
+				pointer-events: none;
+				width: 100% !important;
+				height: 100% !important;
+			}
+			.sealimg {
+				width: 100px;
+				height: 89.5px;
+			}
+			@media (max-width: 992px) {
+				.sealimg {
+					width: 30px;
+					height: 27px;
+				}
+			}
+		</style>
+		<div class="seal" height="100%" width="100%">
+			<marquee class="seal" scrollamount=10 behavior="alternate" direction="up" height="100%" width="100%">
+				<marquee direction="right" scrollamount=10 behavior="alternate" height="100%" width="100%">
+					<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
+				</marquee>
+			</marquee>
+		</div>
+	{% endif %}
+
+	{% if p.award_count("wholesome") > 1 %}
+		<marquee class="seal" scrollamount=10 behavior="alternate" direction="down" height="100%">
+			<marquee direction="right" scrollamount=10 behavior="alternate" width="100%">
 				<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
 			</marquee>
 		</marquee>
-	</div>
-{% endif %}
+	{% endif %}
 
-{% if p.award_count("wholesome") > 1 %}
-	<marquee class="seal" scrollamount=10 behavior="alternate" direction="down" height="100%">
-		<marquee direction="right" scrollamount=10 behavior="alternate" width="100%">
-			<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
+	{% if p.award_count("wholesome") > 2 %}
+		<marquee class="seal" scrollamount=10 behavior="alternate" direction="up" height="100%">
+			<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
+				<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
+			</marquee>
 		</marquee>
-	</marquee>
-{% endif %}
+	{% endif %}
 
-{% if p.award_count("wholesome") > 2 %}
-	<marquee class="seal" scrollamount=10 behavior="alternate" direction="up" height="100%">
-		<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
-			<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
+	{% if p.award_count("wholesome") > 3 %}
+		<marquee class="seal" scrollamount=10 behavior="alternate" direction="down" height="100%">
+			<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
+				<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
+			</marquee>
 		</marquee>
-	</marquee>
-{% endif %}
-
-{% if p.award_count("wholesome") > 3 %}
-	<marquee class="seal" scrollamount=10 behavior="alternate" direction="down" height="100%">
-		<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
-			<img alt=":#marseywholesome:" class="sealimg" src="/static/assets/images/emojis/marseywholesome.webp?a=3">
-		</marquee>
-	</marquee>
+	{% endif %}
 {% endif %}
 
 {% if p.award_count("train") %}