purplebored/purplebored.pl
1
0
Fork 1
Code Issues Pull Requests Actions Activity

Initial Commit

Browse Source
This commit is contained in:
Purplebored
2023-09-14 23:51:57 +02:00
commit 715fa3528d
21 changed files with 593 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
easteregg/1.css Normal file
View File

@@ -0,0 +1,32 @@
html, body {
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.container {
position: relative;
z-index: 1;
text-align: center;
padding-top: 50px;
}
#instruction {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
font-family: 'Noto Sans', sans-serif;
font-size: 24px;
color: white;
}

20
easteregg/1.html Normal file
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="1.css">
<link rel="icon" type="image/x-icon" href="1.png">
<meta charset="UTF-8">
<title>You found it #1</title>
</head>
<body>
<video autoplay muted loop>
<source src="1.mp4" type="video/mp4">
</video>
<div class="container">
<h2 id="instruction">Click anywhere to unmute</h2>
</div>
<script src="1.js"></script>
</body>
</html>

10
easteregg/1.js Normal file
View File

@@ -0,0 +1,10 @@
document.addEventListener("DOMContentLoaded", function() {
var video = document.querySelector("video");
var instruction = document.getElementById("instruction");
document.addEventListener("click", function() {
video.play();
video.muted = false;
instruction.style.display = "none";
});
});

BIN
easteregg/1.mp4 Normal file
View File

Binary file not shown.

BIN
easteregg/1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB