Indentation

mockup/chatroom.html

@@ -35,182 +35,181 @@
                     </div>
 
                     <div class="chat-body chatroom-body row no-gutters">
-                            <div class="chat-area col-md-9 col-8">
-                                <div class="chat-content">
-									<time class="message chat-info chat-date badge badge-info" data-isodate="2018-04-36T00:00:00+02:00">Tuesday Apr 36th 2018</time>
-									<div class="message chat-info chat-event" data-isodate="2018-04-36T18:07:36+02:00" data-join="&quot;jc&quot;">jc has entered the room</div><div class="message chat-message " data-isodate="2018-04-36T18:07:26+02:00" data-msgid="4fb4d101-8136-4f2a-8dfb-2615896b8316">
-										<canvas height="36" width="36" class="avatar"></canvas>
-										<span class="chat-msg-author chat-msg-me">18:07 me:&nbsp;</span>
-										<span class="chat-msg-content">ee</span>
-										<div class="chat-msg-media"></div>
-									</div>
-                                    <div class="message chat-message">
-										<canvas height="36" width="36" class="avatar"></canvas>
-                                        <span class="chat-msg-author chat-msg-room">18:50&nbsp;
-                                            <span class="chat-msg-room">luke:&nbsp;</span>
-                                        </span>
-                                        <span class="chat-msg-content">leia: hi :)</span>
-                                    </div>
-                                    <div class="message chat-message">
-										<canvas height="36" width="36" class="avatar"></canvas>
-                                        <span class="chat-msg-author chat-msg-room">19:36&nbsp;
-                                            <span class="chat-msg-room">leia:&nbsp;</span>
-                                        </span>
-                                        <span class="chat-msg-content">I'll be gone for a while, will be back in about an hour</span>
-                                    </div>
-                                    <time class="message chat-info badge badge-info" datetime="2013-06-04T00:00:00.000Z">Tue Jun 04 2013</time>
-                                    <div class="message chat-message">
-										<canvas height="36" width="36" class="avatar"></canvas>
-                                        <span class="chat-msg-author chat-msg-room">19:36&nbsp;
-                                            <span class="chat-msg-room">Obi-wan Kenobi, Jedi Master:&nbsp;</span>
-                                        </span>
-                                        <span class="chat-msg-content">I'll be gone for a while, will be back in about an hour</span>
-                                    </div>
-
-                                    <div class="message chat-info chat-event" data-isodate="2018-03-07T10:21:09+01:00" data-join="&quot;jcbrand&quot;">jcbrand has entered the room</div>
-                                    <div class="message chat-info chat-event" data-isodate="2018-03-07T10:21:09+01:00" data-join="&quot;jcbrand&quot;">Topic set by jcbrand</div>
-                                    <div class="message chat-info chat-topic" data-isodate="2018-03-07T10:21:09+01:00">Converse.js: The latest release is 3.3.4. Please be
-                                         patient if your questions aren't answered immediately. We're all in different timezones.</div>
+                        <div class="chat-area col-md-9 col-8">
+                            <div class="chat-content">
+                                <time class="message chat-info chat-date badge badge-info" data-isodate="2018-04-36T00:00:00+02:00">Tuesday Apr 36th 2018</time>
+                                <div class="message chat-info chat-event" data-isodate="2018-04-36T18:07:36+02:00" data-join="&quot;jc&quot;">jc has entered the room</div><div class="message chat-message " data-isodate="2018-04-36T18:07:26+02:00" data-msgid="4fb4d101-8136-4f2a-8dfb-2615896b8316">
+                                    <canvas height="36" width="36" class="avatar"></canvas>
+                                    <span class="chat-msg-author chat-msg-me">18:07 me:&nbsp;</span>
+                                    <span class="chat-msg-content">ee</span>
+                                    <div class="chat-msg-media"></div>
+                                </div>
+                                <div class="message chat-message">
+                                    <canvas height="36" width="36" class="avatar"></canvas>
+                                    <span class="chat-msg-author chat-msg-room">18:50&nbsp;
+                                        <span class="chat-msg-room">luke:&nbsp;</span>
+                                    </span>
+                                    <span class="chat-msg-content">leia: hi :)</span>
+                                </div>
+                                <div class="message chat-message">
+                                    <canvas height="36" width="36" class="avatar"></canvas>
+                                    <span class="chat-msg-author chat-msg-room">19:36&nbsp;
+                                        <span class="chat-msg-room">leia:&nbsp;</span>
+                                    </span>
+                                    <span class="chat-msg-content">I'll be gone for a while, will be back in about an hour</span>
+                                </div>
+                                <time class="message chat-info badge badge-info" datetime="2013-06-04T00:00:00.000Z">Tue Jun 04 2013</time>
+                                <div class="message chat-message">
+                                    <canvas height="36" width="36" class="avatar"></canvas>
+                                    <span class="chat-msg-author chat-msg-room">19:36&nbsp;
+                                        <span class="chat-msg-room">Obi-wan Kenobi, Jedi Master:&nbsp;</span>
+                                    </span>
+                                    <span class="chat-msg-content">I'll be gone for a while, will be back in about an hour</span>
+                                </div>
 
+                                <div class="message chat-info chat-event" data-isodate="2018-03-07T10:21:09+01:00" data-join="&quot;jcbrand&quot;">jcbrand has entered the room</div>
+                                <div class="message chat-info chat-event" data-isodate="2018-03-07T10:21:09+01:00" data-join="&quot;jcbrand&quot;">Topic set by jcbrand</div>
+                                <div class="message chat-info chat-topic" data-isodate="2018-03-07T10:21:09+01:00">Converse.js: The latest release is 3.3.4. Please be
+                                        patient if your questions aren't answered immediately. We're all in different timezones.</div>
 
-                                    <div class="message chat-message">
-										<canvas height="36" width="36" class="avatar"></canvas>
-                                        <span class="chat-msg-author chat-msg-me">19:42&nbsp;
-                                            <span class="chat-msg-me">me:&nbsp;</span>
-                                        </span>
-                                        <span class="chat-msg-content">Supercalifragilisticexpialidociousstillnotlongenough</span>
-                                    </div>
-                                    <div class="message chat-message">
-										<canvas height="36" width="36" class="avatar"></canvas>
-                                        <span class="chat-msg-author chat-msg-room">19:43&nbsp;
-                                            <span class="chat-msg-roomme">Obi-wan Kenobi, Jedi Master:&nbsp;</span>
-                                        </span>
-                                        <span class="chat-msg-content">Another message to check that scrolling works.</span>
-                                    </div>
+                                <div class="message chat-message">
+                                    <canvas height="36" width="36" class="avatar"></canvas>
+                                    <span class="chat-msg-author chat-msg-me">19:42&nbsp;
+                                        <span class="chat-msg-me">me:&nbsp;</span>
+                                    </span>
+                                    <span class="chat-msg-content">Supercalifragilisticexpialidociousstillnotlongenough</span>
+                                </div>
+                                <div class="message chat-message">
+                                    <canvas height="36" width="36" class="avatar"></canvas>
+                                    <span class="chat-msg-author chat-msg-room">19:43&nbsp;
+                                        <span class="chat-msg-roomme">Obi-wan Kenobi, Jedi Master:&nbsp;</span>
+                                    </span>
+                                    <span class="chat-msg-content">Another message to check that scrolling works.</span>
                                 </div>
-                                <form class="sendXMPPMessage">
-                                    <ul class="chat-toolbar no-text-select">
-                                        <li class="toggle-smiley fa fa-smile-o" title="Insert a smiley"></li>
-                                        <li class="toggle-occupants"><a class="fa fa-user-times" title="Hide the list of occupants"></a></li>
-                                        <li class="toggle-clear"><a class="fa fa-eraser" title="Clear all messages"></a></li>
-                                    </ul>
-                                    <textarea class="chat-textarea form-control" placeholder="Message"></textarea>
-                                </form>
                             </div>
+                            <form class="sendXMPPMessage">
+                                <ul class="chat-toolbar no-text-select">
+                                    <li class="toggle-smiley fa fa-smile-o" title="Insert a smiley"></li>
+                                    <li class="toggle-occupants"><a class="fa fa-user-times" title="Hide the list of occupants"></a></li>
+                                    <li class="toggle-clear"><a class="fa fa-eraser" title="Clear all messages"></a></li>
+                                </ul>
+                                <textarea class="chat-textarea form-control" placeholder="Message"></textarea>
+                            </form>
+                        </div>
 
-                            <div class="occupants col-md-3 col-4">
-                                <p class="occupants-heading">Occupants:</p>
-                                <form class="room-invite">
-                                    <input class="form-control" placeholder="Invite..." type="text" autocomplete="off" spellcheck="false" dir="auto">
-                                    <pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre;"></pre>
-                                </form>
+                        <div class="occupants col-md-3 col-4">
+                            <p class="occupants-heading">Occupants:</p>
+                            <form class="room-invite">
+                                <input class="form-control" placeholder="Invite..." type="text" autocomplete="off" spellcheck="false" dir="auto">
+                                <pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre;"></pre>
+                            </form>
 
