summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorrealtradam <[email protected]>2022-04-12 07:31:28 -0400
committerrealtradam <[email protected]>2022-04-12 07:31:28 -0400
commit72f26cd6aa1c28c1d4a9e69bb5b712eb39f7fae0 (patch)
tree947aef83ac5b47506596ad1c2514d7a10e55e6d9
download403-directory-72f26cd6aa1c28c1d4a9e69bb5b712eb39f7fae0.tar.gz
403-directory-72f26cd6aa1c28c1d4a9e69bb5b712eb39f7fae0.zip
:)
-rw-r--r--90s.jpgbin0 -> 1791001 bytes
-rw-r--r--index.html102
-rw-r--r--script.js109
-rw-r--r--style.css21
4 files changed, 232 insertions, 0 deletions
diff --git a/90s.jpg b/90s.jpg
new file mode 100644
index 0000000..f9ba73e
--- /dev/null
+++ b/90s.jpg
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;
+}