forked from Anthony-Q/CRUDite
-
Notifications
You must be signed in to change notification settings - Fork 41
/
index.html
70 lines (62 loc) · 2.51 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html>
<head>
<title>Code Ninja</title>
<link rel="shortcut icon" href="favicon.ico" sizes="64x64">
<link href="https://fonts.googleapis.com/css?family=Lato:700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>
<script type="text/javascript" src="DataTables/datatables.min.js"></script>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" type="text/css" href="DataTables/datatables.min.css"/>
<script src="app.js"></script>
</head>
<body>
<div class="container">
<div class="titleContainer">
<div id="header" a href="."><Code Ninja/><span class="bar">|</span></div>
<div id="motto">Create.Update.Delete</div>
<div id="buttonContainer">
<button class="store-button">Save Code</button>
<button class="get-button">Retrieve Code</button>
<button class="delete-button">Delete Code</button>
<button class="run-button">Run Code</button>
</div>
<div id="recent-snippets">Recent Snippets
<div class="snippet-box"></div>
</div>
</div>
<div id="codeContainer">
<div class="textContainer">
<p class="synopsis">
<strong><u>Code Ninja</u></strong>
is an interactive Javascript IDE for Chrome.
It saves your code to your PC's local storage
and can retrieve saved code long after submission.
Write, edit, update and delete code with the click of a button.</p>
<p class="synopsisBreak">
Your code will never break formatting and will last as long as
your computer does. After running your code, press Command + Option + J
to see the result.</p>
</div>
<textarea class="input-title-field" type="text" placeholder="Code Title Here...">codeNinja.js</textarea>
<pre id="editor">const codeNinja = function() {
return "Welcome to Code Ninja!";
}
codeNinja();</pre>
<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/iplastic");
editor.session.setMode("ace/mode/javascript");
</script>
<span class="built-with">Built using ACE and Jquery</span>
</div>
</div>
<div id="footer">Created and maintained by Anthony Quattrocchi | github.com/Anthony-Q | Hack Reactor LA</div>
</body>
</html>