Skip to content

Commit

Permalink
js-matrix-css-color-python-push
Browse files Browse the repository at this point in the history
  • Loading branch information
devfemibadmus committed Mar 22, 2022
1 parent 2546c04 commit 829714e
Show file tree
Hide file tree
Showing 6 changed files with 111 additions and 14 deletions.
23 changes: 10 additions & 13 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,14 +19,14 @@
<meta property="og:type" content="website" />
<meta property="og:url" content="https://neupasswd.kcubeterm.com"/>
<meta property="og:description" content="neupasswd is a software use in generating uniques password for each of each service i.e you can generate special password for each of your social media or services with just one master password." />
<meta property="og:image" content="static/images/neupassd.jpg" />
<meta property="og:image" content="static/images/neupassd.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@kcubeterm" />
<meta name="twitter:creator" content="@devfemibadmus" />
<meta name="twitter:image" content="static/images/neupassd.jpg" />
<meta name="twitter:image" content="static/images/neupassd.png" />
<meta name="twitter:title" content="neupasswd: In-Brain password manager" />
<meta name="twitter:description" content="neupasswd is a software use in generating uniques password for each of each service i.e you can generate special password for each of your social media or services with just one master password." />

Expand All @@ -36,16 +36,18 @@
<meta name="theme-color" content="blue">

<!-- App Styling -->
<link rel="icon" href="static/images/icon.jpg">
<link rel="icon" href="static/images/neupasswd.png">
<link rel="stylesheet" href="static/css/index.css" media="screen"/>

<!-- App Scripting -->
<script src="static/js/index.js"></script>
<script src="static/js/matrix.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js" integrity="sha512-E8QSvWZ0eCLGk4km3hxSsNmGWbLtSCSUcewDQPQWZF6pEU8GlT8a5fF32wOl1i8ftdMhssTrF/OhyGWwonTcXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

</head>
<body>
<body onload="matrix();spawndrop();">
<div class="content">
<h1 class="neupasswd">neupasswd: In-Brain password manager </h1>
<p><span class="neupasswd">neupasswd</span> is a software use in generating uniques password for each of each service i.e you can generate special password for each of your social media or services with just one master password.</p>

Expand All @@ -61,11 +63,11 @@ <h2>Instructions:-</h2>

<form onsubmit="return false;" method="post" name="myForm">
<label>masterpass</label>
<input type="password" name="masterpass" id="mpass" /> </br>
<input type="password" name="masterpass" id="mpass" oninput="encryp()"/> </br>
<label for="">Service Name</label>
<input type="text" name="sevice" id="service"> <br>
<input type="text" name="sevice" id="service" oninput="encryp()"/> <br>
<label for="">password length</label>
<input type="text" id="length" placeholder=12 list="lengthlist">
<input type="text" id="length" placeholder=12 list="lengthlist" oninput="encryp()"/>
<datalist id="lengthlist">
<option value="12">
<option value="16">
Expand All @@ -76,13 +78,8 @@ <h2>Instructions:-</h2>
<input type="submit" name="submit" onclick="init()" />
</form>
<p id="result"></p>
<canvas id="canvas" width="100%"></canvas>

<div>

<h2>Users</h2>
<p class="user">Over 5,000 User from differents country</p>
</div>


</body>
</html>
6 changes: 6 additions & 0 deletions push.py
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
import os, sys
os.system("git add .")
print("\033[1;33;40m no spacing in ur input rather use '-'")
a = input("\033[1;33;40m what did u do? \033[1;32m")
os.system("git commit -m "+str(a))
os.system("git push -f origin master")
38 changes: 38 additions & 0 deletions static/css/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
body {
font-family: Arial, Helvetica, sans-serif;
background-color: black;
background-repeat: no-repeat;
color: green;
height: 100%;
}
.content{
z-index: 2;
background-color: inherit;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
#canvas{
height: 100vh;
}
input, input:focus{
background-color: inherit;
border-top: 0px ;
border-right: 0px;
border-left: 0px;
border-bottom: 2px solid green;
box-shadow: none;
outline: none;
color: white;
}
label, h2, h1{
color: yellow;
}
#result{
color: white;
}
input[type=submit]{
border: 2px solid green;
color: yellow;
}
Binary file added static/images/neupasswd.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 2 additions & 1 deletion static/js/index.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

function init() {
let masterpasswd = document.getElementById('mpass').value
let service = document.getElementById('service').value
Expand All @@ -8,6 +7,8 @@ function init() {
let salt = CryptoJS.SHA256(mHash + sHash).toString()
console.log(passlength)
let saltedpasswd = CryptoJS.SHA256(salt + salt.slice(23, 29)).toString()
document.getElementById('canvas').style.display= "none"
document.getElementById('result').style.display = "block"
document.getElementById('result').innerHTML = passGenerator(saltedpasswd, passlength)
}

Expand Down
55 changes: 55 additions & 0 deletions static/js/matrix.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
// Created by ChillPill 🌶

function encryp(){
document.getElementById("result").style.display = "none"
document.getElementById("canvas").style.display = "block"
}

let {random,floor,ceil,round}=Math;
let canvas,ctx,W,H;
let drops=[];
const columns=55;
let fontSize=10;
let intervalA;
class Drop{
constructor(){
this.column=floor(random()*columns);
this.row=0;
}
draw(){
ctx.fillStyle = "green";
ctx.fillText(String.fromCharCode(floor(random()*208+48)),this.column*cellSize,this.row*cellSize);
}
}
function matrix(){
canvas=document.getElementById("canvas");
canvas.width=W=window.innerWidth;
canvas.height=H=window.innerHeight;
ctx=canvas.getContext("2d");
cellSize =W/columns;
ctx.font = `bolder ${cellSize}px monospace`;
drops.length=0;
intervalA=setInterval(animate,100);
}
function animate(){
ctx.fillStyle="rgba(0,0,0,0.2)";
ctx.fillRect(0,0,W,H);
for(let i=drops.length-1;i>=0;i--){
drops[i].draw();
drops[i].row++;
if(drops[i].row>80) drops.splice(i,1);//please ask me: why dont we use for of?
}
}
function spawndrop(){
drops.push(new Drop());
setTimeout(spawndrop,0+random()*30);
}

function restart(){
clearInterval(intervalA);
drops.length=0;
ctx.fillStyle="rgba(0,0,0,1)";
ctx.fillRect(0,0,W,H);
init();
}

0 comments on commit 829714e

Please sign in to comment.