improve site navigation

_data/menu.yml

@@ -0,0 +1,8 @@
+- title: Home
+  url: /
+
+- title: About
+  url: /about.html
+
+- title: Theme Designer
+  url: http://patdryburgh.com

_layouts/home.html

@@ -23,9 +23,15 @@ layout: default
         <ul>
         {% for item in site.data.menu %}
           <li>
-            <a href="{{ item.url | prepend: baseurl }}">
-              {{ item.title }}
-            </a>
+            {% if item.url contains 'http' %}
+              <a href="{{ item.url }}">
+                {{ item.title }}
+              </a>
+            {% else %}
+              <a href="{{ item.url | prepend: site.baseurl }}">
+                {{ item.title }}
+              </a>
+            {% endif %}
           </li>
         {% endfor %}
         </ul>

_sass/_article.scss

@@ -1,29 +1,29 @@
-article > * {
+.post > * {
   margin-left: auto;
   margin-right: auto;
   max-width: 36rem;
   padding: 0 1em;
 }
 
-article > h1 {
+.post > h1 {
   font-size: 2em;
   max-width: 48rem;
   padding: 2em 1em;
   text-align: center;
 }
 
-article p {
+.post p {
   text-align: justify;
   text-indent: 1.5rem;
   text-justify: inter-word;
 }
 
-article p:first-of-type,
-article h2 + p {
+.post p:first-of-type,
+.post h2 + p {
   text-indent: 0;
 }
 
-article img {
+.post img {
   margin-left: -1em;
   display: flex;
   max-width: 100%;
@@ -31,7 +31,7 @@ article img {
   margin: 2em auto;
 }
 
-article li {
+.post li {
   margin-left: 1.5rem;
   margin-right: 1.5rem;
 } 

_sass/_masthead.scss

@@ -13,7 +13,7 @@
 
 .site-masthead h1 {
   font-size: 3em;
-  margin-bottom: .125em;
+  margin-bottom: 0;
   @media (min-width: $on-tablet) {
     font-size: 6em;
   }
@@ -29,10 +29,7 @@
 }
 
 .site-navigation {
-  position: absolute;
-  bottom: .75em;
-  left: 2em;
-  right: 2em;
+  margin-top: 4rem;
 }
 
 .site-navigation ul {
@@ -53,4 +50,8 @@
   display: block;
   padding: .25em .5em;
   text-decoration: none;
+  &:hover,
+  &:focus {
+    text-decoration: underline;
+  }
 }