- <div class="w3-container w3-row">
- <div class="w3-col s4">
- <img src="/w3images/avatar2.png" class="w3-circle w3-margin-right" style="width:46px">
- </div>
- <div class="w3-col s8 w3-bar">
- <span id="current_user">Welcome, <strong>Mike</strong></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>
- <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>
+ <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>