Skip to content

Commit df57cf6

Browse files
ggilestroggilestro
committed
Created a webserver that allows for reading and interacting with incubators
1 parent 6976c43 commit df57cf6

15 files changed

+3158
-45
lines changed

‎smart_incubator/server/smart_controller.py

+364-44
Large diffs are not rendered by default.

‎smart_incubator/server/smart_incubator.service

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ After=ntpd.service
77
[Service]
88
Type=simple
99
WorkingDirectory=/opt/ardufly-git/smart_incubator/server/
10-
ExecStart=/usr/bin/python2 /opt/ardufly-git/smart_incubator/server/smart_controller.py -o /srv/ftp/ardufly-data/smart_incubator.csv
10+
ExecStart=/usr/bin/python2 /opt/ardufly-git/smart_incubator/server/smart_controller.py -p /dev/ttyUSB0 --web
1111
RestartSec=5
1212
Restart=always
1313

‎smart_incubator/server/static/css/morris.css

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
.morris-hover{
2+
position:absolute;
3+
z-index:1000;
4+
}
5+
.morris-hover.morris-default-style{
6+
border-radius:10px;
7+
padding:6px;color:#666;
8+
background:rgba(255, 255, 255, 0.8);
9+
border:solid 2px rgba(230, 230, 230, 0.8);
10+
font-size:12px;text-align:center;
11+
}
12+
.morris-hover.morris-default-style .morris-hover-row-label{
13+
font-weight:bold;
14+
margin:0.25em 0;
15+
}
16+
.morris-hover.morris-default-style .morris-hover-point{
17+
white-space:nowrap;
18+
margin:0.1em 0;
19+
}

‎smart_incubator/server/static/css/style-graphs.css

+191
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,191 @@
1+
/*--
2+
Author: W3layouts
3+
Author URL: http://w3layouts.com
4+
License: Creative Commons Attribution 3.0 Unported
5+
License URL: http://creativecommons.org/licenses/by/3.0/
6+
--*/
7+
/* reset */
8+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
9+
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
10+
ol,ul{list-style:none;margin:0px;padding:0px;}
11+
blockquote,q{quotes:none;}
12+
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
13+
table{border-collapse:collapse;border-spacing:0;}
14+
/* start editing from here */
15+
a{text-decoration:none;}
16+
.txt-rt{text-align:right;}/* text align right */
17+
.txt-lt{text-align:left;}/* text align left */
18+
.txt-center{text-align:center;}/* text align center */
19+
.float-rt{float:right;}/* float right */
20+
.float-lt{float:left;}/* float left */
21+
.clear{clear:both;}/* clear float */
22+
.pos-relative{position:relative;}/* Position Relative */
23+
.pos-absolute{position:absolute;}/* Position Absolute */
24+
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
25+
.vertical-top{ vertical-align:top;}/* vertical align top */
26+
nav.vertical ul li{ display:block;}/* vertical menu */
27+
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
28+
img{max-width:100%;}
29+
/*end reset*/
30+
html, body{
31+
font-size: 100%;
32+
background: #f8f8f8;
33+
font-family: 'Varela Round', sans-serif;
34+
}
35+
h1,h2,h3,h4,h5,h6,a,p{
36+
font-family: 'Varela Round', sans-serif;
37+
margin:0;
38+
}
39+
ul,label{
40+
margin:0;
41+
padding:0;
42+
}
43+
body a:hover,body a{
44+
text-decoration:none;
45+
}
46+
body h1 {
47+
text-align: center;
48+
margin: 1em 0 1em 0;
49+
color: #fff;
50+
font-size:3.1em;
51+
font-weight: 300;
52+
letter-spacing:4px;
53+
}
54+
/*--graph--*/
55+
.main{
56+
margin:0 auto;
57+
text-align:center;width:50%;
58+
}
59+
.w3l-agile h3 {
60+
color: #555;
61+
text-transform: uppercase;
62+
font-size: 1.2em;
63+
margin-top: 10px;
64+
}
65+
.graph{
66+
background:#fff;
67+
padding:1em;
68+
width:100%;
69+
box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
70+
}
71+
.copyright{
72+
text-align:center;
73+
}
74+
.graph.lost {
75+
margin-top:2em;
76+
}
77+
.copyright p{
78+
font-size: 15px;
79+
color:#fff;
80+
margin:4em 0 4.5em;
81+
line-height:1.8em;
82+
}
83+
.copyright p a{
84+
color:#80C340;
85+
}
86+
.copyright p a:hover{
87+
text-decoration:underline;
88+
}
89+
90+
/*-- start-responsive-design --*/
91+
92+
@media (max-width:1440px){
93+
94+
}
95+
@media (max-width:1366px){
96+
body h1 {
97+
margin: 1em 0 1em 0;
98+
font-size: 2.5em;
99+
}
100+
}
101+
@media (max-width:1280px){
102+
103+
}
104+
@media (max-width:1024px){
105+
106+
}
107+
@media (max-width:800px){
108+
.main {
109+
margin: 0 auto;
110+
text-align: center;
111+
width: 68%;
112+
}
113+
}
114+
@media (max-width:768px){
115+
116+
}
117+
@media (max-width: 736px){
118+
119+
}
120+
@media (max-width:667px){
121+
body h1 {
122+
margin: 1em 0 1em 0;
123+
font-size: 2em;
124+
}
125+
}
126+
@media (max-width:640px){
127+
128+
}
129+
@media (max-width: 600px){
130+
.copyright p {
131+
font-size: 14px;
132+
margin: 2em 0 1.5em;
133+
}
134+
}
135+
@media (max-width:568px){
136+
.main {
137+
margin: 0 auto;
138+
text-align: center;
139+
width: 80%;
140+
}
141+
.w3l-agile h3 {
142+
font-size: 1em;
143+
margin-top: 10px;
144+
}
145+
}
146+
@media (max-width:480px){
147+
148+
}
149+
@media (max-width:414px){
150+
.graph {
151+
padding: 0.5em 0;
152+
}
153+
}
154+
@media (max-width:384px){
155+
body h1 {
156+
margin: 1em 0 1em 0;
157+
font-size: 1.7em;
158+
}
159+
.main {
160+
margin: 0 auto;
161+
text-align: center;
162+
width: 88%;
163+
}
164+
}
165+
@media (max-width:375px){
166+
.main {
167+
margin: 0 auto;
168+
text-align: center;
169+
width: 94%;
170+
}
171+
body h1 {
172+
margin: 0.7em 0 0.7em 0;
173+
font-size: 1.5em;
174+
}
175+
.graph {
176+
padding:0.5em;
177+
width: 95%;
178+
179+
}
180+
}
181+
@media (max-width: 320px){
182+
.main {
183+
margin: 0 auto;
184+
text-align: center;
185+
width: 94%;
186+
}
187+
body h1 {
188+
margin: 0.7em 0 0.7em 0;
189+
font-size: 1.4em;
190+
}
191+
}

0 commit comments

Comments
 (0)