diff --git a/_includes/components/infobox.webc b/_includes/components/infobox.webc new file mode 100644 index 0000000..9160048 --- /dev/null +++ b/_includes/components/infobox.webc @@ -0,0 +1,24 @@ +
+ +
+ + diff --git a/public/css/prism-diff.css b/_includes/components/syntax-highlight/prism-diff.css similarity index 100% rename from public/css/prism-diff.css rename to _includes/components/syntax-highlight/prism-diff.css diff --git a/_includes/components/syntax-highlight/syntax-highlight.webc b/_includes/components/syntax-highlight/syntax-highlight.webc new file mode 100644 index 0000000..6617af6 --- /dev/null +++ b/_includes/components/syntax-highlight/syntax-highlight.webc @@ -0,0 +1,5 @@ + + +``` + +``` diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk index 9e786bd..f0575b0 100644 --- a/_includes/layouts/base.njk +++ b/_includes/layouts/base.njk @@ -9,9 +9,11 @@ {#- Uncomment this if you’d like folks to know that you used Eleventy to build your site! #} {#- #} - - + + @@ -36,18 +38,6 @@ - - -
-
    -
  1. Edit the _data/metadata.json with your blog’s information.
    2. -
  2. (Optional) Edit .eleventy.js with your configuration preferences.
    3. -
  3. Delete this message from _includes/layouts/base.njk.
    4. -
-

This is an Eleventy project created from the eleventy-base-blog repo.

-
- - {{ content | safe }} diff --git a/_includes/layouts/home.njk b/_includes/layouts/home.njk deleted file mode 100644 index ebba6b3..0000000 --- a/_includes/layouts/home.njk +++ /dev/null @@ -1,5 +0,0 @@ ---- -layout: layouts/base.njk -templateClass: tmpl-home ---- -{{ content | safe }} diff --git a/_includes/layouts/home.webc b/_includes/layouts/home.webc new file mode 100644 index 0000000..50613f5 --- /dev/null +++ b/_includes/layouts/home.webc @@ -0,0 +1,16 @@ +--- +layout: layouts/base.njk +templateClass: tmpl-home +--- + + +
    +
  1. Edit the _data/metadata.json with your blog’s information.
    2. +
  2. (Optional) Edit .eleventy.js with your configuration preferences.
    3. +
  3. Delete this message from _includes/layouts/home.webc.
    4. +
+

This is an Eleventy project created from the eleventy-base-blog repo.

+ + + + diff --git a/eleventy.config.js b/eleventy.config.js index e0a2612..2e3080f 100644 --- a/eleventy.config.js +++ b/eleventy.config.js @@ -1,10 +1,17 @@ const { DateTime } = require("luxon"); const rosetta = require("rosetta"); const markdownItAnchor = require("markdown-it-anchor"); + const pluginRss = require("@11ty/eleventy-plugin-rss"); const pluginSyntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight"); const pluginNavigation = require("@11ty/eleventy-navigation"); -const { EleventyI18nPlugin, EleventyHtmlBasePlugin } = require("@11ty/eleventy"); +const pluginWebc = require("@11ty/eleventy-plugin-webc"); + +const { + EleventyRenderPlugin, + EleventyI18nPlugin, + EleventyHtmlBasePlugin +} = require("@11ty/eleventy"); const languageStrings = require("./i18n.js"); @@ -15,7 +22,6 @@ module.exports = function(eleventyConfig) { // For example, `./public/css/` ends up in `_site/css/` eleventyConfig.addPassthroughCopy({ "./public/": "/", - "./node_modules/prismjs/themes/prism-okaidia.css": "/css/prism-theme.css", }); // Add plugins @@ -23,6 +29,11 @@ module.exports = function(eleventyConfig) { eleventyConfig.addPlugin(pluginSyntaxHighlight); eleventyConfig.addPlugin(pluginNavigation); eleventyConfig.addPlugin(EleventyHtmlBasePlugin); + eleventyConfig.addPlugin(EleventyRenderPlugin); + + eleventyConfig.addPlugin(pluginWebc, { + components: "./_includes/components/**/*.webc" + }); eleventyConfig.addPlugin(EleventyI18nPlugin, { defaultLanguage: "en", diff --git a/en/404.md b/en/404.md index bbedc2e..51a5e48 100644 --- a/en/404.md +++ b/en/404.md @@ -1,5 +1,5 @@ --- -layout: layouts/home.njk +layout: layouts/home.webc permalink: 404.html eleventyExcludeFromCollections: true --- @@ -7,11 +7,13 @@ eleventyExcludeFromCollections: true Go home. -{# + diff --git a/en/about/index.md b/en/about/index.md index 7863f73..f9b74ce 100644 --- a/en/about/index.md +++ b/en/about/index.md @@ -6,6 +6,6 @@ eleventyNavigation: key: nav.about order: 3 --- -# {{ title }} +# I am a person that writes stuff. diff --git a/en/blog.njk b/en/blog.njk index 7f7353f..0ea7d16 100644 --- a/en/blog.njk +++ b/en/blog.njk @@ -1,5 +1,5 @@ --- -layout: layouts/home.njk +layout: layouts/home.webc eleventyNavigation: key: nav.archive order: 2 diff --git a/en/blog/blog.json b/en/blog/blog.json index 17f25d5..1d8b61e 100644 --- a/en/blog/blog.json +++ b/en/blog/blog.json @@ -1,5 +1,6 @@ { "tags": [ "posts" - ] + ], + "layout": "layouts/post.njk" } diff --git a/en/blog/firstpost.md b/en/blog/firstpost.md index 111e21b..ec2a42d 100644 --- a/en/blog/firstpost.md +++ b/en/blog/firstpost.md @@ -4,17 +4,18 @@ description: This is a post on My Blog about agile frameworks. date: 2018-05-01 tags: - another tag -layout: layouts/post.njk --- Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring. +{{ "/" | locale_url }} + ## Section Header Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. -```diff-js + diff --git a/en/blog/fourthpost.md b/en/blog/fourthpost.md index c928a9f..c4a094d 100644 --- a/en/blog/fourthpost.md +++ b/en/blog/fourthpost.md @@ -3,7 +3,6 @@ title: This is my fourth post. description: This is a post on My Blog about touchpoints and circling wagons. date: 2018-09-30 tags: second tag -layout: layouts/post.njk --- Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. diff --git a/en/blog/secondpost.md b/en/blog/secondpost.md index 4947946..3c521a6 100644 --- a/en/blog/secondpost.md +++ b/en/blog/secondpost.md @@ -4,7 +4,6 @@ description: This is a post on My Blog about leveraging agile frameworks. date: 2018-07-04 tags: - number 2 -layout: layouts/post.njk --- Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. diff --git a/en/blog/thirdpost.md b/en/blog/thirdpost.md index b45e303..7516d38 100644 --- a/en/blog/thirdpost.md +++ b/en/blog/thirdpost.md @@ -5,11 +5,10 @@ date: 2018-08-24 tags: - second tag - posts with two tags -layout: layouts/post.njk --- Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. -```js + Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring. diff --git a/en/index.njk b/en/index.njk index de365bb..947702e 100644 --- a/en/index.njk +++ b/en/index.njk @@ -1,5 +1,5 @@ --- -layout: layouts/home.njk +layout: layouts/home.webc eleventyNavigation: key: i18n.nav.home order: 1 diff --git a/en/tags-list.njk b/en/tags-list.njk index 5893fea..6944821 100644 --- a/en/tags-list.njk +++ b/en/tags-list.njk @@ -1,6 +1,6 @@ --- permalink: /tags/ -layout: layouts/home.njk +layout: layouts/home.webc ---

Tags

diff --git a/en/tags.njk b/en/tags.njk index 437598a..1681c4b 100644 --- a/en/tags.njk +++ b/en/tags.njk @@ -9,7 +9,7 @@ pagination: - posts - tagList addAllPagesToCollections: true -layout: layouts/home.njk +layout: layouts/home.webc eleventyComputed: title: Tagged “{{ tag }}” permalink: /tags/{{ tag | slugify }}/ diff --git a/package.json b/package.json index f62d02f..b162f55 100644 --- a/package.json +++ b/package.json @@ -27,12 +27,13 @@ }, "homepage": "https://github.com/11ty/eleventy-base-blog#readme", "dependencies": { - "@11ty/eleventy": "^2.0.0-canary.15", + "@11ty/eleventy": "^2.0.0-beta.1", "@11ty/eleventy-navigation": "^0.3.5", "@11ty/eleventy-plugin-rss": "^1.2.0", - "@11ty/eleventy-plugin-syntaxhighlight": "^4.1.0", - "luxon": "^3.0.1", - "markdown-it-anchor": "^8.6.4", + "@11ty/eleventy-plugin-syntaxhighlight": "^4.2.0", + "@11ty/eleventy-plugin-webc": "^0.8.1", + "luxon": "^3.2.1", + "markdown-it-anchor": "^8.6.6", "rosetta": "^1.1.0" } } diff --git a/public/css/index.css b/public/css/index.css index deba926..b3ee99c 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -227,25 +227,6 @@ header { margin-right: 1em; } -/* Infobox */ -:root { - --color-infobox: #ffc; -} -@media (prefers-color-scheme: dark) { - :root { - --color-infobox: #082840; - } -} - -.infobox { - background-color: var(--color-infobox); - color: var(--color-gray-90); - padding: 1em 0.625em; /* 16px 10px /16 */ -} -.infobox ol:only-child { - margin: 0; -} - /* Direct Links / Markdown Headers */ .direct-link { font-family: sans-serif;