fix syn2cat links color and location
Eran Goldman-Malka
parent
da2df3cf4d
commit
22090f158f
|
|
@ -1,89 +1,98 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Level2 decrypt challenge</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="theme/bootstrap.css" media="screen">
|
||||
<link rel="stylesheet" href="theme/usebootstrap.css">
|
||||
<link rel="stylesheet" href="theme/css.css">
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="bootstrap/html5shiv.js"></script>
|
||||
<script src="bootstrap/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
<div class="page-header" id="banner">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-lg-offset-6" id="mainDiv">
|
||||
<h1>Welcome to syn2cat decrypt challenge</h1>
|
||||
<form class="bs-component">
|
||||
<div class="form-group">
|
||||
<label class="control-label" for="enc">Encrypted message</label>
|
||||
<input class="form-control" id="enc" type="text" placeholder="Mffmow mf pmiz!">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label" for="dec">Decrypted message</label>
|
||||
<input class="form-control" id="dec" type="text" value="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-lg-10 col-lg-offset-2 pull-right">
|
||||
<button id="decBtn" type="submit" class="btn btn-primary">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
This page made by <a href=https://syn2cat.lu/>Syn2Cat</a>, the a.s.b.l. running the <a href=https://level2.lu/>Level2</a> hackerspace.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
|
||||
<script src="bootstrap/bootstrap.min.js"></script>
|
||||
<script src="bootstrap/usebootstrap.js"></script>
|
||||
<script>
|
||||
var caesarShift = function(str, amount) {
|
||||
if (amount < 0)
|
||||
return caesarShift(str, amount + 26);
|
||||
var output = '';
|
||||
for (var i = 0; i < str.length; i ++) {
|
||||
var c = str[i];
|
||||
if (c.match(/[a-z]/i)) {
|
||||
var code = str.charCodeAt(i);
|
||||
if ((code >= 65) && (code <= 90))
|
||||
c = String.fromCharCode(((code - 65 + amount) % 26) + 65);
|
||||
else if ((code >= 97) && (code <= 122))
|
||||
c = String.fromCharCode(((code - 97 + amount) % 26) + 97);
|
||||
}
|
||||
output += c;
|
||||
}
|
||||
return output;
|
||||
};
|
||||
$( document ).ready(function() {
|
||||
$("#decBtn").click(function( event ) {
|
||||
event.preventDefault();
|
||||
var enc = $("#enc").val();
|
||||
var dec = $("#dec").val();
|
||||
var result = "";//caesarShift(enc,-12);
|
||||
var succeed = false;
|
||||
for (var i = 1; i <26; i++)
|
||||
{
|
||||
result = caesarShift(enc,i);
|
||||
if (result === dec){
|
||||
$("#mainDiv").empty().append("<h1 class='text-success'>Congratulations, you made it!</h1><h3><a href='./index.html'>click here to<br>Try another code</a></h3>");
|
||||
succeed = true;
|
||||
}
|
||||
if (!succeed)
|
||||
$("#mainDiv").empty().append("<h1 class='text-danger'>Sorry, you didn't succeed</h1><h3><a href='./index.html'>click here to<br>Try again</a></h3>");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Level2 decrypt challenge</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="theme/bootstrap.css" media="screen">
|
||||
<link rel="stylesheet" href="theme/usebootstrap.css">
|
||||
<link rel="stylesheet" href="theme/css.css">
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="bootstrap/html5shiv.js"></script>
|
||||
<script src="bootstrap/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="container">
|
||||
<div class="page-header" id="banner">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-lg-offset-6" id="mainDiv">
|
||||
<h1>Welcome to syn2cat decrypt challenge</h1>
|
||||
<form class="bs-component">
|
||||
<div class="form-group">
|
||||
<label class="control-label" for="enc">Encrypted message</label>
|
||||
<input class="form-control" id="enc" type="text" placeholder="Mffmow mf pmiz!">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label" for="dec">Decrypted message</label>
|
||||
<input class="form-control" id="dec" type="text" value="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-lg-10 col-lg-offset-2 pull-right">
|
||||
<button id="decBtn" type="submit" class="btn btn-primary">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-lg-offset-8">
|
||||
<p class="text-muted credit"> This page made by <a href=https://syn2cat.lu/>Syn2Cat</a>, the a.s.b.l. running the <a href=https://level2.lu/>Level2</a> hackerspace.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
|
||||
<script src="bootstrap/bootstrap.min.js"></script>
|
||||
<script src="bootstrap/usebootstrap.js"></script>
|
||||
<script>
|
||||
var caesarShift = function(str, amount) {
|
||||
if (amount < 0)
|
||||
return caesarShift(str, amount + 26);
|
||||
var output = '';
|
||||
for (var i = 0; i < str.length; i++) {
|
||||
var c = str[i];
|
||||
if (c.match(/[a-z]/i)) {
|
||||
var code = str.charCodeAt(i);
|
||||
if ((code >= 65) && (code <= 90))
|
||||
c = String.fromCharCode(((code - 65 + amount) % 26) + 65);
|
||||
else if ((code >= 97) && (code <= 122))
|
||||
c = String.fromCharCode(((code - 97 + amount) % 26) + 97);
|
||||
}
|
||||
output += c;
|
||||
}
|
||||
return output;
|
||||
};
|
||||
$(document).ready(function() {
|
||||
$("#decBtn").click(function(event) {
|
||||
event.preventDefault();
|
||||
var enc = $("#enc").val();
|
||||
var dec = $("#dec").val();
|
||||
var result = ""; //caesarShift(enc,-12);
|
||||
var succeed = false;
|
||||
for (var i = 1; i < 26; i++) {
|
||||
result = caesarShift(enc, i);
|
||||
if (result === dec) {
|
||||
$("#mainDiv").empty().append("<h1 class='text-success'>Congratulations, you made it!</h1><h3><a href='./index.html'>click here to<br>Try another code</a></h3>");
|
||||
succeed = true;
|
||||
}
|
||||
if (!succeed)
|
||||
$("#mainDiv").empty().append("<h1 class='text-danger'>Sorry, you didn't succeed</h1><h3><a href='./index.html'>click here to<br>Try again</a></h3>");
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -9,21 +9,28 @@ body {
|
|||
color:#fff;
|
||||
background-color:#333;
|
||||
font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
|
||||
height: 100%;
|
||||
}
|
||||
/* Sticky footer styles
|
||||
-------------------------------------------------- */
|
||||
/* Wrapper for page content to push down footer */
|
||||
.wrap {
|
||||
min-height: 100%;
|
||||
height: auto !important;
|
||||
height: 100%;
|
||||
/* Negative indent footer by its height */
|
||||
margin: 0 auto -60px;
|
||||
/* Pad bottom by footer height */
|
||||
padding: 0 0 60px;
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
color:#eee;
|
||||
}
|
||||
|
||||
.block {
|
||||
background-color:rgba(0,0,0,0.2);
|
||||
height:370px;
|
||||
padding-left:12px;
|
||||
padding-right:12px;
|
||||
}
|
||||
|
||||
.block-sm {
|
||||
height:180px;
|
||||
/* Set the fixed height of the footer here */
|
||||
.footer {
|
||||
height: 60px;
|
||||
background-color: #00000000;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.btn-flat {
|
||||
|
|
|
|||
Loading…
Reference in New Issue