Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
RedEdge967 authored Dec 19, 2021
1 parent 1bde3da commit 9a5ee3f
Show file tree
Hide file tree
Showing 4 changed files with 156 additions and 0 deletions.
Binary file added image-removebg-preview.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
27 changes: 27 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<!-- add icon link -->
<link rel = "icon" href="image-removebg-preview.png"
type = "png">
<meta charset="UTF-8">
<title>HACKZILLA | Gamer name generator</title>
<link href='https://fonts.googleapis.com/css?family=Share+Tech+Mono' rel='stylesheet' type='text/css'><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div class="info">
<p>Welcome to HACKZILLA name generator! You have been able to have a Gamer name.<br>Click Choose a Name to have a Gamer name...</p>
<p class="hidden">Press any button to hack<span class="blink">_</span></p>
</div>
<div class="password hidden"></div>
<div class="button start">Choose a Name!</div>
<div class="blink granted hidden">Name Generated!</div>
<div class=" button rerun hidden">RERUN</div>
<!-- partial -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script><script src="./script.js"></script>

</body>
</html>
46 changes: 46 additions & 0 deletions script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
var passwords = ['password123', 'qwertyuiop', 'admin2015', 'trustno1', 'letmein6969','HackerN01','MoonLighter001','HackCrusher010','LightningCrusher','LegendaryHawk','Robloxer','ManHunter','Clicker010','Virusishere'];
var indexOld;
var index = Math.floor((Math.random() * passwords.length));
var password = passwords[index];
var characters = [];
var counter = 0;

var interval = setInterval(function(){
for(i = 0; i < counter; i++) {
characters[i] = password.charAt(i);
}
for(i = counter; i < password.length; i++) {
characters[i] = Math.random().toString(36).charAt(2);
}
$('.password').text(characters.join(''));
}, 25);


function hack() {
counter++;
if(counter == password.length){
$('.granted, .rerun').removeClass('hidden');
}
}
$(window).on('keydown', hack);
$('.password').on('click', hack);


$('.rerun').on('click', function() {
//prevent from displaying the same password two times in a row
indexOld = index;
do {
index = Math.floor((Math.random() * passwords.length));
} while(index == indexOld);

$('.granted, .rerun').addClass('hidden');
password = passwords[index];
characters = [];
counter = 0;
});

//keyboard events won't fire if the iframe isn't selected first in Full Page view
$('.start').on('click', function() {
$(this).addClass('hidden');
$('.info p:last-child, .password').removeClass('hidden');
});
83 changes: 83 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
@-webkit-keyframes blink {
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes blink {
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
body {
background-color: #151515;
color: #eee;
font-family: "Share Tech Mono", monospace;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.hidden {
display: none;
}

.password {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 60px;
letter-spacing: 5px;
text-transform: uppercase;
}

.granted {
position: absolute;
top: 75%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 30px;
}

.info {
position: absolute;
top: 0;
left: 0;
}
.info p {
margin: 10px;
}

.button {
background-color: #111;
border: solid 1px #888;
padding: 8px 25px;
font-size: 26px;
letter-spacing: 2px;
cursor: pointer;
}

.rerun {
position: absolute;
bottom: 15px;
right: 15px;
}

.start {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.blink {
-webkit-animation: blink 0.8s steps(1, start) infinite alternate;
animation: blink 0.8s steps(1, start) infinite alternate;
}

0 comments on commit 9a5ee3f

Please sign in to comment.