diff --git a/index.html b/index.html index 59a7c56..f41d41b 100644 --- a/index.html +++ b/index.html @@ -477,6 +477,61 @@ } .comp-table td.btc-col .no { color: #44ff44; } .comp-table td.btc-col .yes { color: #ff4444; } + + /* Scene 6 */ + .scene6text { + white-space: pre-wrap; + text-align: left; + width: 100%; + max-width: 55rem; + line-height: 1.8; + } + .s6visual { + width: 100%; + max-width: 55rem; + margin-top: 1.5rem; + opacity: 0; + transition: opacity 4s ease; + } + .s6visual.visible { opacity: 1; } + .s6section { + margin-top: 1.5rem; + text-align: left; + } + .s6section-title { + color: #007700; + font-size: 0.85rem; + margin-bottom: 0.5rem; + text-align: center; + } + + .comp-table .linux-col { + background: #001a00; + border-color: #00ff00; + color: #00ff00; + font-weight: bold; + } + .comp-table .linux-col .no { color: #44ff44; } + .comp-table .linux-col .yes { color: #ff4444; } + .comp-table th.linux-col { + border-bottom-color: #00ff00; + } + .comp-table td.linux-col .no { color: #44ff44; } + .comp-table td.linux-col .yes { color: #ff4444; } + + .comp-table .graphene-col { + background: #001a00; + border-color: #00ff00; + color: #00ff00; + font-weight: bold; + } + .comp-table .graphene-col .no { color: #44ff44; } + .comp-table .graphene-col .yes { color: #ff4444; } + .comp-table th.graphene-col { + border-bottom-color: #00ff00; + } + .comp-table td.graphene-col .no { color: #44ff44; } + .comp-table td.graphene-col .yes { color: #ff4444; } @@ -512,6 +567,7 @@ + @@ -553,6 +609,12 @@ +
+
+
+ +
+