diff --git a/page-inserts/navbar.html b/page-inserts/navbar.html
index 1d04360..b3b8eea 100644
--- a/page-inserts/navbar.html
+++ b/page-inserts/navbar.html
@@ -3,39 +3,27 @@
         <div style="margin: 15px;text-align:center;">
             <img src="/images/page-logo.png" style="width: 90%;"/>
         </div>
-        <a class="mdc-list-item" href="https://reading-school.co.uk">
+        <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
             <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
             <span class="mdc-list-item__text">Reading School Website</span>
         </a>
-        <a class="mdc-list-item" href="/">
+        <a class="mdc-list-item" href="/" data-mdc-auto-init="MDCRipple">
             <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
             <span class="mdc-list-item__text">Home Page</span>
         </a>
         <div class="mdc-list-group">
-            <h3 class="mdc-list-group__subheader">List 1</h3>
-            <ul class="mdc-list" aria-orientation="vertical">
-            <li class="mdc-list-item">
-                <span class="mdc-list-item__text">line item</span>
-            </li>
-            <li class="mdc-list-item">
-                <span class="mdc-list-item__text">line item</span>
-            </li>
-            <li class="mdc-list-item">
-                <span class="mdc-list-item__text">line item</span>
-            </li>
-            </ul>
-            <h3 class="mdc-list-group__subheader">List 2</h3>
-            <ul class="mdc-list" aria-orientation="vertical">
-            <li class="mdc-list-item">
-                <span class="mdc-list-item__text">line item</span>
-            </li>
-            <li class="mdc-list-item">
-                <span class="mdc-list-item__text">line item</span>
-            </li>
-            <li class="mdc-list-item">
-                <span class="mdc-list-item__text">line item</span>
-            </li>
-            </ul>
-            </div>
+            <h3 class="mdc-list-group__subheader">Articles</h3>
+            <a class="mdc-list-item" href="/articles/article_name" data-mdc-auto-init="MDCRipple">
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
+                <span class="mdc-list-item__text">Title</span>
+            </a>
+        </div>
+        <div class="mdc-list-group">
+            <h3 class="mdc-list-group__subheader">Authors</h3>
+            <a class="mdc-list-item" href="/authors/name" data-mdc-auto-init="MDCRipple">
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">account_circle</i>
+                <span class="mdc-list-item__text">Name</span>
+            </a>
+        </div>
     </nav>
 </div>