Skip to content

Commit 616924e

Browse files
kennycoderkennycoder
committed
Added UI screenshots
1 parent 9428186 commit 616924e

File tree

8 files changed

+90
-11
lines changed

8 files changed

+90
-11
lines changed

‎README.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,3 +55,8 @@ The hardware is based on an ESP32-S3 N16R8 development board or a board with a s
5555
### PCB layout
5656

5757
![waku-ctl banner](https://raw.githubusercontent.com/kennycoder/waku-ctl/refs/heads/main/media/pcbs.png)
58+
59+
## UI
60+
61+
[<img src="media/ui-1.png" width="49%">](media/ui-1.png)
62+
[<img src="media/ui-2.png" width="49%">](media/ui-2.png)

‎data/fans.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,21 @@
4343
border-left-color: #21f32f;
4444
}
4545

46+
.sidebar .logo-container {
47+
text-align: center;
48+
margin-bottom: 20px;
49+
}
50+
51+
.sidebar .logo-container img {
52+
max-width: 100px; /* Adjust as needed */
53+
margin-bottom: 10px;
54+
}
55+
.sidebar .project-name {
56+
font-size: 2.2em;
57+
font-weight: bold;
58+
color: #333;
59+
}
60+
4661
.content {
4762
flex-grow: 1;
4863
padding: 20px;
@@ -121,6 +136,9 @@
121136

122137
<div class="sidebar">
123138
<div class="card">
139+
<div class="logo-container">
140+
<img src="/logo.png" alt="WaKu-ctl Logo">
141+
</div>
124142
<h2>Menu</h2>
125143
<a href="/">Home</a>
126144
<a href="/fans" class="active">Fan Curves</a>

‎data/rgb.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,21 @@
3636
border-left-color: #21f32f;
3737
}
3838

39+
.sidebar .logo-container {
40+
text-align: center;
41+
margin-bottom: 20px;
42+
}
43+
44+
.sidebar .logo-container img {
45+
max-width: 100px; /* Adjust as needed */
46+
margin-bottom: 10px;
47+
}
48+
.sidebar .project-name {
49+
font-size: 2.2em;
50+
font-weight: bold;
51+
color: #333;
52+
}
53+
3954
.content {
4055
flex-grow: 1;
4156
padding: 20px;
@@ -99,6 +114,9 @@
99114
<body>
100115
<div class="sidebar">
101116
<div class="card">
117+
<div class="logo-container">
118+
<img src="/logo.png" alt="WaKu-ctl Logo">
119+
</div>
102120
<h2>Menu</h2>
103121
<a href="/">Home</a>
104122
<a href="/fans" >Fan Curves</a>

‎data/settings.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,21 @@
3838
border-left-color: #21f32f;
3939
}
4040

41+
.sidebar .logo-container {
42+
text-align: center;
43+
margin-bottom: 20px;
44+
}
45+
46+
.sidebar .logo-container img {
47+
max-width: 100px; /* Adjust as needed */
48+
margin-bottom: 10px;
49+
}
50+
.sidebar .project-name {
51+
font-size: 2.2em;
52+
font-weight: bold;
53+
color: #333;
54+
}
55+
4156
.content {
4257
flex-grow: 1;
4358
padding: 20px;
@@ -140,6 +155,9 @@
140155

141156
<div class="sidebar">
142157
<div class="card">
158+
<div class="logo-container">
159+
<img src="/logo.png" alt="WaKu-ctl Logo">
160+
</div>
143161
<h2>Menu</h2>
144162
<a href="/">Home</a>
145163
<a href="/fans" >Fan Curves</a>

‎data/setup.html‎

Lines changed: 29 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -27,9 +27,23 @@
2727
box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
2828
}
2929

