From 634829d9d723624721807d205d054a47ff23eecf Mon Sep 17 00:00:00 2001 From: sreelakshmi63 Date: Fri, 9 Oct 2015 11:25:11 +0530 Subject: [PATCH 01/12] added instruction area and reset button --- index.html | 96 +++++++++++++++++++++++++++++++++++++-------- index.html~ | 110 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 190 insertions(+), 16 deletions(-) create mode 100755 index.html~ diff --git a/index.html b/index.html index 5aa1c90..c318b13 100755 --- a/index.html +++ b/index.html @@ -13,15 +13,29 @@ width: 63%; height:50%; font-size: 16px; + margin-left:33%; + } #submit { - margin-right: 19%; + margin-right: 31%; position:absolute; - bottom:50%; + bottom:6%; right: 0; + + + } + + #reset { + margin-right: 40%; + position:absolute; + bottom:6%; + right: 0; + } + + body { - background: grey none repeat scroll 0 0; + background: black none repeat scroll 0 0; bottom: 0; left: 0; position: absolute; @@ -30,34 +44,57 @@ } #filler{} #container{bottom: 0; - height: 100%; + height: 150%; left: 0; - position: relative; + position: fixed; right: 0; top: 0; - width: 100%; + width: 70%; + margin-left:2%; + margin-top:6%; + } #explanation{ - width: 63%; - height: 30%; + width: 30%; + height: 50%; + margin: 0 auto; + background:white; + margin-bottom:2%; + margin-right:2%; + margin-left:70%; + + + } + + #instruction{ + width: 32%; + height: 50%; margin: 0 auto; background:white; margin-bottom:2%; + margin-right:2%; + margin-left:0%; + border-radius: 40px 40px 40px 40px; + } + header{ display: block; margin: 2%; text-align: center; } + + + -
SuperAwesome unit testing thingy
+
SuperAwesome unit testing thingy
-
Here will be the explanation
+
public function sanitize($user_input) { $x = htmlspecialchars(trim($user_input)); return "<span title='".$x."'>User input added as span title </span>"; @@ -65,17 +102,44 @@
-
- Instructions
+
+ +
Here will be the output
+ +
+ + width: 90px; height: 30px; + font-size:0.9em; + font-weight: bold; + cursor:pointer; + border-radius: 15px 40px 15px 40px;" /> +
- + +
+ + +
+ + + + + From 388c5a25362c5a3dc8af22a2fc61cb2c44c10ed6 Mon Sep 17 00:00:00 2001 From: sreelakshmi63 Date: Fri, 9 Oct 2015 22:00:01 +0530 Subject: [PATCH 02/12] added heading --- index.html | 24 ++++++---- index.html~ | 112 +++++++++++++++++++++++++++++++++++++--------- picture/hack1.jpg | Bin 0 -> 7652 bytes 3 files changed, 106 insertions(+), 30 deletions(-) create mode 100644 picture/hack1.jpg diff --git a/index.html b/index.html index c318b13..b62c05d 100755 --- a/index.html +++ b/index.html @@ -62,6 +62,9 @@ margin-bottom:2%; margin-right:2%; margin-left:70%; + margin-top:4%; + + border-radius: 40px 40px 40px 40px; } @@ -74,25 +77,28 @@ margin-bottom:2%; margin-right:2%; margin-left:0%; + border-radius: 40px 40px 40px 40px; } - header{ - display: block; - margin: 2%; - text-align: center; - } + #hinstruction{ + margin-left: 30%; + } + #houtput{ + margin-left: 40%; + } - -
SuperAwesome unit testing thingy
+ +**************************************************************** +
public function sanitize($user_input) { @@ -103,10 +109,10 @@
-
Instructions
+
Instructions
-
Here will be the output
+
Output
-
SuperAwesome unit testing thingy
-
Here will be the explanation
+ + +****************************************************************
+
public function sanitize($user_input) { $x = htmlspecialchars(trim($user_input)); return "<span title='".$x."'>User input added as span title </span>"; @@ -65,17 +108,44 @@
-
-
Instructions
+
+ +
Output
+ +
+ + width: 90px; height: 30px; + font-size:0.9em; + font-weight: bold; + cursor:pointer; + border-radius: 15px 40px 15px 40px;" /> +
-
+ +
+ + +
+