mai
/
posimai-root
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: remove binary footer tape from station-b, restore bottom flex row

This commit is contained in:
posimai 2026-04-02 14:09:39 +09:00
parent a30beab925
commit 70c983f1e7
1 changed files with 8 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
posimai-dev/station-b.html
View File

@ -56,7 +56,7 @@
#alert-bar.crit { background:rgba(248,113,113,0.10);border:1px solid rgba(248,113,113,0.3);color:var(--crit);animation:alert-pulse 2s ease-in-out infinite; }
@keyframes alert-pulse { 0%,100%{border-color:rgba(248,113,113,0.3)} 50%{border-color:rgba(248,113,113,0.65)} }
#app { position:relative;z-index:1;height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;padding:16px 20px 12px;gap:0; }
#app { position:relative;z-index:1;height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;padding:20px;gap:0; }
#top { display:flex;align-items:flex-end;justify-content:space-between;padding:10px 16px 14px;flex-shrink:0;background:rgba(8,14,26,0.72);backdrop-filter:blur(16px);border-radius:14px;margin-bottom:4px; }
#hostname-area { display:flex;align-items:center;gap:8px; }
@ -156,13 +156,7 @@
@keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} }
/* bottom */
#bottom { display:flex;flex-direction:column;gap:8px;padding-top:10px; }
#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); }
#bottom-bar { display:flex;align-items:center;justify-content:space-between; }
#bottom { display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border); }
.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; }
@ -294,16 +288,13 @@
</div>
</div>
<div id="bottom">
<div id="bin-footer"><span id="bin-footer-inner"></span></div>
<div id="bottom-bar">
<div class="bottom-brand">posimai<span>-station</span> <span style="font-size:10px;color:var(--violet);margin-left:4px">B</span></div>
<div class="bottom-links">
<a class="bottom-link" href="/station" rel="noopener"><i data-lucide="monitor"></i>Design A</a>
<a class="bottom-link" href="/" target="_blank" rel="noopener"><i data-lucide="terminal"></i>dev</a>
<a class="bottom-link" href="https://posimai-atlas.vercel.app" target="_blank" rel="noopener"><i data-lucide="network"></i>atlas</a>
</div>
<div id="refresh-countdown">次の更新まで <span id="countdown">30</span>s</div>
<div class="bottom-brand">posimai<span>-station</span> <span style="font-size:10px;color:var(--violet);margin-left:4px">B</span></div>
<div class="bottom-links">
<a class="bottom-link" href="/station" rel="noopener"><i data-lucide="monitor"></i>Design A</a>
<a class="bottom-link" href="/" target="_blank" rel="noopener"><i data-lucide="terminal"></i>dev</a>
<a class="bottom-link" href="https://posimai-atlas.vercel.app" target="_blank" rel="noopener"><i data-lucide="network"></i>atlas</a>
</div>
<div id="refresh-countdown">次の更新まで <span id="countdown">30</span>s</div>
</div>
</div>
@ -422,23 +413,6 @@
draw();
})();
// ── full-width binary footer tape ──────────────────────────────────────────
(function initBinFooter(){
const el = document.getElementById('bin-footer-inner');
if(!el) return;
function makeTape(len){
let s = '';
for(let i = 0; i < len; i++){
const b = Math.random() < 0.5 ? '1' : '0';
const sp = (i > 0 && i % 8 === 0) ? ' ' : '';
s += sp + (b === '1' ? `<span class="bf1">1</span>` : `<span class="bf0">0</span>`);
}
return s;
}
const tape = makeTape(600);
el.innerHTML = tape + '&nbsp;&nbsp;&nbsp;&nbsp;' + tape;
})();
// ── Shared logic (same as station.html) ────────────────────────────────────
const HEALTH_URL = '/api/health';
const REFRESH_SEC = 30;