From 22090f158f1419af4b35f32b8d6941664ea61f62 Mon Sep 17 00:00:00 2001
From: Eran Goldman-Malka <erangoldman@gmail.com>
Date: Wed, 8 Nov 2017 11:45:54 +0100
Subject: [PATCH] fix syn2cat links color and location

---
 phpCryptoSite/index.html    | 187 +++++++++++++++++++-----------------
 phpCryptoSite/theme/css.css |  33 ++++---
 2 files changed, 118 insertions(+), 102 deletions(-)
diff --git a/phpCryptoSite/index.html b/phpCryptoSite/index.html
index acac383..eeb7b6d 100644
--- a/phpCryptoSite/index.html
+++ b/phpCryptoSite/index.html
@@ -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>
diff --git a/phpCryptoSite/theme/css.css b/phpCryptoSite/theme/css.css
index 2c3180c..664f932 100644
--- a/phpCryptoSite/theme/css.css
+++ b/phpCryptoSite/theme/css.css
@@ -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 {
