Skip to content

Commit b8ce100

Browse files
jasburjasbur
committed
Merge branch 'master' of https://github.com/jasbur/RaspiWiFi 
2 parents 61bcb46 + 1ad6a77 commit b8ce100

File tree

2 files changed

+158
-0
lines changed

2 files changed

+158
-0
lines changed

‎application.css‎

Lines changed: 128 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,128 @@
1+
/* General
2+
---------------------------------------------------------*/
3+
*, :after, :before {
4+
box-sizing: border-box;
5+
}
6+
body{
7+
background-color: #000;
8+
margin:0;
9+
}
10+
11+
div#mainContent{
12+
background-color: #000;
13+
max-width:680px;
14+
width: 100%;
15+
margin: 0 auto;
16+
text-align: center;
17+
font-size: 3.5rem;
18+
color: #fff;
19+
}
20+
21+
div#mainContent h1 {
22+
margin:0;
23+
}
24+
25+
div#mainContent ul{
26+
list-style: none;
27+
margin: 0;
28+
padding: 0;
29+
}
30+
31+
/* Select
32+
---------------------------------------------------------*/
33+
34+
li label {
35+
display:inline-block;
36+
margin: 0.5em 0;
37+
padding: 0.5em 0;
38+
}
39+
40+
li.wifiNetwork {
41+
position: relative;
42+
display: inline-block;
43+
margin: 0;
44+
}
45+
46+
li.wifiNetwork:after {
47+
content: '▼';
48+
position: absolute;
49+
width: 50px;
50+
color: #deab04;
51+
font-weight: bold;
52+
font-size: 2rem;
53+
right: 10px;
54+
bottom: 50px;
55+
border-radius: 3px;
56+
pointer-events: none;
57+
z-index: 2;
58+
}
59+
60+
select.wifiNetworkInputs {
61+
position: relative;
62+
max-width:680px;
63+
width: 100vw;
64+
background: #111;
65+
color: #999;
66+
border: none;
67+
outline: none;
68+
font-size: 2.5rem;
69+
padding: 1em;
70+
margin: 0;
71+
border-radius: 3px;
72+
cursor: pointer;
73+
height: auto;
74+
-webkit-appearance: none;
75+
-moz-appearance: none;
76+
appearance: none;
77+
}
78+
79+
.wifiNetworkInputs{
80+
max-width:680px;
81+
width: 100vw;
82+
padding:1em 0;
83+
font-size: .8em;
84+
color: #999;
85+
background: #111;
86+
border:#999 solid 1px;
87+
}
88+
89+
.wifiConnectButton{
90+
width: 310px;
91+
height: 150px;
92+
margin:1.5em 0 0 0;
93+
background-color: #deab04;
94+
font-size: 3rem;
95+
color: #fff;
96+
-webkit-appearance: none;
97+
-moz-appearance: none;
98+
appearance: none;
99+
}
100+
101+
.reset input {
102+
background:#BF1A2F;
103+
border:#BF1A2F;
104+
color:white;
105+
padding:1em;
106+
margin-top:1.5em;
107+
font-size:1.5rem;
108+
-webkit-appearance: none;
109+
-moz-appearance: none;
110+
appearance: none;
111+
}
112+
113+
/* Wifi Icon
114+
---------------------------------------------------------*/
115+
116+
.wifiIcon {
117+
padding: 20px;
118+
}
119+
.wifiIcon, .wifiIcon:before {
120+
display: inline-block;
121+
border: 60px double transparent;
122+
border-top-color: currentColor;
123+
border-radius: 50%;
124+
}
125+
.wifiIcon:before {
126+
content: '';
127+
width: 0; height: 0;
128+
}

‎index.html.erb‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<div id="mainContent">
2+
<h1>WiFi Setup</h1>
3+
<div class="wifiIcon" /></div>
4+
<%=form_tag("/main/save_credentials", method: "get") do%>
5+
6+
<ul>
7+
<li><%=label_tag(:ssid, "Select your WiFi network")%></li>
8+
<li class="wifiNetwork">
9+
<select id="ssid" name="ap_info", class="wifiNetworkInputs">
10+
<%for ap in @wifi_ap_hash do%>
11+
<option value='<%=ap[:ssid]%>+<%=ap[:encryption_type]%>'><%=ap[:ssid]%></option>
12+
<%end%>
13+
</select>
14+
</li>
15+
16+
<li><%=label_tag(:wifi_key, "Your Wifi password")%></li>
17+
<li>
18+
<%=password_field_tag(:wifi_key, nil, class: "wifiNetworkInputs")%>
19+
</li>
20+
21+
<%=submit_tag("Connect!", class: "wifiConnectButton")%>
22+
</ul>
23+
24+
<%end%>
25+
<div class="reset">
26+
<%=form_tag("/main/reset_all", method: "get") do%>
27+
<%=submit_tag("RESET DEVICE")%>
28+
</div>
29+
<%end%>
30+
</div>

0 commit comments

Comments
 (0)