changeset 110:40babc87d1bc

Enable website accessabilty without Javascript.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Fri, 04 Nov 2016 10:16:27 +0100
parents 4bb4b68c792f
children b0c6ab59c569
files _includes/head.html _includes/header.html _includes/install.html
diffstat 3 files changed, 14 insertions(+), 7 deletions(-) [+]
line wrap: on
line diff
--- a/_includes/head.html	Thu Nov 03 15:20:45 2016 +0100
+++ b/_includes/head.html	Fri Nov 04 10:16:27 2016 +0100
@@ -10,6 +10,13 @@
   <link rel="stylesheet" href="{{ "/css/normalize.css" | relative_url }}">
   <link rel="stylesheet" href="{{ "/css/app.css" | relative_url }}">
   <link rel="stylesheet" href="{{ "/css/syntax-highlight.css" | relative_url }}">
+  <noscript>
+    <style>
+    div.no-js { position: relative; }
+    nav.no-js { height: auto; }
+    .tabs-content > div.no-js { display: block; }
+    </style>
+  </noscript>
 
   <script src="{{ "/js/vendor/modernizr.js" | relative_url }}"></script>
   <script src="{{ "/js/vendor/jquery.js" | relative_url }}"></script>
--- a/_includes/header.html	Thu Nov 03 15:20:45 2016 +0100
+++ b/_includes/header.html	Fri Nov 04 10:16:27 2016 +0100
@@ -1,5 +1,5 @@
-<div class="fixed contain-to-grid">
-  <nav class="top-bar" data-topbar role="navigation">
+<div class="no-js fixed contain-to-grid">
+  <nav class="no-js top-bar" data-topbar role="navigation">
     <ul class="title-area">
       <li class="name">
         <h1>
--- a/_includes/install.html	Thu Nov 03 15:20:45 2016 +0100
+++ b/_includes/install.html	Fri Nov 04 10:16:27 2016 +0100
@@ -6,7 +6,7 @@
   <li class="tab-title"><a href="#windows">Windows</a></li>
 </ul>
 <div class="tabs-content">
-  <div class="content active" id="linux">
+  <div class="no-js content active" id="linux">
     <p>
       Executable versions of GNU Octave for GNU/Linux systems are provided
       by the individual distributions.  Distributions known to package Octave
@@ -20,7 +20,7 @@
       GNU/Linux distribution varies.
     </p>
   </div>
-  <div class="content" id="mac">
+  <div class="no-js content" id="mac">
     <p>
       The <a href="{{ site.wiki_url }}Octave_for_MacOS_X">Octave Wiki</a>
       has instructions for installing Octave on OS X systems.  Octave may
@@ -30,7 +30,7 @@
       <a href="http://www.finkproject.org">Fink</a>.
     </p>
   </div>
-  <div class="content" id="bsd">
+  <div class="no-js content" id="bsd">
     <p>
       Executable versions of Octave for BSD systems are provided by the
       individual distributions.  Both
@@ -42,13 +42,13 @@
       that process.
     </p>
   </div>
-  <div class="content" id="windows">
+  <div class="no-js content" id="windows">
     <p>
       Windows binaries with corresponding source code can be downloaded
       from <a href="https://ftp.gnu.org/gnu/octave/windows/">https://ftp.gnu.org/gnu/octave/windows/</a>.
     </p>
   </div>
-  <div class="content" id="source">
+  <div class="no-js content" id="source">
     <p>
       The latest released version of Octave is always available from
       <a href="https://ftp.gnu.org/gnu/octave/">https://ftp.gnu.org/gnu/octave/</a>.