Header wip.

src/dist/index.html

@@ -10,18 +10,22 @@
   <section class="hero is-primary">
     <div class="hero-body">
       <div class="container">
-        <div class="columns is-mobile is-centered is-vcentered">
-            <div class="column is-half">
+        <div class="level">
+          <div class="level-item has-text-centered">
             <figure class="image is-128x128">
-              <img class="is-rounded" src="https://bulma.io/images/placeholders/256x256.png">
+              <img class="is-rounded" src="img/me-big.jpg">
             </figure>
-           <!--  <h1 class="title">
-                Mark Macneil
-              </h1>
-              <h2 class="subtitle">
-                Primary subtitle
-              </h2> -->
-          </div>          
+          </div>
+        </div>
+        <div class="columns has-text-centered">
+          <div class="column">
+            <h1 class="title">
+              Mark Macneil
+            </h1>
+            <h2 class="subtitle">
+              Primary subtitle
+            </h2>
+          </div>
         </div>
       </div>
     </div>
@@ -56,5 +60,4 @@
         <a class="button is-link">Link</a>
       </div> -->
 </body>
-
 </html>