| @@ -16,5 +16,41 @@ | |||||
| </head> | </head> | ||||
| <body> | <body> | ||||
| <div>hewwo?</div> | |||||
| <div id="info-area"> | |||||
| <div class="sidebar"> | |||||
| <div id="menu"> | |||||
| this is the menu, eventually | |||||
| </div> | |||||
| <div id="self-info"> | |||||
| this is your own info | |||||
| </div> | |||||
| </div> | |||||
| <div id="log"> | |||||
| this is the log | |||||
| </div> | |||||
| <div class="sidebar" id="area-info"> | |||||
| this is the area info | |||||
| </div> | |||||
| </div> | |||||
| <div id="control-area"> | |||||
| <div id="actions"> | |||||
| these are the actions | |||||
| </div> | |||||
| <div id="desc"> | |||||
| this is a description of your action | |||||
| </div> | |||||
| <div id="moves"> | |||||
| beep beep | |||||
| <div id="move-holder"> | |||||
| <button class="move-button" id="move-up-left">NW</button> | |||||
| <button class="move-button" id="move-up">N</button> | |||||
| <button class="move-button" id="move-up-right">NE</button> | |||||
| <button class="move-button" id="move-left">W</button> | |||||
| <button class="move-button" id="move-right">E</button> | |||||
| <button class="move-button" id="move-down-left">SW</button> | |||||
| <button class="move-button" id="move-down">S</button> | |||||
| <button class="move-button" id="move-down-right">SE</button> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </body> | </body> | ||||