Version 1.4.2

layouts: Fix minor encoding issue with dates
This is similar to other encoding issues we have fixed lately where we need to make sure Hugo (or Golang's HTML template library) does not escape our non-ASCII content. For example, this is how our datetimes end up currently: <p class="blog-post-meta"><time datetime="2020-01-16T09:23:20+02:00">Thu Jan 16, 2020</time> by Alan Orth After printing them with `printf` and filtering them with the Hugo built-in function `safeHTMLAttr` they look like this: <p class="blog-post-meta"><time datetime="2020-01-16T09:23:20+02:00">Thu Jan 16, 2020</time> by Alan Orth See: https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/opengraph.html See: https://github.com/alanorth/hugo-theme-bootstrap4-blog/pull/111
2025-05-09 22:16:01 +02:00 · 2020-03-22 11:17:27 +02:00 · 2020-03-22 11:09:27 +02:00 · 2020-03-19 15:45:31 +02:00 · 2020-03-19 15:29:30 +02:00 · 2020-03-19 15:27:51 +02:00
41 changed files with 4080 additions and 2893 deletions
--- a/.build.yml
+++ b/.build.yml
@ -1,6 +1,6 @@
 image: archlinux
 packages:
-  - nodejs-lts-dubnium
+  - nodejs-lts-erbium
  - npm
 sources:
  - https://git.sr.ht/~alanorth/hugo-theme-bootstrap4-blog
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -4,6 +4,45 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

+## [[1.4.2]] - 2020-03-22
+### Fixed
+- Encoding of dates in HTML (@alanorth)
+
+## [[1.4.1]] - 2020-03-19
+### Updated
+- npm dependencies: rtlcss 2.5.0, webpack 4.42.0, fontawesome solid icons 5.12.1
+
+### Fixed
+- Fix "Unparsable structured data" error in JSON-LD (@alanorth)
+
+## [[1.4.0]] - 2020-01-28
+### Added
+- Farsi strings for user interface
+
+### Updated
+- bootstrap 4.4.1
+- Fix typo in README.md (@xekon, #118)
+- Font Awesome 5 (make sure you [update](https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4) any custom icons you might be using in your content, site layouts, partials, etc).
+
+### Changed
+- Use Hugo's built-in subresource integrity support instead of the generatesri
+tooling that I wrote by hand a few years ago (#120, @alanorth)
+- Use Font Awesome SVGs via JavaScript instead of web fonts (@alanorth)
+- Category and tag links now have a trailing slash (#128, @alanorth)
+
+### Removed
+- Several references to Google Plus (@xekon, #122)
+
+## [[1.3.3]] - 2019-12-02
+### Fixed
+- "Home" link for blogs that are not at the root of the domain (@phofman #115)
+
+### Changed
+- Use "posts" instead of "post" in exampleSite to align closer with Hugo quick start docs (@sboots #117)
+
+### Updated
+- node-sass 4.13.0 and rtlcss 2.4.1
+
 ## [[1.3.2]] - 2019-06-20
 ### Changed
 - Only list "Regular" pages in recent posts in sidebar (@alanorth)
--- a/README.md
+++ b/README.md
@ -11,12 +11,12 @@ See [picturingjordan.com](https://picturingjordan.com) for an example of this th
 - Uses Bootstrap v4's [native system font stack](https://getbootstrap.com/docs/4.0/content/reboot/#native-font-stack) to load quickly and look good on all platforms
 - Excellent [structured data](https://developers.google.com/search/docs/guides/intro-structured-data) (JSON-LD), [OpenGraph](http://ogp.me), and [Twitter Card](https://dev.twitter.com/cards/types) metadata support
 - robots.txt linking to XML sitemap (disabled by default, see [Hugo docs](https://gohugo.io/extras/robots-txt/))
- Basic support for [multi-lingual content](https://gohugo.io/content-management/multilingual/) (added in Hugo 0.17) and user interface translation (i18n), including RTL languages like Arabic
+- Basic support for [multi-lingual content](https://gohugo.io/content-management/multilingual/) (added in Hugo 0.17) and user interface translation (i18n), including RTL languages like Arabic and Farsi
 - Supports Google, Bing, and Yandex site verification via meta tags
 - Supports Google Analytics (async version), see [Hugo docs](https://gohugo.io/extras/analytics/)
 - Supports Disqus comments, see [Hugo docs](https://gohugo.io/extras/comments/)
 - Can show a message about cookie usage to the user, see [`exampleSite/config.toml`](https://github.com/alanorth/hugo-theme-bootstrap4-blog/blob/master/exampleSite/config.toml)
- Allow addition of custom `<head>` code in site's `layouts/partial/head-custom.html` (see [#17](https://github.com/alanorth/hugo-theme-bootstrap4-blog/pull/17))
+- Allow addition of custom `<head>` code in site's `layouts/partials/head-custom.html` (see [#17](https://github.com/alanorth/hugo-theme-bootstrap4-blog/pull/17))
 - Configurable display of summaries of content in list templates.
 - Configurable keywords for every post

@ -38,7 +38,7 @@ A few suggestions to help you get a good looking site quickly:
 See the source code and structure of [picturingjordan.com](https://github.com/alanorth/picturingjordan.com) to get more ideas.

 ## Building (For Developers)
-This theme uses the [Bootstrap](https://getbootstrap.com/) framework. A static version of this is already included, but if you want to bump the version, tweak the style, etc, you'll need to rebuild the assets. Make sure you have NodeJS >= v6 installed, and then run the following from inside the theme's directory:
+This theme uses the [Bootstrap](https://getbootstrap.com/) framework. A static version of this is already included, but if you want to bump the version, tweak the style, etc, you'll need to rebuild the assets. Make sure you have NodeJS >= v10 installed, and then run the following from inside the theme's directory:

 ```console
 $ npm install
--- a/assets/css/cookieconsent.min.css
+++ b/assets/css/cookieconsent.min.css
--- a/assets/css/style.css
+++ b/assets/css/style.css
--- a/assets/css/style.rtl.css
+++ b/assets/css/style.rtl.css
--- a/assets/js/cookieconsent.min.js
+++ b/assets/js/cookieconsent.min.js
--- a/assets/js/fontawesome.min.js
+++ b/assets/js/fontawesome.min.js
--- a/build/assets.json
+++ b/build/assets.json
@ -1,6 +0,0 @@
-{
-  "style": "static/css/style.css",
-  "stylertl": "static/css/style.rtl.css",
-  "cookieconsentcss": "static/css/cookieconsent.min.css",
-  "cookieconsentjs": "static/js/cookieconsent.min.js"
-}
--- a/build/sri.js
+++ b/build/sri.js
@ -1,23 +0,0 @@
-// Adapted from: https://gist.github.com/jmervine/ae1bace0fe37dce75b90ec3e9592771c
-
-var crypto = require('crypto');
-var fs     = require('fs');
-var assets = require('./assets.json');
-
-var generate384 = function (file) {
-  var enc  = 'utf8';
-  var body = fs.readFileSync(file, { encoding: enc });
-  var hash = crypto.createHash('sha384').update(body, enc);
-  var sha  = hash.digest('base64');
-
-  return 'sha384-' + sha;
-}
-
-for (var asset in assets) {
-  var path = assets[asset];
-  var hash = generate384(path);
-
-  console.log(asset + ' = "' + hash + '"');
-}
-
-// vim: set ts=2 sw=2 et:
--- a/data/sri.toml
+++ b/data/sri.toml
@ -1,4 +0,0 @@
-style = "sha384-G5B34w7DFTumWTswxYzTX7NWfbvQEg1HbFFEg6ItN03uTAAoS2qkPS/fu3LhuuSA"
-stylertl = "sha384-wxZc+CAOuj0Z/AJqCKfxerYzFw93KXl6wI/vGBVOmdqRyBrIv3STXmzcnBdyQK9C"
-cookieconsentcss = "sha384-6iYDyQZuuNT7DcPJGXx241czdv2+GDGUcXRiqw1iXrjgYMTorSetxFP3JCMQMwnR"
-cookieconsentjs = "sha384-PDjg2ZdS3khPzd53i18+7tzB32JVQfFMrTXYo21RqPgUmEVAPwIhxOUF/8sP79CS"
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@ -6,13 +6,15 @@ title = "Hugo Bootstrap v4 Blog"
 theme = "hugo-theme-bootstrap4-blog"
 # number of posts to show on home/category/tag pages (Default: 10)
 paginate = 5
+# number of words to use for summary on home/category/tag pages (Default: 70)
+summaryLength = 50
 # optionally override the site's footer with custom copyright text
 # copyright = "Except where otherwise noted, content on this site is licensed under a [Creative Commons Attribution 4.0 International license](https://creativecommons.org/licenses/by-sa/4.0/)."
 #googleAnalytics = "UA-123-45"
 #disqusShortname = "XYW"

 [permalinks]
-  post = "/:year/:month/:title/"
+  posts = "/:year/:month/:title/"
  page = "/:slug/"

 [[menu.sidebar]]
--- a/exampleSite/content/posts/creating-a-new-theme.md
+++ b/exampleSite/content/posts/creating-a-new-theme.md
--- a/exampleSite/content/posts/goisforlovers.md
+++ b/exampleSite/content/posts/goisforlovers.md
--- a/exampleSite/content/posts/hugoisforlovers.md
+++ b/exampleSite/content/posts/hugoisforlovers.md
--- a/exampleSite/content/posts/migrate-from-jekyll.md
+++ b/exampleSite/content/posts/migrate-from-jekyll.md
--- a/i18n/fa.yaml
+++ b/i18n/fa.yaml
@ -0,0 +1,47 @@
+- id: about
+  translation: "درباره من"
+
+- id: home
+  translation: "صفحه اصلی"
+
+- id: recentPosts
+  translation: "مطالب تازه"
+
+- id: readMore
+  translation: "بیشتر بخوانید ←"
+
+- id: translations
+  translation: "ترجمه"
+
+- id: share
+  translation: "به اشتراک گذاشتن"
+
+- id: paginatorPrevious
+  translation: "صفحه قبلی"
+
+- id: paginatorNext
+  translation: "صفحه بعدی"
+
+- id: cookieMessage
+  translation: "در این سایت از کوکیز استفاده میشود"
+
+- id: cookieLink
+  translation: ".بیشتر بدانید"
+
+- id: cookieDismiss
+  translation: "!متوجه شدم"
+
+- id: backToTop
+  translation: "برگشت به بالا"
+
+- id: links
+  translation: "لینکها"
+
+- id: authoredBy
+  translation: "بوسیله"
+
+- id: postedIn
+  translation: "در"
+
+- id: comma
+  translation: "،"
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{{ .Lang }}" {{ if eq .Lang "ar" }}dir="rtl"{{ end }}>
+<html lang="{{ .Lang }}" {{ if or (eq .Lang "ar") (eq .Lang "fa") }}dir="rtl"{{ end }}>

  <head>
    {{ partial "head-meta.html" . }}
@ -12,14 +12,20 @@

    <title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>

-    {{ if eq .Lang "ar" }}
-    {{ "<!-- ar -->" | safeHTML }}
-    <link href="{{ "css/style.rtl.css" | absURL }}" rel="stylesheet"{{ if not .Site.Params.disable_sri }} integrity="{{ .Site.Data.sri.styleltr}}" crossorigin="anonymous"{{ end }}>
+    {{ if or (eq .Lang "ar") (eq .Lang "fa") }}
+    {{ "<!-- RTL -->" | safeHTML }}
+    {{ $styleRtl := resources.Get "css/style.rtl.css" | resources.Fingerprint }}
+    <link href="{{ $styleRtl.Permalink }}" rel="stylesheet"{{ if not .Site.Params.disable_sri }} integrity="{{ $styleRtl.Data.Integrity }}" crossorigin="anonymous"{{ end }}>
    {{ else }}
    {{ "<!-- combined, minified CSS -->" | safeHTML }}
-    <link href="{{ "css/style.css" | absURL }}" rel="stylesheet"{{ if not .Site.Params.disable_sri }} integrity="{{ .Site.Data.sri.style}}" crossorigin="anonymous"{{ end }}>
+    {{ $style := resources.Get "css/style.css" | resources.Fingerprint }}
+    <link href="{{ $style.Permalink }}" rel="stylesheet"{{ if not .Site.Params.disable_sri }} integrity="{{ $style.Data.Integrity }}" crossorigin="anonymous"{{ end }}>
    {{ end }}

+    {{ "<!-- minified Font Awesome for SVG icons -->" | safeHTML }}
+    {{ $fontawesome := resources.Get "js/fontawesome.min.js" | resources.Fingerprint }}
+    <script defer src="{{ $fontawesome.Permalink }}" integrity="{{ $fontawesome.Data.Integrity }}" crossorigin="anonymous"></script>
+
    {{ "<!-- RSS 2.0 feed -->" | safeHTML }}
    {{ with .OutputFormats.Get "rss" -}}
      {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
@ -55,7 +61,7 @@
    {{ if (ne .Site.Params.header_visible false) }}
    <header class="blog-header">
      <div class="container">
-        <h1 class="blog-title" dir="auto"><a href="{{ "/" | absURL }}" rel="home">{{ .Site.Title | safeHTML }}</a></h1>
+        <h1 class="blog-title" dir="auto"><a href="{{ .Site.BaseURL | absURL }}" rel="home">{{ .Site.Title | safeHTML }}</a></h1>
        {{ if .Site.Params.description }}<p class="lead blog-description" dir="auto">{{ .Site.Params.description | markdownify }}</p>{{ end }}
      </div>
    </header>
--- a/layouts/_default/content.html
+++ b/layouts/_default/content.html
@ -3,7 +3,7 @@
 <article class="blog-post">
  <header>
    <h2 class="blog-post-title" dir="auto"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h2>
-    <p class="blog-post-meta"><time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">{{ .Date.Format $dateFormat }}</time> {{ i18n "authoredBy" }} {{ .Params.author | default .Site.Params.author }}{{ if or (.Params.categories) (.Params.tags) }} {{ i18n "postedIn" }} {{ partial "meta-terms.html" . }}{{ end }}</p>
+    <p class="blog-post-meta"><time {{ .Date.Format "2006-01-02T15:04:05Z07:00" | printf "datetime=%q" | safeHTMLAttr }}>{{ .Date.Format $dateFormat }}</time> {{ i18n "authoredBy" }} {{ .Params.author | default .Site.Params.author }}{{ if or (.Params.categories) (.Params.tags) }} {{ i18n "postedIn" }} {{ partial "meta-terms.html" . }}{{ end }}</p>
  </header>
  {{ .Content }}
 </article> <!-- /.blog-post -->
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@ -4,24 +4,21 @@
  "@context": "http://schema.org",
  "@type": "Blog",
  {{- /* Google recommends the headline be no more than 110 characters */}}
-  "headline": "{{ substr .Site.Title 0 110 }}",
-  "url" : "{{ printf "%s" .Permalink }}",
+  "headline": {{ substr .Site.Title 0 110 }},
+  "url" : {{ printf "%s" .Permalink }},
  "author": {
    "@type": "Person",
-    "name": "{{ .Site.Params.author }}"
+    "name": {{ .Site.Params.author }}
  },
  {{- $ISO8601 := "2006-01-02T15:04:05-07:00" }}
  {{- if not .Date.IsZero }}
  "dateModified": {{ .Date.Format $ISO8601 }},
  {{- end }}
-  {{- with .Site.Social.GooglePlus }}
-  "publisher": "{{ printf "%s" . }}",
-  {{- end }}
  {{- /* all of the site's categories/tags, from Hugo's tpl/template_embedded.go */}}
-  "keywords": "{{ range $plural, $terms := .Site.Taxonomies }}{{ range $term, $val := $terms }}{{ printf "%s," $term }}{{ end }}{{ end }}"
+  "keywords": {{ range $plural, $terms := .Site.Taxonomies }}{{ range $term, $val := $terms }}{{ printf "%s," $term }}{{ end }}{{ end }}
  {{- with .Site.Params.description -}}
  ,
-  "description": "{{- . -}}"
+  "description": {{- . -}}
  {{- end }}
 }
 </script>
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@ -6,11 +6,11 @@
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  {{- /* Google recommends the headline be no more than 110 characters */}}
-  "headline": "{{ substr .Title 0 110 }}",
+  "headline": {{ substr .Title 0 110 }},
  {{- with .Params.images -}}{{ range first 1 . }}
  "image": {
    "@type": "ImageObject",
-    "url": "{{ . | absURL }}"
+    "url": {{ . | absURL }}
    {{- /* Don't try to get imageConfig if image param is not local */ -}}
    {{- if not (or (hasPrefix . "http://") (hasPrefix . "https://")) -}}
    {{- with (imageConfig (printf "/static/%s" .)) -}}
@ -21,7 +21,7 @@
    {{ end }}
  },
  {{- end -}}{{ end }}
-  "url": "{{ printf "%s" .Permalink }}",
+  "url": {{ printf "%s" .Permalink }},
  "wordCount": "{{ .WordCount }}",
  {{- $ISO8601 := "2006-01-02T15:04:05-07:00" }}
  {{- if not .PublishDate.IsZero }}
@ -32,21 +32,18 @@
  {{- if not .Lastmod.IsZero }}
  "dateModified": {{ .Lastmod.Format $ISO8601 }},
  {{- end }}
-  {{- with .Site.Social.GooglePlus }}
-  "publisher": "{{ printf "%s" . }}",
-  {{- end }}
  "author": {
    "@type": "Person",
-    "name": "{{ .Params.author | default .Site.Params.author }}"
+    "name": {{ .Params.author | default .Site.Params.author }}
  }
  {{- if or (.Params.keywords) (or (.Params.categories) (.Params.tags)) -}}
  ,
-  "keywords": "{{ delimit (union .Params.keywords (union .Params.categories .Params.tags)) ", " }}"
+  "keywords": {{ delimit (union .Params.keywords (union .Params.categories .Params.tags)) ", " }}
  {{- end }}

  {{- with .Params.description -}}
  ,
-  "description": "{{ . }}"
+  "description": {{ . }}
  {{- end }}
 }
 </script>
@ -59,7 +56,7 @@
 <article class="blog-post">
  <header>
    <h2 class="blog-post-title" dir="auto"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h2>
-    <p class="blog-post-meta"><time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">{{ .Date.Format $dateFormat }}</time> {{ i18n "authoredBy" }} {{ .Params.author | default .Site.Params.author }}{{ if or (.Params.categories) (.Params.tags) }} {{ i18n "postedIn" }} {{ partial "meta-terms.html" . }}{{ end }}</p>
+    <p class="blog-post-meta"><time {{ .Date.Format "2006-01-02T15:04:05Z07:00" | printf "datetime=%q" | safeHTMLAttr }}>{{ .Date.Format $dateFormat }}</time> {{ i18n "authoredBy" }} {{ .Params.author | default .Site.Params.author }}{{ if or (.Params.categories) (.Params.tags) }} {{ i18n "postedIn" }} {{ partial "meta-terms.html" . }}{{ end }}</p>
  </header>
  {{ .Content }}

--- a/layouts/_default/summary.html
+++ b/layouts/_default/summary.html
@ -3,7 +3,7 @@
 <article class="blog-post">
  <header>
    <h2 class="blog-post-title" dir="auto"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h2>
-    <p class="blog-post-meta"><time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">{{ .Date.Format $dateFormat }}</time> {{ i18n "authoredBy" }} {{ .Params.author | default .Site.Params.author }}{{ if or (.Params.categories) (.Params.tags) }} {{ i18n "postedIn" }} {{ partial "meta-terms.html" . }}{{ end }}</p>
+    <p class="blog-post-meta"><time {{ .Date.Format "2006-01-02T15:04:05Z07:00" | printf "datetime=%q" | safeHTMLAttr }}>{{ .Date.Format $dateFormat }}</time> {{ i18n "authoredBy" }} {{ .Params.author | default .Site.Params.author }}{{ if or (.Params.categories) (.Params.tags) }} {{ i18n "postedIn" }} {{ partial "meta-terms.html" . }}{{ end }}</p>
  </header>
  {{ .Summary }}
  <a href='{{ .Permalink }}'>{{ i18n "readMore" }}</a>
--- a/layouts/partials/cookie-consent.html
+++ b/layouts/partials/cookie-consent.html
@ -1,5 +1,7 @@
-<link href="{{ "css/cookieconsent.min.css" | absURL }}" rel="stylesheet" type="text/css"{{ if not .Site.Params.disable_sri }} integrity="{{ .Site.Data.sri.cookieconsentcss }}" crossorigin="anonymous"{{ end }}>
-<script src="{{ "js/cookieconsent.min.js" |absURL }}"{{ if not .Site.Params.disable_sri }} integrity="{{ .Site.Data.sri.cookieconsentjs }}" crossorigin="anonymous"{{ end }} async></script>
+{{ $cookieConsentStyle := resources.Get "css/cookieconsent.min.css" | resources.Fingerprint }}
+<link href="{{ $cookieConsentStyle.Permalink }}" rel="stylesheet" type="text/css"{{ if not .Site.Params.disable_sri }} integrity="{{ $cookieConsentStyle.Data.Integrity }}" crossorigin="anonymous"{{ end }}>
+{{ $cookieConsentScript := resources.Get "js/cookieconsent.min.js" | resources.Fingerprint }}
+<script src="{{ $cookieConsentScript.Permalink }}"{{ if not .Site.Params.disable_sri }} integrity="{{ $cookieConsentScript.Data.Integrity }}" crossorigin="anonymous"{{ end }} async></script>

 <script>
 window.addEventListener("load", function(){
--- a/layouts/partials/meta-terms.html
+++ b/layouts/partials/meta-terms.html
@ -1,8 +1,8 @@
 {{ if .Params.categories }}
-<i class="fa fa-folder" aria-hidden="true"></i>&nbsp;{{ range $index, $category := .Params.categories }}{{ if gt $index 0 }}{{ i18n "comma" }} {{ end }}<a href="{{ "/categories/" | relLangURL }}{{ . | urlize }}" rel="category tag">{{ . }}</a>{{ end }}
+<span class="fas fa-folder" aria-hidden="true"></span>&nbsp;{{ range $index, $category := .Params.categories }}{{ if gt $index 0 }}{{ i18n "comma" }} {{ end }}<a href="{{ "/categories/" | relLangURL }}{{ . | urlize }}/" rel="category tag">{{ . }}</a>{{ end }}
 {{ end }}
 {{ if .Params.tags }}
-<i class="fa fa-tag" aria-hidden="true"></i>&nbsp;{{ range $index, $tag := .Params.tags }}{{ if gt $index 0 }}{{ i18n "comma" }} {{ end }}<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}" rel="tag">{{ . }}</a>{{ end }}
+<span class="fas fa-tag" aria-hidden="true"></span>&nbsp;{{ range $index, $tag := .Params.tags }}{{ if gt $index 0 }}{{ i18n "comma" }} {{ end }}<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}/" rel="tag">{{ . }}</a>{{ end }}
 {{ end }}

 {{- /* vim: set ts=2 sw=2 et: */}}
--- a/layouts/partials/sharing-icons.html
+++ b/layouts/partials/sharing-icons.html
@ -1,9 +1,9 @@
  <section>
    <h4>{{ i18n "share" }}</h4>
    <nav class="nav sharing-icons">
-      <a class="nav-item" href="https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}" title="Share on Facebook"><span class="fa fa-facebook fa-2x" aria-hidden="true"></span></a>
-      <a class="nav-item" href="https://www.linkedin.com/shareArticle?mini=true&amp;url={{ .Permalink }}" title="Share on LinkedIn"><span class="fa fa-linkedin fa-2x" aria-hidden="true"></span></a>
-      <a class="nav-item" href="https://twitter.com/intent/tweet?url={{ .Permalink }}&amp;text={{ .Title }}" title="Tweet this"><span class="fa fa-twitter fa-2x"></span></a>
+      <a class="nav-item" href="https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}" title="Share on Facebook"><span class="fab fa-facebook-f fa-2x" aria-hidden="true"></span></a>
+      <a class="nav-item" href="https://www.linkedin.com/shareArticle?mini=true&amp;url={{ .Permalink }}" title="Share on LinkedIn"><span class="fab fa-linkedin-in fa-2x" aria-hidden="true"></span></a>
+      <a class="nav-item" href="https://twitter.com/intent/tweet?url={{ .Permalink }}&amp;text={{ .Title }}" title="Tweet this"><span class="fab fa-twitter fa-2x"></span></a>
    </nav>
  </section>

--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,29 +1,32 @@
 {
  "name": "hugo-theme-bootstrap4-blog",
-  "version": "1.3.2",
+  "version": "1.4.2",
  "description": "A Bootstrap v4 theme for the Hugo static site generator.",
  "repository": {
    "type": "git",
    "url": "https://github.com/alanorth/hugo-theme-bootstrap4-blog.git"
  },
  "scripts": {
-    "build:css": "node-sass --output-style expanded --precision 6 source/scss/style.scss static/css/style.css.tmp && cleancss --level 1 static/css/style.css.tmp -o static/css/style.css",
-    "build:ltrcss": "rtlcss -s static/css/style.css.tmp static/css/style.rtl.css.tmp && cleancss --level 1 static/css/style.rtl.css.tmp -o static/css/style.rtl.css",
-    "build:fonts": "cp node_modules/font-awesome/fonts/* static/fonts",
-    "build:cookieconsent": "cp node_modules/cookieconsent/build/cookieconsent.min.css static/css && cp node_modules/cookieconsent/build/cookieconsent.min.js static/js",
-    "build:generatesri": "node build/sri.js > data/sri.toml",
-    "build": "npm run build:css && npm run build:ltrcss && npm run build:fonts && npm run build:cookieconsent && npm run build:generatesri && npm run clean",
-    "clean": "rm static/css/style.css.tmp static/css/style.rtl.css.tmp"
+    "build:css": "node-sass --output-style expanded --precision 6 source/scss/style.scss assets/css/style.css.tmp && cleancss --level 1 assets/css/style.css.tmp -o assets/css/style.css",
+    "build:rtlcss": "rtlcss -s assets/css/style.css.tmp assets/css/style.rtl.css.tmp && cleancss --level 1 assets/css/style.rtl.css.tmp -o assets/css/style.rtl.css",
+    "build:cookieconsent": "cp node_modules/cookieconsent/build/cookieconsent.min.css assets/css && cp node_modules/cookieconsent/build/cookieconsent.min.js assets/js",
+    "build:js": "webpack",
+    "build": "npm run build:css && npm run build:rtlcss && npm run build:js && npm run build:cookieconsent && npm run clean",
+    "clean": "rm assets/css/style.css.tmp assets/css/style.rtl.css.tmp"
  },
  "keywords": "hugo",
  "author": "Alan Orth",
  "license": "CC-BY-3.0",
  "devDependencies": {
-    "bootstrap": "~4.3.1",
+    "@fortawesome/fontawesome-svg-core": "^1.2.27",
+    "@fortawesome/free-brands-svg-icons": "^5.12.1",
+    "@fortawesome/free-solid-svg-icons": "^5.12.1",
+    "bootstrap": "~4.4.1",
    "clean-css-cli": "^4.3.0",
    "cookieconsent": "3.0.4",
-    "font-awesome": "^4.7.0",
-    "node-sass": "^4.12.0",
-    "rtlcss": "^2.4.0"
+    "node-sass": "^4.13.1",
+    "rtlcss": "^2.5.0",
+    "webpack": "^4.42.0",
+    "webpack-cli": "^3.3.11"
  }
 }
--- a/source/js/fontawesome.js
+++ b/source/js/fontawesome.js
@ -0,0 +1,13 @@
+import { library, dom } from '@fortawesome/fontawesome-svg-core'
+import { faFolder, faTag } from '@fortawesome/free-solid-svg-icons'
+import { faFacebookF, faTwitter, faLinkedinIn } from '@fortawesome/free-brands-svg-icons'
+
+// Add solid icons to our library
+library.add(faFolder, faTag)
+
+// Add brand icons to our library
+library.add(faFacebookF, faTwitter, faLinkedinIn)
+
+// Replace any existing <i> tags with <svg> and set up a MutationObserver to
+// continue doing this as the DOM changes.
+dom.watch()
--- a/source/scss/bootstrap.scss
+++ b/source/scss/bootstrap.scss
@ -1,5 +1,5 @@
 /*!
- * Bootstrap v4.3.1 (https://getbootstrap.com/)
+ * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
--- a/source/scss/font-awesome.scss
+++ b/source/scss/font-awesome.scss
@ -1,35 +0,0 @@
-/*!
- *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
- *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
- */
-
-@import "node_modules/font-awesome/scss/variables";
-@import "node_modules/font-awesome/scss/mixins";
-@import "node_modules/font-awesome/scss/path";
-@import "node_modules/font-awesome/scss/core";
-@import "node_modules/font-awesome/scss/larger";
-@import "node_modules/font-awesome/scss/fixed-width";
-//@import "list";
-//@import "bordered-pulled";
-//@import "animated";
-//@import "rotated-flipped";
-//@import "stacked";
-//@import "icons";
-// selectively import icons we need from font-awesome
-// see: node_modules/font-awesome/scss/_icons.scss
-.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
-.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
-.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
-.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
-.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
-.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
-.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
-.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
-.#{$fa-css-prefix}-y-combinator-square:before,
-.#{$fa-css-prefix}-yc-square:before,
-.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
-.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
-.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
-.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
-.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
-@import "node_modules/font-awesome/scss/screen-reader";
--- a/source/scss/style.scss
+++ b/source/scss/style.scss
@ -1,7 +1,3 @@
-// selectively import components we need from font-awesome
-// see: node_modules/font-awesome/scss/font-awesome.scss
-@import 'source/scss/font-awesome';
-
 // selectively import components we need from bootstrap
 // see: node_modules/bootstrap/scss/bootstrap.scss
@import 'source/scss/bootstrap';
--- a/static/css/style.css
+++ b/static/css/style.css
--- a/static/css/style.rtl.css
+++ b/static/css/style.rtl.css
--- a/static/fonts/FontAwesome.otf
+++ b/static/fonts/FontAwesome.otf
--- a/static/fonts/fontawesome-webfont.eot
+++ b/static/fonts/fontawesome-webfont.eot
--- a/static/fonts/fontawesome-webfont.svg
+++ b/static/fonts/fontawesome-webfont.svg
--- a/static/fonts/fontawesome-webfont.ttf
+++ b/static/fonts/fontawesome-webfont.ttf
--- a/static/fonts/fontawesome-webfont.woff
+++ b/static/fonts/fontawesome-webfont.woff
--- a/static/fonts/fontawesome-webfont.woff2
+++ b/static/fonts/fontawesome-webfont.woff2
--- a/theme.toml
+++ b/theme.toml
@ -5,7 +5,7 @@ description = "A simple Hugo theme based on the Bootstrap v4 blog example."
 homepage = "https://github.com/alanorth/hugo-theme-bootstrap4-blog"
 tags = ["bootstrap", "blog", "font awesome"]
 features = ["responsive", "blog"]
-min_version = 0.25
+min_version = 0.55

 [author]
  name = "Alan Orth"
--- a/webpack.config.js
+++ b/webpack.config.js
@ -0,0 +1,10 @@
+const path = require('path');
+
+module.exports = {
+    entry: './source/js/fontawesome.js',
+    output: {
+            path: path.resolve(__dirname, 'assets/js'),
+            filename: 'fontawesome.min.js'
+          },
+    mode: 'production'
+};
Author	SHA1	Message	Date
Alan Orth	9bbfab2f1b	Version 1.4.2	2020-03-22 11:17:27 +02:00
Alan Orth	f7d9451aa6	layouts: Fix minor encoding issue with dates This is similar to other encoding issues we have fixed lately where we need to make sure Hugo (or Golang's HTML template library) does not escape our non-ASCII content. For example, this is how our datetimes end up currently: <p class="blog-post-meta"><time datetime="2020-01-16T09:23:20+02:00">Thu Jan 16, 2020</time> by Alan Orth After printing them with `printf` and filtering them with the Hugo built-in function `safeHTMLAttr` they look like this: <p class="blog-post-meta"><time datetime="2020-01-16T09:23:20+02:00">Thu Jan 16, 2020</time> by Alan Orth See: https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/opengraph.html See: https://github.com/alanorth/hugo-theme-bootstrap4-blog/pull/111	2020-03-22 11:09:27 +02:00
Alan Orth	85abd20ba7	layouts: Fix more structured data escaping issues I think we actually only need to quote string literals. Otherwise, it seems that Hugo automatically adds quoting for us, and doesn't use funny escaping of URLs, special characters, etc.	2020-03-19 15:45:31 +02:00
Alan Orth	9e0b00038a	Version 1.4.1 And oops, I had forgotten to bump the version in package.json for v1.4.0.	2020-03-19 15:29:30 +02:00
Alan Orth	9676a9736b	CHANGELOG.md: Add note about fix for structured data	2020-03-19 15:27:51 +02:00
Alan Orth	4a88be4434	layouts: Remove quoting of structured data I don't understand it, but quoting these values causes Hugo to use escape codes for non-ASCII (?) characters. For example: "description": "A thriving oasis in Jordan\x27s desert is at risk of disappearing." Google's Search Console shows the following error: Unparsable structured data > Bad escape sequence in string We had a similar issue with dates that was fixed in #111 and the solution is the same here.	2020-03-19 15:22:29 +02:00
Alan Orth	780444bfb0	README.md: Add note about Farsi	2020-03-16 11:57:37 +02:00
Alan Orth	58d01baba6	CHANGELOG.md: Add note about updated dependencies	2020-03-16 09:49:32 +02:00
Alan Orth	9fb0baa0a5	Regenerate static assets	2020-03-16 09:47:25 +02:00
Alan Orth	550b5c066d	Run npm update Brings new versions of rtlcss, webpack, and fontawesome.	2020-03-16 09:46:39 +02:00
Alan Orth	3be21cba1d	CHANGELOG.md: Adjust headings	2020-01-28 11:06:03 +02:00
Alan Orth	ce3e6a933f	CHANGELOG.md: Release v1.4.0	2020-01-28 11:01:34 +02:00
Alan Orth	22001d38ea	CHANGELOG.md: Update notes for unreleased version	2020-01-28 10:59:46 +02:00
Alan Orth	d4ece493ba	layouts/partials/meta-terms.html: Trailing slash Hard code a trailing slash in URLs for categories and tags to avoid an HTTP 301 redirect at the very least, and an HTTP 404 at the very worst (depending on web server configuration). This is a workaround for a problem caused by our manual construction of URLs using the categories and tags strings in post front matter. Hugo's own taxonomy tooling always uses a trailing slash. See: https://github.com/alanorth/hugo-theme-bootstrap4-blog/issues/128	2020-01-28 10:50:31 +02:00
Alan Orth	3ab60bddea	Use Font Awesome SVGs via JavaScript This is a bit of "one step forward, two steps back" in that we are now using the much more lean SVG icons—and only the ones we are ac tually using—instead of having to download the two ~70KiB web font files, but it means we need to use JavaScript. This approache was inspired by the work @xekon did in #127. See: https://fontawesome.com/how-to-use/on-the-web/advanced/svg-javascript-core See: https://github.com/alanorth/hugo-theme-bootstrap4-blog/pull/127	2020-01-27 18:17:35 +02:00
Alan Orth	06113fcd44	CHANGELOG.md: Add note about Font Awesome 5	2020-01-25 21:24:50 +02:00
Alan Orth	769c25e2c2	Regenerate static assets	2020-01-25 21:22:31 +02:00
Alan Orth	4c5ce590f2	Update to Font Awesome 5 Nothing really new as far as how we're using Font Awesome, but it is good to keep up with the times and the tooling. Users that have used custom fonts in their content or layouts will need to update their icon prefixes from "fa" to "fas" or "fab" depending on which font their icon comes from. See: https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4	2020-01-25 21:20:44 +02:00
Alan Orth	9b35f3b1dc	Regenerate static assets	2020-01-25 16:42:52 +02:00
Alan Orth	ba6358ca48	source/scss/font-awesome.scss: Remove Google+ icon	2020-01-25 16:42:08 +02:00
Alan Orth	77e240280a	CHANGELOG.md: Add note about Google Plus	2020-01-25 16:07:18 +02:00
Alan Orth	32af219491	layouts: Remove a few more references to GooglePlus The sharing icons were removed in 2019, but these remained.	2020-01-25 16:05:51 +02:00
Alan Orth	1fdd332862	.build.yml: Use Node.js v12	2020-01-23 20:16:15 +02:00
Alan Orth	a5c50f69c2	theme.toml: Increase minimum Hugo version to 0.55 I think the new subresource integrity (SRI) stuff requires this. See: https://gohugo.io/hugo-pipes/fingerprint/	2020-01-23 20:06:43 +02:00
Alan Orth	d2ea109b47	README.md: Update comment about Node.js version I've been using version 10 for a year or so. Looking at the Node.js LTS schedule I see that version 12 is the latest LTS release so I guess I'll start using that locally at least. See: https://nodejs.org/en/about/releases/	2020-01-23 20:02:38 +02:00
xekon	5c3ffa7868	add summaryLength to example config, for faster learning and prototyping.	2020-01-23 20:01:05 +02:00
Alan Orth	3047cfe356	Regenerate static assets	2020-01-23 19:55:37 +02:00
Alan Orth	44861dfc36	source/scss/bootstrap.scss: Copy new version number Otherwise it is very confusing because the generated style.css has the wrong version number.	2020-01-23 19:55:15 +02:00
Alan Orth	553af337c1	Run npm update New minor versions of a few libraries.	2020-01-23 19:52:23 +02:00
Alan Orth	63241061dd	layouts/_default/baseof.html: Fix comment about RTL It's not just Arabic anymore now that I added Farsi strings!	2020-01-23 19:46:21 +02:00
Alan Orth	13449f1519	package.json: Fix typo in build script This builds the right-to-left version of the stylesheet (RTL).	2020-01-23 19:44:54 +02:00
Alan Orth	341bff9891	CHANGELOG.md: Add note about subresource integrity	2020-01-23 19:43:32 +02:00
Alan Orth	c41364cf19	Remove custom generatesri tooling We are now using Hugo's built in SRI support, which is magical and seamless, and also gives us the bonus of acting as a cache buster.	2020-01-23 19:40:49 +02:00
Alan Orth	44e8c677a6	Use Hugo's built-in subresource integrity support We can use Hugo's built-in SRI support instead of using our custom SRI generator script (as cool as it was at the time). This is more clean and gives us the added benefit of adding fingerprints to the CSS and JS filenames, which acts as a cache buster. See: https://gohugo.io/hugo-pipes/introduction/ See: https://github.com/alanorth/hugo-theme-bootstrap4-blog/issues/120	2020-01-23 19:34:21 +02:00
Alan Orth	6e36b66fab	CHANGELOG.md: Add note about typo in README.md	2020-01-22 09:15:57 +02:00
Alan Orth	90a04b31d4	Merge pull request #118 from xekon/fix-readme Update README.md	2020-01-22 09:14:39 +02:00
xekon	70c475f490	Update README.md	2020-01-21 15:40:57 -08:00
Alan Orth	1eb8d9009a	CHANGELOG.md: Bootstrap 4.4.1	2019-12-09 10:06:49 +02:00
Alan Orth	293c7dff8c	Regenerate static assets	2019-12-09 09:37:24 +02:00
Alan Orth	6117301edd	Bootstrap 4.4.1	2019-12-09 09:37:05 +02:00
Alan Orth	f2dab16881	CHANGELOG.md: Add note about Farsi i18n strings	2019-12-04 09:57:36 +02:00
Alan Orth	b2ea655810	layouts: Use right-to-left text for Farsi	2019-12-04 09:56:41 +02:00
Alan Orth	df1ec1df21	i18n/fa.yaml: Add Farsi strings	2019-12-04 09:56:26 +02:00
Alan Orth	80e17a5ffd	Version 1.3.3	2019-12-02 10:25:40 +02:00
Alan Orth	14417a8153	CHANGELOG.md: Add unreleased changes	2019-12-02 10:24:42 +02:00
Alan Orth	cdf886b4e8	Regenerate static assets	2019-12-02 10:23:49 +02:00
Alan Orth	7fa92fb2f3	Update node-sass and rtlcss	2019-12-02 10:22:41 +02:00
Alan Orth	be563c6a9f	CHANGELOG.md: Add notes about new unreleased changes	2019-10-28 13:09:26 +02:00
Alan Orth	41c88a200f	Move content/post to content/posts This aligns closer to the Hugo Quick Start. See: https://github.com/alanorth/hugo-theme-bootstrap4-blog/pull/117 See: https://gohugo.io/getting-started/quick-start/#step-4-add-some-content	2019-10-28 13:07:18 +02:00
Alan Orth	bcc164bc4a	Merge pull request #117 from sboots/patch-1 Update config.toml	2019-10-28 13:05:08 +02:00
Sean Boots	9d6d5f21c0	Update config.toml Small fix to correctly set the posts permalink setting	2019-10-27 12:37:34 -07:00
Alan Orth	b7059a88dc	CHANGELOG.md: Add note about home link Thanks to @phofman. See: https://github.com/alanorth/hugo-theme-bootstrap4-blog/pull/115	2019-10-11 11:15:40 +03:00
Paweł Hofman	92cab738dd	Fixed invalid URL if blog is not in domain root	2019-10-11 11:06:23 +03:00