Skip to content

Commit 9241b76

Browse files
committed
naming adjustments
1 parent 7954b41 commit 9241b76

File tree

17 files changed

+1392
-0
lines changed

17 files changed

+1392
-0
lines changed

coder-base/apps/space_rocks_/app.js

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
exports.settings={};
2+
//These are dynamically updated by the runtime
3+
//settings.appname - the app id (folder) where your app is installed
4+
//settings.viewpath - prefix to where your view html files are located
5+
//settings.staticurl - base url path to static assets /static/apps/appname
6+
//settings.appurl - base url path to this app /app/appname
7+
8+
exports.get_routes = [
9+
{ path:'/', handler:'index_handler' },
10+
];
11+
12+
exports.post_routes = [
13+
];
14+
15+
16+
exports.index_handler = function( req, res ) {
17+
var tmplvars = {};
18+
tmplvars['static_url'] = exports.settings.staticurl;
19+
tmplvars['app_name'] = exports.settings.appname;
20+
tmplvars['app_url'] = exports.settings.appurl;
21+
tmplvars['device_name'] = exports.settings.device_name;
22+
23+
res.render( exports.settings.viewpath + '/index', tmplvars );
24+
};
25+
26+
exports.on_destroy = function() {
27+
};
Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{
2+
"created": "2013-03-12",
3+
"modified": "2013-06-25",
4+
"color": "#3498d8",
5+
"author": "Justin Windle",
6+
"name": "Space Rocks!",
7+
"hidden": false
8+
}
Lines changed: 330 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,330 @@
1+
2+
html, body {
3+
4+
-webkit-font-smoothing: antialiased;
5+
font-family: "Courier New", Courier, monospace;
6+
overflow: hidden;
7+
height: 100%;
8+
margin: 0;
9+
}
10+
11+
a {
12+
text-decoration: none;
13+
cursor: pointer;
14+
opacity: 0.8;
15+
color: inherit;
16+
}
17+
18+
a:hover {
19+
opacity: 1.0;
20+
}
21+
22+
#snippetcode {
23+
height: 100%;
24+
width: 100%;
25+
}
26+
27+
#visualview {
28+
height: 100%;
29+
}
30+
31+
#gamecontainer {
32+
33+
background: #f8f8f8;
34+
text-transform: uppercase;
35+
line-height: 1;
36+
height: 100%;
37+
width: 100%;
38+
color: #000;
39+
}
40+
41+
.overlay {
42+
43+
text-align: center;
44+
/*background: hsla(0, 100%, 100%, 0.8);*/
45+
background: inherit;
46+
position: absolute;
47+
opacity: 0.9;
48+
height: 100%;
49+
width: 100%;
50+
left: 0;
51+
top: 0;
52+
}
53+
54+
/* In game stats */
55+
56+
#stats {
57+
58+
position: absolute;
59+
font-size: 24px;
60+
left: 20px;
61+
top: 20px;
62+
}
63+
64+
.score:before,
65+
.lives:before {
66+
opacity: 0.3;
67+
}
68+
69+
.score:before {
70+
71+
content: 'Score:';
72+
}
73+
74+
.lives:before {
75+
76+
content: 'Lives:';
77+
}
78+
79+
/* Game over screen */
80+
81+
#gover {
82+
83+
text-align: center;
84+
font-size: 32px;
85+
display: none;
86+
}
87+
88+
#gover .message {
89+
90+
text-align: center;
91+
position: absolute;
92+
width: 100%;
93+
top: 45%;
94+
}
95+
96+
#gover .message p {
97+
98+
margin: 0;
99+
}
100+
101+
#reset {
102+
103+
font-size: 24px;
104+
/*color: #000;*/
105+
}
106+
107+
/* Intro screen */
108+
109+
#splash {
110+
111+
display: none;
112+
}
113+
114+
#splash h2 {
115+
116+
font-size: 72px;
117+
margin: 40px 0 20px 0;
118+
}
119+
120+
#splash h3 {
121+
122+
font-weight: 400;
123+
font-size: 22px;
124+
margin: 20px 0;
125+
}
126+
127+
#splash ol {
128+
129+
counter-reset: li;
130+
text-align: right;
131+
list-style: none;
132+
font-size: 24px;
133+
margin: 0 auto;
134+
width: 240px;
135+
}
136+
137+
#splash li {
138+
139+
position: relative;
140+
width: 160px;
141+
}
142+
143+
#splash li span {
144+
145+
text-align: left;
146+
position: absolute;
147+
right: -80px;
148+
width: 60px;
149+
}
150+
151+
#splash li:before {
152+
153+
content: counter(li);
154+
counter-increment: li;
155+
position: absolute;
156+
width: 50px;
157+
left: -50px;
158+
}
159+
160+
#start {
161+
162+
font-weight: 600;
163+
font-size: 24px;
164+
display: block;
165+
}
166+
167+
#splash .scores {
168+
169+
margin-top: 50px;
170+
opacity: 0.8;
171+
}
172+
173+
/* States */
174+
175+
.state-intro #splash {
176+
display: block;
177+
}
178+
179+
.state-game-over #splash {
180+
display: block;
181+
}
182+
183+
184+
185+
.leftpanel #codecontainer {
186+
width: 100%;
187+
position: absolute;
188+
border-top: 10px solid #ededed;
189+
bottom: 48px;
190+
top: 0px;
191+
}
192+
193+
.navbutton {
194+
display: inline-block;
195+
font-size: 14px;
196+
line-height: 1em;
197+
color: #333;
198+
padding: 1.5em 30px 1em 30px;
199+
margin: 0;
200+
cursor: pointer;
201+
text-transform: uppercase;
202+
}
203+
.navbutton:first-child {
204+
}
205+
.navbutton:hover {
206+
color: #000;
207+
background-color: rgba( 255,255,255,.8);
208+
}
209+
210+
.leftpanel .navigation, .leftpanel .navbg {
211+
font-size: 12px;
212+
line-height: 1em;
213+
width: 100%;
214+
background-color: #f0f0f0;
215+
color: #989898;
216+
z-index: 100;
217+
}
218+
.leftpanel .navbg {
219+
position: absolute;
220+
bottom: 0;
221+
}
222+
.leftpanel .navigation {
223+
position: fixed;
224+
left: 0;
225+
bottom: 0;
226+
width: 50%;
227+
text-align:left;
228+
border-top: 1px solid #DEDEDE;
229+
}
230+
231+
232+
#closepanel.navbutton {
233+
position: absolute;
234+
right:0px;
235+
}
236+
237+
#opentools {
238+
font-size: 14px;
239+
line-height: 1em;
240+
color: rgba(255,255,255,.8);
241+
background-color: rgba( 52,152,216,.6);
242+
padding: 1em 0px 1em 0px;
243+
width: 76px;
244+
text-align: center;
245+
cursor: pointer;
246+
text-transform: uppercase;
247+
}
248+
#opentools:hover {
249+
color: rgba(255,255,255,1);
250+
background-color: rgba( 52,152,216,1);
251+
}
252+
253+
#opentools {
254+
position:fixed;
255+
top: 63px;
256+
z-index: 100;
257+
right: 0px;
258+
display: none;
259+
}
260+
#opentools_tip {
261+
display: none;
262+
}
263+
.tools_closed #opentools, .tools_closed #opentools_tip {
264+
display: block;
265+
}
266+
267+
.tooltip {
268+
position: absolute;
269+
padding: 10px;
270+
font-size: 14px;
271+
line-height: 1.4em;
272+
width: 310px;
273+
color: #d9508d;
274+
}
275+
.tooltip .bg {
276+
background-color: #333;
277+
position:absolute;
278+
height: 100%;
279+
width: 100%;
280+
top: 0;
281+
left: 0;
282+
}
283+
#opentools_tip {
284+
right: 25px;
285+
top: 120px;
286+
}
287+
288+
289+
.tooltip .indicator {
290+
width: 0px;
291+
height: 0px;
292+
border: 10px solid;
293+
position:absolute;
294+
}
295+
.tooltip .shadow {
296+
opacity: .4;
297+
position: absolute;
298+
left: 4px;
299+
top: 4px;
300+
height: 100%;
301+
width: 100%;
302+
background-color: #333;
303+
}
304+
305+
.tooltip.bottomleft .indicator {
306+
border-color: transparent transparent transparent #333;
307+
bottom: -10px;
308+
left: 0px;
309+
}
310+
.tooltip.bottomright .indicator {
311+
border-color: transparent #333 transparent transparent;
312+
bottom: -10px;
313+
right: 0px;
314+
}
315+
.tooltip.topright .indicator {
316+
border-color: transparent transparent #333 transparent;
317+
top: -20px;
318+
right: 0px;
319+
}
320+
321+
.tooltip p, .tooltiptop p {
322+
position: relative;
323+
padding: 0;
324+
margin: 0;
325+
}
326+
327+
328+
329+
330+

0 commit comments

Comments
 (0)