Minor layout and graphics tweaks

- Add a horizontal logo
- Reposition a few elements on the home page

Author: jamesob

_includes/header.html

@@ -4,7 +4,9 @@
   <div class="wrapper">
     {%- assign default_paths = site.pages | map: "path" -%}
     {%- assign page_paths = site.header_pages | default: default_paths -%}
-    <a class="site-title" rel="author" href="{{ "/" | relative_url }}"><img src="/img/logos/optech-logo-margin.png" alt="OpTech Logo" height="64" width="64"> {{ site.title | escape }}</a>
+    <a class="site-title" rel="author" href="{{ "/" | relative_url }}">
+      <img src="/img/logos/optech-horiz.png" alt="OpTech Logo">
+    </a>
 
     {%- if page_paths -%}
       <nav class="site-nav">

_layouts/home.html

@@ -9,7 +9,9 @@
     <h1 class="page-heading">{{ page.title }}</h1>
   {%- endif -%}
 
-  {{ content }}
+  <div class="content"> 
+    {{ content }}
+  </div>
 
   {% assign posts=site.posts | where:"lang", 'en' | where:"type", 'posts' | sort:'post.date' %}
   {%- if posts.size > 0 -%}

_layouts/page.html

@@ -0,0 +1,18 @@
+---
+# Forked from the default minima layout to include our main.css
+
+layout: default
+---
+<link rel="stylesheet" href="/assets/css/main.css">
+
+<article class="post">
+
+  <header class="post-header">
+    <h1 class="post-title">{{ page.title | escape }}</h1>
+  </header>
+
+  <div class="post-content">
+    {{ content }}
+  </div>
+
+</article>

assets/css/main.scss

@@ -54,3 +54,23 @@ p.sponsor-quote {
         max-width: 100%;
         box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
 }
+
+a.site-title {
+    width: 30%;
+}
+
+.home .content {
+    margin-top: 2em;
+
+    > .logo {
+        width: 30%;
+        float: right;
+        display: inline-block;
+        margin-left: 2em;
+        margin-bottom: 2em;
+    }
+
+    div#sponsors {
+        margin-top: 4em;
+    }
+}

img/logos/optech-horiz.png

@@ -4,8 +4,10 @@
 
 layout: home
 ---
-{:style="text-align: center"}
-![OpTech Logo](/img/logos/optech.png)
+
+<div class="logo">
+    <img src="/img/logos/optech.png" alt="Optech logo" />
+</div>
 
 The Bitcoin Operations Technology Group (Optech) works to bring the best
 open source technologies and techniques to Bitcoin-using businesses in