Skip to content

Commit 2e261e3

Browse files
technoblytechnobly
committed
initial commit v0.0.1
1 parent e449d1e commit 2e261e3

23 files changed

+1631
-3
lines changed

‎Procfile

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
web: node spark.js

‎README.md

+18-3
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,19 @@
1-
SparkCore-WebApp
2-
================
1+
Spark Core Web App
2+
==================
33

4-
An amazing web based interface for your Spark Core. It uses the power of Node.js, Express, Jade, Stylus for the backend, jQuery and AngularJS for the frontend, and the Spark API to let you remote control your own Spark Core. Simply log into your device, and take control... from anywhere in the world! Fork us and make your own! Don't forget to Watch this repo for the many changes that will be coming in the future as the Spark API is further developed.
4+
An amazing web based interface for your Spark Core. It uses the power of Node.js, Express, Jade, Stylus for the backend, jQuery and AngularJS for the frontend, and the Spark API to let you remote control your own Spark Core. Simply log into your device, and take control... from anywhere in the world! Fork us and make your own!
5+
6+
##Don't forget to Watch this repo for the many changes that will be coming in the future as the Spark API is further developed.
7+
8+
###Local Installation
9+
1. Fork this repo and clone it on your computer, or download the zip and unzip somewhere on your computer
10+
2. Install Node.js
11+
3. From the local cloned directory, run "node install" which will install all dependencies
12+
4. RUN with "node spark.js" or simply "node spark"
13+
5. Browse to "localhost:3000" in your favorite browser (Chrome is preferred)
14+
6. CTRL+C to end the task (in Windows), or just close the window.
15+
16+
###Deploy to Web Based Installation at Heroku.com
17+
1. Follow this guide here: https://devcenter.heroku.com/articles/quickstart
18+
2. Under step #4, click on Get Started with... Node.js
19+
3. More step by step instructions are coming

‎package.json

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
{
2+
"name": "sparkcore",
3+
"version": "0.0.1",
4+
"preferGlobal": true,
5+
"author": "DubbyTT <[email protected]>",
6+
"description": "Spark Core Web App - An amazing web based interface for your Spark Core. It uses the power of Node.js, Express, Jade, Stylus for the backend, jQuery and AngularJS for the frontend, and the Spark API to let you remote control your own Spark Core. Simply log into your device, and take control... from anywhere in the world! Fork us on Github.com and make your own!",
7+
"private": true,
8+
"contributors": [
9+
{
10+
"name": "DubbyTT",
11+
"email": "[email protected]"
12+
}
13+
],
14+
"dependencies": {
15+
"express": "3.3.x",
16+
"jade": "*",
17+
"stylus": "*",
18+
"nodetime": "*"
19+
},
20+
"license": "MIT",
21+
"engines": {
22+
"node": "0.10.x",
23+
"npm": "1.2.x"
24+
}
25+
}

‎public/css/animate-custom.css

