|
|
|
@@ -16,5 +16,41 @@ |
|
|
|
</head> |
|
|
|
|
|
|
|
<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> |
