theme updates

_includes/footer.html

@@ -1,11 +1,9 @@
 <footer class="site-footer">
 
   <div class="wrapper">
-    <a href="/">
-        <img src="/static/logo.png" style="width:150px;" />
-    </a>
     <div class="footer-col-wrapper">
       <div class="footer-col footer-col-1">
+        Contact me:
         <ul class="contact-list">
           <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
           {% if site.twitter_username %}

_includes/header.html

@@ -1,17 +1,17 @@
-<header class="site-header">
+<div class="site-header-blur"></div>
+<div id="site-header">
 
-  <div class="wrapper">
-      <div style="margin:0em auto;width:35%;text-align:center;">
-        <a href="/"><img src="/static/logo.png" /></a>
-      </div>
-  </div>
+    <header class="site-header">
 
-  <table>
-      <tr>
-          <td style="width:33%;"><a href="/">Home</a></td>
-          <td style="width:33%;"><a href="/about">About</a></td>
-          <td style="width:34%;">Photos</td>
-      </tr>
-  </table>
+        <div class="site-logo">
+            <a href="/"><img src="/static/logo.png" /></a>
+        </div>
+        <ul class="site-nav">
+            <li><a href="/">Home</a></li>
+            <li><a href="/about">About</a></h3></td>
+            <li>Photos</li>
+        </ul>
 
-</header>
+    </header>
+
+</div>

_sass/_base.scss

@@ -87,7 +87,11 @@ h1, h2, h3, h4, h5, h6 {
 
 h1.post-title {
     color: $text-color;
-} 
+}
+
+.site-nav {
+    font-weight: $base-font-weight;
+}
 
 /**
  * Links

_sass/_layout.scss

@@ -1,11 +1,30 @@
 /**
  * Site header
  */
-.site-header {
-    min-height: 56px;
 
-    // Positioning context for the mobile navigation icon
-    position: relative;
+#site-header {
+    border-top: 1px solid #000;
+    border-bottom: 1px solid #000;
+    background-color: #FFF;
+    position: fixed;
+    top: 10px;
+    width: 100%;
+}
+
+.site-header-blur {
+    position:fixed;
+    top: -20px;
+    height: 50px;
+    width: 100%;
+	-webkit-backdrop-filter: blur(5px);
+	backdrop-filter: blur(5px);
+}
+
+.site-logo {
+    float: left; 
+    width: 100px;
+    text-align:center;
+    margin-left: 10%;
 }
 
 .site-title {
@@ -23,6 +42,21 @@
 }
 
 .site-nav {
+    float: right;
+    text-align: center;
+    list-style-type: none;
+    margin: 0 10% 0 0;
+    font-size: 1.3em;
+}
+
+.site-nav li {
+    width: 70px;
+    display: inline;
+    line-height: 55px;
+    float: left;
+}
+
+/*.site-nav {
     float: right;
     line-height: 56px;
 
@@ -88,8 +122,7 @@
             margin-left: 20px;
         }
     }
-}
-
+} */
 
 
 /**
@@ -167,6 +200,7 @@
  */
 .page-content {
     padding: $spacing-unit 0;
+    margin-top: 100px;
 }
 
 .page-heading {