Layout fixes. Removed contact.html

Layout now uses sections & columns in a way that works well.
Will keep playing with that layout, but liking where this is going.

Removed contact.html, since pages.html provides same functionality.

5 files changed, 74 insertions, 60 deletions

diff --git a/layouts/index.html b/layouts/index.html
index a34a773..c78cd09 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,24 +1,41 @@
 {{ define "main" }}
-  <main aria-role="main">
-  <div class="content is-normal mx-3">
-      {{.Content}}
-      {{ range where (where .Site.RegularPages "Type" "blog") "File.Dir" "archive/" }}
-        <article>
-          <div>
-            <h2><a class="title is-3" href="{{ .RelPermalink }}"><i class="fas fa-file"></i> {{ .Title }}</a></h2>
+<main aria-role="main">
+  <section class="hero ">
+    <div class="hero-body">
+      <div class="container">
+
+        <!-- first post content -->
+        {{ range first 3 (where (where .Site.RegularPages "Type" "blog") "File.Dir" "archive/") }}
+        <div class="columns">
+          <div class="column">
+            <figure class="image">
+            </figure>
           </div>
+        </div>
 
-          <p>
-          {{ .Summary }}
-          </p>
-          {{ if .Truncated }}
-          <div>
-              <i class="fas fa fa-bookmark"></i><a class="is-italic" href="{{ .RelPermalink }}"> Read More…</a>
-            </p>
+        <div class="section">
+          <div class="columns">
+            <div class="column">
+              <div class="content">
+                <h1 class="title"><a class="" href="{{ .RelPermalink }}"> {{ .Title }}</a></h1>
+                <p>{{ .Summary }}</p>
+                {{ if .Truncated }}
+                  <div>
+                    <i class="fas fa fa-bookmark"></i><a class="is-italic" href="{{ .RelPermalink }}"> Read More…</a>
+                  </p>
+                {{ end }}
+                </div>
+              </div>
+            </div>
           </div>
-          {{ end }}
-        </article>
-    {{ end }}
-  </div>
-  </main>
-{{ end }}
\ No newline at end of file
+        </div>
+        {{ end }}
+
+      </div>
+    </div>
+  </section>
+
+</main>
+{{ end }}
+
+
diff --git a/layouts/pages/archive.html b/layouts/pages/archive.html
index ae34e8f..3dbb849 100644
--- a/layouts/pages/archive.html
+++ b/layouts/pages/archive.html
@@ -1,20 +1,24 @@
 {{ define "main"}}
-  <main aria-role="main">
-
-
-  <div class="content mx-3">
-  <p class="title is-3"><i class="fas fa-archive"></i>
-    {{.Page.Title}}
-  </p>
-  {{ .Content }}
+<main aria-role="main">
+  <div class="section">
+    <div class="columns">
+      <div class="column">
+        <div class="content">
+          <p class="title is-3"><i class="fas fa-archive"></i>
+            {{.Page.Title}}
+          </p>
+          {{ .Content }}
+          <ul class="fa-ul">
+            {{ range .Pages.ByLastmod }}
+                <li>
+                    <span class="fa-li"><i class="fas fa fa-file"></i></span><a href="{{ .Permalink }}">{{ .Title }}{{ if .Description }}: {{ .Description}}{{ end }}</a>
+                    <p>Posted on <time>{{ .Date.Format "Mon, Jan 2, 2006" }}</time></p>
+                </li>
+            {{ end }}
+          </ul>
+        </div>
+      </div>
+    </div>
   </div>
-  <ul class="fa-ul"> 
-      {{ range .Pages.ByLastmod }}
-          <li>
-              <span class="fa-li"><i class="fas fa fa-file"></i></span><a href="{{ .Permalink }}">{{ .Title }}{{ if .Description }}: {{ .Description}}{{ end }}</a>
-              <p>Posted on <time>{{ .Date.Format "Mon, Jan 2, 2006" }}</time></p>
-          </li>
-      {{ end }}
-  </ul>
-  </main>
+</main>
 {{ end }}
diff --git a/layouts/pages/contact.html b/layouts/pages/contact.html
deleted file mode 100644
index 5a01407..0000000
--- a/layouts/pages/contact.html
+++ /dev/null
@@ -1,12 +0,0 @@
-{{ define "main"}}
-  <main aria-role="main">
-  <div class="content is-normal mx-3">
-      <p class="title is-3">{{ if .Params.fa_icon }}<i class="{{ .Params.fa_icon }}"></i>{{ end }}
-      {{.Page.Title}}
-      <div class="contact">
-      {{ .Content }}
-      </div>
-      </p>
-  </div>
-  </main>
-{{ end }}
\ No newline at end of file
diff --git a/layouts/pages/page.html b/layouts/pages/page.html
index 23f2795..7982969 100644
--- a/layouts/pages/page.html
+++ b/layouts/pages/page.html
@@ -1,10 +1,16 @@
 {{ define "main"}}
-  <main aria-role="main">
-  <div class="content is-normal mx-3">
-      <p class="title is-3">{{ if .Params.fa_icon }}<i class="{{ .Params.fa_icon }}"></i>{{ end }}
-        {{.Page.Title}}
-      </p>
-    {{ .Content }}
+<main aria-role="main">
+  <div class="section">
+    <div class="columns">
+      <div class="column">
+        <div class="content">
+          <p class="title is-3">{{ if .Params.fa_icon }}<i class="{{ .Params.fa_icon }}"></i>{{ end }}
+            {{.Page.Title}}
+          </p>
+            {{ .Content }}
+        </div>
+      </div>
+    </div>
   </div>
-  </main>
-{{ end }}
+</main>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 38118fb..520f5cb 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,4 +1,5 @@
 {{ $currentPage := . }}
+<div class="container">
 <nav class="navbar {{ .Site.Params.navbarStyle }} mb-4" role="navigation" aria-label="main navigation">
   <div class="navbar-brand">
     <a class="navbar-item title {{ .Site.Params.navbarTitleStyle | default "has-text-black" }}" href="{{ .Site.BaseURL }}">{{.Site.Title}}</a>
@@ -16,6 +17,4 @@
     </div>
   </div>
 </nav>
-
-
-<!-- is-active for navbar-menu class -->
\ No newline at end of file
+</div>
\ No newline at end of file