85 lines
3.7 KiB
HTML
85 lines
3.7 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="icon" type="image/png" href="/img/favicon.ico"/>
|
|
<title>Nicolas Riault</title>
|
|
|
|
<!--------------------------------------CSS-------------------------------------->
|
|
<link href="/css/libs/google-font.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css"
|
|
integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
|
|
<link href="/css/libs/flexboxgrid.css" rel="stylesheet">
|
|
<link href="/css/libs/bootstrap.css" rel="stylesheet">
|
|
<link href="/css/libs/owl.carousel.min.css" rel="stylesheet">
|
|
<link href="/css/libs/owl.theme.default.min.css" rel="stylesheet">
|
|
<link href="/css/styles.css" type="text/css" rel="stylesheet"/>
|
|
<link href="/css/timeline.css" type="text/css" rel="stylesheet"/>
|
|
<!--------------------------------------JS-------------------------------------->
|
|
<script src="../js/form.js"></script>
|
|
<script src="../js/libs/jquery.min.js"></script>
|
|
</head>
|
|
|
|
<!--------------------------------------PRELOAD PAGE-------------------------------------->
|
|
|
|
<div id="preload-overlay">
|
|
<div class="loader-frame">
|
|
<div class="loader1" id="loader1"></div>
|
|
<div class="loader2" id="loader2"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<body>
|
|
<header id="vault-header">
|
|
<div class="header-wrapper">
|
|
<a class="navbar-brand" href="/vault">
|
|
<img src="../img/texte-logo.png">
|
|
</a>
|
|
</div>
|
|
</header>
|
|
<link href="/css/vault.css" type="text/css" rel="stylesheet"/>
|
|
|
|
<section class="contact-wrap">
|
|
<form class="material-form" onsubmit="return genpass();">
|
|
<div class="input-block floating-field">
|
|
<label>Url du site</label>
|
|
<input value="" class="form-control" name="url" type="url" id="url" required>
|
|
</div>
|
|
<div class="input-block floating-field">
|
|
<label>Votre mot de passe pour encoder</label>
|
|
<input name="salt" type="password" class="form-control" id="salt" required/>
|
|
</div>
|
|
<div class="input-block floating-field">
|
|
<label>Taille</label>
|
|
<input name="maxchars" type="number" class="form-control" value="10" id="maxchars" required/>
|
|
</div>
|
|
|
|
<button class="btn square-button material-btn d-sm-none">Générer</button>
|
|
<button class="btn square-button material-btn d-none d-sm-block">Générer votre mot de passe sécurisé</button>
|
|
|
|
<p class="result">
|
|
<label for="resAlNum">Alphanumérique</label>
|
|
<input name="resAlNum" class="feedback-input" type="text" class="" id="resAlNum" disabled/>
|
|
<label for="resAlNumSpe">Alphanumérique + Spé</label>
|
|
<input name="resAlNumSpe" class="feedback-input" type="text" class="" id="resAlNumSpe" disabled/>
|
|
</p>
|
|
</form>
|
|
</section>
|
|
<script src="../js/libs/sha512.js"></script>
|
|
<script src="../js/vault.js"></script>
|
|
|
|
|
|
<!--------------------------------------FOOTER SECTION-------------------------------------->
|
|
|
|
<script src="../js/libs/isotope.pkgd.min.js"></script>
|
|
<script src="../js/libs/owl.carousel.min.js"></script>
|
|
<script src="../js/libs/scrollmagic/minified/ScrollMagic.min.js"></script>
|
|
<script src="../js/libs/scrollmagic/uncompressed/plugins/debug.addIndicators.js"></script>
|
|
<script src="../js/libs/bootstrap.js"></script>
|
|
<script src="../js/main.js"></script>
|
|
<!--<script src="js/timeline.js"></script>-->
|
|
<script src="../js/libs/jscrollreveal.min.js"></script>
|
|
|
|
</body>
|
|
</html> |