Slight rewrite of index.html / stylesheet improvements
This commit is contained in:
parent
083d862ea5
commit
dbf42741f3
|
@ -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>
|
||||
<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>
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
object-fit: cover;
|
||||
-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
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue