Notes
Notes - notes.io |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Sign In with Auth0</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.css">
</head>
<style>
body {
background-image: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9993 1.06598L7.92724 12.6808L14.3849 14.7549L8.33084 15.9993L1.06598 26.3697L15.9993 30.9326L30.9326 26.3697L23.6678 15.5845L17.6137 14.7549L24.0714 12.6808L15.9993 1.06598Z' fill='%2310CFC9' /%3E%3Cpath d='M15.9993 1.06598L7.92724 12.6808L14.3849 14.7549L8.33084 15.9993L1.06598 26.3697L15.9993 30.9326V1.06598Z' fill='%23189092' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.44 15.8318L20.636 14.9826L25.144 13.5959L16 0L6.856 13.5959L11.364 14.9826L7.56 15.8318L0 27.0769L16 32L32 27.0769L24.44 15.8318ZM16.0022 2.89323L19.1502 7.57425L16.0022 8.54246L12.8542 7.57425L16.0022 2.89323ZM16.0013 10.2575L11.8973 8.99392L9.42535 12.6739L16.0013 14.6965L22.5773 12.6862L20.1053 8.99392L16.0013 10.2575ZM8.91822 16.8889L16.2222 18.7638L23.5342 16.8889L26.2222 20.8971L16.2222 23.974L6.22222 20.8971L8.91822 16.8889ZM5.04024 22.4627L2.56424 26.155L16.0002 30.2863L29.4362 26.1673L26.9602 22.475L16.0002 25.8473L5.04024 22.4627Z' fill='%23231F20' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 200%;
background-position: top center fixed;
background-color: #41495C;
}
body::after {
content: "";
background: black;
opacity: 0.65;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
z-index: -1;
}
body > .grid {
height: 100%;
}
.login-container {
position: relative;
height: 100%;
}
.login-box {
position: relative;
top: 50%;
transform: translateY(50%);
padding: 15px;
}
.login-header {
text-align: center;
}
.login-header img {
width: 75px;
}
#email, #password {
height: 40px;
}
#error-message {
display: none;
}
</style>
<body>
<!--[if IE 8]>
<script src="//cdnjs.cloudflare.com/ajax/libs/ie8/0.2.5/ie8.js"></script>
<![endif]-->
<!--[if lte IE 9]>
<script src="https://cdn.auth0.com/js/base64.js"></script>
<script src="https://cdn.auth0.com/js/es5-shim.min.js"></script>
<![endif]-->
<div class="ui middle aligned center aligned grid">
<div class="six wide column">
<div class="ui segments">
<div class="ui segment">
<h2>Welcome to Inventaprint</h2>
</div>
<div class="ui segment">
<form class="ui large form">
<div class="field">
<div class="ui left icon large input">
<i class="at icon"></i>
<input type="email" id="email" placeholder="Enter your email" />
</div>
</div>
<div class="field">
<div class="ui left icon large input">
<i class="lock icon"></i>
<input type="password" id="password" placeholder="Enter your password" />
</div>
</div>
<div class="ui submit fluid large button" id="btn-login">
Login
</div>
</form>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.js"></script>
<script src="https://cdn.auth0.com/js/auth0/9.5.1/auth0.min.js"></script>
<script src="https://cdn.auth0.com/js/polyfills/1.0/object-assign.min.js"></script>
<script>
window.addEventListener('load', function () {
var config = JSON.parse(decodeURIComponent(
escape(window.atob('@@config@@'))
));
var params = Object.assign({
domain: config.auth0Domain,
clientID: config.clientID,
redirectUri: config.callbackURL,
responseType: 'code'
}, config.internalOptions);
var databaseConnection = "Username-Password-Authentication";
var webAuth = new auth0.WebAuth(params);
function login(e) {
e.preventDefault();
var username = document.getElementById('email').value;
var password = document.getElementById('password').value;
webAuth.login({
realm: databaseConnection,
username: username,
password: password
}, function (err) {
if (err) displayError(err);
});
}
function displayError(err) {
var errorMessage = document.getElementById('error-message');
console.log(err.description);
errorMessage.innerHTML = err.description;
errorMessage.style.display = 'block';
}
document.getElementById('btn-login').addEventListener('click', login);
})
</script>
</body>
</html>
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
