-<!-- Sidenav -->
-<nav class="w3-sidenav w3-collapse w3-theme-l5 w3-animate-left" style="z-index:3;width:250px;margin-top:43px;" id="sidebar">
- <a href="javascript:void(0)" onclick="w3_close()" class="w3-right w3-xlarge w3-padding-large w3-hover-black w3-hide-large" title="close menu">
- <i class="fa fa-remove"></i>
- </a>
- <h4><b>Menu</b></h4>
- <a href="#" class="w3-hover-black">Link</a>
- <a href="#" class="w3-hover-black">Link</a>
- <a href="#" class="w3-hover-black">Link</a>
- <a href="#" class="w3-hover-black">Link</a>
+<!-- Sidebar/menu -->
+<nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="sidebar"><br>
+ <div class="w3-container w3-row">
+ <div class="w3-col s4">
+ <i class="fa fa-user-circle fa-3x"></i>
+ </div>
+ <div class="w3-col s8 w3-bar">
+ <span id="current_user">Not logged in.</span><br>
+ <a href="#" class="w3-bar-item w3-button"><i class="fa fa-envelope"></i></a>
+ <a href="#" class="w3-bar-item w3-button"><i class="fa fa-user"></i></a>
+ <a href="#" class="w3-bar-item w3-button"><i class="fa fa-cog"></i></a>
+ </div>
+ </div>
+ <hr>
+ <div class="w3-container">
+ <h5>Duh, STUFF</h5>
+ </div>
+ <div class="w3-bar-block">
+ <a href="#" class="w3-bar-item w3-button w3-padding-16 w3-hide-large w3-dark-grey w3-hover-black" onclick="w3_close()" title="close menu"><i class="fa fa-remove fa-fw"></i> Close Menu</a>
+ <a href="#" class="w3-bar-item w3-button w3-padding w3-blue"><i class="fa fa-users fa-fw"></i> Rooms</a>
+ <div id="roomlist">rooms go here</div>
+ <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-eye fa-fw"></i> Users</a>
+ <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-users fa-fw"></i> Bombs</a>
+ <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-bullseye fa-fw"></i> Missiles</a>
+ <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-diamond fa-fw"></i> Tards</a>
+ <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-bell fa-fw"></i> News</a>
+ <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-bank fa-fw"></i> General</a>
+ <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-history fa-fw"></i> History</a>
+ <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-cog fa-fw"></i> Settings</a><br><br>
+ </div>