+142
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,142 @@
1+
.animated_fast{
2+
-webkit-animation-fill-mode:both;
3+
-moz-animation-fill-mode:both;
4+
-ms-animation-fill-mode:both;
5+
-o-animation-fill-mode:both;
6+
animation-fill-mode:both;
7+
-webkit-animation-duration:.5s;
8+
-moz-animation-duration:.5s;
9+
-ms-animation-duration:.5s;
10+
-o-animation-duration:.5s;
11+
animation-duration:.5s;}
12+
.animated_slow{
13+
-webkit-animation-fill-mode:both;
14+
-moz-animation-fill-mode:both;
15+
-ms-animation-fill-mode:both;
16+
-o-animation-fill-mode:both;
17+
animation-fill-mode:both;
18+
-webkit-animation-duration:1s;
19+
-moz-animation-duration:1s;
20+
-ms-animation-duration:1s;
21+
-o-animation-duration:1s;
22+
animation-duration:1s;}
23+
24+
@-webkit-keyframes fadeIn {
25+
0% {opacity: 0;}
26+
100% {opacity: 1;}
27+
}
28+
29+
@-moz-keyframes fadeIn {
30+
0% {opacity: 0;}
31+
100% {opacity: 1;}
32+
}
33+
34+
@-o-keyframes fadeIn {
35+
0% {opacity: 0;}
36+
100% {opacity: 1;}
37+
}
38+
39+
@keyframes fadeIn {
40+
0% {opacity: 0;}
41+
100% {opacity: 1;}
42+
}
43+
44+
.fadeInDelayed {
45+
-webkit-animation-name: fadeIn;
46+
-moz-animation-name: fadeIn;
47+
-o-animation-name: fadeIn;
48+
animation-name: fadeIn;
49+
-webkit-animation-delay: .7s;
50+
}
51+
.fadeInNow {
52+
-webkit-animation-name: fadeIn;
53+
-moz-animation-name: fadeIn;
54+
-o-animation-name: fadeIn;
55+
animation-name: fadeIn;
56+
}
57+
@-webkit-keyframes bounceInDown {
58+
0% {
59+
opacity: 0;
60+
-webkit-transform: translateY(-2000px);
61+
}
62+
63+
60% {
64+
opacity: 1;
65+
-webkit-transform: translateY(30px);
66+
}
67+
68+
80% {
69+
-webkit-transform: translateY(-10px);
70+
}
71+
72+
100% {
73+
-webkit-transform: translateY(0);
74+
}
75+
}
76+
77+
@-moz-keyframes bounceInDown {
78+
0% {
79+
opacity: 0;
80+
-moz-transform: translateY(-2000px);
81+
}
82+
83+
60% {
84+
opacity: 1;
85+
-moz-transform: translateY(30px);
86+
}
87+
88+
80% {
89+
-moz-transform: translateY(-10px);
90+
}
91+
92+
100% {
93+
-moz-transform: translateY(0);
94+
}
95+
}
96+
97+
@-o-keyframes bounceInDown {
98+
0% {
99+
opacity: 0;
100+
-o-transform: translateY(-2000px);
101+
}
102+
103+
60% {
104+
opacity: 1;
105+
-o-transform: translateY(30px);
106+
}
107+
108+
80% {
109+
-o-transform: translateY(-10px);
110+
}
111+
112+
100% {
113+
-o-transform: translateY(0);
114+
}
115+
}
116+
117+
@keyframes bounceInDown {
118+
0% {
119+
opacity: 0;
120+
transform: translateY(-2000px);
121+
}
122+
123+
60% {
124+
opacity: 1;
125+
transform: translateY(30px);
126+
}
127+
128+
80% {
129+
transform: translateY(-10px);
130+
}
131+
132+
100% {
133+
transform: translateY(0);
134+
}
135+
}
136+
137+
.bounceInDown {
138+
-webkit-animation-name: bounceInDown;
139+
-moz-animation-name: bounceInDown;
140+
-o-animation-name: bounceInDown;
141+
animation-name: bounceInDown;
142+
}

‎public/css/button_style.css

+63
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
.onoffswitch, .highlowswitch {
2+
position: relative; width: 80px;
3+
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
4+
}
5+
.onoffswitch-checkbox, .highlowswitch-checkbox {
6+
display: none;
7+
}
8+
.onoffswitch-label, .highlowswitch-label {
9+
display: block; overflow: hidden; cursor: pointer;
10+
border: 2px solid #999999; border-radius: 16px;
11+
}
12+
.onoffswitch-inner, .highlowswitch-inner {
13+
width: 200%; margin-left: -100%;
14+
-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
15+
-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
16+
}
17+
.onoffswitch-inner:before, .onoffswitch-inner:after, .highlowswitch-inner:before, .highlowswitch-inner:after {
18+
float: left; width: 50%; height: 28px; padding: 0; line-height: 28px;
19+
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
20+
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
21+
}
22+
.onoffswitch-inner:before {
23+
content: "ON";
24+
padding-left: 10px;
25+
background-color: #FF3434; color: #FFFFFF;
26+
}
27+
.onoffswitch-inner:after {
28+
content: "OFF";
29+
padding-right: 10px;
30+
background-color: #CCCCCC; color: #555555;
31+
text-align: right;
32+
}
33+
.highlowswitch-inner:before {
34+
content: "HIGH";
35+
padding-left: 10px;
36+
background-color: #0099FF; color: #FFFFFF;
37+
}
38+
.highlowswitch-inner:after {
39+
content: "LOW";
40+
padding-right: 10px;
41+
background-color: #CCCCCC; color: #555555;
42+
text-align: right;
43+
}
44+
.onoffswitch-switch, .highlowswitch-switch {
45+
width: 16px; margin: 6px;
46+
background: #FFFFFF;
47+
border: 2px solid #999999; border-radius: 16px;
48+
position: absolute; top: 0; bottom: 0; right: 47px;
49+
-moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
50+
-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
51+
}
52+
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
53+
margin-left: 0;
54+
}
55+
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
56+
right: 0px;
57+
}
58+
.highlowswitch-checkbox:checked + .highlowswitch-label .highlowswitch-inner {
59+
margin-left: 0;
60+
}
61+
.highlowswitch-checkbox:checked + .highlowswitch-label .highlowswitch-switch {
62+
right: 0px;
63+
}

0 commit comments

Comments
 (0)