<body>
<div class="row">
- <div class="col sidebar">
- <div class="row">
- <div class="col pane" data-augmented-ui="tl-clip tr-2-clip-x br-2-clip-y bl-clip-x border">
- <h2 data-augmented-ui="tl-clip bl-clip none">Nav</h2>
- <ul class="nav">
- <li>
- <a href="#" hx-target="#main" hx-get="/poll/overview" hx-trigger="load, click">Home</a>
- </li>
- <li>
- <a href="#" hx-target="#main" hx-get="/poll/construction" hx-trigger="click">Construction</a>
- </li>
- <li>
- <a href="#" hx-target="#main" hx-get="/poll/unit-training" hx-trigger="click">Unit Training</a>
- </li>
- <li>
- <a href="#" hx-target="#main" hx-get="/poll/map" hx-trigger="click">Map</a>
- </li>
- <li>
- <a href="#" hx-target="#main" hx-get="/poll/mailroom" hx-trigger="click">Mail</a>
- </li>
- </ul>
+ <div class="col">
+ <div class="pane" id="topbar" data-augmented-ui="br-clip bl-clip border">
+ <div class="row">
+ <div class="col" id="nav">
+ <ul>
+ <li>
+ <a href="#" hx-target="#main" hx-get="/poll/overview" hx-trigger="load, click">Home</a>
+ </li>
+ <li>
+ <a href="#" hx-target="#main" hx-get="/poll/construction" hx-trigger="click">Construction</a>
+ </li>
+ <li>
+ <a href="#" hx-target="#main" hx-get="/poll/unit-training" hx-trigger="click">Unit Training</a>
+ </li>
+ <li>
+ <a href="#" hx-target="#main" hx-get="/poll/map" hx-trigger="click">Map</a>
+ </li>
+ <li>
+ <a href="#" hx-target="#main" hx-get="/poll/mailroom" hx-trigger="click">Mail</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col" id="info-bar">
+ <span><b>Gold:</b> 10,000,0000</span>
+ <span><b>Ore:</b> 10,000,000</span>
+ <span><b>Logs:</b> 10,000,0000</span>
+ </div>
</div>
</div>
</div>
- <div class="col" id="main" data-augmented-ui="tl-clip tr-clip br-clip-x bl-clip border">
+ </div>
+ <div class="row">
+ <div class="col">
+ <div id="notifications"></div>
+ <div id="main" data-augmented-ui="tl-clip tr-clip br-clip-x bl-clip border">
+ </div>
</div>
</div>
<footer>
Home / browser-rts.git / blobdiff