|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | + <head> |
| 4 | + <meta charset="utf-8"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 6 | + <title>RTT</title> |
| 7 | + <!-- Global site tag (gtag.js) - Google Analytics --> |
| 8 | + <script async src="https://www.googletagmanager.com/gtag/js?id=UA-22921213-7"></script> |
| 9 | + <script> |
| 10 | + window.dataLayer = window.dataLayer || []; |
| 11 | + function gtag(){dataLayer.push(arguments);} |
| 12 | + gtag('js', new Date()); |
| 13 | + gtag('config', 'UA-22921213-7'); |
| 14 | + </script> |
| 15 | + <style type="text/css"> |
| 16 | + * { |
| 17 | + padding: 0; |
| 18 | + margin: 0; |
| 19 | + } |
| 20 | + html, body { |
| 21 | + overscroll-behavior-x: none; |
| 22 | + } |
| 23 | + body { |
| 24 | + overflow: hidden; |
| 25 | + background: #202020; |
| 26 | + font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; |
| 27 | + } |
| 28 | + .game { |
| 29 | + height: 100vh; |
| 30 | + } |
| 31 | + .game--viewport { |
| 32 | + height: 100vh; |
| 33 | + position: relative; |
| 34 | + } |
| 35 | + .game--viewport canvas { |
| 36 | + position: absolute; |
| 37 | + top: 0; |
| 38 | + left: 0; |
| 39 | + } |
| 40 | + </style> |
| 41 | + </head> |
| 42 | + <body> |
| 43 | + <div class="game" id="rtt"> |
| 44 | + <section class="game--viewport"> |
| 45 | + </section> |
| 46 | + <aside class="game--sidebar" style="display: none;"> |
| 47 | + <table class="player-scores"> |
| 48 | + <thead> |
| 49 | + <tr> |
| 50 | + <th class="time" style="min-width: 65px;"></th> |
| 51 | + <th style="min-width: 60px;">Energy</th> |
| 52 | + <th style="min-width: 60px;">Income</th> |
| 53 | + <th style="min-width: 50px;">Units</th> |
| 54 | + <th>AI</th> |
| 55 | + </tr> |
| 56 | + </thead> |
| 57 | + <tbody></tbody> |
| 58 | + </table> |
| 59 | + <ul class="players--tabs"></ul> |
| 60 | + <section class="player--ui"> |
| 61 | + <h2 class="player--selected-units-heading">Selected units</h2> |
| 62 | + <ul class="player--selected-units"></ul> |
| 63 | + |
| 64 | + <h2 class="player--order-panel-heading">Order selected units</h2> |
| 65 | + <ul class="player--order-panel"></ul> |
| 66 | + </section> |
| 67 | + </aside> |
| 68 | + </div> |
| 69 | + <script src="dist/main.js"></script> |
| 70 | + </body> |
| 71 | +</html> |
0 commit comments