further obfuscuting url

quiz.js

@@ -2009,6 +2009,14 @@ function calc_score(score, max_value) {
   return ((100 * score) / max_value).toFixed(0);
 }
 
+function rot13(s) {
+  return s.replace(/[A-Za-z]/g, function (c) {
+    return "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".charAt(
+           "NOPQRSTUVWXYZABCDEFGHIJKLMnopqrstuvwxyzabcdefghijklm".indexOf(c)
+    );
+  });
+}
+
 function results() {
   var axes = {};
 
@@ -2053,7 +2061,7 @@ function results() {
       url += aK + "=" + calc_score(axes[aK].val, axes[aK].sum);
     }
   }
-  url = window.btoa(url);
+  url = window.btoa(rot13(url));
   url = "/results/?" + url;
 
   location.href = url;

results.js

@@ -31,8 +31,16 @@ function shareLink() {
   }
 }
 
+function rot13(s) {
+  return s.replace(/[A-Za-z]/g, function (c) {
+    return "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".charAt(
+           "NOPQRSTUVWXYZABCDEFGHIJKLMnopqrstuvwxyzabcdefghijklm".indexOf(c)
+    );
+  } );
+}
+
 function getQueryVariable(variable) {
-  var query = window.atob(window.location.search.substring(1));
+  var query = rot13(window.atob(window.location.search.substring(1)));
   var vars = query.split("&");
   for (var i = 0; i < vars.length; i++) {
     var pair = vars[i].split("=");

results/index.html

@@ -362,7 +362,7 @@
 			</div>
 
 			<div class="navButtons">
-				<button class="button" href="/quiz">Restart the test</button>
+				<a class="button" href="/quiz">Restart the test</a>
 			</div>
 		</div>
 	</div>
@@ -373,8 +373,8 @@
 		</p>
 	</div>
 
-<script type="application/javascript" src="/flags.js"></script>
-<script type="application/javascript" src="/results.js"></script>
+<script src="/flags.js"></script>
+<script src="/results.js"></script>
 </body>
 </html>
 

style.css

@@ -86,7 +86,7 @@ h3 {
 
 .questionBox {
   max-width: 640px;
-  min-height: 5em;
+  min-height: 5.5em;
   margin: 1em auto;
 }
 .description {
@@ -202,6 +202,7 @@ h3 {
 .button {
   background-color: #500076;
   color: white;
+  cursor: pointer;
 }
 .buttonQuestion,
 #back_button,
@@ -315,6 +316,7 @@ h3 {
 .scale .axis .axis-bar .axis-center,
 .scale .axis .axis-bar .axis-right {
   font-size: 3.2vmin;
+  line-height: 5vmin;
 }
 .scale .axis .axis-bar .axis-left span,
 .scale .axis .axis-bar .axis-right span {
@@ -325,8 +327,6 @@ h3 {
 .scale .axis .axis-bar .axis-left span,
 .scale .axis .axis-bar .axis-center span,
 .scale .axis .axis-bar .axis-right span {
-  line-height: 5vmin;
-  vertical-align: middle;
 }
 .scale .axis .axis-bar .axis-left {
   text-align: right;