updated blog page; how posts are rendered, made meta pull from

frontmatter

4 files changed, 64 insertions, 10 deletions

diff --git a/_includes/meta.liquid b/_includes/meta.liquid
index 7f0ee71..c969248 100644
--- a/_includes/meta.liquid
+++ b/_includes/meta.liquid
@@ -1,10 +1,19 @@
 <meta charset="utf-8" />
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
-<meta property="og:description" content="Tutoring Excellence in Hampton Roads." />
-<meta property="og:image" content="http://carpentertutoring.com/assets/logo.webp" />
-<meta property="og:image:secure_url" content="https://carpentertutoring.com/assets/logo.webp" />
+<meta property="og:description" content="{{ page.description }}" />
+<meta
+  property="og:image"
+  content="http://carpentertutoring.com/assets/logo.webp"
+/>
+<meta
+  property="og:image:secure_url"
+  content="https://carpentertutoring.com/assets/logo.webp"
+/>
 <meta property="og:site_name" content="Carpenter Tutoring" />
-<meta property="og:title" content="Carpenter Tutoring" />
+<meta property="og:title" content="{{ page.title }}" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://carpentertutoring.com" />
+<meta
+  property="og:url"
+  content="https://carpentertutoring.com/{{ page.permalink }}"
+/>
diff --git a/_includes/meta.liquid.bak b/_includes/meta.liquid.bak
new file mode 100644
index 0000000..7f0ee71
--- /dev/null
+++ b/_includes/meta.liquid.bak
@@ -0,0 +1,10 @@
+<meta charset="utf-8" />
+<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<meta property="og:description" content="Tutoring Excellence in Hampton Roads." />
+<meta property="og:image" content="http://carpentertutoring.com/assets/logo.webp" />
+<meta property="og:image:secure_url" content="https://carpentertutoring.com/assets/logo.webp" />
+<meta property="og:site_name" content="Carpenter Tutoring" />
+<meta property="og:title" content="Carpenter Tutoring" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://carpentertutoring.com" />
diff --git a/_includes/nav.liquid b/_includes/nav.liquid
index e26d6bd..43b5b11 100644
--- a/_includes/nav.liquid
+++ b/_includes/nav.liquid
@@ -2,11 +2,7 @@
 <nav class="navbar is-fixed-top">
   <div class="navbar-brand">
     <a class="navbar-item" href="/#">
-      <picture>
-        <source srcset="/assets/logo-simple.webp" type="image/webp" />
-        <source srcset="/assets/logo-simple.png" type="image/png" />
-        <img src="/assets/logo-simple.png" />
-      </picture>
+      <img src="/assets/logo-simple.png" />
     </a>
     <a role="button" class="navbar-burger" data-target="navMenu">
       <span></span>
diff --git a/_includes/post-card.liquid b/_includes/post-card.liquid
new file mode 100644
index 0000000..8e2a0a7
--- /dev/null
+++ b/_includes/post-card.liquid
@@ -0,0 +1,39 @@
+<div class="card">
+  <div class="card-header">
+    <div class="card-header-title">
+      <h1 class="subtitle">
+        {{ post.title }}
+      </h1>
+    </div>
+  </div>
+  {% if post.data.coverImage %}
+  <div class="card-image">
+    <figure class="image is-4by3">
+      <picture>
+        <source srcset="{{post.data.coverImage}}.webp" type="image/webp" />
+        <source srcset="{{post.data.coverImage}}.png" type="image/png" />
+        <img src="{{post.data.coverImage}}.png" />
+      </picture>
+    </figure>
+  </div>
+  {% endif %}
+  <div class="card-content">
+    <div class="content">
+      {{ post.content | truncatewords: 20 }}
+      <a target="_blank" href="{{ post.permalink}}">
+        <span class="icon">
+          <i class="iconify" data-icon="open-in-new"></i>
+        </span>
+        Read more
+      </a>
+    </div>
+  </div>
+  <div class="card-footer">
+    <div class="card-footer-item">
+      Share on LinkedIn
+    </div>
+    <div class="card-footer-item">
+      Share on Facebook
+    </div>
+  </div>
+</div>