fix: improve navigation

- Improve navigation - Add proper ARIA labels to menu items - Clean up old misplaced code - Add forgotten .prettierrc.json file
maaretp · Apr 11, 2019 · 9d4805c · 9d4805c
1 parent 2e49ef7
commit 9d4805c
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 6 deletions.
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -0,0 +1,9 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "bracketSpacing": true
+}
diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
@@ -125,8 +125,10 @@ p.intro {
 }
 
 /* Unordered lists */
+/* - Increase line height for the unordered list items */
 .content ul {
   margin: 1em;
+  line-height: 1.8em;
 }
 
 /* Main navigation */

diff --git a/docs/conference/index.html b/docs/conference/index.html
@@ -44,11 +44,11 @@
       <!-- Logo and things can go here -->
       <nav role="navigation" class="mainnav">
         <ul>
-          <li class="selected">
+          <li>
             <a href="/">Home</a>
           </li>
           <li>
-            <a href="/conference" class="selected">Conference</a>
+            <a href="/conference" aria-current="page" class="selected">Conference</a>
           </li>
           <li>
             <a href="/training">Training</a>

diff --git a/docs/index.html b/docs/index.html
@@ -43,8 +43,8 @@
       <!-- Logo and things can go here -->
       <nav role="navigation" class="mainnav">
         <ul>
-          <li class="selected">
-            <a href="/" class="selected">Home</a>
+          <li>
+            <a href="/" aria-current="page" class="selected">Home</a>
           </li>
           <li>
             <a href="/conference">Conference</a>

diff --git a/docs/training/index.html b/docs/training/index.html
@@ -44,14 +44,14 @@
       <!-- Logo and things can go here -->
       <nav role="navigation" aria-label="Main Navigation" class="mainnav">
         <ul>
-          <li class="selected">
+          <li>
             <a href="/">Home</a>
           </li>
           <li>
             <a href="/conference">Conference</a>
           </li>
           <li>
-            <a href="/training" class="selected">Training</a>
+            <a href="/training" aria-current="page" class="selected">Training</a>
           </li>
         </ul>
       </nav>