diff options
| author | realtradam <[email protected]> | 2022-04-12 07:31:28 -0400 |
|---|---|---|
| committer | realtradam <[email protected]> | 2022-04-12 07:31:28 -0400 |
| commit | 72f26cd6aa1c28c1d4a9e69bb5b712eb39f7fae0 (patch) | |
| tree | 947aef83ac5b47506596ad1c2514d7a10e55e6d9 | |
| download | 403-directory-72f26cd6aa1c28c1d4a9e69bb5b712eb39f7fae0.tar.gz 403-directory-72f26cd6aa1c28c1d4a9e69bb5b712eb39f7fae0.zip | |
:)
| -rw-r--r-- | 90s.jpg | bin | 0 -> 1791001 bytes | |||
| -rw-r--r-- | index.html | 102 | ||||
| -rw-r--r-- | script.js | 109 | ||||
| -rw-r--r-- | style.css | 21 |
4 files changed, 232 insertions, 0 deletions
| Binary files differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..9c0c118 --- /dev/null +++ b/index.html @@ -0,0 +1,102 @@ +<!DOCTYPE html> +<html> + <head> + <title>Hello, world!</title> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <meta name="description" content="" /> + <link rel="stylesheet" href="https://unpkg.com/xp.css" /> + <link rel="stylesheet" type="text/css" href="style.css" /> + <link rel="icon" href="img/favicon.png"> + <meta name="theme-color" content=""> + <meta property="og:title" content="" /> + <meta property="og:description" content="" /> + <meta property="og:image" content="" /> + <meta name="twitter:card" content=""> + <meta name="twitter:site" content=""> + <meta name="twitter:title" content=""> + <meta name="twitter:description" content=""> + <meta name="twitter:image" content=""> + </head> +<body> + +<!--<h1>Draggable DIV Element</h1> + +<p>Click and hold the mouse button down while moving the DIV element</p> --> + +<div class="window draggable" style="height:250px;width:575px;overflow:hidden;background-color:#000000;top:312px;left:627px;"> + <div class="title-bar divheader"> + <div class="title-bar-text">403 Directory Hostile Login Module</div> + <div class="title-bar-controls"> + <!-- <button aria-label="Minimize"></button> + <button aria-label="Maximize"></button> + <button aria-label="Close"></button> --> + </div> + </div> + <div style="padding:5px;"> + <div class="window-body" style="height:100%;"> + <pre id="typing-text" readonly style="height:100%;" ></pre> + </div> + </div> +</div> + +<div class="window draggable openable" style="width:270px;top:182px;left:304px;visibility:hidden;"> + <div class="title-bar divheader"> + <div class="title-bar-text">File 3: Illegal Login Attempt Detected</div> + <div class="title-bar-controls"> + <button onclick="HideWindow(event)" aria-label="Close"></button> + </div> + </div> + <div class="window-body"> + <p>Illegal Access Attempted.</p> + <p>You are <b>NOT</b> permitted to access this file.</p> + <p>This incident will be reported!</p> + </div> +</div> + +<div class="window draggable openable" style="width:280px;top:655px;left:1088px;visibility:hidden;"> + <div class="title-bar divheader"> + <div class="title-bar-text">File 1: Illegal Login Attempt Detected</div> + <div class="title-bar-controls"> + <button onclick="HideWindow(event)" aria-label="Close"></button> + </div> + </div> + <div class="window-body"> + <p>Illegal Access Attempted.</p> + <p>You are <b>NOT</b> permitted to access this file.</p> + <p>This incident will be reported!</p> + </div> +</div> + +<div class="window draggable openable" style="width:290px;top:591px;left:255px;visibility:hidden;"> + <div class="title-bar divheader"> + <div class="title-bar-text">File 4: Illegal Login Attempt Detected</div> + <div class="title-bar-controls"> + <button onclick="HideWindow(event)" aria-label="Close"></button> + </div> + </div> + <div class="window-body"> + <p>Illegal Access Attempted.</p> + <p>You are <b>NOT</b> permitted to access this file.</p> + <p>This incident will be reported!</p> + </div> +</div> + +<div class="window draggable openable" style="width:350px;top:90px;left:934px;visibility:hidden;"> + <div class="title-bar divheader"> + <div class="title-bar-text">😳 File 2: Everything on Display</div> + <div class="title-bar-controls"> + <button onclick="HideWindow(event)" aria-label="Close"></button> + </div> + </div> + <div class="window-body"> + <p>The hidden secrets are out. Everything we have gathered about the pretender who has been sleuthing and backstabbing us is all revealed. These documents are <b>Top Secret</b> and should not be shared so as not to tip off the imposter. When the time is right we will strike.</p> + + <p style="text-align:center;"><button onclick="window.location.href='https://imposter.exposed';">Open Classified Files</button></p> + </div> +</div> + +<script src='script.js'></script> + +</body> +</html> diff --git a/script.js b/script.js new file mode 100644 index 0000000..42f07a5 --- /dev/null +++ b/script.js @@ -0,0 +1,109 @@ +var draggableElements = document.getElementsByClassName("draggable"); + +for(var i = 0; i < draggableElements.length; i++){ + dragElement(draggableElements[i]); +} + +function dragElement(elmnt) { + var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0; + if (elmnt.getElementsByClassName("divheader").length > 0) { + /* if present, the header is where you move the DIV from:*/ + elmnt.getElementsByClassName("divheader")[0].onmousedown = dragMouseDown; + } else { + /* otherwise, move the DIV from anywhere inside the DIV:*/ + elmnt.onmousedown = dragMouseDown; + } + + function dragMouseDown(e) { + e = e || window.event; + e.preventDefault(); + // get the mouse cursor position at startup: + pos3 = e.clientX; + pos4 = e.clientY; + document.onmouseup = closeDragElement; + // call a function whenever the cursor moves: + document.onmousemove = elementDrag; + } + + function elementDrag(e) { + e = e || window.event; + e.preventDefault(); + // calculate the new cursor position: + pos1 = pos3 - e.clientX; + pos2 = pos4 - e.clientY; + pos3 = e.clientX; + pos4 = e.clientY; + // set the element's new position: + elmnt.style.top = (elmnt.offsetTop - pos2) + "px"; + elmnt.style.left = (elmnt.offsetLeft - pos1) + "px"; + } + + function closeDragElement() { + /* stop moving when mouse button is released:*/ + document.onmouseup = null; + document.onmousemove = null; + } +} + +function UnhideWindow(element) { + element.style.visibility='visible' +} + +function HideWindow(e){ + e.target.parentNode.parentNode.parentNode.style.visibility='hidden' +} + +(function () { + var CharacterPos = 0; + var MsgBuffer = "> "; + var StorePrevMsg = ""; + var TypeDelay = 15; + var NxtMsgDelay = 150; + var MsgIndex = 0; + var delay; + var MsgArray = ["Logging in to 403 Database using leaked credentials...", + "Login Failed! Credentials may have changed.", + "Attempting SHA 256 Backdoor Bypass...", + "Bypass Failed! Backdoor Patched.", + "Attempting to perform Man in the Middle Attack...", + "Attack Failed! No Vulnerable Targets Found.", + "Scanning Swap Space for Unencrypted Files...", + "Partial Data Found! Rebuilding Files...", + "Login Credential Recovery Successful, Attempting Login...", + "Access to files 1/4 Gained!", + "​" + ]; + var finished = false; + + function StartTyping() { + var id = document.getElementById("typing-text"); + if (CharacterPos != MsgArray[MsgIndex].length) { + MsgBuffer = MsgBuffer + MsgArray[MsgIndex].charAt(CharacterPos); + id.textContent = StorePrevMsg + MsgBuffer + "_"; + delay = TypeDelay; + //id.scrollTop = id.scrollHeight; + } else { + delay = NxtMsgDelay; + StorePrevMsg += MsgBuffer; + MsgBuffer = "\n> "; + CharacterPos = -1; + MsgArray.splice(0,1); + } + CharacterPos++; + if (MsgArray.length >= 1){ + setTimeout(StartTyping,delay); + } + else if (!finished) { + //for each element + //unhide + hiddenElements = document.getElementsByClassName('openable') + var min = 400, max = 1000; + for(var i = 0; i < hiddenElements.length; i++){ + var rand = Math.floor(Math.random() * (max - min + 1) + min); + setTimeout(UnhideWindow, rand, hiddenElements[i]) + } + finished = true; + } + } +StartTyping(); +})(); diff --git a/style.css b/style.css new file mode 100644 index 0000000..a33f903 --- /dev/null +++ b/style.css @@ -0,0 +1,21 @@ + +.draggable { + position: absolute; + /*z-index: 9;*/ + /* background-color: #f1f1f1; */ + /* text-align: center;*/ + /* border: 1px solid #d3d3d3; */ +} + +.divheader { + /*padding: 10px; */ + cursor: move; + /*z-index: 10;*/ + /*background-color: #2196F3; + color: #fff; */ +} + +body { + background-image: url("90s.jpg"); + background-repeat: repeat; +} |
