diff --git a/index.html b/index.html index 856f669..d9deaa8 100644 --- a/index.html +++ b/index.html @@ -410,6 +410,73 @@ color: #00ff00; line-height: 1.4; } + + /* Scene 5 */ + .scene5text { + white-space: pre-wrap; + text-align: left; + width: 100%; + max-width: 55rem; + line-height: 1.8; + } + .s5visual { + width: 100%; + max-width: 55rem; + margin-top: 1.5rem; + opacity: 0; + transition: opacity 1.2s ease; + } + .s5visual.visible { opacity: 1; } + + /* Hashrate dominance bar */ + .hash-bar-container { + width: 100%; + max-width: 40rem; + margin: 0 auto; + } + .hash-bar { + display: flex; + height: 2.8rem; + border: 1px solid #003300; + border-radius: 4px; + overflow: hidden; + } + .hash-bar-btc { + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(90deg, #003300, #00ff00); + color: #000; + font-weight: bold; + font-size: 0.9rem; + flex: 99; + text-shadow: 0 0 4px #00ff00; + transition: flex 1.5s ease; + } + .hash-bar-rest { + flex: 1; + background: #1a0000; + border-left: 1px solid #003300; + } + + /* Table row highlight for BTC */ + .comp-table .btc-col { + background: #001a00; + border-color: #00ff00; + color: #00ff00; + font-weight: bold; + } + .comp-table .btc-col .yes { color: #44ff44; } + .comp-table .btc-col .no { color: #ff4444; } + .comp-table .nickname { + font-size: 0.75rem; + color: #007700; + } + .comp-table th.btc-col { + border-bottom-color: #00ff00; + } + .comp-table td.btc-col .no { color: #44ff44; } + .comp-table td.btc-col .yes { color: #ff4444; } @@ -477,6 +544,12 @@
+ + + +
+
+