--- /dev/null
+(function(){
+ 'use strict';
+
+ $( document ).ready(function(){
+ if(document.body.clientWidth >= 768)
+ return;
+ $('#title').before('<div class="text-center">Tap title to toggle menu</div>');
+ $('nav').addClass('hidden');
+ $('#title').css('margin', '6px').on('click', function () {
+ $('nav').toggleClass('hidden');
+ });
+ });
+})();
<script src="/static/js.js" type="text/javascript" async defer></script>
<body>
-<nav role="navigation">
<div class="container-fluid">
+<nav role="navigation">
<ul class="nav nav-pills nav-justified">
<li id="nav-home"><a href="/">Gruntmaster 6000</a>
<li id="nav-pb"><a href="/pb/">Problems</a>
<li id="nav-contribute"><a href="/contribute">Contribute!</a>
</ul>
-</div>
</nav>
-<div class="container-fluid">
-
<h1 id="title">TITLE</h1>
<div id="static" class="alert alert-info" static="yes">This is a static version of Gruntmaster 6000.</div>