Split templates for logged out and logged in state. Added Logout option.

Added rewriting to allow cleaner URLs.

templates/index_html.mustache

@@ -21,7 +21,7 @@
 {{/ userdata}}
 
 <p>
-            Hello, world!
+            Hello, world! ({{action}})
 </p>
 <p>
             Hello, world!
@@ -215,5 +215,5 @@
 
 {{> mdl_content_foot}}
 {{> mdl_foot}}
-<a href="https://github.com/google/material-design-lite/blob/master/templates/article/" target="_blank" id="view-source" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-color--accent mdl-color-text--accent-contrast">View Source</a>
+<a href="https://github.com/mbirth/php-frs/" target="_blank" id="view-source" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-color--accent mdl-color-text--accent-contrast">View Source</a>
 {{> html_foot}}

templates/loggedin_html.mustache

@@ -0,0 +1,23 @@
+{{> html_head}}
+{{> mdl_head}}
+{{> mdl_content_head}}
+
+<div class="frs-crumbs mdl-color-text--grey-500">
+  Not Google &gt; Not Google Now &gt; Fake Reservation System
+</div>
+
+<h3>What is this?</h3>
+
+{{# userdata}}
+<p>
+<pre>{{userdata}}</pre>
+</p>
+{{/ userdata}}
+
+<p>
+    Welcome, to the <strong>Fake Reservation System</strong>. Where you can book travels you'll never attend.
+</p>
+
+{{> mdl_content_foot}}
+{{> mdl_foot}}
+{{> html_foot}}

templates/partials/mdl_head.mustache

@@ -2,6 +2,19 @@
   <header class="frs-header mdl-layout__header mdl-layout__header--scroll mdl-color--grey-100 mdl-color-text--grey-800">
     <div class="mdl-layout__header-row">
       <span class="mdl-layout-title">Fake Reservation System</span>
+      <div class="mdl-layout-spacer"></div>
+      <!-- Navigation -->
+      <nav class="mdl-navigation">
+        {{# user.name_first}}
+        <span class="mdl-navigation__link mdl-color-text--grey-800">Hello, {{user.name_first}}!</span>
+        {{/ user.name_first}}
+        <button id="frs-menu-top" class="mdl-button mdl-js-button mdl-button--icon">
+            <span class="material-icons">more_vert</span>
+        </button>
+        <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="frs-menu-top">
+            <li id="frs-menuitem-logout" class="mdl-menu__item" onclick="location.href='?action=logout';">Logout</li>
+        </ul>
+      </nav>
     </div>
   </header>
   <div class="frs-ribbon"></div>