init
This commit is contained in:
commit
bd140377df
3 changed files with 74 additions and 0 deletions
5
Dockerfile
Normal file
5
Dockerfile
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
FROM nginx:alpine
|
||||
|
||||
COPY public/ /usr/share/nginx/html/
|
||||
|
||||
EXPOSE 80
|
||||
69
public/index.html
Normal file
69
public/index.html
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main>
|
||||
<section>
|
||||
<h1>Permission to access <span id="website" style="color: #777;">website</span> was <b
|
||||
style="color: red;">denied</b>.</h1>
|
||||
<video id="video" src="/media/video.mp4" autoplay loop></video>
|
||||
<p>
|
||||
You didn't say the magic word!
|
||||
</p>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<tt>s41uc0 / tcp-block</tt>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
<script>
|
||||
let w = document.querySelector("#website");
|
||||
w.innerHTML = window.location.hostname
|
||||
|
||||
let v = document.querySelector("#video");
|
||||
v.addEventListener("loadedmetadata", () => v.currentTime = 17);
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
html {
|
||||
color-scheme: light dark;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main {
|
||||
font-family: Helvetica;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
section {
|
||||
width: 60vw;
|
||||
}
|
||||
|
||||
video {
|
||||
height: 40vh;
|
||||
}
|
||||
|
||||
footer {
|
||||
width: 100%;
|
||||
height: 3vh;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
</html>
|
||||
BIN
public/media/video.mp4
Normal file
BIN
public/media/video.mp4
Normal file
Binary file not shown.
Loading…
Add table
Add a link
Reference in a new issue