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

View File

@ -94,7 +94,7 @@
</div>
<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!
</p>
<p>

View File

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