Slight rewrite of index.html / stylesheet improvements

This commit is contained in:
Andrew Illarionov 2023-09-27 22:05:07 +03:00
parent 083d862ea5
commit dbf42741f3
3 changed files with 44 additions and 20 deletions

View File

@ -24,7 +24,7 @@
</head> </head>
<body> <body>
<div class="warning-modal"> <div class="modal">
<h1 class="shadow"> <h1 class="shadow">
<img src="/images/warning.png" class="inline" alt="Warning!"> <img src="/images/warning.png" class="inline" alt="Warning!">
<span>THIS SITE CONTAINS LIVE MALWARE</span> <span>THIS SITE CONTAINS LIVE MALWARE</span>
@ -40,10 +40,12 @@
<a class="blue" href="/malware.html">I understand, redirect now</a> <a class="blue" href="/malware.html">I understand, redirect now</a>
</div> </div>
<video class="modal-background" autoplay muted loop> <div class="modal-background">
<video autoplay muted loop>
<source src="/media/malware.mp4" type="video/mp4"> <source src="/media/malware.mp4" type="video/mp4">
</video> </video>
</div>
<script src="/scripts/redirect.js" type="application/javascript"></script> <!-- <script src="/scripts/redirect.js" type="application/javascript"></script>-->
</body> </body>
</html> </html>

View File

@ -94,7 +94,7 @@
</div> </div>
<div class="description"> <div class="description">
<p class="thanks"> <p class="red">
Now reloaded! Thanks for taking the malware generator that is created with sole intent of education and analysis down and keeping every malicious link on it in place! Now reloaded! Thanks for taking the malware generator that is created with sole intent of education and analysis down and keeping every malicious link on it in place!
</p> </p>
<p> <p>

View File

@ -28,12 +28,31 @@ body {
} }
.modal-background { .modal-background {
position: absolute;
z-index: -69;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.modal-background > video {
position: fixed; position: fixed;
top: 50%;
left: 50%;
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; -webkit-user-select: none;
user-select: none;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} }
div.warning { div.warning {
@ -42,7 +61,6 @@ div.warning {
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 69;
top: 0; top: 0;
left: 0; left: 0;
flex-direction: column; flex-direction: column;
@ -78,25 +96,29 @@ div.warning {
padding: 0 8px 0 8px; padding: 0 8px 0 8px;
} }
div.warning-modal { .modal {
position: fixed;
display: flex; display: flex;
background: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
top: 0;
left: 0;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
text-align: center;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
} }
a.blue { .blue {
color: #4287f5; color: #4287f5;
} }
.thanks { .red {
color: #FF0000 color: #FF0000
} }