Update banscreen.html

Fluffy728 · web-flow · commit 0290f047e8c6 · 2025-04-12T13:37:48.000+10:00
diff --git a/src/banscreen.html b/src/banscreen.html
@@ -1,11 +1,25 @@
 <html>
 <head>
 <title>Banned | Coding Hut</title>
+
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
+<script src="https://cdn.tailwindcss.com"></script>
+<style>
+body
+{
+ font-family: 'Inter', sans-serif;
+}
+    </style>
 </head>
 <body>	
-<h1>Banned From Coding Hut</h1>
 
-<!-- Default Dynamic Section -->
+<body class="bg-gradient-to-br from-red-500 to-red-700 text-white flex items-center justify-center min-h-screen">
+    <div class="bg-white/10 backdrop-blur-md rounded-xl shadow-lg p-8 max-w-2xl w-full text-center border border-white/20">
+        <h1 class="text-4xl font-bold mb-4 text-red-300">Banned From Coding Hut</h1>
+        <p class="text-lg mb-6 text-white/90">You have been banned from the Coding Hut Website, Forums and Scratch Forum Thread.</p>
+        <p class="text-md mb-8 text-white/80">Reason: <span class="font-semibold text-red-200"><!-- Default Dynamic Section -->
 <div id="default-content" class="dynamic-content">
   You have been banned from Coding Hut for breaking the Rules, but for an unknown reason.
 </div>
@@ -20,10 +34,10 @@ <h1>Banned From Coding Hut</h1>
 <!-- Dynamic Section 3 -->
 <div id="nosnip" class="dynamic-content">
   You have been banned from Coding Hut for not snipping your posts too much.
-</div>
-
-If you want to appeal please use the appeal form or contact MyScratchedAccount on Scratch.
-	
+</div></span></p>
+        <p class="text-sm text-white/70 mb-4">If you want to appeal please use the appeal form or contact MyScratchedAccount on Scratch.</p>
+        <a href="https://scratch.mit.edu/users/MyScratchedAccount#comments class="inline-block bg-white/20 hover:bg-white/30 text-white px-6 py-3 rounded-full transition-colors duration-300 border border-white/20">Appeal Ban</a>
+    </div>
 </body>
 </html>
 
