Skip to content

Commit a5c1c2c

Browse files
wheresmehatwheresmehat
committed
New Files
1 parent 0c7db72 commit a5c1c2c

7 files changed

Lines changed: 685 additions & 64 deletions

File tree

‎.gitattributes‎

Lines changed: 0 additions & 17 deletions
This file was deleted.

‎.gitignore‎

Lines changed: 0 additions & 47 deletions
This file was deleted.

‎codeRun.css‎

Lines changed: 193 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,193 @@
1+
2+
body {
3+
padding: 0;
4+
margin: 0;
5+
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
6+
color: #222;
7+
}
8+
9+
a {
10+
text-decoration: none;
11+
}
12+
13+
textarea {
14+
resize: none;
15+
}
16+
17+
textarea:focus, input:focus {
18+
outline: 0;
19+
}
20+
21+
#headerEl {
22+
width: 100%;
23+
height: 40px;
24+
background-color: #EEE;
25+
}
26+
27+
#headerEl h1 {
28+
float: left;
29+
padding: 6px 0 0 10px;
30+
margin: 0;
31+
font-size: 1.4em;
32+
}
33+
34+
#navLst {
35+
padding-left: 40%;
36+
}
37+
38+
#navLst ul {
39+
list-style: none;
40+
float: left;
41+
padding: 0 3px;
42+
margin-top: 8px;
43+
}
44+
45+
#navLst li {
46+
display: inline;
47+
font-size: 1.2em;
48+
padding: 0 8px;
49+
border-top: 1px solid #999;
50+
border-bottom: 1px solid #999;
51+
}
52+
53+
#navLst li:first-child {
54+
border-left: 1px solid #999;
55+
border-radius: 6px 0 0 6px;
56+
57+
}
58+
59+
#navLst li:last-child {
60+
border-right: 1px solid #999;
61+
border-radius: 0 6px 6px 0;
62+
}
63+
64+
#navLst li.activated {
65+
background-color: #666;
66+
}
67+
68+
#navLst li a {
69+
color: #222;
70+
}
71+
72+
#navLst li.activated a {
73+
color: #EEE;
74+
}
75+
76+
#navLst li a:hover {
77+
color: #666;
78+
}
79+
80+
#navLst li.activated a:hover {
81+
color: #FFF;
82+
}
83+
84+
#runDiv {
85+
float: right;
86+
font-size: 1.4em;
87+
padding: 0 3px;
88+
margin-top: 6px;
89+
margin-right: 25px;
90+
background-color: #666;
91+
border: 1px solid #666;
92+
border-radius: 6px;
93+
}
94+
95+
#runDiv a {
96+
color: #EEE;
97+
}
98+
99+
#runDiv a:hover {
100+
color: #FFF;
101+
}
102+
103+
section {
104+
clear: both;
105+
overflow: auto;
106+
width: 100%;
107+
height: 100vh;
108+
}
109+
110+
#sectCode h4 {
111+
margin: 0;
112+
padding-left: 10px;
113+
padding-bottom: 10px;
114+
color: rgba(34, 34, 34, 0.4);
115+
}
116+
117+
article {
118+
float: left;
119+
width: 24.7%;
120+
height: 100vh;
121+
}
122+
123+
article:nth-child(2) {
124+
border-left: 1px solid #999;
125+
}
126+
127+
article:nth-child(3) {
128+
border-left: 1px solid #999;
129+
}
130+
131+
article:nth-child(4) {
132+
border-left: 1px solid #999;
133+
}
134+
135+
article.dispNone {
136+
display: none;
137+
}
138+
139+
.textareaCode {
140+
border: none;
141+
width: 97%;
142+
height: 88%;
143+
padding-left: 1%;
144+
padding-right: 1%;
145+
}
146+
147+
148+
@media only screen and (max-width: 610px) {
149+
150+
body {
151+
font-size: 0.8em;
152+
}
153+
154+
#navLst {
155+
padding-left: 35%;
156+
}
157+
158+
#headerEl {
159+
height: 30px;
160+
}
161+
}
162+
163+
@media only screen and (max-width: 460px) {
164+
165+
#navLst {
166+
padding-left: 30%;
167+
}
168+
169+
#runDiv {
170+
margin-right: 5px;
171+
}
172+
}
173+
174+
@media only screen and (max-width: 360px) {
175+
body {
176+
font-size: 1em;
177+
}
178+
179+
#navLst {
180+
padding-left: 1%;
181+
}
182+
183+
#headerEl {
184+
height: 40px;
185+
}
186+
187+
#headerEl h1 {
188+
display: none;
189+
}
190+
191+
192+
}
193+

‎codeRun.html‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
7+
<title>CodeRun</title>
8+
9+
<link rel="stylesheet" href="codeRun.css">
10+
11+
12+
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
13+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
14+
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
15+
16+
</head>
17+
18+
<body>
19+
20+
<header id="headerEl">
21+
<h1>CodeRun</h1>
22+
<nav id="navLst">
23+
<ul>
24+
<li id="htmlBt" class="activated"><a href="#">HTML</a></li><li id="cssBt" class="activated"><a href="#">CSS</a></li><li id="jsBt" class="activated"><a href="#">JS</a></li><li id="resultBt" class="activated"><a href="#">Result</a></li>
25+
</ul>
26+
</nav>
27+
<div id="runDiv"><a id="runAnchor" title="Ctrl + Enter" href="#">Run</a></div>
28+
</header>
29+
30+
<section id="sectCode">
31+
32+
<article id="htmlA">
33+
<h4>HTML</h4>
34+
<textarea class="tabIndent textareaCode" id="htmlI"></textarea>
35+
</article>
36+
37+
<article id="cssA">
38+
<h4>CSS</h4>
39+
<textarea class="tabIndent textareaCode" id="cssI"></textarea>
40+
</article>
41+
42+
<article id="jsA">
43+
<h4>JS</h4>
44+
<textarea class="tabIndent textareaCode" id="jsI"></textarea>
45+
</article>
46+
47+
<article id="resultA">
48+
<h4>Result</h4>
49+
</article>
50+
</section>
51+
52+
<script src="tabIndent.js"></script>
53+
<script type="text/javascript" src="codeRun.js"></script>
54+
55+
</body>
56+
</html>

0 commit comments

Comments
 (0)