Add files via upload
This commit is contained in:
Garrett Brown
GitHub
commit
c7ecdaf5da
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
|
|
@ -0,0 +1,63 @@
|
|||
<! DOCTYPE html>
|
||||
<html>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
|
||||
<head>
|
||||
<!--Windows info-->
|
||||
<meta name="msapplication-TileImage" content="icon.png">
|
||||
<meta name="msapplication-TileColor" content="#002e58">
|
||||
|
||||
<!--iOS info-->
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-title content="Nymbus">
|
||||
<link rel="apple-touch-icon" href="icon.png">
|
||||
|
||||
<!--Android info-->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title> Nymbus Home </title>
|
||||
<link rel="stylesheet" type="text/css" href="mobile.css">
|
||||
<link rel="manifest" href="manifest.json">
|
||||
</head>
|
||||
<body>
|
||||
<div class="top">
|
||||
<img id="logo" src="icon1.png" />
|
||||
</div>
|
||||
<div id="main">
|
||||
<h1 class="title">Donate</h1>
|
||||
<p class="description">If you enjoy this app, then consider donating!</p>
|
||||
<div id="spacer2"></div>
|
||||
<div class="tips">
|
||||
<div id="spacer2"></div>
|
||||
<div id="main">
|
||||
<h2 class="title">Dogecoin</h2>
|
||||
<p class="description">DJjhuWY6iR9MHHpVgntRn8ciVcLsWX48Ee</p>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
<div id="main">
|
||||
<h2 class="title">Bitcoin</h2>
|
||||
<p class="description">13NbnAWLb4m8UMSWGPQLZoZZZj33CNA6Ui</p>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
<div id="main">
|
||||
<h2 class="title">Buy Me a Coffee!</h2>
|
||||
<div class="bmcdiv">
|
||||
<style>.bmc-button img{height: 34px !important;width: 35px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;}.bmc-button{padding: 7px 15px 7px 10px !important;line-height: 35px !important;height:51px !important;text-decoration: none !important;display:inline-flex !important;color:#ffffff !important;background-color:#5F7FFF !important;border-radius: 5px !important;border: 1px solid transparent !important;padding: 7px 15px 7px 10px !important;font-size: 20px !important;letter-spacing:0.6px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family:'Arial', cursive !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;}.bmc-button:hover, .bmc-button:active, .bmc-button:focus {-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;text-decoration: none !important;box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;opacity: 0.85 !important;color:#ffffff !important;}</style>
|
||||
<link href="https://fonts.googleapis.com/css?family=Arial" rel="stylesheet"><a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/groovy0nion"><img src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" alt="Buy me a coffee"><span style="margin-left:5px;font-size:19px !important;">Buy me a coffee</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bottom">
|
||||
<div id="buttons">
|
||||
<img class="nav-idle" id="finder" src="passicon.png" onclick="window.location.href='index.html';"></img>
|
||||
<img class="nav-idle" id="finder" src="scamicon.png" onclick="window.location.href='scam.html';"></img>
|
||||
<img src="breachicon.png" class="nav-idle" id="monitor" onclick="window.location.href = 'security.html';"></img>
|
||||
<!--<img src="scamicon.png" class="nav-idle" id="phishing" onclick="window.open('https://phishingquiz.withgoogle.com')"></img>-->
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
<! DOCTYPE html>
|
||||
<html>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
|
||||
<head>
|
||||
<!--Windows info-->
|
||||
<meta name="msapplication-TileImage" content="icon.png">
|
||||
<meta name="msapplication-TileColor" content="#002e58">
|
||||
|
||||
<!--iOS info-->
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-title content="Nymbus">
|
||||
<link rel="apple-touch-icon" href="icon.png">
|
||||
|
||||
<!--Android info-->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title> Password Checker </title>
|
||||
<link rel="stylesheet" type="text/css" href="mobile.css">
|
||||
<link rel="manifest" href="manifest.json">
|
||||
</head>
|
||||
<body ng-app="pswdgen" ng-controller="generate">
|
||||
<div class="top">
|
||||
<img id="logo" src="icon1.png"/>
|
||||
</div>
|
||||
<div class="main">
|
||||
<h1 class="title">{{passphrase}}</h1>
|
||||
<input class="input" type="text" ng-model="word1" placeholder="Enter word 1"/>
|
||||
<input class="input" type="text" ng-model="word2" placeholder="Enter word 2"/>
|
||||
<input class="input" type="text" ng-model="word3" placeholder="Enter word 3"/>
|
||||
<button class="group" type="button" ng-click="passphrase = word1 + word2 + word3 + num">Generate</button>
|
||||
<div class="tips">
|
||||
<div id="spacer2"></div>
|
||||
<div class="main">
|
||||
<h2>Why this is important</h2>
|
||||
<p>A strong password helps keep your accounts and devices safe, so having a strong password is important.<br/><br/> The best password is a password with a few random words clumped together, with a number to add some more variety. This type of password is not only strong, but easy to remember.</p>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
</div>
|
||||
<div class="tips">
|
||||
<div id="spacer2"></div>
|
||||
<div class="main">
|
||||
<h2>Password tips</h2>
|
||||
<h3><br/>Avoid reuising passwords</h3>
|
||||
<p>If your password is compromised on one account, it can be used to access other accounts that use the same password. Using different passwords for different accounts can help keep this from happening.</p>
|
||||
<h3><br/>Use a password manager</h3>
|
||||
<p>This can help you keep track of different passwords for multiple accounts. All you need to remember is one secure password to access the password manager, and you can use autofill to log into your accounts.</p>
|
||||
<h3><br/>Use 2FA or OTP</h3>
|
||||
<p>This adds a second layer of security to your accounts, which uses a one time password to protect your account. This is done either through an authenticator app, text messages, or even a physical USB key if you want to invest in one.</p>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
</div>
|
||||
<button class="donate" type="button" onclick="window.location.href = 'donate.html';">Donate</button>
|
||||
</div>
|
||||
<div id="spacer"></div>
|
||||
<div class="bottom">
|
||||
<div id="buttons">
|
||||
<img class="nav" id="pswdgen" src="passicon.png" onclick="window.location.href = 'index.html';"></img>
|
||||
<img class="nav-idle" id="finder" src="scamicon.png" onclick="window.location.href='scam.html';"></img>
|
||||
<img src="breachicon.png" class="nav-idle" id="monitor" onclick="window.location.href = 'security.html';"></img>
|
||||
<!--<img src="scamicon.png" class="nav-idle" id="phishing" onclick="window.open('https://phishingquiz.withgoogle.com')"></img>-->
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
|
||||
|
||||
const el = document.createElement('pwa-update');
|
||||
document.body.appendChild(el);
|
||||
|
||||
var app = angular.module('pswdgen', []);
|
||||
|
||||
app.controller('generate', function ($scope){
|
||||
$scope.num = Math.floor((Math.random() * 99) + 1);
|
||||
$scope.passphrase = "Passphrase Generator ";
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
{
|
||||
"background_color": "#002e58",
|
||||
"theme_color": "#002e58",
|
||||
"display": "standalone",
|
||||
"icons": [
|
||||
{
|
||||
"src": "icon.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png",
|
||||
"purpose": "any maskable"
|
||||
}, {
|
||||
"src": "icon.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png",
|
||||
"purpose": "any maskable"
|
||||
}
|
||||
],
|
||||
"name": "Nymbus Security",
|
||||
"short_name": "Nymbus",
|
||||
"start_url": "index.html"
|
||||
}
|
||||
|
|
@ -0,0 +1,347 @@
|
|||
body {
|
||||
width: 100%;
|
||||
background-color: #003565;
|
||||
background-size: cover;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#pswdgen{
|
||||
background-image: url("/mobile/passicon.png");
|
||||
}
|
||||
|
||||
#mail {
|
||||
position:relative;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
width: 94%;
|
||||
margin: 0 auto;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#search {
|
||||
position:relative;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
width: 94%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#social {
|
||||
position:relative;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 85px;
|
||||
width: 94%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#spacer {
|
||||
height: 85px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#spacer2 {
|
||||
height: 25px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#spacer3 {
|
||||
height: 55px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.app_row {
|
||||
position:relative;
|
||||
width: auto;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
|
||||
.nav {
|
||||
position: static;
|
||||
top: 0;
|
||||
size: relative;
|
||||
width: 24%;
|
||||
height: 70px;
|
||||
margin-left: 4%;
|
||||
margin-top: 5px;
|
||||
margin-right: 4%;
|
||||
font-size: 15px;
|
||||
border-width: 0;
|
||||
border-radius: 50px;
|
||||
background: #003565;
|
||||
box-shadow: inset 5px 5px 6px #002d56,
|
||||
inset -5px -5px 6px #003d74;
|
||||
text-align: center;
|
||||
outline: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav-idle{
|
||||
position: static;
|
||||
top: 0;
|
||||
size: relative;
|
||||
width: 24%;
|
||||
height: 70px;
|
||||
margin-left: 4%;
|
||||
margin-top: 5px;
|
||||
margin-right: 4%;
|
||||
font-size: 15px;
|
||||
border-width: 0;
|
||||
border-radius: 50px;
|
||||
background: linear-gradient(145deg, #00305b, #00396c);
|
||||
box-shadow: 5px 5px 0px #003464,
|
||||
-5px -5px 0px #003666;
|
||||
text-align: center;
|
||||
outline: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.bmcdiv{
|
||||
width: 216px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#buttons {
|
||||
width: auto;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.bottom{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
background: #003565;
|
||||
box-shadow: 5px 0px 10px #002d56;
|
||||
}
|
||||
|
||||
.group {
|
||||
position: relative;
|
||||
top: 10px;
|
||||
size: relative;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 20px;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
border-color: #00000000;
|
||||
border-width: 0px;
|
||||
color: white;
|
||||
border-radius: 50px;
|
||||
background: #003565;
|
||||
box-shadow: 5px 5px 10px #002d56,
|
||||
-5px -5px 10px #003d74;
|
||||
border-style: solid;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.donate {
|
||||
top: 10px;
|
||||
size: relative;
|
||||
width:20%;
|
||||
height: 45px;
|
||||
margin-left: 40%;
|
||||
margin-right: 40%;
|
||||
margin-bottom: 0;
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
border-color: #00000000;
|
||||
border-width: 0px;
|
||||
color: #ebcf34;
|
||||
border-radius: 50px;
|
||||
background: #003565;
|
||||
box-shadow: 5px 5px 10px #002d56,
|
||||
-5px -5px 10px #003d74;
|
||||
border-style: solid;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.group:active {
|
||||
border-radius: 50px;
|
||||
background: #003565;
|
||||
box-shadow: inset 5px 5px 6px #002d56,
|
||||
inset -5px -5px 6px #003d74;
|
||||
color: #1c77c3;;
|
||||
|
||||
}
|
||||
|
||||
nav-idle:active {
|
||||
border-radius: 50px;
|
||||
background: #003565;
|
||||
box-shadow: inset 5px 5px 6px #002d56,
|
||||
inset -5px -5px 6px #003d74;
|
||||
color: #1c77c3;;
|
||||
}
|
||||
|
||||
.donate:active {
|
||||
border-radius: 50px;
|
||||
background: #003565;
|
||||
box-shadow: inset 5px 5px 6px #002d56,
|
||||
inset -5px -5px 6px #003d74;
|
||||
color: #1c77c3;;
|
||||
}
|
||||
|
||||
.input {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
size: relative;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 20px;
|
||||
color: white;
|
||||
border-color: #003565;
|
||||
border-width: 10px;
|
||||
border-radius: 15px;
|
||||
background: #003565;
|
||||
box-shadow: inset 5px 5px 6px #002d56,
|
||||
inset -5px -5px 6px #003d74;
|
||||
border-style: solid;
|
||||
outline: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tips {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
size: relative;
|
||||
width: 95%;
|
||||
height: auto;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
color: white;
|
||||
border-color: #003565;
|
||||
border-width: 10px;
|
||||
border-radius: 15px;
|
||||
background: #003565;
|
||||
box-shadow: inset 5px 5px 6px #002d56,
|
||||
inset -5px -5px 6px #003d74;
|
||||
border-style: solid;
|
||||
outline: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#logo {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 8px;
|
||||
height: 34px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border-style: solid;
|
||||
border-color:#00000000;
|
||||
border-width:5px;
|
||||
border-radius: 150px;
|
||||
background: #003565;
|
||||
box-shadow: 5px 5px 8px #002d56,
|
||||
-5px -5px 8px #003d74;
|
||||
}
|
||||
|
||||
.search {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 55px;
|
||||
background-color: #4fb9c6ff;
|
||||
}
|
||||
|
||||
.top {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
margin-bottom: 10px;
|
||||
background: #003565;
|
||||
box-shadow: 5px 0px 10px #002d56;
|
||||
|
||||
}
|
||||
.main{
|
||||
width: 94%;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#back {
|
||||
background-color: #00000000;
|
||||
color: white;
|
||||
height: 100%;
|
||||
border-style: solid;
|
||||
border-color: #00000000;
|
||||
border-radius: 15px;
|
||||
background: #003565;
|
||||
box-shadow: inset 5px 5px 10px #002d56,
|
||||
inset -5px -5px 10px #003d74;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#back:active {
|
||||
border-radius: 15px;
|
||||
border-color: #002e58;
|
||||
background: #1c77c3;
|
||||
box-shadow: inset 5px 5px 0px #1c77c3,
|
||||
inset -5px -5px 0px #1c77c3;
|
||||
color: white;
|
||||
}
|
||||
|
||||
h1 {
|
||||
top: 0;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
margin-top: 10px;
|
||||
font-family: Arial;
|
||||
color: white;
|
||||
}
|
||||
|
||||
h2 {
|
||||
top: 0;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
font-family: Arial;
|
||||
color: white;
|
||||
font-align: 25px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
top: 0;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
font-family: Arial;
|
||||
color: white;
|
||||
}
|
||||
|
||||
p {
|
||||
top: 0;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
margin: 0 auto;
|
||||
font-family: Arial;
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: white;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.description{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#answer {
|
||||
width: 95%
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
|
|
@ -0,0 +1,18 @@
|
|||
// This is the "Offline copy of assets" service worker
|
||||
|
||||
const CACHE = "pwabuilder-offline";
|
||||
|
||||
importScripts('https://storage.googleapis.com/workbox-cdn/releases/5.0.0/workbox-sw.js');
|
||||
|
||||
self.addEventListener("message", (event) => {
|
||||
if (event.data && event.data.type === "SKIP_WAITING") {
|
||||
self.skipWaiting();
|
||||
}
|
||||
});
|
||||
|
||||
workbox.routing.registerRoute(
|
||||
new RegExp('/*'),
|
||||
new workbox.strategies.StaleWhileRevalidate({
|
||||
cacheName: CACHE
|
||||
})
|
||||
);
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
|
||||
<head>
|
||||
<!--Windows info-->
|
||||
<meta name="msapplication-TileImage" content="icon.png">
|
||||
<meta name="msapplication-TileColor" content="#ff751a">
|
||||
|
||||
<!--iOS info-->
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-title" content="Nymbus">
|
||||
<link rel="apple-touch-icon" href="icon.png">
|
||||
<!--Android info-->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Scam Checker</title>
|
||||
|
||||
<link rel="manifest" href="manifest.json">
|
||||
<link rel="stylesheet" type="text/css" href="mobile.css">
|
||||
<meta name="theme-color" content="#000000"/>
|
||||
</head>
|
||||
<body>
|
||||
<div class="top">
|
||||
<img id="logo" src="icon1.png" />
|
||||
</div>
|
||||
<div class="main">
|
||||
<h1 class="title" id="question">Was the email sent by a person or a company?</h1>
|
||||
<input class="input" type="text" id="answer" placeholder="Enter 'Person' or 'Company'"/>
|
||||
<button type="button" class="group" id="next">Next</button>
|
||||
</div>
|
||||
<div id="spacer">
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div id="buttons">
|
||||
<img class="nav-idle" id="finder" src="passicon.png" onclick="window.location.href='index.html';"></img>
|
||||
<img class="nav" id="finder" src="scamicon.png" onclick="window.location.href='scam.html';"></img>
|
||||
<img src="breachicon.png" class="nav-idle" id="monitor" onclick="window.location.href = 'security.html';"></img>
|
||||
<!--<img src="scamicon.png" class="nav-idle" id="phishing" onclick="window.open('https://phishingquiz.withgoogle.com')"></img>-->
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src=script.js></script>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<! DOCTYPE html>
|
||||
<html>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
|
||||
<head>
|
||||
<!--Windows info-->
|
||||
<meta name="msapplication-TileImage" content="icon.png">
|
||||
<meta name="msapplication-TileColor" content="#002e58">
|
||||
|
||||
<!--iOS info-->
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-title content="Nymbus">
|
||||
<link rel="apple-touch-icon" href="icon.png">
|
||||
|
||||
<!--Android info-->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title> Not a scam! </title>
|
||||
<link rel="stylesheet" type="text/css" href="mobile.css">
|
||||
<link rel="manifest" href="manifest.json">
|
||||
</head>
|
||||
<body>
|
||||
<div class="top">
|
||||
<img id="logo" src="icon1.png" />
|
||||
</div>
|
||||
<div class="main">
|
||||
<h1 class="title">Probably not a scam!</h1>
|
||||
<p class="description">There's a good chance this isn't a scam! Just to be on the safe side, its a good idea to double check.</p>
|
||||
<div class="tips">
|
||||
<div id="spacer2"></div>
|
||||
<div class="main">
|
||||
<h2>What to do now</h2>
|
||||
<p>Double check with the guidelines below just to be on the safe side.
|
||||
</p>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
</div>
|
||||
<div class="tips">
|
||||
<div id="spacer2"></div>
|
||||
<div class="main">
|
||||
<h2>How to spot scams</h2>
|
||||
<p>Spotting scam emails, even the most convincing ones, is easier than you'd think. One way to check if an email is a scam is to look at the email address. If the email is from a company like Facebook or Google, check the extension (part after the @) and see if it matches the website's url. For example, if it is from facebook, then check to see if the email address ends in "facebook.com" or "*any word*.facebook.com. If it's different (like facebook.social) then it's a scam. If it's an email from within your own company or school, then check if the extension matches your work or school email. And if it's from a person, make sure it's actually the person they say they are. If it's someone you don't know, or you don't have a way to confirm, be careful. If they're asking for banking info, login info, or any other peronal info, then DON'T GIVE IT TO THEM!</p>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="spacer"></div>
|
||||
|
||||
<div class="bottom">
|
||||
<div id="buttons">
|
||||
<img class="nav-idle" id="finder" src="passicon.png" onclick="window.location.href='index.html';"></img>
|
||||
<img class="nav" id="finder" src="scamicon.png" onclick="window.location.href='scam.html';"></img>
|
||||
<img src="breachicon.png" class="nav-idle" id="monitor" onclick="window.location.href = 'security.html';"></img>
|
||||
<!--<img src="scamicon.png" class="nav-idle" id="phishing" onclick="window.open('https://phishingquiz.withgoogle.com')"></img>-->
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<! DOCTYPE html>
|
||||
<html>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
|
||||
<head>
|
||||
<!--Windows info-->
|
||||
<meta name="msapplication-TileImage" content="icon.png">
|
||||
<meta name="msapplication-TileColor" content="#002e58">
|
||||
|
||||
<!--iOS info-->
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-title content="Nymbus">
|
||||
<link rel="apple-touch-icon" href="icon.png">
|
||||
|
||||
<!--Android info-->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title> It's a scam! </title>
|
||||
<link rel="stylesheet" type="text/css" href="mobile.css">
|
||||
<link rel="manifest" href="manifest.json">
|
||||
</head>
|
||||
<body>
|
||||
<div class="top">
|
||||
<img id="logo" src="icon1.png" />
|
||||
</div>
|
||||
<div class="main">
|
||||
<h1 class="title">It's a scam!</h1>
|
||||
<p class="description">There's a good chance this is a scam! Don't click on any of the links or files attatcked to this email!</p>
|
||||
<div class="tips">
|
||||
<div id="spacer2"></div>
|
||||
<div class="main">
|
||||
<h2>What to do now</h2>
|
||||
<p>If the sender was pretending to be a friend or a coworker, then let them know so you can double check that if for sure wasn't them, and they can let others who might have gotten the email that it's a scam. If it’s from a company like Facebook or Google, check that you or your friends or family haven’t gotten or fallen for this email. DELETE THIS EMAIL! If you or someone else has fallen for a scam, change your passwords and make sure nothing unusual has happened in your bank accounts or online accounts.
|
||||
</p>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
</div>
|
||||
<div class="tips">
|
||||
<div id="spacer2"></div>
|
||||
<div class="main">
|
||||
<h2>How to spot scams</h2>
|
||||
<p>Spotting scam emails, even the most convincing ones, is easier than you'd think. One way to check if an email is a scam is to look at the email address. If the email is from a company like Facebook or Google, check the extension (part after the @) and see if it matches the website's url. For example, if it is from facebook, then check to see if the email address ends in "facebook.com" or "*any word*.facebook.com. If it's different (like facebook.social) then it's a scam. If it's an email from within your own company or school, then check if the extension matches your work or school email. And if it's from a person, make sure it's actually the person they say they are. If it's someone you don't know, or you don't have a way to confirm, be careful. If they're asking for banking info, login info, or any other peronal info, then DON'T GIVE IT TO THEM!</p>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id=spacer></div>
|
||||
|
||||
<div class="bottom">
|
||||
<div id="buttons">
|
||||
<img class="nav-idle" id="finder" src="passicon.png" onclick="window.location.href='index.html';"></img>
|
||||
<img class="nav" id="finder" src="scamicon.png" onclick="window.location.href='scam.html';"></img>
|
||||
<img src="breachicon.png" class="nav-idle" id="monitor" onclick="window.location.href = 'security.html';"></img>
|
||||
<!--<img src="scamicon.png" class="nav-idle" id="phishing" onclick="window.open('https://phishingquiz.withgoogle.com')"></img>-->
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
|
||||
<head>
|
||||
<!--Windows info-->
|
||||
<meta name="msapplication-TileImage" content="icon.png">
|
||||
<meta name="msapplication-TileColor" content="#ff751a">
|
||||
|
||||
<!--iOS info-->
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-title" content="Nymbus">
|
||||
<link rel="apple-touch-icon" href="icon.png">
|
||||
<!--Android info-->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Scam Checker</title>
|
||||
|
||||
<link rel="manifest" href="manifest.json">
|
||||
<link rel="stylesheet" type="text/css" href="mobile.css">
|
||||
<meta name="theme-color" content="#000000"/>
|
||||
</head>
|
||||
<body ng-app="scamchecker" ng-controller="check">
|
||||
<div class="top">
|
||||
<img id="logo" src="icon1.png" />
|
||||
</div>
|
||||
<div class="main">
|
||||
<h1 class="title">Scam Checker</h1>
|
||||
<p class="description">This tool will take information from any email to determine whether or not an email is a scam.</p>
|
||||
<button type="button" class="group" onclick="window.location.href = 'questions.html';">Start</button>
|
||||
<div class="tips">
|
||||
<div id="spacer2"></div>
|
||||
<div class="main">
|
||||
<h2>How this works</h2>
|
||||
<p>This takes information from the email you received to determine if it is a scam. It uses info like the sender’s email, and checks it against other emails from companies in our database, or an email from your workplace if its from a coworker. It will then offer tips to avoid falling for scams to make them easier to spot in the future.</p>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="spacer">
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div id="buttons">
|
||||
<img class="nav-idle" id="finder" src="passicon.png" onclick="window.location.href='index.html';"></img>
|
||||
<img class="nav" id="finder" src="scamicon.png" onclick="window.location.href='scam.html';"></img>
|
||||
<img src="breachicon.png" class="nav-idle" id="monitor" onclick="window.location.href = 'security.html';"></img>
|
||||
<!--<img src="scamicon.png" class="nav-idle" id="phishing" onclick="window.open('https://phishingquiz.withgoogle.com')"></img>-->
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
|
|
@ -0,0 +1,107 @@
|
|||
document.getElementById("next").addEventListener("click", personCompany);
|
||||
document.getElementById("answer").addEventListener("keyup", function (event){
|
||||
if (event.key === 'Enter') {
|
||||
document.getElementById("next").click;
|
||||
}
|
||||
});
|
||||
|
||||
function personCompany(){
|
||||
document.getElementById("next").removeEventListener("click", personCompany);
|
||||
if (document.getElementById("answer").value == "Person" || document.getElementById("answer").value == "person"){
|
||||
document.getElementById("question").innerHTML = "Do you know the person who sent this email?";
|
||||
document.getElementById("answer").placeholder = "Yes or No";
|
||||
document.getElementById("next").addEventListener("click", knowPerson);
|
||||
}
|
||||
else if (document.getElementById("answer").value == "Company" || document.getElementById("answer").value == "company"){
|
||||
document.getElementById("question").innerHTML = "Do you work for this company?";
|
||||
document.getElementById("answer").placeholder = "Yes or No";
|
||||
document.getElementById("next").addEventListener("click", yourCompany);
|
||||
}
|
||||
document.getElementById("answer").value = "";
|
||||
}
|
||||
//Stuff for the person section
|
||||
function knowPerson(){
|
||||
document.getElementById("next").removeEventListener("click", knowPerson);
|
||||
if (document.getElementById("answer").value == "Yes" || document.getElementById("answer").value == "yes"){
|
||||
document.getElementById("question").innerHTML = "Are you certain this email is from this person? Maybe contact them through another means of communication if possible to ask.";
|
||||
document.getElementById("next").addEventListener("click", doubleCheck);
|
||||
}
|
||||
else if (document.getElementById("answer").value == "No" || document.getElementById("answer").value == "no"){
|
||||
document.getElementById("question").innerHTML = "Is this email regarding something you were expecting an email about?";
|
||||
document.getElementById("next").addEventListener("click", expectingEmail);
|
||||
}
|
||||
document.getElementById("answer").value = "";
|
||||
}
|
||||
|
||||
function doubleCheck(){
|
||||
document.getElementById("next").removeEventListener("click", doubleCheck);
|
||||
if (document.getElementById("answer").value == "Yes" || document.getElementById("answer").value == "yes"){
|
||||
window.location.href = "resultN.html";
|
||||
}
|
||||
else if (document.getElementById("answer").value == "No" || document.getElementById("answer").value == "no"){
|
||||
window.location.href = "resultS.html";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function expectingEmail(){
|
||||
document.getElementById("next").removeEventListener("click", expectingEmail);
|
||||
if (document.getElementById("answer").value == "Yes" || document.getElementById("answer").value == "yes"){
|
||||
window.location.href = "resultN.html";
|
||||
}
|
||||
else if (document.getElementById("answer").value == "No" || document.getElementById("answer").value == "no"){
|
||||
window.location.href = "resultS.html";
|
||||
}
|
||||
}
|
||||
|
||||
//stuff for the company section
|
||||
var CheckEmail = "";
|
||||
var trustedExtensions = ["facebook.com", "google.com", "microsoft.com", "instagram.com", "twitter.com", "apple.com"]
|
||||
function yourCompany() {
|
||||
document.getElementById("next").removeEventListener("click", yourCompany);
|
||||
if (document.getElementById("answer").value == "Yes" || document.getElementById("answer").value == "yes"){
|
||||
document.getElementById("question").innerHTML = "What is the extension of your work email address? (The part after the '@')";
|
||||
document.getElementById("answer").placeholder = "Enter work email extension";
|
||||
document.getElementById("next").addEventListener("click", getWorkEmail);
|
||||
}
|
||||
else if (document.getElementById("answer").value == "No" || document.getElementById("answer").value == "no"){
|
||||
document.getElementById("question").innerHTML = "Please enter the extension of the sender's email address (The part after the '@')";
|
||||
document.getElementById("answer").placeholder = "Enter sender's email extension";
|
||||
document.getElementById("next").addEventListener("click", checkExtension);
|
||||
}
|
||||
document.getElementById("answer").value = "";
|
||||
}
|
||||
|
||||
function getWorkEmail() {
|
||||
document.getElementById("next").removeEventListener("click", getWorkEmail);
|
||||
CheckEmail = document.getElementById("answer").value;
|
||||
document.getElementById("question").innerHTML = "Please enter the extension of the sender's email address (The part after the '@')";
|
||||
document.getElementById("answer").placeholder = "Enter sender's email extenion";
|
||||
document.getElementById("next").addEventListener("click", checkExtension);
|
||||
document.getElementById("answer").value = "";
|
||||
}
|
||||
|
||||
function checkExtension() {
|
||||
document.getElementById("next").removeEventListener("click", checkExtension);
|
||||
var senderEmail = document.getElementById("answer").value;
|
||||
var match = false;
|
||||
if (CheckEmail != ""){
|
||||
if (CheckEmail == senderEmail){
|
||||
match = true;
|
||||
}
|
||||
}
|
||||
else{
|
||||
for (i = 0; i < trustedExtensions.length; ++i){
|
||||
if (trustedExtensions[i] == senderEmail){
|
||||
match = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (match == true){
|
||||
window.location.href = "resultN.html";
|
||||
}
|
||||
else if (match == false){
|
||||
window.location.href = "resultS.html";
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,85 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
|
||||
<head>
|
||||
<!--Windows info-->
|
||||
<meta name="msapplication-TileImage" content="icon.png">
|
||||
<meta name="msapplication-TileColor" content="#ff751a">
|
||||
|
||||
<!--iOS info-->
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-title" content="Nymbus">
|
||||
<link rel="apple-touch-icon" href="icon.png">
|
||||
<!--Android info-->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Security Tools</title>
|
||||
|
||||
<link rel="manifest" href="manifest.json">
|
||||
<link rel="stylesheet" type="text/css" href="mobile.css">
|
||||
<meta name="theme-color" content="#000000"/>
|
||||
</head>
|
||||
<body>
|
||||
<div class="top">
|
||||
<img id="logo" src="icon1.png" />
|
||||
</div>
|
||||
<div class="main">
|
||||
<div id="mail">
|
||||
<h1 class="title">Password Managers</h1>
|
||||
<div class="app_row">
|
||||
<button type="button" class ="group" onclick="window.open('https://1password.com')">1Password</button>
|
||||
<button type="button" class ="group" onclick="window.open('https://bitwarden.com')">BitWarden</button>
|
||||
<button type="button" class ="group" onclick="window.open('https://lastpass.com')">LastPass</button>
|
||||
</div>
|
||||
<div class="tips">
|
||||
<div id="spacer2"></div>
|
||||
<h2>About Password Managers</h2>
|
||||
<div class="main">
|
||||
<p>Password managers securely store passwords, and allow you to autofill your information when loging in to an account. This allows you to use different passwords for each of your accounts to keep them more secure.</p>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
<div id="search">
|
||||
<h1 class="title">Breach Checker</h1>
|
||||
<button type="button" class="group" onclick="window.open('https://haveibeenpwned.com')">Have I Been Pwned?</button>
|
||||
<button type="button" class="group" onclick="window.open('https://monitor.firefox.com')">Firefox Monitor</button>
|
||||
<div class="tips">
|
||||
<div id="spacer2"></div>
|
||||
<h2>About Breach Checkers</h2>
|
||||
<div class="main">
|
||||
<p>These services use data collected from known data breaches to check if your information might have been compromised in a data breach. You enter your email address in, and it will check it with a database of breaches and show you if it finds any breaches your email was a part of, nd what information might have been compromised.</p>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="social">
|
||||
<h1 class="title">VPNs</h1>
|
||||
<button type="button" class="group" onclick="window.open('https://nordvpn.com')">Nord VPN</button>
|
||||
<button type="button" class="group" onclick="window.open('https://surfshark.com')">Surfshark</button>
|
||||
<button type="button" class="group" onclick="window.open('https://protonvpn.com')">ProtonVPN</button>
|
||||
<div class="tips">
|
||||
<div id="spacer2"></div>
|
||||
<h2>About VPNs</h2>
|
||||
<div class="main">
|
||||
<p>VPNs (Virtual Private Networks) are tools used to secure your web traffic and make you more anonymous against trackers. They route your internet traffic through an encrypted tunnel to a server of your choosing. This encrypts your internet connection, thus keeping your data safe. It also hides your real IP address by sending your web traffic through a server, making it harder to track you.</p>
|
||||
</div>
|
||||
<div id="spacer2"></div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="donate" type="button" onclick="window.location.href = 'donate.html';">Donate</button>
|
||||
</div>
|
||||
<div id="spacer">
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div id="buttons">
|
||||
<img class="nav-idle" id="finder" src="passicon.png" onclick="window.location.href='index.html';"></img>
|
||||
<img class="nav-idle" id="finder" src="scamicon.png" onclick="window.location.href='scam.html';"></img>
|
||||
<img src="breachicon.png" class="nav" id="monitor" onclick="window.location.href = 'security.html';"></img>
|
||||
<!--<img src="scamicon.png" class="nav-idle" id="phishing" onclick="window.open('https://phishingquiz.withgoogle.com')"></img>-->
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue