summaryrefslogtreecommitdiff
path: root/_includes
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-07-18 15:53:12 -0400
committerAdam T. Carpenter <atc@53hor.net>2020-07-18 15:53:12 -0400
commit4373e1f7baada56627d0946534afadae5ebda403 (patch)
treefc7296494d89db829c2ae3b5648c6a1958512ccb /_includes
parent4f6598644b11ed03594bc3ebd6e797b15a27ac1c (diff)
downloadcarpentertutoring-4373e1f7baada56627d0946534afadae5ebda403.tar.xz
carpentertutoring-4373e1f7baada56627d0946534afadae5ebda403.zip
updated blog page; how posts are rendered, made meta pull from
frontmatter
Diffstat (limited to '_includes')
-rw-r--r--_includes/meta.liquid19
-rw-r--r--_includes/meta.liquid.bak10
-rw-r--r--_includes/nav.liquid6
-rw-r--r--_includes/post-card.liquid39
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>