DESKTOP-PUHFO60\dsx2016
ba09f4f48e
TFT_BL was wrongly GPIO21 (GT911 INT); use GPIO27, DRAW_BUF_DIV=20, and export firmware/cyd_35r. Co-authored-by: Cursor <cursoragent@cursor.com>
44 lines
1.7 KiB
HTML
44 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>WiFi Connected</title>
|
|
<style>
|
|
|
|
*{box-sizing:border-box;margin:0;padding:0}
|
|
html,body{width:320px;height:240px;overflow:hidden;background:#000;margin:0}
|
|
.bezel{width:320px;height:240px;background:#1a1408}
|
|
.screen{width:320px;height:240px;background:#0A1016;color:#EAF0F6;font:12px/1.2 system-ui,sans-serif;position:relative;overflow:hidden}
|
|
.muted{color:#7A8B9C}.ok{color:#3DDC97}.bad{color:#E85D4C}.acc{color:#4FC3F7}.amber{color:#FFB74D}
|
|
.btn{border:0;border-radius:8px;background:#243140;color:#EAF0F6;font-weight:600}
|
|
.btn.acc{background:#1A4A6E}.btn.on{background:#1B5E4A}.btn.warn{background:#6B3A1E}
|
|
|
|
|
|
.t{position:absolute;left:0;right:0;top:28px;text-align:center;font-size:22px;font-weight:700;color:#3DDC97}
|
|
.ssid{position:absolute;left:0;right:0;top:68px;text-align:center;font-size:16px}
|
|
.ip{position:absolute;left:0;right:0;top:96px;text-align:center}
|
|
.rssi{position:absolute;left:0;right:0;top:118px;text-align:center}
|
|
.hint{position:absolute;left:0;right:0;top:148px;text-align:center;font-size:11px}
|
|
.bar{position:absolute;left:16px;right:16px;bottom:16px;display:flex;gap:10px;justify-content:center}
|
|
.bar .btn{height:40px;min-width:120px}
|
|
.bar .f{background:#6B3A1E;min-width:90px}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="bezel"><div class="screen" id="s">
|
|
|
|
<div class="t">WiFi Connected</div>
|
|
<div class="ssid">MyHome-5G</div>
|
|
<div class="ip muted">IP 192.168.1.42</div>
|
|
<div class="rssi muted">RSSI -58 dBm</div>
|
|
<div class="hint muted">Ready for other projects</div>
|
|
<div class="bar">
|
|
<button class="btn acc" type="button">Change WiFi</button>
|
|
<button class="btn f" type="button">Forget</button>
|
|
</div>
|
|
|
|
</div></div>
|
|
</body>
|
|
</html>
|