Add link to offline page

assets/javascripts/templates/pages/root_tmpl.coffee.erb

@@ -71,6 +71,7 @@ app.templates.intro = """
 
 app.templates.mobileNav = """
   <nav class="_mobile-nav">
+    <a href="/offline" class="_mobile-nav-link">Offline</a>
     <a href="/about" class="_mobile-nav-link">About</a>
     <a href="/news" class="_mobile-nav-link">News</a>
     <a href="/help" class="_mobile-nav-link">Help</a>

assets/javascripts/views/layout/nav.coffee

@@ -18,7 +18,7 @@ class app.views.Nav extends app.View
     return
 
   afterRoute: (route, context) =>
-    if route is 'page'
+    if route in ['page', 'offline']
       @select context.pathname
     else
       @deselect()

assets/stylesheets/components/_mobile.scss

@@ -172,11 +172,9 @@
 
 ._mobile-nav-link {
   float: left;
-  width: 33%;
+  width: 25%;
   text-align: center;
   font-weight: bold;
-
-  &:nth-child(2n) { width: 34%; }
 }
 
 //

views/app.erb

@@ -11,6 +11,7 @@
       <a href="/" class="_nav-link">DevDocs</a>
     </h1>
     <nav class="_nav">
+      <a href="/offline" class="_nav-link">Offline</a>
       <a href="/about" class="_nav-link">About</a>
       <a href="/news" class="_nav-link">News</a>
       <a href="/help" class="_nav-link">Tips</a>