From 1b040a896ecd6b6c376357973a84b1f17c3b2725 Mon Sep 17 00:00:00 2001 From: Ken Hawkins Date: Tue, 10 Mar 2020 11:52:28 +0100 Subject: [PATCH] Improve metadata and blog index For #22 #23 --- eleventy.js | 2 +- package.json | 2 +- src/site/_includes/layouts/base.njk | 34 +++++++++++++++--- src/site/index.njk | 8 ++++- src/site/posts/index.njk | 56 +++++++++++++++++++++++++++++ src/site/posts/sample-post.md | 6 ++++ 6 files changed, 100 insertions(+), 8 deletions(-) create mode 100644 src/site/posts/index.njk diff --git a/eleventy.js b/eleventy.js index 843ee690..40bcb577 100755 --- a/eleventy.js +++ b/eleventy.js @@ -23,7 +23,7 @@ module.exports = function(config) { // }); // Add any utiliuty filters - config.addFilter("dateDisplay", (dateObj, format = "LLL d, y") => { + config.addFilter("dateDisplay", (dateObj, format = "d LLL y") => { return DateTime.fromJSDate(dateObj, { zone: "utc" }).toFormat(format); diff --git a/package.json b/package.json index 14d00727..e6c267ca 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@visual-framework/vf-boilerplate-eleventy", - "version": "2.0.0-alpha.16", + "version": "2.0.0-alpha.17", "description": "Build a site with Visual Framework components using the the Eleventy templating engine.", "repository": { "type": "git", diff --git a/src/site/_includes/layouts/base.njk b/src/site/_includes/layouts/base.njk index 93a15f34..effd58e2 100755 --- a/src/site/_includes/layouts/base.njk +++ b/src/site/_includes/layouts/base.njk @@ -1,20 +1,45 @@ + {% render '@vf-no-js' -%} - {# #} {{ title or (renderData and renderData.title) or siteConfig.siteInformation.title}} - {% render '@vf-no-js' %} + + {% render '@vf-favicon' -%} + + + + + + + + + + + + + + {% if meta.image -%} + + {%- endif %} + + + + + + + {% if meta.image -%} + + {%- endif %} +
{% render '@vf-logo', {href: 'https://visual-framework.github.io/vf-welcome/' | url, sreen_reader_text: 'Visual Framework 2.0', image: siteConfig.siteInformation.url + 'assets/vf-logo/assets/logo.svg' } %} - {# {{ siteConfig.siteInformation.title }} #} - -
diff --git a/src/site/index.njk b/src/site/index.njk index 6976a220..d0542101 100755 --- a/src/site/index.njk +++ b/src/site/index.njk @@ -3,6 +3,11 @@ subtitle: No homepage, yet. date: 2018-08-22 12:24:50 layout: layouts/base.njk templateEngineOverride: njk, md +meta: + author: Page Author + image: your-image-here.png + description: "Page description" + keywords: "Tags" --- {% render '@vf-intro', {"vf_intro_phase": "alpha", "vf_intro_heading": siteConfig.siteInformation.title, @@ -51,7 +56,8 @@ templateEngineOverride: njk, md ## What you get - the Eleventy static site generator -- access to the Visual Framework component system +- [initial templating setup]({{'posts' | url}}) +- [access to the Visual Framework component system](https://visual-framework.github.io/vf-core/) ### Component installation diff --git a/src/site/posts/index.njk b/src/site/posts/index.njk new file mode 100644 index 00000000..b00c70e9 --- /dev/null +++ b/src/site/posts/index.njk @@ -0,0 +1,56 @@ +--- +title: I'm a blog-like index +subtitle: This aggregates all of your posts and shows them here. +date: 2019-04-09 12:24:50 +layout: layouts/base.njk +meta: + author: Page Author + image: your-image-here.png + description: "Page description" + keywords: "Tags" +--- + +{% render '@vf-intro', {"vf_intro_phase": "", "vf_intro_heading": title, + "vf_intro_lede": subtitle, + "vf_intro_text": [ + "" + ] +} %} + + +
+
+ +
+
+{%- for post in collections.posts %} + +{%- endfor %} +
+
+
+ +
+ +
+
+ +
+
+{% markdown %} + +Need more text? + +{% endmarkdown %} +
+
+
\ No newline at end of file diff --git a/src/site/posts/sample-post.md b/src/site/posts/sample-post.md index a43fa105..445d2156 100644 --- a/src/site/posts/sample-post.md +++ b/src/site/posts/sample-post.md @@ -1,8 +1,14 @@ --- title: I'm an update +subtitle: I'm a subtitle or summary date: 2019-04-09 12:24:50 tags: posts layout: layouts/post.njk +meta: + author: Page Author + image: /images/test-image.png + description: "Page description" + keywords: "Tags" --- I'm some content.