From b343a6e547427c87469a24c8c022746e88544fbe Mon Sep 17 00:00:00 2001
From: Mehliug <78538454+Mehliug-git@users.noreply.github.com>
Date: Tue, 17 Sep 2024 11:43:50 +0200
Subject: [PATCH] Update test.html

---
 test.html | 92 +++++++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 69 insertions(+), 23 deletions(-)
diff --git a/test.html b/test.html
index 5a7d2e3..f2af26b 100644
--- a/test.html
+++ b/test.html
@@ -1,32 +1,78 @@
 <html>
 <head>
-<link rel="stylesheet" href="styles.css">
-</head>
+<p>:)</p>
 
 
-<body>
-<div class="container">
-  <div class="countdown countdown--wide" id="countdown">
-  
- <script> 
-  
-alert("Attention : Ce site va tester la sécurité de votre navigateur, si vous ne voulez pas que votre navigateur plante veuillez quitter la page.\n\nWarning: This website will test the security of your browser, if you do not want your browser to crash please leave the website.")
-</script>
 
-  	<div class="countdown__fill" id="ticker">
-</div>
-	
+<style>
+html {
+	background: black;
+	padding: 2rem;
+}
 
-	
-	
-    <div class="countdown__digit" id="seconds">00</div>
-    <!--.countdown__buttons-->
-    <!--	.countdown__button +-->
-    <!--	.countdown__button --->
-  </div>
+a {
+	display: block;
+	padding-top: 2rem;
+	color: #2d2d2d;
+}
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>
+p {
+	font-family: sans-serif;
+	font-weight: bold;
+	color: white;
+	font-size: 5rem;
+	animation: glitch 1s steps(100) infinite;
+}
 
-<script src="js.js"></script>
+/* GLITCH EFFECT */
+@keyframes glitch {
+  0% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
+  4% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
+  5% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
+  10% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
+  11% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
+  15% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
+  16% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
+  20% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
+  21% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
+  30% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
+  31% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
+  40% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
+  41% {text-shadow: 50px 0 0 blue, -50px 0 0 lime;}
+  42% {text-shadow: 0 0 0 blue, 0 0 0 lime;}
+  43% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
+  46% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
+  47% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
+  50% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
+  51% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
+  55% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
+  56% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
+  60% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
+  61% {text-shadow: 30px 0 0 red, -30px 0 0 lime;}
+  62% {text-shadow: 0 0 0 red, 0 0 0 lime;}
+  63% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;}
+  66% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;}
+  67% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
+  70% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
+  71% {text-shadow: 70px 0 0 red, -70px 0 0 blue;}
+  72% {text-shadow: 0 0 0 red, 0 0 0 blue;}
+  73% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
+  76% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
+  77% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
+  80% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
+  81% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
+  85% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
+  86% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
+  90% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
+  91% {text-shadow: 60px 0 0 lime, -60px 0 0 blue;}
+  92% {text-shadow: 0 0 0 lime, 0 0 0 blue;}
+  92% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
+  95% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
+  96% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
+  99% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
+  100% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
+}
+</style>
+	<script src="js.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>
