Increased video quality, fixed backgrounds, segregated styles
This commit is contained in:
parent
aa6fa84d2d
commit
3cf0d5f5b3
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
|
|
@ -28,10 +28,12 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
<div class="content">
|
||||
<video class="fullscreen" id="player" disablePictureInPicture>
|
||||
<source src="/media/download.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<script src="/scripts/index.js" type="application/javascript"></script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
|
@ -19,29 +19,19 @@
|
|||
<meta property="og:image:height" content="256">
|
||||
<meta property="og:image:alt" content="NoEscape">
|
||||
|
||||
<title>NoEscape.exe Source Code / Free & Fast Downloads / fast-dl.cc</title>
|
||||
<title>NoEscape.exe Source Code :: FAST-DL.CC</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
background-image: url("/images/background.png");
|
||||
}
|
||||
<link rel="shortcut icon" type="image/png" href="/images/noescape.png" />
|
||||
<link rel="icon" type="image/png" href="/images/noescape.png" />
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.link {
|
||||
font-size: 20px;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/styles/noescape.css" type="text/css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="center">
|
||||
<h1>Fast & Free Downloads</h1>
|
||||
<div class="content">
|
||||
<h1 class="header no-margin text-center"><span class="rainbow">FAST-DL.CC</span> :: Fast & Free Downloads</h1>
|
||||
|
||||
<h2 class="no-margin">NoEscape.exe :: LATEST RELEASE :: UPD 2023-09</h2>
|
||||
<p>
|
||||
NoEscape is a trojan creepypasta made by Enderman in 2020.
|
||||
Many people would love to download its source code, but unfortunately it's closed-source...<br />
|
||||
|
|
@ -49,10 +39,12 @@
|
|||
Download <strong>NOESCAPE</strong> free source code RIGHT NOW (click the link below)
|
||||
</p>
|
||||
|
||||
<a class="link" href="code.zip" download>DOWNLOAD NOW</a>
|
||||
<div>
|
||||
<a class="link" href="src.zip" download>DOWNLOAD NOW</a>
|
||||
</div>
|
||||
|
||||
<h2>Video tutorial (how to download):</h2>
|
||||
<video controls disablePictureInPicture>
|
||||
<video controls disablePictureInPicture width="629" height="276">
|
||||
<source src="/media/how-to-download.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ async function sleep(ms) {
|
|||
await new Promise(resolve => setTimeout(resolve, ms));
|
||||
}
|
||||
|
||||
document.querySelector('.fullscreen').onclick = () => {
|
||||
document.querySelector('.content').onclick = () => {
|
||||
document.title = 'Downloading...';
|
||||
|
||||
video.style.cursor = 'default';
|
||||
|
|
@ -15,6 +15,6 @@ document.querySelector('.fullscreen').onclick = () => {
|
|||
video.addEventListener('ended', async () => {
|
||||
document.title = 'Download complete!';
|
||||
|
||||
await sleep(3000);
|
||||
await sleep(1500);
|
||||
window.location.replace(redirect);
|
||||
});
|
||||
|
|
@ -0,0 +1,89 @@
|
|||
body {
|
||||
margin: 0;
|
||||
background-image: url("/images/bg-light.jpg");
|
||||
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-attachment: fixed;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
background-color: black;
|
||||
background-image: url("/images/bg-dark.jpg")
|
||||
}
|
||||
|
||||
.content {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.link {
|
||||
color: cornflowerblue;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
justify-content: center;
|
||||
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
.header {
|
||||
/* text-decoration: underline; */
|
||||
}
|
||||
|
||||
.link {
|
||||
font-size: 24px;
|
||||
transition: 0.3s ease;
|
||||
}
|
||||
|
||||
.link:hover {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.no-margin {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@keyframes anim-rainbow {
|
||||
0% {
|
||||
color: hsla(0deg 100% 50%);
|
||||
filter: drop-shadow(0 0 5px hsla(0deg 100% 50%));
|
||||
}
|
||||
16.67% {
|
||||
color: hsla(60deg 100% 50%);
|
||||
filter: drop-shadow(0 0 5px hsla(60deg 100% 50%));
|
||||
}
|
||||
33.33% {
|
||||
color: hsla(120deg 100% 50%);
|
||||
filter: drop-shadow(0 0 5px hsla(120deg 100% 50%));
|
||||
}
|
||||
50% {
|
||||
color: hsla(180deg 100% 50%);
|
||||
filter: drop-shadow(0 0 5px hsla(180deg 100% 50%));
|
||||
}
|
||||
66.67% {
|
||||
color: hsla(240deg 100% 50%);
|
||||
filter: drop-shadow(0 0 5px hsla(240deg 100% 50%));
|
||||
}
|
||||
83.33% {
|
||||
color: hsla(300deg 100% 50%);
|
||||
filter: drop-shadow(0 0 5px hsla(300deg 100% 50%));
|
||||
}
|
||||
100% {
|
||||
color: hsla(360deg 100% 50%);
|
||||
filter: drop-shadow(0 0 5px hsla(360deg 100% 50%));
|
||||
}
|
||||
}
|
||||
|
||||
.rainbow {
|
||||
animation: 2s anim-rainbow infinite;
|
||||
}
|
||||
|
|
@ -3,16 +3,39 @@ body {
|
|||
background-color: white;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: absolute;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
z-index: -69;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
margin: 0;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.content {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.fullscreen {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
Loading…
Reference in New Issue