Only my *best* memes

bdidk235 · Nov 28, 2023 · bd35652 · bd35652
1 parent 067d9a5
commit bd35652
Show file tree

Hide file tree

Showing 9 changed files with 41 additions and 21 deletions.
diff --git a/assets/archive-reference.mp4 → assets/memes/archive-reference.mp4 b/assets/archive-reference.mp4 → assets/memes/archive-reference.mp4
diff --git a/assets/bob-sisyphus.png → assets/memes/bob-sisyphus.png b/assets/bob-sisyphus.png → assets/memes/bob-sisyphus.png
diff --git a/assets/number-9.mp4 → assets/memes/number-9.mp4 b/assets/number-9.mp4 → assets/memes/number-9.mp4
diff --git a/assets/roblox-moment.mp4 → assets/memes/roblox-moment.mp4 b/assets/roblox-moment.mp4 → assets/memes/roblox-moment.mp4
diff --git a/assets/u-think-u-cool.mp4 → assets/memes/u-think-u-cool.mp4 b/assets/u-think-u-cool.mp4 → assets/memes/u-think-u-cool.mp4
diff --git a/index.css b/index.css
@@ -83,3 +83,17 @@ a:visited {
 .twitter-text:hover::before {
 	content: "my twitter";
 }
+
+@keyframes spin {
+	0% { transform: rotateX(0deg) rotateY(0deg); }
+	25% { transform: rotateX(15deg) rotateY(-90deg); }
+	50% { transform: rotateX(0deg) rotateY(-180deg); }
+	75% { transform: rotateX(-15deg) rotateY(-270deg); }
+	100% { transform: rotateX(0deg) rotateY(-360deg); }
+}
+
+.y-spin {
+	display: inline-block;
+	animation: spin 2s linear infinite;
+	transform-style: preserve-3d;
+}
diff --git a/index.html b/index.html
@@ -1,7 +1,10 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<link rel="stylesheet" href="index.css" type="text/css">
+		<title>My Webpage!</title>
+		<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
+		<meta content="utf-8" http-equiv="encoding">
+		<link rel="stylesheet" href="/index.css" type="text/css">
 	</head>
 	<body>
 		<a class="header unlink index-header" href="memes"></a>

diff --git a/memes.html b/memes.html
diff --git a/memes/index.html b/memes/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>My Meme Page!</title>
+		<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
+		<meta content="utf-8" http-equiv="encoding">
+		<link rel="stylesheet" href="/index.css" type="text/css">
+	</head>
+	<body>
+		<a href="/">← go back</a>
+		<h1 style="margin-top: 0.1em;">only my <span class="y-spin">best</span> memes</h1>
+		<h3 class="header3">one must imagine bob happy</h3>
+		<img src="/assets/memes/bob-sisyphus.png">
+		<a class="header3 unlink-color" href="https://archive.org">archive.org reference</a>
+		<video src="/assets/memes/archive-reference.mp4" controls=""></video>
+		<a class="header3 unlink-color" href="https://www.youtube.com/watch?v=CMtv343LhSA">u think u cool?</a>
+		<video src="/assets/memes/u-think-u-cool.mp4" controls=""></video>
+		<a class="header3 unlink-color" href="https://www.youtube.com/watch?v=c8ZBdCyGIS4">roblox...</a>
+		<video src="/assets/memes/roblox-moment.mp4" controls=""></video>
+		<a class="header3 unlink-color" href="https://www.youtube.com/watch?v=QuDq1W3Rz0M">number 9</a>
+		<video src="/assets/memes/number-9.mp4" controls=""></video>
+	</body>
+</html>