diff options
| -rw-r--r-- | README.md | 96 | ||||
| -rw-r--r-- | layouts/index.html | 65 | ||||
| -rw-r--r-- | layouts/post/single.html | 162 |
3 files changed, 188 insertions, 135 deletions
@@ -251,12 +251,12 @@ These options set global values that some pages or all pages in the site use by ```yaml privacy: disqus: - disable: "false" # | default: false + disable: false # | default: false googleAnalytics: - anonymizeIP: "true" # 'true' makes it so the users' IP addresses are anonymized within Google Analytics | default: false - disable: "false" # | default: false - respectDoNotTrack: "false" # 'true' makes the GA templates respect the “Do Not Track” HTTP header | default: false - useSessionStorage: "false" # 'true' disables the use of Cookies and use Session Storage to Store the GA Client ID | default: false + anonymizeIP: true # 'true' makes it so the users' IP addresses are anonymized within Google Analytics | default: false + disable: false # | default: false + respectDoNotTrack: false # 'true' makes the GA templates respect the “Do Not Track” HTTP header | default: false + useSessionStorage: false # 'true' disables the use of Cookies and use Session Storage to Store the GA Client ID | default: false ``` #### Vibrant Shadow's custom parameters @@ -469,7 +469,7 @@ Let's see them one by one. 1. **Profiles** *(Type: String | Accepts value: footer/navbar | Optional | Default: "footer")* It lets you customize where you want your social profiles to appear. You may use 'navbar' if number of items in main menu and social profiles are minimal, otherwise 'footer' is recommended. - 2. **Share** *(Type: String | Accepts value: top/bottom | Optional | No default)* + 2. **Share** *(Type: String | Accepts value: top/bottom | Optional | Default: "top")* It lets you customize where you want your social sharing buttons to appear on a blog post. 2. **Menu on Navbar** *(Type: String | Accepts value: right/left | Optional | Default: "right")* @@ -501,6 +501,9 @@ Let's see them one by one. # not includng only (say) 'summary' (or 'content') for (say) 'readingTime', would simply omit 'readingTime' from appearing in 'summary' (or 'content'). ``` + 4. **Thumbnail** *(Type: String | Accepts value: right/left | Optional | Default: "left")* + + Position of a post's image, when it appears as a thumbnail in a list (say) on landing page. Regardless of "right" or "left", it looks the same on mobile-view. Example: ```yaml @@ -524,7 +527,8 @@ Let's see them one by one. content: "top" tags: summary: "top" - content: "bottom" + content: "bottom" # default: "bottom" + thumbnail: "left" ``` 7. **Fonts** *(Type: Map/Dict/Object | Accepts value: - | Optional )* @@ -715,15 +719,19 @@ Let's see them one by one. 2. **Post Images** *(Type: Map/Dict/Object | Accepts value: - | Optional)* Customize behaviour for your posts' images - 1. **Thumbnail Size** *(Type: Array | Accepts value: String | Optional | Default: "200px")* + 1. **Thumbnail** *(Type: Map/Dict/Object | Accepts value: String | Optional | Default: "200px")* - Integer: Size of post images when they appear as thumbnails in lists, for example, on landing page. - String: Unit of size. For example, "em", "rem", "px". - Gets overridden by `thumbnailSize` specified in a page's front-matter. - 2. **Thumbnail Borders** *(Type: String | Accepts value: square, rounded, circle, pill | Optional | Default: "rounded")* + Customizations in relation to how thumbnails of *Post Images* appear. + 1. **Size** *(Type: String | Accepts value: String | Optional | Default: "200px")* + + Integer: Size of post images when they appear as thumbnails in lists, for example, on landing page. + String: Unit of size. For example, "em", "rem", "px". + Gets overridden by `thumbnail' -> 'size` specified in a page's front-matter. + + 2. **Borders** *(Type: String | Accepts value: square, rounded, circle, pill | Optional | Default: "rounded")* - Choose the border radius of posts' images when they appear as thumbnails. - Gets overridden by `thumbnailBorders` specified in a page's front-matter. + Choose the border radius of posts' images when they appear as thumbnails. + Gets overridden by `thumbnail' -> 'borders` specified in a page's front-matter. Example: ```yaml @@ -732,8 +740,9 @@ Let's see them one by one. script: 0 loading: "sync" postImages: - thumbnailSize: "200px" - thumbnailBorders: "rounded" + thumbnail: + size: "200px" + borders: "rounded" ``` 13. **Main Sections** *(Type: Array | Accepts value: Section names | Highly Recommended)* @@ -810,23 +819,27 @@ Let's see them one by one. 2. **Alternative Text** *(Type: String | Accepts value: Text | Recommended)* This text is shown when for some reason an image is unable to load. It also helps in SEO and is especially helpful for screen readers. - 3. **Thumbnail Size** *(Type: Array | Accepts value: String | Optional | Default: "200px")* + 3. **Thumbnail** *(Type: Map/Dict/Object | Accepts value: - | Optional )* + + Customizations in relation to how thumbnails of *Post Images* appear. + 1. **Size** *(Type: String | Accepts value: String | Optional | Default: "200px")* - Integer: Size of post image when it appears as thumbnail in lists, for example, on landing page. - String: Unit of size. For example, "em", "rem", "px". - Overrides the setting set (if any) in `userExperience` -> `postImages` -> `thumbnailSize` in `config.yaml` file present at root of your webiste. - 4. **Thumbnail Borders** *(Type: String | Accepts value: square, rounded, circle, pill | Optional | Default: "rounded")* + Integer: Size of post image when it appears as thumbnail in lists, for example, on landing page. + String: Unit of size. For example, "em", "rem", "px". + Overrides the setting set (if any) in `userExperience` -> `postImages` -> `thumbnail' -> 'size` in `config.yaml` file present at root of your webiste. + 2. **Borders** *(Type: String | Accepts value: square, rounded, circle, pill | Optional | Default: "rounded")* - Choose the border radius of posts' images when they appear as thumbnails. - Overrides the setting set (if any) in `userExperience` -> `postImages` -> `thumbnailBorders` in `config.yaml` file present at root of your webiste. + Choose the border radius of post's image when they appear as thumbnails. + Overrides the setting set (if any) in `userExperience` -> `postImages` -> `thumbnail' -> 'borders` in `config.yaml` file present at root of your webiste. Example: ```yaml image: src: "/images/post-1.png" alt: "Alternative text" - thumbnailSize: "200px" - thumbnailBorders: "rounded" + thumbnail: + size: "200px" + borders: "rounded" ``` 7. **Author** *(Type: String | Accepts value: Text | Recommended)* @@ -922,12 +935,27 @@ build: # Explanations to all privacy settings: https://gohugo.io/about/hugo-and-gdpr/#the-privacy-settings-explained privacy: disqus: - disable: "false" + disable: false googleAnalytics: - anonymizeIP: "true" # 'true' makes it so the users' IP addresses are anonymized within Google Analytics - disable: "false" - respectDoNotTrack: "false" # 'true' makes the GA templates respect the “Do Not Track” HTTP header - useSessionStorage: "false" # 'true' disables the use of Cookies and use Session Storage to Store the GA Client ID + anonymizeIP: true # 'true' makes it so the users' IP addresses are anonymized within Google Analytics + disable: false + respectDoNotTrack: false # 'true' makes the GA templates respect the “Do Not Track” HTTP header + useSessionStorage: false # 'true' disables the use of Cookies and use Session Storage to Store the GA Client ID + +# +enableRobotsTXT: true # optional, allows to create a robots.txt file, which helps in SEO +# sitemap, and RSS are generated automatically +enableGitInfo: true # optional, allows us to use '.GitInfo' object. '.GitInfo' object allows us to leverage info from git for use in Hugo + +# Only if 'enableGitInfo' is set to 'true' +frontmatter: + date: ["date", "publishDate", "lastmod", ":git"] # adding ':git' at the end (of default format) makes the atom/rss feed to fetch dates from git, once enableGitInfo is set to true in 'config' file + +# Allow HTML in markdown to be rendered +markup: + goldmark: + renderer: + unsafe: true # Here starts our customization params: @@ -1005,7 +1033,8 @@ params: content: "top" # values: top/bottom | simply omit if don't want to show | optional | no default tags: summary: "top" # values: top/bottom | simply omit if don't want to show | optional | no default - content: "bottom" # values: top/bottom | simply omit if don't want to show | optional | no default + content: "bottom" # values: top/bottom | simply omit if don't want to show | optional | default: "bottom" + thumbnail: "left" # accepts value: right/left | position of a post's image, when it appears as a thumbnail in a list (say) on landing page. regardless of "right" or "left", it looks the same on mobile-view. | optional | default: "left" font: general: family: "Lato" # must match to a css font-family | default: "Lato" @@ -1076,8 +1105,9 @@ params: script: 0 # accepts value: 0/1/2 | 0: Default script by Google via Hugo's internal template; 1: minimal-analytics by James Hill; 2: minimal-analytics-4 by Dariusz Więckiewicz | optional | default: 0 loading: "sync" # accepts value: sync/async | determines whether Google Analytics JavaScript file loads 'Synchronously' or 'Asynchronously' | optional | default: "sync" postImages: # customize behaviour for your posts' images - thumbnailSize: "200px" # accepts value: string | integer: size of post images when they appear as thumbnails; string: unit of size | default: "200px" - thumbnailBorders: "rounded" # accepts value: square, rounded, circle, pill | choose the border radius of posts' images when they appear as thumbnails | optional | default: "rounded" + thumbnail: + size: "200px" # accepts value: string | integer: size of post images when they appear as thumbnails; string: unit of size | default: "200px" + borders: "rounded" # accepts value: square, rounded, circle, pill | choose the border radius of posts' images when they appear as thumbnails | optional | default: "rounded" mainSections: ["post"] # required, https://gohugo.io/functions/where/#mainsections #customVerification: #myWOT: "ba8579f668r8w3g62503" # content for meta tag to verify your website on 'Web Of Trust' diff --git a/layouts/index.html b/layouts/index.html index 27f31be..c44eb36 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,22 +1,22 @@ {{ define "main" }} {{/* This code prints all taxonomies (including custom ones specified by the user) along with terms in each taxonomy. -We donno how to have access to a specific page's taxonomies yet. Having that would allow to display via a single.html layout, a post's taxonomies including custom ones. +We don't know how to have access to a specific page's taxonomies yet. Having that would allow to display via a single.html layout, a post's taxonomies including custom ones. -{{ $taxonomy_list := slice }} -{{- range $key, $value := site.Taxonomies -}} - {{ $taxonomy_list = append $key }} +{{- $taxonomy_list := slice }} +{{- range $key, $value := site.Taxonomies }} + {{- $taxonomy_list = append $key }} {{- end -}} -{{ if $taxonomy_list }} - {{ range $taxonomy_list }} +{{- if $taxonomy_list }} + {{- range $taxonomy_list }} {{- range $key, $value := (index site.Taxonomies .) -}} <div class=""> $key: {{ delimit $value ", " }} </div> - {{- end -}} - {{ end }} -{{ end }} + {{- end }} + {{- end }} +{{- end -}} */}} <div class="jumbotron jumbotron-fluid text-center d-flex flex-column mb-0 text-light hero-gradient" @@ -37,22 +37,42 @@ We donno how to have access to a specific page's taxonomies yet. Having that wou <div class="container-fluid bg-mat py-3"> <div class="container-fluid bg-mat py-3" > <!-- Need to define any variable outside the range loop. --> + {{- $thumbnailSize := "" }} + {{- if site.Params.postImages.thumbnail.size }} + {{- $thumbnailSize := site.Params.postImages.thumbnail.size }} + {{- end }} {{- $thumbnailBorders := "" }} + {{- if site.Params.userExperience.postImages.thumbnail.borders }} + {{- $thumbnailBorders = site.Params.userExperience.postImages.thumbnail.borders }} + {{- end }} + <!-- ranges through each of the content files associated with a particular term and renders the summary.html content view --> {{ range (where site.RegularPages "Type" "in" site.Params.mainSections).ByDate.Reverse }} <div class="card mb-3"> <div class="card-body"> - <div class="row"> + <div class="row {{- if eq site.Params.position.thumbnail "right" }} flex-md-row-reverse{{- end -}}"> <div class="col-md-auto my-auto"> {{ if .Params.image.src -}} <img class=" - {{- if .Params.image.thumbnailBorders }} - {{- $thumbnailBorders = .Params.image.thumbnailBorders }} - {{- else if site.Params.userExperience.postImages.thumbnailBorders }} - {{- $thumbnailBorders = site.Params.userExperience.postImages.thumbnailBorders }} + {{- if .Params.image.thumbnail.borders }} + {{- $thumbnailBorders = .Params.image.thumbnail.borders }} + {{- else if $thumbnailBorders }} + {{/* + If site.Params.userExperience.postImages.thumbnail.borders is specified, we wish to use that value. + Go Templates treat the following values as false: + + false (boolean) + 0 (integer) + any zero-length array, slice, map, or string + + As per the if conditional just after declaring $thumbnailBorders, if site.Params.userExperience.postImages.thumbnail.borders is specified, then $thumbnailBorders is not false. + In which case, we don't want the if conditional to continue. + + Also, rather than using site.Params.userExperience.postImages.thumbnail.borders in every range iteration, using it once outside the range loop to give $thumbnailBorders its value, and then using that variable in the range loop, helps reduce build times. + */}} {{- else }} {{- $thumbnailBorders = "rounded-lg" }} {{- end }} @@ -69,17 +89,18 @@ We donno how to have access to a specific page's taxonomies yet. Having that wou " src="{{ .Params.image.src }}" height=" - {{- if .Params.image.thumbnailSize }} - {{- .Params.image.thumbnailSize -}} - {{- else if site.Params.postImages.thumbnailSize }} - {{- site.Params.postImages.thumbnailSize -}} + {{- if .Params.image.thumbnail.size }} + {{- .Params.image.thumbnail.size -}} + {{- else if $thumbnailSize }} + {{- $thumbnailSize -}} {{- else -}} 200px {{- end -}} "{{ if .Params.image.alt }} alt="{{ .Params.image.alt }}"{{ end }}></img> {{- end }} - </div> + </div> <!-- image col-md --> + <div class="col my-auto py-2"> <h2> @@ -196,8 +217,8 @@ We donno how to have access to a specific page's taxonomies yet. Having that wou <a class="font-weight-bold text-reset text-decoration-none" href="{{ .Permalink }}"><nobr>Read more →</nobr></a> </div> - - </div> + + </div> <!-- row --> </div> @@ -205,4 +226,6 @@ We donno how to have access to a specific page's taxonomies yet. Having that wou {{ end }} </div> </div> + {{ end }} + diff --git a/layouts/post/single.html b/layouts/post/single.html index 7e4922a..2474275 100644 --- a/layouts/post/single.html +++ b/layouts/post/single.html @@ -70,7 +70,7 @@ </div> {{ end }} - {{ if and site.Params.social.share (eq site.Params.position.social.share "top") }} + {{ if and site.Params.social.share (ne site.Params.position.social.share "bottom") }} <div class="col-md-auto ml-3 my-auto"> <div class="row"> <div class="col-auto p-0 my-auto"> @@ -122,101 +122,101 @@ </div> {{ if or (and site.Params.social.share (eq site.Params.position.social.share "bottom")) (and site.Params.position.postMeta $postMetaBottom) (and (site.Params.position.postMeta.tags.content) (eq site.Params.position.postMeta.tags.content "bottom")) }} - <div class="pt-4 mt-2 border-top"> - <div class="row"> - {{- if and site.Params.position.postMeta $postMetaBottom }} - <div class="col-md-7 small text-muted post-meta my-1"> - - {{- $wordCount := "" }} - {{- $readingTime := "" }} - {{- $author := "" }} - {{- $lastUpdated := "" }} + <div class="pt-4 mt-2 border-top"> + <div class="row"> + {{- if and site.Params.position.postMeta $postMetaBottom }} + <div class="col-md-7 small text-muted post-meta my-1"> - {{- if and site.Params.position.postMeta.wordCount.content (eq site.Params.position.postMeta.wordCount.content "bottom") }} - {{- $wordCount = print (.WordCount) " words" }} - {{- end }} - {{- if and site.Params.position.postMeta.readingTime.content (eq site.Params.position.postMeta.readingTime.content "bottom") }} - {{- $readingTime = print (lang.NumFmt 0 (div .WordCount 130)) " min read" -}} - {{- end }} - {{- if and site.Params.position.postMeta.author.content (eq site.Params.position.postMeta.author.content "bottom") }} - {{- $author = print "By " (default site.Params.meta.author .Params.author) }} - {{- end }} - {{- if .Lastmod }} - {{- if and site.Params.position.postMeta.lastUpdated.content (eq site.Params.position.postMeta.lastUpdated.content "bottom") }} - {{- $lastUpdated = print "<span class=''>Last updated: " (.Lastmod.Format "January 2, 2006") }}</span> + {{- $wordCount := "" }} + {{- $readingTime := "" }} + {{- $author := "" }} + {{- $lastUpdated := "" }} + + {{- if and site.Params.position.postMeta.wordCount.content (eq site.Params.position.postMeta.wordCount.content "bottom") }} + {{- $wordCount = print (.WordCount) " words" }} {{- end }} - {{- end }} - - {{- $postMetaPre := slice $author $wordCount $readingTime $lastUpdated }} - {{ $postMeta := slice }} - {{ range $postMetaPre }} - {{ if . }} - {{ $postMeta = $postMeta | append . }} + {{- if and site.Params.position.postMeta.readingTime.content (eq site.Params.position.postMeta.readingTime.content "bottom") }} + {{- $readingTime = print (lang.NumFmt 0 (div .WordCount 130)) " min read" -}} + {{- end }} + {{- if and site.Params.position.postMeta.author.content (eq site.Params.position.postMeta.author.content "bottom") }} + {{- $author = print "By " (default site.Params.meta.author .Params.author) }} + {{- end }} + {{- if .Lastmod }} + {{- if and site.Params.position.postMeta.lastUpdated.content (eq site.Params.position.postMeta.lastUpdated.content "bottom") }} + {{- $lastUpdated = print "<span class=''>Last updated: " (.Lastmod.Format "January 2, 2006") }}</span> + {{- end }} + {{- end }} + + {{- $postMetaPre := slice $author $wordCount $readingTime $lastUpdated }} + {{ $postMeta := slice }} + {{ range $postMetaPre }} + {{ if . }} + {{ $postMeta = $postMeta | append . }} + {{ end }} {{ end }} + + {{- delimit $postMeta " · " -}} + + </div> {{ end }} - {{- delimit $postMeta " · " -}} - - </div> - {{ end }} - - {{ if and site.Params.social.share (eq site.Params.position.social.share "bottom") }} - <div class="col-md-auto ml-3 my-1"> - <div class="row"> - <div class="col-auto p-0"> - Share on: - </div> - <div class="col p-0"> - <span class="lead"> - {{ if in site.Params.social.share "facebook" }} - <a href="https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}"e={{ .Title }}" rel="noreferrer nofollow" target="_blank" title="Share on Facebook" aria-label="Share on Facebook"><span class="fab fa-facebook"></span></a> - {{ end }} - {{ if in site.Params.social.share "twitter" }} - <a href="https://twitter.com/intent/tweet?source={{ .Permalink }}&text={{ .Title }}:%0A{{ .Permalink }}" rel="noreferrer nofollow" target="_blank" title="Share on Twitter" aria-label="Share on Twitter"><span class="fab fa-twitter"></span></a> - {{ end }} - {{ if in site.Params.social.share "linkedin" }} - <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ .Permalink }}&title={{ .Title }}&summary={{ .Params.description }}&source={{ site.Title }}" rel="noreferrer nofollow" target="_blank" title="Share on LinkedIn" aria-label="Share on LinkedIn"><span class="fab fa-linkedin"></span></a> - {{ end }} - {{ if in site.Params.social.share "telegram" }} - <a href="https://t.me/share/url?url={{ .Permalink }}&text={{ .Title }}" rel="noreferrer nofollow" target="_blank" title="Share on Telegram" aria-label="Share on Telegram"><span class="fab fa-telegram"></span></a> - {{ end }} - {{ if in site.Params.social.share "whatsapp" }} - <a href="whatsapp://send?text={{ .Permalink }}%0A%0A{{ .Title }}" data-text="{{ .Title }}" data-href="{{ .Permalink }}" rel="noreferrer nofollow" target="_blank" title="Share on Whatsapp" aria-label="Share on Whatsapp"><span class="fab fa-whatsapp"></span></a> - {{ end }} - {{ if in site.Params.social.share "reddit" }} - <a href="https://reddit.com/submit?url={{ .Permalink }}&title={{ .Title }}" rel="noreferrer nofollow" target="_blank" title="Share on Reddit" aria-label="Share on Reddit"><span class="fab fa-reddit"></span></a> - {{ end }} - {{ if in site.Params.social.share "email" }} - <a href="mailto:?subject={{ .Title }}&body={{ .Params.description }}%0A%0A{{ .Permalink }}" target="_blank" title="Share via email" aria-label="Share via email"><span class="fas fa-envelope"></span></a> - {{ end }} - </span> + {{ if and site.Params.social.share (eq site.Params.position.social.share "bottom") }} + <div class="col-md-auto ml-3 my-1"> + <div class="row"> + <div class="col-auto p-0"> + Share on: + </div> + <div class="col p-0"> + <span class="lead"> + {{ if in site.Params.social.share "facebook" }} + <a href="https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}"e={{ .Title }}" rel="noreferrer nofollow" target="_blank" title="Share on Facebook" aria-label="Share on Facebook"><span class="fab fa-facebook"></span></a> + {{ end }} + {{ if in site.Params.social.share "twitter" }} + <a href="https://twitter.com/intent/tweet?source={{ .Permalink }}&text={{ .Title }}:%0A{{ .Permalink }}" rel="noreferrer nofollow" target="_blank" title="Share on Twitter" aria-label="Share on Twitter"><span class="fab fa-twitter"></span></a> + {{ end }} + {{ if in site.Params.social.share "linkedin" }} + <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ .Permalink }}&title={{ .Title }}&summary={{ .Params.description }}&source={{ site.Title }}" rel="noreferrer nofollow" target="_blank" title="Share on LinkedIn" aria-label="Share on LinkedIn"><span class="fab fa-linkedin"></span></a> + {{ end }} + {{ if in site.Params.social.share "telegram" }} + <a href="https://t.me/share/url?url={{ .Permalink }}&text={{ .Title }}" rel="noreferrer nofollow" target="_blank" title="Share on Telegram" aria-label="Share on Telegram"><span class="fab fa-telegram"></span></a> + {{ end }} + {{ if in site.Params.social.share "whatsapp" }} + <a href="whatsapp://send?text={{ .Permalink }}%0A%0A{{ .Title }}" data-text="{{ .Title }}" data-href="{{ .Permalink }}" rel="noreferrer nofollow" target="_blank" title="Share on Whatsapp" aria-label="Share on Whatsapp"><span class="fab fa-whatsapp"></span></a> + {{ end }} + {{ if in site.Params.social.share "reddit" }} + <a href="https://reddit.com/submit?url={{ .Permalink }}&title={{ .Title }}" rel="noreferrer nofollow" target="_blank" title="Share on Reddit" aria-label="Share on Reddit"><span class="fab fa-reddit"></span></a> + {{ end }} + {{ if in site.Params.social.share "email" }} + <a href="mailto:?subject={{ .Title }}&body={{ .Params.description }}%0A%0A{{ .Permalink }}" target="_blank" title="Share via email" aria-label="Share via email"><span class="fas fa-envelope"></span></a> + {{ end }} + </span> + </div> </div> </div> + {{ end }} </div> + + {{ if and (site.Params.position.postMeta.tags.content) (ne site.Params.position.postMeta.tags.content "top") }} + <div class="mt-3"> + {{- range .Params.tags -}} + <a href="/tags/{{ . | urlize }}/"><span class="badge badge-pill bg-clr2 text-nav mr-2 py-2">#{{ . | humanize | upper }}</span></a> + {{- end -}} + </div> {{ end }} + </div> - - {{ if and (site.Params.position.postMeta.tags.content) (eq site.Params.position.postMeta.tags.content "bottom") }} - <div class="mt-3"> - {{- range .Params.tags -}} - <a href="/tags/{{ . | urlize }}/"><span class="badge badge-pill bg-clr2 text-nav mr-2 py-2">#{{ . | humanize | upper }}</span></a> - {{- end -}} - </div> - {{ end }} - - </div> {{ end }} </div> </div> {{ if site.DisqusShortname }} - <div class="my-5"> - {{ if eq hugo.Environment "production" -}} - {{ template "_internal/disqus.html" . }} - {{ else }} - <p class="lead text-center">This is where Disqus comments would appear on production website.</p> - {{ end }} - </div> + <div class="my-5"> + {{ if eq hugo.Environment "production" -}} + {{ template "_internal/disqus.html" . }} + {{ else }} + <p class="lead text-center">This is where Disqus comments would appear on production website.</p> + {{ end }} + </div> {{ end }} </div> |