Skip to content

Commit 7be5254

Browse files
fhirschmannclaude
fhirschmann
and
claude
committed
feat: overhaul web interface with cyberpunk theme
Complete cyberpunk redesign of the management and access point pages (neon palette, scanlines, Orbitron/Rajdhani/Share Tech Mono typography, custom login page) including cyberpunk styling for the upstream bluetooth device scan UI, the "Leo Industries AT-1" navbar branding next to the hostname, and an embedded neon logo that also serves as the SVG favicon. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1 parent f20b111 commit 7be5254

5 files changed

Lines changed: 1051 additions & 130 deletions

File tree

‎html/accesspoint.html‎

Lines changed: 154 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -5,77 +5,194 @@
55
<title data-i18n="wifi.title"></title>
66
<meta charset="utf-8">
77
<meta name="viewport" content="width=300, initial-scale=1.0">
8+
<meta name="theme-color" content="#05070d">
89
<script src="/js/i18next.min.js"></script>
910
<script src="/js/i18nextHttpBackend.min.js"></script>
1011
<script src="/js/loc_i18next.min.js"></script>
1112
<style>
12-
input {
13-
width: 90%;
14-
height: 44px;
15-
border-radius: 4px;
16-
margin: 10px auto;
17-
font-size: 15px;
18-
background: #f1f1f1;
19-
border: 0;
20-
padding: 0 15px
21-
}
22-
23-
input[type="checkbox"] {
24-
width: 20px;
25-
height: 20px
13+
/* ESPuino cyberpunk theme - self-contained (AP mode has no internet) */
14+
:root {
15+
--cp-cyan: #00f0ff;
16+
--cp-magenta: #ff2a6d;
17+
--cp-bg: #05070d;
18+
--cp-panel: #0a101e;
19+
--cp-surface: #0e1626;
20+
--cp-border: #1e2c4a;
21+
--cp-text: #c5d4f2;
22+
--cp-dim: #67779c;
2623
}
2724

2825
body {
29-
background: #007bff;
30-
font-family: sans-serif;
26+
background-color: var(--cp-bg);
27+
background-image:
28+
radial-gradient(700px 360px at 50% -10%, rgba(0, 240, 255, .08), transparent 70%),
29+
linear-gradient(rgba(0, 240, 255, .03) 1px, transparent 1px),
30+
linear-gradient(90deg, rgba(0, 240, 255, .03) 1px, transparent 1px);
31+
background-size: auto, 44px 44px, 44px 44px;
32+
background-attachment: fixed;
33+
font-family: "Lucida Console", Monaco, monospace;
3134
font-size: 14px;
32-
color: #777
35+
color: var(--cp-text);
36+
}
37+
38+
/* CRT scanline overlay */
39+
body::after {
40+
content: "";
41+
position: fixed;
42+
inset: 0;
43+
pointer-events: none;
44+
background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .16) 0px, rgba(0, 0, 0, .16) 1px, transparent 1px, transparent 3px);
45+
opacity: .28;
46+
}
47+
48+
::selection {
49+
background: var(--cp-magenta);
50+
color: #fff;
51+
}
52+
53+
h1 {
54+
font-size: 16px;
55+
text-transform: uppercase;
56+
letter-spacing: .18em;
57+
color: var(--cp-cyan);
58+
text-shadow: 0 0 12px rgba(0, 240, 255, .6);
59+
border-bottom: 1px solid var(--cp-border);
60+
padding-bottom: 10px;
61+
}
62+
63+
h1::before {
64+
content: "// ";
65+
color: var(--cp-magenta);
3366
}
3467

3568
.box {
36-
background: #fff;
69+
position: relative;
70+
background: linear-gradient(180deg, rgba(0, 240, 255, .045), rgba(0, 240, 255, 0) 120px), var(--cp-panel);
71+
border: 1px solid var(--cp-border);
3772
max-width: 258px;
38-
margin: 75px auto;
73+
margin: 40px auto;
3974
padding: 30px;
40-
border-radius: 5px;
41-
text-align: center
75+
text-align: center;
76+
clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
77+
}
78+
79+
.box::before {
80+
content: "";
81+
position: absolute;
82+
top: 0;
83+
right: 0;
84+
width: 18px;
85+
height: 18px;
86+
background: linear-gradient(to bottom right, transparent calc(50% - 1px), var(--cp-cyan) 50%, transparent calc(50% + 1px));
87+
}
88+
89+
label {
90+
color: var(--cp-dim);
91+
}
92+
93+
input {
94+
width: 90%;
95+
height: 44px;
96+
border-radius: 0;
97+
margin: 10px auto;
98+
font-size: 15px;
99+
font-family: inherit;
100+
background: var(--cp-surface);
101+
border: 1px solid var(--cp-border);
102+
color: var(--cp-text);
103+
padding: 0 15px;
104+
box-sizing: border-box;
105+
}
106+
107+
input:focus {
108+
outline: none;
109+
border-color: var(--cp-cyan);
110+
box-shadow: 0 0 0 2px rgba(0, 240, 255, .15), 0 0 12px rgba(0, 240, 255, .25);
111+
}
112+
113+
input[type="checkbox"] {
114+
width: 20px;
115+
height: 20px;
116+
accent-color: var(--cp-cyan);
42117
}
43118