30-
h1 {
31-
font-size: 2em;
32-
margin-bottom: 24px;
30+
.card-content {
31+
display: flex;
32+
flex-direction: row;
33+
}
34+
35+
.logo-container {
36+
padding-right: 32px;
37+
border-right: 1px solid #e0e0e0;
38+
margin-right: 32px;
39+
display: flex;
40+
align-items: center;
41+
justify-content: center;
42+
}
43+
44+
h1 {
45+
font-size: 2em;
46+
margin-bottom: 24px;
3347
text-align: center;
3448
}
3549

@@ -73,11 +87,15 @@
7387

7488
<div class="container">
7589
<div class="card">
76-
<h1>WiFi Setup</h1>
77-
78-
<form id="wifi-form">
79-
<label for="ssid">WiFi Network:</label>
80-
<select id="ssid" name="ssid">
90+
<div class="card-content">
91+
<div class="logo-container">
92+
<img src="/logo.png" alt="WaKu-ctl Logo">
93+
</div>
94+
<div>
95+
<h1>WiFi Setup</h1>
96+
<form id="wifi-form">
97+
<label for="ssid">WiFi Network:</label>
98+
<select id="ssid" name="ssid">
8199
<option value="">Scanning your WiFi networks, please wait..</option>
82100
</select>
83101

@@ -99,7 +117,9 @@ <h1>WiFi Setup</h1>
99117
<input type="hidden" id="offline_mode" name="offline_mode" value="true">
100118

101119
<button type="submit">Finish Setup & Connect</button>
102-
</form>
120+
</form>
121+
</div>
122+
</div>
103123
</div>
104124
</div>
105125

‎media/ui-1.png‎

92.4 KB
Loading

‎media/ui-2.png‎

108 KB
Loading

‎mock-ui/main.go‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ func main() {
8383

8484
http.HandleFunc("/get-curves", func(w http.ResponseWriter, r *http.Request) {
8585
noCacheHeaders(w)
86-
fmt.Fprintf(w, `{"FAN_0": {"units": "F", "curves": [{"temp": 30, "fan": 20}, {"temp": 33, "fan": 40}, {"temp": 36, "fan": 60}, {"temp": 39, "fan": 80}, {"temp": 42, "fan": 100}], "sensor": "TEMP_1"}, "FAN_1": {"units": "F", "curves": [], "sensor": "TEMP_1"}, "FAN_2": {"units": "F", "curves": [], "sensor": "TEMP_1"}, "FAN_3": {"units": "F", "curves": [], "sensor": "TEMP_1"}}`)
86+
fmt.Fprintf(w, `{"FAN_0": {"units": "C", "curves": [{"temp": 30, "fan": 20}, {"temp": 33, "fan": 40}, {"temp": 36, "fan": 60}, {"temp": 39, "fan": 80}, {"temp": 42, "fan": 100}], "sensor": "TEMP_1"}, "FAN_1": {"units": "C", "curves": [], "sensor": "TEMP_1"}, "FAN_2": {"units": "C", "curves": [], "sensor": "TEMP_1"}, "FAN_3": {"units": "C", "curves": [], "sensor": "TEMP_1"}}`)
8787
})
8888

8989
http.HandleFunc("/get-rgb", func(w http.ResponseWriter, r *http.Request) {
@@ -101,7 +101,7 @@ func main() {
101101
min := 10
102102
max := 30
103103

104-
fmt.Fprintf(w, `{"units": "F", "client_id": "00:1b:63:84:45:e6", "local_timestamp": 946684800, "event": "manual_telemetry", "data": {"temperature1": %d, "temperature2": %d, "FAN_0": 128,"FAN_1": 128,"FAN_2": 128,"FAN_3": 128}}`, (rnd.Intn(max-min+1) + min), (rnd.Intn(max-min+1) + min))
104+
fmt.Fprintf(w, `{"units": "C", "client_id": "00:1b:63:84:45:e6", "local_timestamp": 946684800, "event": "manual_telemetry", "data": {"temperature1": %d, "temperature2": %d, "FAN_0": 128,"FAN_1": 128,"FAN_2": 128,"FAN_3": 128}}`, (rnd.Intn(max-min+1) + min), (rnd.Intn(max-min+1) + min))
105105
})
106106

107107
log.Fatal(http.ListenAndServe("127.0.0.1:8081", nil))

0 commit comments

Comments
 (0)