Cleaning up image sizes

content/about.html

@@ -0,0 +1,18 @@
++++
+date = "2015-06-25T14:46:35-08:00"
+draft = false
+title = "About"
+aliases = [
+    "/pages/about.html",
+]
+
++++
+
+<h3>The Dillons work and play in Anchorage, Alaska</h3>
+
+<div class="row">
+  <div class="column-16">
+    <img src="/img/dillons.jpg" title="M and D">
+  </div>
+</div>
+

content/about.md

@@ -1,14 +0,0 @@
-+++
-date = "2015-06-20T16:42:10-08:00"
-draft = false
-title = "About"
-aliases = [
-    "/pages/about.html",
-]
-
-+++
-
-### The Dillons work and play in Anchorage, Alaska.
-
-{{< figure src="/img/dillons.jpg" title="M and D" class="dillons">}}
-

layouts/index.html

@@ -2,7 +2,11 @@
 {{ partial "header.html" . }}
 
   <main class="siteContent container">
+    <div class="row">
+      <div class="column-16">
         <img src="{{ .Site.BaseURL }}/img/main.jpg" alt="alaska">
+      </div>
+    </div>
   </main>
 
 {{ partial "footer.html" . }}

layouts/partials/head.html

@@ -5,6 +5,7 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="HandheldFriendly" content="True">
+  <meta name="MobileOptimized" content="320">
 
   <title>{{ .Site.Title }}</title>
 

public

@@ -1 +1 @@
-Subproject commit 594041086f27ac1e08cb3b301ec98b6d429dab3f
+Subproject commit 316f7b5ae351490a225326f98e0e183756d7efdb

static/css/starter.css

@@ -13,11 +13,6 @@
     height: 100%;
 }
 
-.dillons img {
-  width: 350px;
-  height: 350px;
-}
-
 a, a:visited {
   color: #000000;
 }
@@ -34,22 +29,23 @@ a:hover {
   font-size: 22px;
   margin-bottom: 0;
 }
+
 @media (min-width: 48em) {
   .logo {
     float: left;
   }
-}
 
-@media (min-width: 48em) {
   .nav {
     float: right;
   }
 }
+
 .nav li {
   display: inline;
   line-height: 3.5;
   margin-left: 25px;
 }
+
 .nav li:first-of-type {
   margin-left: 0;
 }