-                                <ul class="occupant-list">
-                                    <li class="moderator occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Admiral Ackbar</li>
-                                    <li class="moderator occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Padmé Amidala</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Jar Jar Binks</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-away circle" title="Away"></div>C-3PO</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Chewbacca</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Count Dooku</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Boba Fett</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Jabba the Hutt</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Mara Jade</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Queen Jamillia</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Jerec</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Moff Jerjerrod</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Qui-Gon Jinn</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Captain Kael</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Kir Kanos</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Talon Karrde</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Talon Karrde</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Obi-Wan Kenobi</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Darth Maul</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Princess Leia Organa</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Emperor Palpatine</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>R2-D2</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>R5-D4</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Darth Sidious</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Anakin Skywalker</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Luke Skywalker</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Han Solo</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>TC-14</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Booster Terrik</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Mirax Terrik</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Mod Terrik</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Tessek</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Darth Vader</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Supreme Chancellor Finis Valorum</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Nahdar Vebb</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>General Maximilian Veers</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Tahiri Veila</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Asajj Ventress</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Vergere</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>King Veruna</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Vima-Da-Boda</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Quinlan Vos</li>
-                                    <li class="participant occupant" title="Click to mention leia in your message.">
-										<div class="occupant-status occupant-online circle" title="Online"></div>Yoda</li>
+                            <ul class="occupant-list">
+                                <li class="moderator occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Admiral Ackbar</li>
+                                <li class="moderator occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Padmé Amidala</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Jar Jar Binks</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-away circle" title="Away"></div>C-3PO</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Chewbacca</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Count Dooku</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Boba Fett</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Jabba the Hutt</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Mara Jade</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Queen Jamillia</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Jerec</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Moff Jerjerrod</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Qui-Gon Jinn</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Captain Kael</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Kir Kanos</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Talon Karrde</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Talon Karrde</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Obi-Wan Kenobi</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Darth Maul</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Princess Leia Organa</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Emperor Palpatine</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>R2-D2</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>R5-D4</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Darth Sidious</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Anakin Skywalker</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Luke Skywalker</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Han Solo</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>TC-14</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Booster Terrik</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Mirax Terrik</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Mod Terrik</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Tessek</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Darth Vader</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Supreme Chancellor Finis Valorum</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Nahdar Vebb</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>General Maximilian Veers</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Tahiri Veila</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Asajj Ventress</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Vergere</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>King Veruna</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Vima-Da-Boda</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Quinlan Vos</li>
+                                <li class="participant occupant" title="Click to mention leia in your message.">
+                                    <div class="occupant-status occupant-online circle" title="Online"></div>Yoda</li>
+                            </ul>
+                            <div class="chatroom-features">
+                                <p class="occupants-heading">Features</p>
+                                <ul class="features-list">
+                                    <li class="feature" title="Secured: This room requires a password before entry"><span class="fa fa-unlock"></span>&nbsp;Password required</li>
+                                    <li class="feature" title="Public: This room is publicly searchable"><span class="fa fa-eye"></span>&nbsp;Public</li>
+                                    <li class="feature" title="Open: Anyone can join this room"><span class="fa fa-globe"></span>&nbsp;Open</li>
+                                    <li class="feature" title="Persistent: This room persists even if it's unoccupied"><span class="fa fa-save"></span>&nbsp;Persistent</li>
+                                    <li class="feature" title="Non-anonymous: All other room occupants can see your XMPP username"><span class="fa fa-vcard"></span>&nbsp;Non-anonymous</li>
+                                    <li class="feature" title="Unmoderated: This room is not being moderated"><span class="fa fa-info-circle"></span>&nbsp;Unmoderated</li>
                                 </ul>
-                                <div class="chatroom-features">
-                                    <p class="occupants-heading">Features</p>
-                                    <ul class="features-list">
-                                        <li class="feature" title="Secured: This room requires a password before entry"><span class="fa fa-unlock"></span>&nbsp;Password required</li>
-                                        <li class="feature" title="Public: This room is publicly searchable"><span class="fa fa-eye"></span>&nbsp;Public</li>
-                                        <li class="feature" title="Open: Anyone can join this room"><span class="fa fa-globe"></span>&nbsp;Open</li>
-                                        <li class="feature" title="Persistent: This room persists even if it's unoccupied"><span class="fa fa-save"></span>&nbsp;Persistent</li>
-                                        <li class="feature" title="Non-anonymous: All other room occupants can see your XMPP username"><span class="fa fa-vcard"></span>&nbsp;Non-anonymous</li>
-                                        <li class="feature" title="Unmoderated: This room is not being moderated"><span class="fa fa-info-circle"></span>&nbsp;Unmoderated</li>
-                                    </ul>
-                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
-        <div id="converse-modals" class="modals"></div>
+    </div>
+    <div id="converse-modals" class="modals"></div>
     </div>
 
 <script type="text/javascript" src="../../node_modules/lodash/lodash.js"></script>