44119
.btn {
45-
background: #3498db;
46-
color: #fff;
120+
background: rgba(0, 240, 255, .08);
121+
border: 1px solid rgba(0, 240, 255, .55);
122+
color: var(--cp-cyan);
47123
cursor: pointer;
48124
width: 90% !important;
49125
height: 44px;
50-
border-radius: 4px;
51126
margin: 10px auto;
52127
font-size: 15px;
128+
font-family: inherit;
129+
text-transform: uppercase;
130+
letter-spacing: .08em;
131+
clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
132+
box-shadow: inset 0 0 12px rgba(0, 240, 255, .12);
53133
}
54134

55-
.w1 {
56-
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0xLDlMMywxMUM3Ljk3LDYuMDMgMTYuMDMsNi4wMyAyMSwxMUwyMyw5QzE2LjkzLDIuOTMgNy4wOCwyLjkzIDEsOVoiIHN0eWxlPSJmaWxsOiBncmF5OyIvPgo8cGF0aCBkPSJNNSwxM0w3LDE1QzkuNzYsMTIuMjQgMTQuMjQsMTIuMjQgMTcsMTVMMTksMTNDMTUuMTQsOS4xNCA4Ljg3LDkuMTQgNSwxM1oiIHN0eWxlPSJmaWxsOiBncmF5OyIvPgo8cGF0aCBkPSJNOSwxN0wxMiwyMEwxNSwxN0MxMy4zNSwxNS4zNCAxMC42NiwxNS4zNCA5LDE3WiIgc3R5bGU9ImZpbGw6IGdyYXk7Ii8+Cjwvc3ZnPgo=") no-repeat right top;
135+
.btn:hover {
136+
background: var(--cp-cyan);
137+
color: #021019;
138+
box-shadow: inset 0 0 18px rgba(0, 240, 255, .3);
139+
}
140+
141+
/* scanned network list */
142+
.ssid {
143+
display: flex;
144+
align-items: center;
145+
gap: 10px;
146+
margin: 6px 0;
147+
padding: 8px 10px;
148+
border: 1px solid var(--cp-border);
149+
background: var(--cp-surface);
150+
cursor: pointer;
151+
text-align: left;
152+
}
153+
154+
.ssid:hover {
155+
border-color: var(--cp-cyan);
156+
box-shadow: 0 0 10px rgba(0, 240, 255, .25);
157+
}
158+
159+
.ssid .name {
160+
flex: 1;
161+
color: var(--cp-cyan);
162+
overflow: hidden;
163+
text-overflow: ellipsis;
164+
white-space: nowrap;
165+
}
166+
167+
.ssid .ico {
168+
flex: none;
169+
display: inline-block;
170+
width: 24px;
57171
height: 24px;
172+
background-repeat: no-repeat;
173+
background-position: center;
174+
/* the embedded SVGs are gray/black - invert them for the dark theme */
175+
filter: invert(1) drop-shadow(0 0 3px rgba(0, 240, 255, .8));
176+
}
177+
178+
.w1 {
179+
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0xLDlMMywxMUM3Ljk3LDYuMDMgMTYuMDMsNi4wMyAyMSwxMUwyMyw5QzE2LjkzLDIuOTMgNy4wOCwyLjkzIDEsOVoiIHN0eWxlPSJmaWxsOiBncmF5OyIvPgo8cGF0aCBkPSJNNSwxM0w3LDE1QzkuNzYsMTIuMjQgMTQuMjQsMTIuMjQgMTcsMTVMMTksMTNDMTUuMTQsOS4xNCA4Ljg3LDkuMTQgNSwxM1oiIHN0eWxlPSJmaWxsOiBncmF5OyIvPgo8cGF0aCBkPSJNOSwxN0wxMiwyMEwxNSwxN0MxMy4zNSwxNS4zNCAxMC42NiwxNS4zNCA5LDE3WiIgc3R5bGU9ImZpbGw6IGdyYXk7Ii8+Cjwvc3ZnPgo=");
58180
}
59181

60182
.w2 {
61-
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0xLDlMMywxMUM3Ljk3LDYuMDMgMTYuMDMsNi4wMyAyMSwxMUwyMyw5QzE2LjkzLDIuOTMgNy4wOCwyLjkzIDEsOVoiIHN0eWxlPSJmaWxsOiBncmF5OyIvPgo8cGF0aCBkPSJNNSwxM0w3LDE1QzkuNzYsMTIuMjQgMTQuMjQsMTIuMjQgMTcsMTVMMTksMTNDMTUuMTQsOS4xNCA4Ljg3LDkuMTQgNSwxM1oiIHN0eWxlPSJmaWxsOiBncmF5OyIvPgo8cGF0aCBkPSJNOSwxN0wxMiwyMEwxNSwxN0MxMy4zNSwxNS4zNCAxMC42NiwxNS4zNCA5LDE3WiIgc3R5bGU9ImZpbGw6IGJsYWNrOyIvPgo8L3N2Zz4K") no-repeat right top;
62-
height: 24px;
183+
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0xLDlMMywxMUM3Ljk3LDYuMDMgMTYuMDMsNi4wMyAyMSwxMUwyMyw5QzE2LjkzLDIuOTMgNy4wOCwyLjkzIDEsOVoiIHN0eWxlPSJmaWxsOiBncmF5OyIvPgo8cGF0aCBkPSJNNSwxM0w3LDE1QzkuNzYsMTIuMjQgMTQuMjQsMTIuMjQgMTcsMTVMMTksMTNDMTUuMTQsOS4xNCA4Ljg3LDkuMTQgNSwxM1oiIHN0eWxlPSJmaWxsOiBncmF5OyIvPgo8cGF0aCBkPSJNOSwxN0wxMiwyMEwxNSwxN0MxMy4zNSwxNS4zNCAxMC42NiwxNS4zNCA5LDE3WiIgc3R5bGU9ImZpbGw6IGJsYWNrOyIvPgo8L3N2Zz4K");
63184
}
64185

65186
.w3 {
66-
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0xLDlMMywxMUM3Ljk3LDYuMDMgMTYuMDMsNi4wMyAyMSwxMUwyMyw5QzE2LjkzLDIuOTMgNy4wOCwyLjkzIDEsOVoiIHN0eWxlPSJmaWxsOiBncmF5OyIvPgo8cGF0aCBkPSJNNSwxM0w3LDE1QzkuNzYsMTIuMjQgMTQuMjQsMTIuMjQgMTcsMTVMMTksMTNDMTUuMTQsOS4xNCA4Ljg3LDkuMTQgNSwxM1oiIHN0eWxlPSJmaWxsOiBibGFjazsiLz4KPHBhdGggZD0iTTksMTdMMTIsMjBMMTUsMTdDMTMuMzUsMTUuMzQgMTAuNjYsMTUuMzQgOSwxN1oiIHN0eWxlPSJmaWxsOiBibGFjazsiLz4KPC9zdmc+Cg==") no-repeat right top;
67-
height: 24px;
187+
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0xLDlMMywxMUM3Ljk3LDYuMDMgMTYuMDMsNi4wMyAyMSwxMUwyMyw5QzE2LjkzLDIuOTMgNy4wOCwyLjkzIDEsOVoiIHN0eWxlPSJmaWxsOiBncmF5OyIvPgo8cGF0aCBkPSJNNSwxM0w3LDE1QzkuNzYsMTIuMjQgMTQuMjQsMTIuMjQgMTcsMTVMMTksMTNDMTUuMTQsOS4xNCA4Ljg3LDkuMTQgNSwxM1oiIHN0eWxlPSJmaWxsOiBibGFjazsiLz4KPHBhdGggZD0iTTksMTdMMTIsMjBMMTUsMTdDMTMuMzUsMTUuMzQgMTAuNjYsMTUuMzQgOSwxN1oiIHN0eWxlPSJmaWxsOiBibGFjazsiLz4KPC9zdmc+Cg==");
68188
}
69189

70190
.w4 {
71-
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0xLDlMMywxMUM3Ljk3LDYuMDMgMTYuMDMsNi4wMyAyMSwxMUwyMyw5QzE2LjkzLDIuOTMgNy4wOCwyLjkzIDEsOVoiIHN0eWxlPSJmaWxsOiBibGFjazsiLz4KPHBhdGggZD0iTTUsMTNMNywxNUM5Ljc2LDEyLjI0IDE0LjI0LDEyLjI0IDE3LDE1TDE5LDEzQzE1LjE0LDkuMTQgOC44Nyw5LjE0IDUsMTNaIiBzdHlsZT0iZmlsbDogYmxhY2s7Ii8+CjxwYXRoIGQ9Ik05LDE3TDEyLDIwTDE1LDE3QzEzLjM1LDE1LjM0IDEwLjY2LDE1LjM0IDksMTdaIiBzdHlsZT0iZmlsbDogYmxhY2s7Ii8+Cjwvc3ZnPgo=") no-repeat right top;
72-
height: 24px;
191+
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0xLDlMMywxMUM3Ljk3LDYuMDMgMTYuMDMsNi4wMyAyMSwxMUwyMyw5QzE2LjkzLDIuOTMgNy4wOCwyLjkzIDEsOVoiIHN0eWxlPSJmaWxsOiBibGFjazsiLz4KPHBhdGggZD0iTTUsMTNMNywxNUM5Ljc2LDEyLjI0IDE0LjI0LDEyLjI0IDE3LDE1TDE5LDEzQzE1LjE0LDkuMTQgOC44Nyw5LjE0IDUsMTNaIiBzdHlsZT0iZmlsbDogYmxhY2s7Ii8+CjxwYXRoIGQ9Ik05LDE3TDEyLDIwTDE1LDE3QzEzLjM1LDE1LjM0IDEwLjY2LDE1LjM0IDksMTdaIiBzdHlsZT0iZmlsbDogYmxhY2s7Ii8+Cjwvc3ZnPgo=");
73192
}
74193

75194
.pw {
76-
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIHN0eWxlPSJmaWxsOiBibGFjazsiIGQ9Ik0xOCA4aC0xVjZjMC0yLjc2LTIuMjQtNS01LTVTNyAzLjI0IDcgNnYySDZjLTEuMSAwLTIgLjktMiAydjEwYzAgMS4xLjkgMiAyIDJoMTJjMS4xIDAgMi0uOSAyLTJWMTBjMC0xLjEtLjktMi0yLTJ6bS02IDljLTEuMSAwLTItLjktMi0ycy45LTIgMi0yIDIgLjkgMiAyLS45IDItMiAyem0zLjEtOUg4LjlWNmMwLTEuNzEgMS4zOS0zLjEgMy4xLTMuMSAxLjcxIDAgMy4xIDEuMzkgMy4xIDMuMXYyeiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat right top;
77-
height: 24px;
78-
margin-right: 20px;
195+
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIHN0eWxlPSJmaWxsOiBibGFjazsiIGQ9Ik0xOCA4aC0xVjZjMC0yLjc2LTIuMjQtNS01LTVTNyAzLjI0IDcgNnYySDZjLTEuMSAwLTIgLjktMiAydjEwYzAgMS4xLjkgMiAyIDJoMTJjMS4xIDAgMi0uOSAyLTJWMTBjMC0xLjEtLjktMi0yLTJ6bS02IDljLTEuMSAwLTItLjktMi0ycy45LTIgMi0yIDIgLjkgMiAyLS45IDItMiAyem0zLjEtOUg4LjlWNmMwLTEuNzEgMS4zOS0zLjEgMy4xLTMuMSAxLjcxIDAgMy4xIDEuMzkgMy4xIDMuMXYyeiI+PC9wYXRoPgo8L3N2Zz4=");
79196
}
80197
</style>
81198
</head>
@@ -161,7 +278,7 @@ <h1 data-i18n="wifi.restartPrompt"></h1>
161278
var list = document.getElementById("WiFiList");
162279
var h = "";
163280
data.map(function (WiFis) {
164-
h += `<div class="ssid" onclick="selectWiFi('${WiFis.ssid}')"><a href="#"><div class="${WiFis.wico}" title="${WiFis.quality}% (${WiFis.rssi} dBm)"><div class="${WiFis.pico}" title="${WiFis.ssid}.(${WiFis.bssid})">${WiFis.ssid}</div></div></a></div>\n`;
281+
h += `<div class="ssid" onclick="selectWiFi('${WiFis.ssid}')" title="${WiFis.quality}% (${WiFis.rssi} dBm) ${WiFis.bssid}"><span class="ico ${WiFis.wico}"></span><span class="name">${WiFis.ssid}</span><span class="ico ${WiFis.pico}"></span></div>\n`;
165282
});
166283
h += "<br>";
167284
list.innerHTML = h;
@@ -225,4 +342,4 @@ <h1 data-i18n="wifi.restartPrompt"></h1>
225342
</script>
226343
</body>
227344

228-
</html>
345+
</html>

‎html/logo.svg‎

Lines changed: 20 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)