a0xnirudh · sreelakshmi63 · Oct 9, 2015 · Oct 9, 2015 · Oct 9, 2015 · Oct 9, 2015
diff --git a/index.html b/index.html
diff --git a/index.html~ b/index.html~
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>ACE in Action</title>
+    <style type="text/css" media="screen">
+        #editor {
+            bottom: 0;
+            left: 0;
+            margin: 0 auto;
+            position: absolute;
+            right: 0;
+            top: 0;
+            width: 63%;
+            height:50%;
+            font-size: 16px;
+            margin-left:33%;
+
+        }
+        #submit {
+            margin-right: 31%; 
+            position:absolute;
+            bottom:6%;
+            right: 0;
+
+
+
+        }
+
+        #reset {
+         margin-right: 40%; 
+            position:absolute;
+            bottom:6%;
+            right: 0;
+           }
+
+
+        body {
+            background: black none repeat scroll 0 0;
+            bottom: 0;
+            left: 0;
+            position: absolute;
+            right: 0;
+            top: 0;
+        }
+        #filler{}
+        #container{bottom: 0;
+            height: 150%;
+            left: 0;
+            position: fixed;
+            right: 0;
+            top: 0;
+            width: 70%;
+            margin-left:2%;
+            margin-top:6%;
+
+        }
+        #explanation{
+            width: 30%;
+            height: 50%;
+            margin: 0 auto;
+            background:white;
+            margin-bottom:2%;
+            margin-right:2%;
+            margin-left:69%;
+             margin-top:4%;
+
+            border-radius: 0px 0px 0px 0px;
+
+
+        }
+
+        #instruction{
+            width: 32%;
+            height: 50%;
+            margin: 0 auto;
+            background:white;
+            margin-bottom:2%;
+            margin-right:2%;
+            margin-left:1%;
+            filter: blur(strength=50);
+            border-radius: 0px 0px 0px 0px; 
+
+        }
+
+        #hinstruction{
+            margin-left: 20%;
+            }
+
+        #houtput{
+            margin-left: 35%;
+            }
+
+
+    </style>
+</head>
+<body>
+
+
+
+*****<img src="picture/hack2.png" style="width:200px; height:80px;" align="middle">
+
+<div id="container">
+
+<div id="editor">public function sanitize($user_input) {
+  $x = htmlspecialchars(trim($user_input));
+  return "&lt;span title='".$x."'&gt;User input added as span title &lt;/span&gt;";
+}
+
+    </div>
+
+
+   <div id="instruction"><div id="hinstruction"><strong><font size=5px">Instructions</font><strong></div></div> 
+</div>
+
+<div id="explanation"><div id="houtput"><strong><font size=5px">Output</font><strong></div></div>
+
+<div id="submit">
+        <input type="submit" value="Submit"  onclick="execute()"
+               style="background-color:#5B74A8;
+
+  border-top: 2px solid #5f6c4d;
+  border-right: 2px solid #000000;
+  border-bottom: 2px solid #000000;
+  border-left: 2px solid #5f6c4d;
+  width: 90px; height: 30px;
+  font-size:0.9em;
+  font-weight: bold;
+  cursor:pointer;
+  border-radius: 0px 0px 0px 0px;" />
+
+    </div>
+
+    <div id="reset">
+        <a href="index.html" > <input type="reset" value="Reset"  onclick="editor/index.html"
+               style="background-color:#5B74A8;
+
+  border-top: 2px solid #5f6c4d;
+  border-right: 2px solid #000000;
+  border-bottom: 2px solid #000000;
+  border-left: 2px solid #5f6c4d;
+  width: 90px; height: 30px;
+  font-size:0.9em;
+  font-weight: bold;
+  cursor:pointer;
+  border-radius: 0px 0px 0px 0px;" /></a>
+
+
+    </div>
+
+
+<script src="ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
+<script>
+    var editor = ace.edit("editor");
+    editor.setTheme("ace/theme/monokai");
+    editor.getSession().setMode("ace/mode/javascript");
+    editor.getSession().setUseWrapMode(true);
+    editor.setHighlightActiveLine(true);
+    editor.getSession().setTabSize(4);
+    document.getElementById('editor').style.fontSize='16px';
+    editor.resize();
+
+    function execute() {
+        var http = new XMLHttpRequest();
+        var response = '';
+        http.open("POST", "test.php", true);
+        http.responseType = "text";
+        http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+        http.onreadystatechange = function() {
+            if (http.readyState == 4 && http.status == 200) {
+                response = http.responseText;
+                document.getElementById("explanation").innerHTML = response;
+
+            }
+        };
+        http.send("function="+ editor.getValue());
+    }
+
+</script>
+
+</body>
+</html>
diff --git a/picture/bb.png b/picture/bb.png
diff --git a/picture/bbr.jpg b/picture/bbr.jpg
diff --git a/picture/bl.jpg b/picture/bl.jpg
diff --git a/picture/bluecurves.jpg b/picture/bluecurves.jpg
diff --git a/picture/gt.jpg b/picture/gt.jpg
diff --git a/picture/ind.jpeg b/picture/ind.jpeg
diff --git a/picture/logo.png b/picture/logo.png
diff --git a/picture/tt.jpg b/picture/tt.jpg
diff --git a/picture/vf.jpg b/picture/vf.jpg