diff --git a/game.html b/game.html index 611a3fb..c8c4482 100644 --- a/game.html +++ b/game.html @@ -11,7 +11,6 @@ body { margin: 0; - height: 100vh; font-family: 'JetBrains Mono', monospace; background-color: #161b22; color: #ccc; @@ -80,7 +79,7 @@ } #canvas { width: 100%; - height: 100%; + height: 90%; background: #121212; border: 2px dashed #30363d; border-radius: 8px; @@ -300,144 +299,182 @@ height: 100%; overflow:hidden; } + #sd-header { + width: 100%; + background: none; + padding: 12px 24px; + font-size: 24px; + font-weight: bold; + color: #00ff88; + border-bottom: 1px solid #333; + } + + #page-container { + display: flex; + flex-direction: column; + width: 100%; + } + #main-content { + display: flex; + flex-direction: row; + height: 100%; + background: radial-gradient(circle at 30% 50%, rgba(0, 255, 136, 0.1) 0%, transparent 50%), + radial-gradient(circle at 70% 80%, rgba(255, 107, 53, 0.1) 0%, transparent 50%) + } + + #challenge-container { + background: #121212; + margin: 12px 24px; + border: 2px solid #30363d; + border-radius: 8px; + } -
- Challenges -
-
- - - - -
-
- - - -
- - -
This is Tab 1 content.
- - -
-