Slight rewrite of index.html / stylesheet improvements
This commit is contained in:
parent
083d862ea5
commit
dbf42741f3
12
index.html
12
index.html
|
@ -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">
|
||||||
<source src="/media/malware.mp4" type="video/mp4">
|
<video autoplay muted loop>
|
||||||
</video>
|
<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>
|
</body>
|
||||||
</html>
|
</html>
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
||||||
width: 100%;
|
top: 50%;
|
||||||
height: 100%;
|
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 {
|
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
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue