2017-06-14 14:19:24 +00:00
<!doctype html>
< html class = "staticrypt-html" >
< head >
< meta charset = "utf-8" >
< title > Protected Page< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
<!-- do not cache this page -->
< meta http-equiv = "cache-control" content = "max-age=0" / >
< meta http-equiv = "cache-control" content = "no-cache" / >
< meta http-equiv = "expires" content = "0" / >
< meta http-equiv = "expires" content = "Tue, 01 Jan 1980 1:00:00 GMT" / >
< meta http-equiv = "pragma" content = "no-cache" / >
< style >
.staticrypt-hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.staticrypt-page {
width: 360px;
padding: 8% 0 0;
margin: auto;
box-sizing: border-box;
}
.staticrypt-form {
position: relative;
z-index: 1;
background: #FFFFFF;
max-width: 360px;
margin: 0 auto 100px;
padding: 45px;
text-align: center;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.staticrypt-form input {
outline: 0;
background: #f2f2f2;
width: 100%;
border: 0;
margin: 0 0 15px;
padding: 15px;
box-sizing: border-box;
font-size: 14px;
}
.staticrypt-form .staticrypt-decrypt-button {
text-transform: uppercase;
outline: 0;
background: #4CAF50;
width: 100%;
border: 0;
padding: 15px;
color: #FFFFFF;
font-size: 14px;
}
.staticrypt-form .staticrypt-decrypt-button:hover, .staticrypt-form .staticrypt-decrypt-button:active, .staticrypt-form .staticrypt-decrypt-button:focus {
background: #43A047;
}
.staticrypt-html {
height: 100%;
}
.staticrypt-body {
margin-bottom: 1em;
background: #76b852; /* fallback for old browsers */
background: -webkit-linear-gradient(right, #76b852, #8DC26F);
background: -moz-linear-gradient(right, #76b852, #8DC26F);
background: -o-linear-gradient(right, #76b852, #8DC26F);
background: linear-gradient(to left, #76b852, #8DC26F);
font-family: "Arial", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.staticrypt-instructions {
margin-top: -1em;
margin-bottom: 1em;
}
.staticrypt-title {
font-size: 1.5em;
}
.staticrypt-footer {
position: fixed;
height: 20px;
font-size: 16px;
padding: 2px;
bottom: 0;
left: 0;
right: 0;
margin-bottom: 0;
}
.staticrypt-footer p {
margin: 2px;
text-align: center;
float: right;
}
< / style >
< / head >
< body class = "staticrypt-body" >
< div class = "staticrypt-page" >
< div class = "staticrypt-form" >
< div class = "staticrypt-instructions" >
< p class = "staticrypt-title" > Protected Page< / p >
< p > Enter "test" to unlock the page< / p >
< / div >
< hr class = "staticrypt-hr" >
< form id = "staticrypt-form" action = "#" method = "post" >
< input id = "staticrypt-password"
type="password"
name="password"
placeholder="passphrase"/>
< input type = "submit" class = "staticrypt-decrypt-button" value = "DECRYPT" / >
< / form >
< / div >
< / div >
< footer class = "staticrypt-footer" >
< p class = "pull-right" > Created with < a href = "https://robinmoisson.github.io/staticrypt" > StatiCrypt< / a > < / p >
< / footer >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.min.js" > < / script >
< script >
2017-06-15 05:36:09 +00:00
document.getElementById('staticrypt-form').addEventListener('submit', function (e) {
e.preventDefault();
2017-06-14 14:19:24 +00:00
2017-06-15 05:36:09 +00:00
var passphrase = document.getElementById('staticrypt-password').value
var encryptedMsg = 'bf73a9eb1c0ef239c83d262470f6a1a55b024a867a41199f73a33b82d73f6855U2FsdGVkX1/GeUxTnFMh1/3gx6bj1Cb4/bQxA/2toJZe8tX6H4azBaCfva11oo9Klj4NIYglL2ln6tQdBGEFHLCRy1ib6Fd89heNRoE30ua/AN0jvfxGP81ZOOzjAeSGb3gDUqOpgobXNz0rTw1z3cl++Sj9yrrOePbhmu7tPEJhz9NT50iAakdHNqm4fOjU4UiJFYBRcKERg0rXG9mHFg==';
2017-06-14 14:19:24 +00:00
2017-06-15 05:36:09 +00:00
var encryptedHMAC = encryptedMsg.substring(0, 64);
var encryptedHTML = encryptedMsg.substring(64);
2017-06-14 14:19:24 +00:00
2017-06-15 05:36:09 +00:00
var decryptedHMAC = CryptoJS.HmacSHA256(encryptedHTML, CryptoJS.SHA256(passphrase)).toString();
2017-06-14 14:19:24 +00:00
2017-06-15 05:36:09 +00:00
if (decryptedHMAC !== encryptedHMAC) {
alert('Bad passphrase !');
return;
}
var plainHTML = CryptoJS.AES.decrypt(encryptedHTML, passphrase).toString(CryptoJS.enc.Utf8);
2017-06-14 14:19:24 +00:00
2017-06-15 05:36:09 +00:00
document.write(plainHTML);
2017-06-15 06:11:04 +00:00
document.close();
2017-06-14 14:19:24 +00:00
});
< / script >
< / body >
< / html >
