Updates lul

2019-07-28 15:37:16 +02:00
parent 8fbaed01a3
commit 3a8ae47c7f
1 changed files with 31 additions and 4 deletions
--- a/cgi-bin/vorbereitung/waltermode.html
+++ b/cgi-bin/vorbereitung/waltermode.html
@@ -20,12 +20,12 @@

@keyframes stretchyWalter {
 			0% {
-				width: 30%;
-				height: 100%;
+				width: 10%;
+				height: 90%;
 			}
 			100% {
-				width: 100%;
-				height: 30%;
+				width: 90%;
+				height: 10%;
 			}
 }

@@ -73,6 +73,31 @@ h1 {
                background-color: blue;
        }
 }
+
+.howard {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	height: 30%;
+	width: 30%;
+	z-index: 3;
+
+        animation-name: howardspin;
+        animation-duration: 2.4s;
+        animation-timing-function: linear;
+        animation-iteration-count: infinite;
+
+}
+
+@keyframes howardspin {
+        0% {
+                transform: rotate(0deg);
+        }
+        100% {
+                transform: rotate(360deg);
+        }
+}
+
 </style>
 </head>
 <body>
@@ -83,6 +108,8 @@ h1 {
 <img id="walter" src="./Hhh.jpg">
 <h1><marquee direction="right" behaviour="slide" scrollamount="20">Keeping it final abstract!</marquee></h1>
 <h1><marquee direction="left" behaviour="slide" scrollamount="60">Keeping it final abstract!</marquee></h1>
+<img class="howard" src="https://media.giphy.com/media/1oE3Ee4299mmXN8OYb/giphy.gif">
+
 </body>

 </html>