From b355e23b63fb8be8c707eac92dedf77137101a94 Mon Sep 17 00:00:00 2001 From: posimai Date: Thu, 2 Apr 2026 09:36:08 +0900 Subject: [PATCH] feat: station full-width binary footer, colored 0, Design B binary curtain aurora --- posimai-dev/server.js | 2 + posimai-dev/station-b.html | 744 +++++++++++++++++++++++++++++++++++++ posimai-dev/station.html | 46 ++- 3 files changed, 784 insertions(+), 8 deletions(-) create mode 100644 posimai-dev/station-b.html diff --git a/posimai-dev/server.js b/posimai-dev/server.js index f39d1ce0..1973bf7e 100644 --- a/posimai-dev/server.js +++ b/posimai-dev/server.js @@ -21,6 +21,8 @@ app.use(express.static(path.join(__dirname))); // /station → station.html エイリアス app.get('/station', (req, res) => res.sendFile(path.join(__dirname, 'station.html'))); +// /station-b → station-b.html エイリアス +app.get('/station-b', (req, res) => res.sendFile(path.join(__dirname, 'station-b.html'))); // /sessions → sessions.html エイリアス app.get('/sessions', (req, res) => res.sendFile(path.join(__dirname, 'sessions.html'))); diff --git a/posimai-dev/station-b.html b/posimai-dev/station-b.html new file mode 100644 index 00000000..717a4448 --- /dev/null +++ b/posimai-dev/station-b.html @@ -0,0 +1,744 @@ + + + + + + + + posimai-station B + + + + + + + + + + +
+
+
+
+ — +
+
+
00:00:00
+
—
+
+
—
+
+
+
+ +
+
Ubuntu PC
+
+
CPU—
+
+
+
+
Memory—
+
+
+
+
Disk (/)—
+
+
+
+
Load Avg
+
+
1m
—
+
5m
—
+
15m
—
+
+
+
+
Uptime
—
+
Sessions
—
+
Node.js
—
+
Platform
—
+
+ posimai-dev を開く +
+ +
+
Vitals
+
+ + + + + — + CPU + +
+
+
+ + + + + — + MEM + + Memory +
+
+ + + + + — + DISK + + Disk +
+
+
+
+ History +
+
CPU
+
Load
+
+
+
+ + + + + +
+
+
+ +
+
Services
+
+
+ +
+
Stream
+
+
+
+
+
+ +
+
posimai-station B
+
+ Design A + dev + atlas +
+
次の更新まで 30s
+
+
+
+ + + + diff --git a/posimai-dev/station.html b/posimai-dev/station.html index 2c1ffd3e..5359605c 100644 --- a/posimai-dev/station.html +++ b/posimai-dev/station.html @@ -155,7 +155,7 @@ .stream-key { font-size:9px;font-weight:600;letter-spacing:0.1em;color:var(--text3);text-transform:uppercase; } .stream-binary { font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.05em;line-height:1.5;word-break:break-all; } .bit-1 { color:var(--accent);opacity:0.9; } - .bit-0 { color:var(--text3);opacity:0.35; } + .bit-0 { color:rgba(100,180,220,0.32); } .stream-human { font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;display:flex;align-items:center;gap:5px; } .s-bar { flex:1;height:2px;border-radius:1px;background:rgba(255,255,255,0.05);overflow:hidden; } .s-bar-fill { height:100%;border-radius:1px;background:var(--accent);transition:width 0.6s ease; } @@ -165,7 +165,8 @@ #stream-ticker-inner { display:inline-block;animation:ticker 60s linear infinite; } @keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} } - #bottom { display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border); } + #bottom { display:flex;flex-direction:column;gap:8px;padding-top:10px; } + #bottom-bar { display:flex;align-items:center;justify-content:space-between; } .bottom-brand { font-size:12px;color:var(--text3);font-weight:500;letter-spacing:0.04em; } .bottom-brand span { color:var(--accent); } .bottom-links { display:flex;gap:7px; } @@ -173,6 +174,12 @@ .bottom-link:hover { color:var(--accent);border-color:rgba(34,211,238,0.3); } .bottom-link svg { width:11px;height:11px; } #refresh-countdown { font-size:11px;color:var(--text3); } + /* full-width binary footer tape */ + #bin-footer { width:100%;overflow:hidden;white-space:nowrap;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.12em;line-height:1;border-top:1px solid var(--border2);padding-top:7px; } + #bin-footer-inner { display:inline-block;animation:bfticker 40s linear infinite; } + @keyframes bfticker { from{transform:translateX(0)} to{transform:translateX(-50%)} } + .bf1 { color:var(--accent);opacity:0.75; } + .bf0 { color:rgba(100,180,220,0.28); } @@ -301,13 +308,17 @@
-
posimai-station
-
- dev - atlas - dashboard + +
+
posimai-station
+
+ Design B + dev + atlas + dashboard +
+
次の更新まで 30s
-
次の更新まで 30s