Add theme switcher. Because why not.

Author: dmptrluke

cloudbot/web/main.py

@@ -19,8 +19,8 @@ def get_template_env():
 def get_application():
     app = Application([
         (r'/', TestHandler),
-        (r'/factoids/', TestHandler),
-        (r'/commands/', CommandsHandler),
+        (r'/factoids/?', TestHandler),
+        (r'/commands/?', CommandsHandler),
         (r"/s/(.*)", StaticFileHandler, {"path": "./cloudbot/web/static"}),
     ], compress_response=True)
     return app

cloudbot/web/templates/commands.html

@@ -12,12 +12,6 @@ <h2 id="container">Command List</h2>
             <p class="lead">{{ bot_name }} has a large selection of commands that can do all kinds of useful tasks.
                 Below is an automatically-generated list of every command the bot currently knows.</p>
 
-            <div class="alert alert-dismissible alert-warning">
-                <button type="button" class="close" data-dismiss="alert">×</button>
-                <h4>Under Construction!</h4>
-
-                <p>This page is still under construction, and may provide incorrect data.</p>
-            </div>
             <table class="table table-striped sortable" id="commands">
                 <thead>
                 <tr>

cloudbot/web/templates/layout.html

@@ -59,8 +59,7 @@
                 <li class="dropdown">
                     <a class="glyphicon glyphicon-option-vertical" class="dropdown-toggle" data-toggle="dropdown"
                        role="button" aria-expanded="false"></a>
-                    <ul class="dropdown-menu" role="menu">
-                        <li><a href="#" class="active">Default Theme</a></li>
+                    <ul class="dropdown-menu" role="menu" id="theme-select">
                     </ul>
                 </li>
                 <li>
@@ -122,11 +121,16 @@ <h4 class="modal-title">About {{ bot_name }}</h4>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
     <script src="/s/js/bootstrap.min.js"></script>
     <script src="/s/js/moment.min.js"></script>
+    <script src="/s/js/jquery.cookie.js"></script>
+    <script src="/s/js/jquery.bootstrap-theme.js"></script>
     <script src="/s/js/bootstrap-sortable.js"></script>
     <script>
         $(function () {
+            $('#theme-select').bootstrapThemeSwitcher({'defaultCssFile': '/s/css/bootstrap.min.css', 'excludeBootswatch': 'Paper,Superhero,Simplex,Sandstone,Spacelab'});
+            $().bootstrapThemeSwitcher('loadThemeFromCookie');
             $('[data-toggle="tooltip"]').tooltip();
             $('[data-toggle="popover"]').popover();
+
         })
     </script>
 {% endblock %}