Change the top and bottom edit buttons

docs/_includes/footer.html

@@ -1,9 +1,31 @@
 <footer>
-            <div class="row">
-                <div class="col-lg-12 footer">
-               &copy;{{ site.time | date: "%Y"  }} {{site.company_name}}. All rights reserved. <br />
-{% if page.last_updated %}<span>Page last updated:</span> {{page.last_updated}}<br/>{% endif %} Site last generated: {{ site.time | date: "%b %-d, %Y"  }} <br />
-<p><img src="{{ "images/pmd-logo-small.png" }}" alt="Company logo"/></p>
-                </div>
-            </div>
+    <hr />
+    <div>
+        {% if site.github_editme_path %} This documentation is written in
+        markdown. <br />
+        If there is something missing or can be improved, edit this page on
+        github and create a PR: {% unless page.editmepath == false %}
+        <a
+            target="_blank"
+            href="https://github.com/{{site.github_editme_path}}{{editmepath}}"
+            class="githubEditButton"
+            role="button"
+            ><i class="fa fa-github fa-lg"></i> Edit on GitHub</a
+        >
+        {% endunless %} {% endif %}
+    </div>
+    <hr />
+    <div class="row">
+        <div class="col-lg-12 footer">
+            &copy;{{ site.time | date: "%Y" }} {{site.company_name}}. All rights
+            reserved. <br />
+            {% if page.last_updated %}<span>Page last updated:</span>
+            {{page.last_updated}}<br />{% endif %} Site last generated: {{
+            site.time | date: "%b %-d, %Y" }} <br />
+            <p>
+                <img src="{{ "images/pmd-logo-small.png" }}" alt="Company
+                logo"/>
+            </p>
+        </div>
+    </div>
 </footer>

docs/_includes/header.html

@@ -0,0 +1,23 @@
+<header>
+    <div class="row">
+        <div class="col-lg-12">
+            <a href="./" class="githubEditButton" role="button"
+                ><i class="fa fa-home fa-lg"></i
+            ></a>
+            &#187; {{page.title}} {% if site.github_editme_path %} {% assign
+            editmepath = page.path %} {% if page.editmepath %} {% assign
+            editmepath = page.editmepath %} {% endif %}{% unless page.editmepath
+            == false %}
+            <a
+                target="_blank"
+                href="https://github.com/{{site.github_editme_path}}{{editmepath}}"
+                class="pull-right githubEditButton"
+                role="button"
+                ><i class="fa fa-github fa-lg"></i> Edit on GitHub</a
+            >
+            {% endunless %} {% endif %}
+        </div>
+    </div>
+
+    <hr />
+</header>

docs/_layouts/page.html

@@ -2,6 +2,8 @@
 layout: default
 ---
 
+{% include header.html %}
+
 <div class="post-header">
    <h1 class="post-title-main">{{ page.title }}</h1>
 </div>
@@ -33,19 +35,6 @@ layout: default
    {% if page.summary %}
     <div class="summary">{{page.summary}}</div>
    {% endif %}
-   
-   {% if site.github_editme_path %}
-
-        {% assign editmepath = page.path %}
-        {% if page.editmepath %}
-            {% assign editmepath = page.editmepath %}
-        {% endif %}
-        {% unless page.editmepath == false %}
-        <a target="_blank" href="https://github.com/{{site.github_editme_path}}{{editmepath}}" class="btn btn-default githubEditButton" role="button"><i class="fa fa-github fa-lg"></i> Edit me</a>
-        {% endunless %}
-
-    {% endif %}
-
     <div id="inline-toc"><!-- empty, move TOC here when screen size too small --></div>
     
   {{content}}
@@ -63,9 +52,7 @@ layout: default
     </div>
 
     {% if site.github_editme_path %}
-        This documentation is written in markdown. If there is something missing or can be improved, edit this page on github and create a PR: 
         {% unless page.editmepath == false %}
-        <a target="_blank" href="https://github.com/{{site.github_editme_path}}{{editmepath}}" class="btn btn-default githubEditButton" role="button"><i class="fa fa-github fa-lg"></i> Edit me</a>
         <script>
             $(document).ready ( function(){
                 $('div.post-content').find('h2').after(
@@ -81,6 +68,5 @@ layout: default
 
 </div>
 
-{{site.data.alerts.hr_shaded}}
 
 {% include footer.html %}