wip

11 files changed, 641 insertions, 358 deletions

diff --git a/exampleSite/bin/hugo-server-sh b/exampleSite/bin/hugo-server-sh
index 7da57a9..5d7f05d 100644..100755
--- a/exampleSite/bin/hugo-server-sh
+++ b/exampleSite/bin/hugo-server-sh
@@ -1,4 +1,5 @@
 #!/bin/bash
 
 cd $(dirname $0)/..
-hugo server -w --themesDir ../../ --disableFastRender --navigateToChanged 
+# hugo server -w --themesDir ../../ --disableFastRender --navigateToChanged
+hugo server -e example -w --themesDir ../../ --disableFastRender --navigateToChanged
diff --git a/exampleSite/config.minimal.toml b/exampleSite/config.minimal.toml
deleted file mode 100644
index 1c96f9a..0000000
--- a/exampleSite/config.minimal.toml
+++ /dev/null
@@ -1,4 +0,0 @@
-baseURL       = "http://example.com"
-theme         = "hugo-theme-w3css-basic"
-[taxonomies]
-  tag      = "tags"
diff --git a/exampleSite/.config.w3css-basic-exampleSite.toml b/exampleSite/config/.config.w3css-basic-exampleSite.toml
index 06bf26f..06bf26f 100644
--- a/exampleSite/.config.w3css-basic-exampleSite.toml
+++ b/exampleSite/config/.config.w3css-basic-exampleSite.toml
diff --git a/exampleSite/config/_default/config.toml b/exampleSite/config/_default/config.toml
new file mode 100644
index 0000000..cd877c2
--- /dev/null
+++ b/exampleSite/config/_default/config.toml
@@ -0,0 +1,99 @@
+# ##################################################
+baseURL       = "http://example.com"
+theme         = "hugo-theme-w3css-basic"
+
+
+# ##################################################
+[taxonomies]
+  tag      = "tags"
+  category = "categories"
+
+
+# ##################################################
+[menu]
+
+# provide translations in i18n/*.yaml
+[[menu.main]]
+  weight = 1
+  name   = "Home"
+  url    = "/index.html"
+  pre    = "fas fa-home"
+
+[[menu.main]]
+  weight = 2
+  name   = "Contact"
+  url    = "/contact"
+  pre    = "far fa-address-card"
+
+[[menu.main]]
+  weight = 3
+  name   = "Pages"
+  url    = "/pages"
+  pre    = "fas fa-list"
+
+# demo submenu
+[[menu.main]]
+  weight = 4
+  name   = "Theme"
+  pre    = "fas fa-info-circle"
+  identifier = "theme"
+
+[[menu.main]]
+  weight = 1
+  name   = "About"
+  url    = "/pages/hugo-theme-w3css-basic/"
+  pre    = "fas fa-info fa-fw"
+  parent = "theme"
+
+[[menu.main]]
+  weight = 2
+  name   = "Images"
+  url    = "/pages/hugo-theme-w3css-basic/images-taken-from/"
+  pre    = "far fa-images fa-fw"
+  parent = "theme"
+
+[[menu.main]]
+  weight = 3
+  name   = "Showcase"
+  url    = "/pages/showcase/"
+  pre    = "fas fa-eye fa-fw"
+  parent = "theme"
+
+# end submenu
+
+[[menu.main]]
+  weight = 5
+  name   = "Blog"
+  url    = "/blog"
+  pre    = "fas fa-rss"
+
+[[menu.main]]
+  weight = 6
+  name   = "FAQ"
+  url    = "/faq"
+  pre    = "far fa-question-circle"
+
+[[menu.topbar]]
+  weight   = 1
+  name     = "GitHub"
+  url      = "https://github.com/it-gro/hugo-theme-w3css-basic"
+  pre      = "fab fa-github"
+
+[[menu.topbar]]
+  weight   = 2
+  name     = "GitLab"
+  url      = "https://gitlab.com/it-gro"
+  pre      = "fab fa-gitlab"
+
+[[menu.topbar]]
+  weight   = 5
+  name     = "Email"
+  url      = "#address"
+# url      = "mailto:info@example.com"
+  pre      = "fas fa-envelope"
+
+[[menu.topbar]]
+  weight   = 6
+  name     = "Search"
+  url      = "/search"
+  pre      = "fas fa-search"
diff --git a/exampleSite/config/_default/markup.toml b/exampleSite/config/_default/markup.toml
new file mode 100644
index 0000000..85e0404
--- /dev/null
+++ b/exampleSite/config/_default/markup.toml
@@ -0,0 +1,4 @@
+defaultMarkdownHandler = "goldmark"
+[goldmark]
+  [goldmark.renderer]
+    unsafe = true
diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
new file mode 100644
index 0000000..da7b64f
--- /dev/null
+++ b/exampleSite/config/_default/params.toml
@@ -0,0 +1,121 @@
+# ##################################################
+# theme-defined params
+
+  # meta data
+  # ##############################
+
+  # used in layouts/partials/head.meta.html
+  authorName                        = "anonymous"
+  defaultKeywords                   = ["foo", "bar"]
+  defaultDescription                = "example site created with hugo using theme hugo-theme-w3css-basic"
+
+  # multiple lines in toml
+  # https://github.com/toml-lang/toml#user-content-string
+
+  # used in layouts/partials/footer.html
+  # uses markdownify
+  aboutUs   = '''
+Vel illum **dolore** eu
+
+  * feugiat nulla
+  * facilisis at vero.
+
+Nam vestibulum accumsan nisl.
+
+              '''
+
+  address   = '''
+**nobis eleifend**
+**Soluta nobis eleifend**
+illum dolore eu feugiat
+3612 Steffisburg
+consectetuer adipiscing
+
+**Switzerland**
+              '''
+
+  # used in layouts/partials/footer.bottom.html
+  bottomLeft  = "Copyright (c) 2019, *lobortis nisl* ut aliquip ex ea commodo consequat"
+  bottomRight = 'created with [Hugo](https://gohugo.io) '
+
+
+[jumbotrons]
+  enable   = true
+
+[photocards]
+  enable        = true
+
+[features]
+  enable   = true
+
+[recentPosts]
+  footerNumOfPosts = 5
+  enableFront    = true
+  enableFooter   = true
+  title    = "From our Blog"
+  subtitle = '''
+Pellentesque habitant morbi tristique senectus et netus et malesuada
+fames ac.
+             '''
+
+[seeMore]
+  enable    = true
+  linkText  = "consectetuer adipiscing"
+  subtitle  = '''
+Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
+suscipit lobortis nisl ut aliquip ex ea commodo consequat.
+              '''
+
+[testimonials]
+  enable   = true
+  title    = "Testimonials"
+  subtitle = '''
+Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
+labore et dolore magna aliquyam erat, sed diam voluptua.
+             '''
+
+[clients]
+  enable        = true
+  title         = "Our Clients"
+  subtitle      = '''
+Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
+**molestie consequat**, vel illum dolore.
+             '''
+
+[blog]
+  title    = "Blog"
+  icon     = "fas fa-rss"
+  subtitle = '''
+ultricies eget, tempor sit amet, ante
+             '''
+
+[googleApiFonts.family]
+  tagsText        = [ "html", "body", "time" ]
+  tagsHeading     = [ "h1", "h2", "h3", "h4", "h5", "h6" ]
+  tagsMono        = [ "pre", "code", "kbd", "samp", "data" ]
+
+  # these parameter sections must exist, the others are optional
+  fallbackText    = "html"
+  fallbackHeading = "h1"
+  fallbackMono    = "pre"
+
+[googleApiFonts.family.html]
+  sans-serif = "Ubuntu"
+
+[googleApiFonts.family.time]
+  cursive    = "Creepster"
+
+[googleApiFonts.family.h1]
+  sans-serif = "Signika"
+
+[googleApiFonts.family.pre]
+  monospace  = "Ubuntu Mono"
+
+
+[options]
+  jsHistoryNav        = true
+  jsHistoryNavForward = false
+  showNavUp           = true
+  showNavBreadcrump   = true
+  navBreadcrumpTitle  = true
+  navBreadcrumpHome   = false
diff --git a/exampleSite/config/example/config.toml b/exampleSite/config/example/config.toml
new file mode 100644
index 0000000..1b63871
--- /dev/null
+++ b/exampleSite/config/example/config.toml
@@ -0,0 +1,220 @@
+# https://gohugo.io/getting-started/configuration/#toml-configuration
+
+# ##################################################
+# Hugo-defined variables
+baseURL       = "https://example.com"
+
+title         = "hugo-theme-w3css-basic exampleSite"
+theme         = "hugo-theme-w3css-basic"
+languageCode  = "en-us"
+#languageCode  = "de-ch"
+
+# Site language. Available translations in the theme's `/i18n` directory.
+defaultContentLanguage = "en"
+
+#disableFastRender=true
+
+# Enable Emoji emoticons support for page content; see emoji-cheat-sheet.com
+enableEmoji   = true
+
+# the length of text to show in a .Summary
+summaryLength = 70
+
+# Pagination (3,6,9,12, ...)
+paginate =  6
+
+# Enable comments by entering your Disqus shortname
+disqusShortname = "it-gro-github-io-hugo-theme-w3css-basic-github-io"
+
+# https://gohugo.io/content-management/syntax-highlighting/
+pygmentsUseClassic            = false
+pygmentsCodeFences            = true
+pygmentsCodeFencesGuessSyntax = true
+# https://help.farbox.com/pygments.html
+# https://github.com/alecthomas/chroma
+# hugo gen chromastyles --style=autumn        >  syntax.autumn.css
+# ...
+pygmentsUseClasses            = true
+# => static/css/syntax/syntax/syntax.*.css
+# copy one of them to
+# static/css/syntax/syntax.css
+# alternative (if shortcodes/csc*.html are not used):
+# set pygmentsUseClassic to false on choose one of the following:
+#pygmentsStyle = "autumn"
+#pygmentsStyle = "borland"
+#pygmentsStyle = "bw"
+#pygmentsStyle = "colorful"
+#pygmentsStyle = "default"
+#pygmentsStyle = "emacs"
+#pygmentsStyle = "friendly"
+#pygmentsStyle = "fruity"
+#pygmentsStyle = "manni"
+#pygmentsStyle = "monokai"
+#pygmentsStyle = "murphy"
+#pygmentsStyle = "native"
+#pygmentsStyle = "pastie"
+#pygmentsStyle = "perldoc"
+#pygmentsStyle = "rrt"
+#pygmentsStyle = "tango"
+#pygmentsStyle = "trac"
+#pygmentsStyle = "vim"
+#pygmentsStyle = "vs"
+
+
+# Enable Google Analytics by entering your tracking code
+#googleAnalytics = "UA-113314068-2"
+
+
+# RSS Feed
+# Do not build RSS files
+disableRSS = false
+# maximum number of items in the RSS feed
+rssLimit   = 10
+
+[outputs]
+home = [ "HTML", "RSS" ]
+section = [ "HTML", "RSS"]
+
+[imaging]
+# https://gohugo.io/content-management/image-processing/
+# Default resample filter used for resizing. Default is Box,
+# a simple and fast averaging filter appropriate for downscaling.
+# See https://github.com/disintegration/imaging
+resampleFilter = "box"
+
+# Defatult JPEG quality setting. Default is 75.
+quality = 75
+
+# Anchor used when cropping pictures.
+# Default is "smart" which does Smart Cropping, using https://github.com/muesli/smartcrop
+# Smart Cropping is content aware and tries to find the best crop for each image.
+# Valid values are Smart, Center, TopLeft, Top, TopRight, Left, Right, BottomLeft, Bottom, BottomRight
+anchor = "smart"
+
+
+# ##################################################
+# Theme-defined configuration
+
+# ##################################################
+# hugo sections
+
+[taxonomies]
+  tag      = "tags"
+  category = "categories"
+
+[Permalinks]
+  blog = "/blog/:year/:month/:day/:filename/"
+  # blog = "/blog/:year/:month/:title/"
+
+
+# ##################################################
+# Main menu
+[menu]
+
+# provide translations in i18n/*.yaml
+[[menu.main]]
+  weight = 1
+  name   = "Home"
+  url    = "/index.html"
+  pre    = "fas fa-home"
+
+[[menu.main]]
+  weight = 2
+  name   = "Contact"
+  url    = "/contact"
+  pre    = "far fa-address-card"
+
+[[menu.main]]
+  weight = 3
+  name   = "Pages"
+  url    = "/pages"
+  pre    = "fas fa-list"
+
+# demo submenu
+[[menu.main]]
+  weight = 4
+  name   = "Theme"
+  pre    = "fas fa-info-circle"
+  identifier = "theme"
+
+[[menu.main]]
+  weight = 1
+  name   = "About"
+  #url    = "/categories/this-theme/"
+  url    = "/pages/hugo-theme-w3css-basic/"
+  pre    = "fas fa-info fa-fw"
+  parent = "theme"
+
+[[menu.main]]
+  weight = 2
+  name   = "Images"
+  url    = "/pages/hugo-theme-w3css-basic/images-taken-from/"
+  pre    = "far fa-images fa-fw"
+  parent = "theme"
+
+[[menu.main]]
+  weight = 3
+  name   = "Showcase"
+  url    = "/pages/showcase/"
+  pre    = "fas fa-eye fa-fw"
+  parent = "theme"
+
+[[menu.main]]
+  weight = 4
+  name   = "Shortcodes"
+  url    = "/pages/hugo-theme-w3css-basic/page-shortcodes/"
+  pre    = "fas fa-eye fa-fw"
+  parent = "theme"
+
+# end submenu
+
+[[menu.main]]
+  weight = 5
+  name   = "Blog"
+  url    = "/blog"
+  pre    = "fas fa-rss"
+
+[[menu.main]]
+  weight = 6
+  name   = "FAQ"
+  url    = "/faq"
+  pre    = "far fa-question-circle"
+
+
+# right aligned
+[[menu.topbar]]
+  weight   = 1
+  name     = "GitHub"
+  url      = "https://github.com/it-gro/hugo-theme-w3css-basic"
+  pre      = "fab fa-github"
+
+[[menu.topbar]]
+  weight   = 2
+  name     = "GitLab"
+  url      = "https://gitlab.com/it-gro"
+  pre      = "fab fa-gitlab"
+
+#[[menu.topbar]]
+#  weight   = 3
+#  name     = "Facebook"
+#  url      = "http://facebook.com"
+#  pre      = "fab fa-facebook"
+
+#[[menu.topbar]]
+#  weight   = 4
+#  name     = "Twitter"
+#  url      = "http://twitter.com"
+#  pre      = "fab fa-twitter"
+
+[[menu.topbar]]
+  weight   = 5
+  name     = "Email"
+  url      = "#address"
+# url      = "mailto:info@example.com"
+  pre      = "fas fa-envelope"
+
+[[menu.topbar]]
+  weight   = 6
+  name     = "Search"
+  url      = "/search"
+  pre      = "fas fa-search"
diff --git a/exampleSite/config/example/markup.toml b/exampleSite/config/example/markup.toml
new file mode 100644
index 0000000..9ec911a
--- /dev/null
+++ b/exampleSite/config/example/markup.toml
@@ -0,0 +1,49 @@
+defaultMarkdownHandler = "goldmark"
+#defaultMarkdownHandler = "blackfriday"
+
+[blackFriday]
+  angledQuotes = false
+  footnoteAnchorPrefix = ""
+  footnoteReturnLinkContents = ""
+  fractions = true
+  hrefTargetBlank = true
+  latexDashes = true
+  nofollowLinks = false
+  noreferrerLinks = false
+  plainIDAnchors = true
+  skipHTML = false
+  smartDashes = true
+  smartypants = true
+  smartypantsQuotesNBSP = false
+  taskLists = true
+
+[goldmark]
+  [goldmark.extensions]
+    definitionList = true
+    footnote = false
+    linkify = true
+    strikethrough = true
+    table = true
+    taskList = true
+    typographer = false
+  [goldmark.parser]
+    attribute = true
+    autoHeadingID = true
+  [goldmark.renderer]
+    hardWraps = false
+    unsafe = true
+    xHTML = false
+
+[highlight]
+  codeFences = true
+  hl_Lines = ""
+  lineNoStart = 1
+  lineNos = false
+  lineNumbersInTable = true
+  noClasses = true
+  style = "monokai"
+  tabWidth = 4
+
+[tableOfContents]
+  endLevel = 6
+  startLevel = 1
diff --git a/exampleSite/config.toml b/exampleSite/config/example/params.toml
index 49cde82..4aaae26 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config/example/params.toml
@@ -1,221 +1,5 @@
-# https://gohugo.io/getting-started/configuration/#toml-configuration
-
-# ##################################################
-# Hugo-defined variables
-baseURL       = "https://example.com"
-
-title         = "hugo-theme-w3css-basic exampleSite"
-theme         = "hugo-theme-w3css-basic"
-languageCode  = "en-us"
-#languageCode  = "de-ch"
-
-# Site language. Available translations in the theme's `/i18n` directory.
-defaultContentLanguage = "en"
-
-#disableFastRender=true
-
-# Enable Emoji emoticons support for page content; see emoji-cheat-sheet.com
-enableEmoji   = true
-
-# the length of text to show in a .Summary
-summaryLength = 70
-
-# Pagination (3,6,9,12, ...)
-paginate =  6
-
-# Enable comments by entering your Disqus shortname
-disqusShortname = "it-gro-github-io-hugo-theme-w3css-basic-github-io"
-
-# https://gohugo.io/content-management/syntax-highlighting/
-pygmentsUseClassic            = false
-pygmentsCodeFences            = true
-pygmentsCodeFencesGuessSyntax = true
-# https://help.farbox.com/pygments.html
-# https://github.com/alecthomas/chroma
-# hugo gen chromastyles --style=autumn        >  syntax.autumn.css
-# ...
-pygmentsUseClasses            = true
-# => static/css/syntax/syntax/syntax.*.css
-# copy one of them to
-# static/css/syntax/syntax.css
-# alternative (if shortcodes/csc*.html are not used):
-# set pygmentsUseClassic to false on choose one of the following:
-#pygmentsStyle = "autumn"
-#pygmentsStyle = "borland"
-#pygmentsStyle = "bw"
-#pygmentsStyle = "colorful"
-#pygmentsStyle = "default"
-#pygmentsStyle = "emacs"
-#pygmentsStyle = "friendly"
-#pygmentsStyle = "fruity"
-#pygmentsStyle = "manni"
-#pygmentsStyle = "monokai"
-#pygmentsStyle = "murphy"
-#pygmentsStyle = "native"
-#pygmentsStyle = "pastie"
-#pygmentsStyle = "perldoc"
-#pygmentsStyle = "rrt"
-#pygmentsStyle = "tango"
-#pygmentsStyle = "trac"
-#pygmentsStyle = "vim"
-#pygmentsStyle = "vs"
-
-
-# Enable Google Analytics by entering your tracking code
-#googleAnalytics = "UA-113314068-2"
-
-
-# RSS Feed
-# Do not build RSS files
-disableRSS = false
-# maximum number of items in the RSS feed
-rssLimit   = 10
-
-[outputs]
-home = [ "HTML", "RSS" ]
-section = [ "HTML", "RSS"]
-
-[imaging]
-# https://gohugo.io/content-management/image-processing/
-# Default resample filter used for resizing. Default is Box,
-# a simple and fast averaging filter appropriate for downscaling.
-# See https://github.com/disintegration/imaging
-resampleFilter = "box"
-
-# Defatult JPEG quality setting. Default is 75.
-quality = 75
-
-# Anchor used when cropping pictures.
-# Default is "smart" which does Smart Cropping, using https://github.com/muesli/smartcrop
-# Smart Cropping is content aware and tries to find the best crop for each image.
-# Valid values are Smart, Center, TopLeft, Top, TopRight, Left, Right, BottomLeft, Bottom, BottomRight
-anchor = "smart"
-
-
-# ##################################################
-# Theme-defined configuration
-
-# ##################################################
-# hugo sections
-
-[taxonomies]
-  tag      = "tags"
-  category = "categories"
-
-[Permalinks]
-  blog = "/blog/:year/:month/:day/:filename/"
-  # blog = "/blog/:year/:month/:title/"
-
-
-# ##################################################
-# Main menu
-[menu]
-
-# provide translations in i18n/*.yaml
-[[menu.main]]
-  weight = 1
-  name   = "Home"
-  url    = "/index.html"
-  pre    = "fas fa-home"
-
-[[menu.main]]
-  weight = 2
-  name   = "Contact"
-  url    = "/contact"
-  pre    = "far fa-address-card"
-
-[[menu.main]]
-  weight = 3
-  name   = "Pages"
-  url    = "/pages"
-  pre    = "fas fa-list"
-
-# demo submenu
-[[menu.main]]
-  weight = 4
-  name   = "Theme"
-  pre    = "fas fa-info-circle"
-  identifier = "theme"
-
-[[menu.main]]
-  weight = 1
-  name   = "About"
-  #url    = "/categories/this-theme/"
-  url    = "/pages/hugo-theme-w3css-basic/"
-  pre    = "fas fa-info fa-fw"
-  parent = "theme"
-
-[[menu.main]]
-  weight = 2
-  name   = "Images"
-  url    = "/pages/hugo-theme-w3css-basic/images-taken-from/"
-  pre    = "far fa-images fa-fw"
-  parent = "theme"
-
-[[menu.main]]
-  weight = 3
-  name   = "Showcase"
-  url    = "/pages/showcase/"
-  pre    = "fas fa-eye fa-fw"
-  parent = "theme"
-
-# end submenu
-
-[[menu.main]]
-  weight = 5
-  name   = "Blog"
-  url    = "/blog"
-  pre    = "fas fa-rss"
-
-[[menu.main]]
-  weight = 6
-  name   = "FAQ"
-  url    = "/faq"
-  pre    = "far fa-question-circle"
-
-
-# right aligned
-[[menu.topbar]]
-  weight   = 1
-  name     = "GitHub"
-  url      = "https://github.com/it-gro/hugo-theme-w3css-basic"
-  pre      = "fab fa-github"
-
-[[menu.topbar]]
-  weight   = 2
-  name     = "GitLab"
-  url      = "https://gitlab.com/it-gro"
-  pre      = "fab fa-gitlab"
-
-#[[menu.topbar]]
-#  weight   = 3
-#  name     = "Facebook"
-#  url      = "http://facebook.com"
-#  pre      = "fab fa-facebook"
-
-#[[menu.topbar]]
-#  weight   = 4
-#  name     = "Twitter"
-#  url      = "http://twitter.com"
-#  pre      = "fab fa-twitter"
-
-[[menu.topbar]]
-  weight   = 5
-  name     = "Email"
-  url      = "#address"
-# url      = "mailto:info@example.com"
-  pre      = "fas fa-envelope"
-
-[[menu.topbar]]
-  weight   = 6
-  name     = "Search"
-  url      = "/search"
-  pre      = "fas fa-search"
-
-
 # ##################################################
 # theme-defined params
-[params]
 
   # meta data
   # ##############################
@@ -242,11 +26,11 @@ Nam vestibulum accumsan nisl.
               '''
 
   address   = '''
-**nobis eleifend**          
-**Soluta nobis eleifend**   
-illum dolore eu feugiat     
-3612 Steffisburg            
-consectetuer adipiscing     
+**nobis eleifend**
+**Soluta nobis eleifend**
+illum dolore eu feugiat
+3612 Steffisburg
+consectetuer adipiscing
 
 **Switzerland**
               '''
@@ -281,7 +65,7 @@ consectetuer adipiscing
   #w3cssColorTheme = "/vendor/w3css/4/w3-theme-khaki.css"
   #w3cssColorTheme = "/vendor/w3css/4/w3-theme-light-blue.css"
   #w3cssColorTheme = "/vendor/w3css/4/w3-theme-light-green.css"
-  #w3cssColorTheme = "/vendor/w3css/4/w3-theme-lime.css"
+  w3cssColorTheme = "/vendor/w3css/4/w3-theme-lime.css"
   #w3cssColorTheme = "/vendor/w3css/4/w3-theme-orange.css"
   #w3cssColorTheme = "/vendor/w3css/4/w3-theme-pink.css"
   #w3cssColorTheme = "/vendor/w3css/4/w3-theme-purple.css"
@@ -343,7 +127,7 @@ consectetuer adipiscing
   #w3cssColorTheme = "/vendor/w3css/4/color_of_the_year/w3-theme-color-of-year-2018-almost-mauve.css"
   #w3cssColorTheme = "/vendor/w3css/4/color_of_the_year/w3-theme-color-of-year-2018-arcadia.css"
   #w3cssColorTheme = "/vendor/w3css/4/color_of_the_year/w3-theme-color-of-year-2018-blooming-dahlia.css"
-  w3cssColorTheme = "/vendor/w3css/4/color_of_the_year/w3-theme-color-of-year-2018-ceylon-yellow.css"
+  # w3cssColorTheme = "/vendor/w3css/4/color_of_the_year/w3-theme-color-of-year-2018-ceylon-yellow.css"
   #w3cssColorTheme = "/vendor/w3css/4/color_of_the_year/w3-theme-color-of-year-2018-cherry-tomato.css"
   #w3cssColorTheme = "/vendor/w3css/4/color_of_the_year/w3-theme-color-of-year-2018-chili-oil.css"
   #w3cssColorTheme = "/vendor/w3css/4/color_of_the_year/w3-theme-color-of-year-2018-coconut-milk.css"
@@ -510,7 +294,7 @@ consectetuer adipiscing
 
   # used in layouts/partials/head.html
   # use true for https://themes.gohugo.io/hugo-theme-w3css-basic
-  # if fontsUseGoogleApis=true then choose your fonts in [params.googleApiFonts.family.*]  (see below)
+  # if fontsUseGoogleApis=true then choose your fonts in [googleApiFonts.family.*]  (see below)
   fontsUseGoogleApis=true
 
   # Global Site Tag
@@ -540,7 +324,7 @@ consectetuer adipiscing
   # used in layouts/partials/search.google.gcse.html
   googleCustomSearchCX = '002931815551392744433:tnypjyusk2e'
 
-  # for google translate check params.menuTopBar.googleTranslate*
+  # for google translate check menuTopBar.googleTranslate*
 
 
   # teasers
@@ -626,21 +410,21 @@ consectetuer adipiscing
 # theme sections
 # more theme defined params
 
-[params.anchor]
+[anchor]
   # layouts/_default/baseof.html
   enable = true
   icon   = "fas fa-anchor"
   #icon = "fas fa-link"
 
 
-[params.related]
+[related]
   # https://gohugo.io/content-management/related/
   # layouts/partials/main.related.html
   enable        = true
   limitTo       = 5
 
 
-[params.cookieconsent]
+[cookieconsent]
   # https://cookieconsent.insites.com/download/
   # used in layouts/partials/head.cookieconsent.html
   enable           = true
@@ -665,7 +449,7 @@ consectetuer adipiscing
   href             = "https://cookiesandyou.com"
 
 
-[params.favicon]
+[favicon]
   # you may want to use https://realfavicongenerator.net to generate your files
   # used in layouts/partials/head.favicon.html
   # relURL is applied to path
@@ -677,7 +461,7 @@ consectetuer adipiscing
   themeColor             = "#ffffff"
 
 
-[params.marquee]
+[marquee]
   # used in layouts/partials/header.marquee.html
   # enable or disable marquee on frontpage
   enable      = true
@@ -689,7 +473,7 @@ consectetuer adipiscing
   #            '''
 
 
-[params.menuConfig]
+[menuConfig]
   # used in layouts/partials/header.nav.html
   # if set => change menu entry on small displays to lowercase maxChars
   smallDispMenuMaxChars     = 4
@@ -701,7 +485,7 @@ consectetuer adipiscing
   #smallDispMenuCollapseIcon = "fab fa-elementor"
   #smallDispMenuCollapseIcon = "fas fa-align-justify"
 
-[params.menuTopBar]
+[menuTopBar]
   # used in layouts/partials/header.nav.html
   # enable or disable menu.topbar with social icons (right aligned)
   socialEnable              = true
@@ -722,14 +506,14 @@ consectetuer adipiscing
   themeColorSelectorEnable = true
 
 
-[params.jumbotrons]
+[jumbotrons]
   # used in layouts/partials/front.jumbotrons.carousel.html
   # enable or disable jumbotrons on frontpage
   # see some examples in 'exampleSite/data/jumbotron'
   enable   = true
   #enable   = false
 
-[params.photocards]
+[photocards]
   # used in layouts/partials/front.photocards.html
   # enable or disable photocards on frontpage
   # see some examples in 'exampleSite/data/photocards'
@@ -741,7 +525,7 @@ consectetuer adipiscing
   resImgCmd     = "Resize"
   resImgCmdOpt  = "300x"
 
-[params.features]
+[features]
   # used in layouts/partials/front.features.html
   # enable or disable features on frontpage
   # see some examples in 'exampleSite/data/features'
@@ -751,7 +535,7 @@ consectetuer adipiscing
   limitTo  = 6
   animate  = false
 
-[params.recentPosts]
+[recentPosts]
   # used in layouts/partials/footer.html
   footerNumOfPosts = 5
   enableFooter   = true
@@ -763,7 +547,7 @@ Pellentesque habitant morbi tristique senectus et netus et malesuada
 fames ac.
              '''
 
-[params.seeMore]
+[seeMore]
   # used in layouts/partials/front.see_more.html
   # enable or disable see_more on frontpage
   enable    = true
@@ -777,7 +561,7 @@ Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
 suscipit lobortis nisl ut aliquip ex ea commodo consequat.
               '''
 
-[params.testimonials]
+[testimonials]
   # used in layouts/partials/front.testimonials.carousel.html
   # enable or disable testimonials on frontpage
   # see some examples in 'exampleSite/data/testimonials'
@@ -789,7 +573,7 @@ Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
 labore et dolore magna aliquyam erat, sed diam voluptua.
              '''
 
-[params.clients]
+[clients]
   # used in layouts/partials/front.clients.carousel.html
   # enable or disable clients on frontpage
   # see some examples in 'exampleSite/data/clients'
@@ -805,7 +589,7 @@ Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
 **molestie consequat**, vel illum dolore.
              '''
 
-[params.blog]
+[blog]
   # used in layouts/blog/list.html
   title    = "Blog"
   icon     = "fas fa-rss"
@@ -813,7 +597,7 @@ Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
 ultricies eget, tempor sit amet, ante
              '''
 
-[params.googleApiFonts.family]
+[googleApiFonts.family]
   # this section is only relevant if fontsUseGoogleApis=true
 
   # https://www.w3.org/Style/Examples/007/fonts.en.html
@@ -844,22 +628,22 @@ ultricies eget, tempor sit amet, ante
   fallbackHeading = "h1"
   fallbackMono    = "pre"
 
-[params.googleApiFonts.family.html]
+[googleApiFonts.family.html]
   # serif, sans-serif or even cursive
   #sans-serif = "Poppins"
   sans-serif = "Ubuntu"
 
-[params.googleApiFonts.family.time]
+[googleApiFonts.family.time]
   # the html tag time using it's own font. shortcodes html-tag*.html may be useful...
   cursive    = "Creepster"
 
-[params.googleApiFonts.family.h1]
+[googleApiFonts.family.h1]
   # serif, sans-serif or even cursive
   sans-serif = "Signika"
   #sans-serif = "Ubuntu"
   #sans-serif = "Days One"
 
-[params.googleApiFonts.family.pre]
+[googleApiFonts.family.pre]
   # monospace or sans-serif
   #monospace  = "Cousine"
   monospace  = "Ubuntu Mono"
@@ -901,42 +685,42 @@ ultricies eget, tempor sit amet, ante
   # cursive    = "Romanesco"
 
 
-[params.gallery]
+[gallery]
   # used in layouts/shortcodes/heg-gallery.html
   # showFileExtension = true
   # humanizeCaption   = false
 
-[params.resources]
+[resources]
 	# used in layouts/partials/resource.image.html
 	# used in layouts/shortcodes/res-figure.html
 	# used in layouts/shortcodes/res-gallery.html
 	defaultResPagePath	= "resources/images"
 
-[params.resFigure]
+[resFigure]
 	# used in layouts/shortcodes/res-figure.html
-	defaultResPagePath	= "."			 
-	defaultMatch				= "**/*"	 
+	defaultResPagePath	= "."
+	defaultMatch				= "**/*"
 	defaultImgCmd				= "Resize"
 	defaultImgCmdOpt		= "300x"
 	defaultImgCaption		= "%%T"
- 
-[params.resGallery]
+
+[resGallery]
 	# used in layouts/shortcodes/res-gallery.html
-	defaultResPagePath	= "resources/images" 
-	defaultMatch				= "**/*"		 
-	defaulImgCmd				= "Resize"	 
-	defaulImgCmdOpt			= "800x"		 
-	defaulThumbCmd			= "Fit"			 
-	defaultThumbCmdOpt	= "120x120"	 
-	defaultCaptionLong	= "%%F"			 
-	defaultCaptionShort = "%%N"			 
-
-  #defaulThumbCmd     = "Resize"       
-  #defaultThumbCmdOpt = "100x100"  
-  #defaulThumbCmd     = "Fill"       
-  #defaultThumbCmdOpt = "120x120"  
-
-[params.options]
+	defaultResPagePath	= "resources/images"
+	defaultMatch				= "**/*"
+	defaulImgCmd				= "Resize"
+	defaulImgCmdOpt			= "800x"
+	defaulThumbCmd			= "Fit"
+	defaultThumbCmdOpt	= "120x120"
+	defaultCaptionLong	= "%%F"
+	defaultCaptionShort = "%%N"
+
+  #defaulThumbCmd     = "Resize"
+  #defaultThumbCmdOpt = "100x100"
+  #defaulThumbCmd     = "Fill"
+  #defaultThumbCmdOpt = "120x120"
+
+[options]
 	# used in layouts/partials/main.headline.nav-right.html
   jsHistoryNav        = true
   jsHistoryNavForward = false
@@ -946,21 +730,10 @@ ultricies eget, tempor sit amet, ante
   navBreadcrumpTitle  = true
   navBreadcrumpHome   = false
 
-[params.taxonomies]
+[taxonomies]
 	# used in layouts/partials/main.taxonomy.full.bar.html
 	# fullBarMinItemsTag			= 3
 	# fullBarMinItemsCategory = 3
 
 # ##################################################
 # other sections
-
-
-[blackfriday]
-  hrefTargetBlank = true
-  # extensions = ["noEmptyLineBeforeBlock"]
-  # extensions = ["hardLineBreak"]
-  # https://gohugo.io/getting-started/configuration/#blackfriday-options
-  # https://gohugo.io/getting-started/configuration/#blackfriday-extensions
-  # https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
-  # http://commonmark.org/
-  # http://spec.commonmark.org/0.28/
diff --git a/exampleSite/content/pages/hugo-theme-w3css-basic/page-shortcodes/index.md b/exampleSite/content/pages/hugo-theme-w3css-basic/page-shortcodes/index.md
index 4ab9566..a5ab5a0 100644
--- a/exampleSite/content/pages/hugo-theme-w3css-basic/page-shortcodes/index.md
+++ b/exampleSite/content/pages/hugo-theme-w3css-basic/page-shortcodes/index.md
@@ -15,7 +15,7 @@ resources:
     params:
       origin:      pixabay.com
       originlink:  https://pixabay.com
-      license:     Creative Commons CC0 
+      license:     Creative Commons CC0
       licenselink: "https://pixabay.com/en/service/terms/#usage"
       caption:     "%%I%%n%%B%%n%%O%%n%%L"
 ---
@@ -39,22 +39,21 @@ and list templates and basic content files.
 
 * Inspired by http://getbootstrap.com/docs/4.0/components/alerts/ and https://www.w3schools.com/w3css/w3css_panels.asp
 
-Configuration is in `config.toml`:
+Configuration is in `params.toml`:
 
 ```toml
-[params]
-  colorAlertPrimary                     = "w3-purple"
-  colorAlertSecondary                   = "w3-aqua"
-  colorAlertSuccess                     = "w3-light-green"
-  colorAlertInfo                        = "w3-light-blue"
-  colorAlertWarning                     = "w3-yellow"
-  colorAlertDanger                      = "w3-red"
-  colorAlertDark                        = "w3-dark-grey"
-  colorAlertLight                       = "w3-grey"
+colorAlertPrimary                     = "w3-purple"
+colorAlertSecondary                   = "w3-aqua"
+colorAlertSuccess                     = "w3-light-green"
+colorAlertInfo                        = "w3-light-blue"
+colorAlertWarning                     = "w3-yellow"
+colorAlertDanger                      = "w3-red"
+colorAlertDark                        = "w3-dark-grey"
+colorAlertLight                       = "w3-grey"
 ```
 
 {{< highlight nolang >}}
-{{</* alert type="primary" intro="Primary Alert"   >}}This is a primary alert—check it out! {{< /alert >}}
+{{</* alert type="primary"   intro="Primary Alert"   >}}This is a primary alert—check it out!   {{< /alert >}}
 {{< alert type="secondary" intro="Secondary Alert" >}}This is a secondary alert—check it out! {{< /alert >}}
 {{< alert type="success"   intro="Success Alert"   >}}This is a success alert—check it out!   {{< /alert >}}
 {{< alert type="info"      intro="Info Alert"      >}}This is a info alert—check it out!      {{< /alert >}}
@@ -170,7 +169,7 @@ No need for type="info", since this is the default
 renders as
 
 {{% w3-notice-icon type="info" heading="Show Info" %}}
-No need for type="info", since this is the default   
+No need for type="info", since this is the default
 {{% /w3-notice-icon %}}
 
 
@@ -217,7 +216,7 @@ renders as
 
 {{< highlight nolang >}}
 {{%/* w3-notice-icon type="danger" heading="Careful" %}}
-Watch out 
+Watch out
 {{% /w3-notice-icon */%}}
 {{< /highlight >}}
 
@@ -412,7 +411,7 @@ pre.w3-code, span.w3-codespan{
 }
 
 pre.w3-code, pre.chroma {
-    border-radius:4px;  
+    border-radius:4px;
     padding: 0 3px 0 3px;
     border: 1px solid;
     overflow: auto;
@@ -463,7 +462,7 @@ pre.w3-code, span.w3-codespan{
 }
 
 pre.w3-code, pre.chroma {
-    border-radius:4px;  
+    border-radius:4px;
     padding: 0 3px 0 3px;
     border: 1px solid;
     overflow: auto;
@@ -515,7 +514,7 @@ You may give a class name {{</* csc k >}}cool code{{< /csc */>}}.
 
 renders as
 
-You may give a class name {{< csc k >}}cool code{{< /csc >}}. 
+You may give a class name {{< csc k >}}cool code{{< /csc >}}.
 
 
 Background style for csc is in `static/css/w3css-basic.css`:
@@ -703,34 +702,34 @@ pre.terminal-out {
 
 Argument | Position -1 | Default           | What           | Remark
 ---------|-------------|-------------------|----------------|-------
-path     | 0           | "."               | path to resource page | 
-match    | 1           | **                | glob           | 
+path     | 0           | "."               | path to resource page |
+match    | 1           | **                | glob           |
 label    | 2           | Attachments       | label          | piped into i18n
-icon     | 3           | fas fa-paperclip  | label icon     | 
+icon     | 3           | fas fa-paperclip  | label icon     |
 
 
 ### res-figure
 
-* See https://gohugo.io/content-management/image-processing/   
+* See https://gohugo.io/content-management/image-processing/
   inspired by layouts/shortcodes/imgproc.html
 * See [Hugo image processing (res-figure)]({{< relref "image-processing-with-hugo" >}}) for more information
 
 {{< w3-code >}}
-{{</* res-figure "." "img/pixabay.com/penguin-21*" />}} 
-{{< res-figure "." "img/pixabay.com/penguin-21*" "Fit"  "200x200" />}} 
-{{< res-figure "." "img/pixabay.com/penguin-21*" "Fill" "200x200" /*/>}} 
+{{</* res-figure "." "img/pixabay.com/penguin-21*" />}}
+{{< res-figure "." "img/pixabay.com/penguin-21*" "Fit"  "200x200" />}}
+{{< res-figure "." "img/pixabay.com/penguin-21*" "Fill" "200x200" /*/>}}
 {{< /w3-code >}}
 
-{{< res-figure "." "img/pixabay.com/penguin-21*" />}} 
-{{< res-figure "." "img/pixabay.com/penguin-21*" "Fit"  "200x200" />}} 
-{{< res-figure "." "img/pixabay.com/penguin-21*" "Fill" "200x200" />}} 
+{{< res-figure "." "img/pixabay.com/penguin-21*" />}}
+{{< res-figure "." "img/pixabay.com/penguin-21*" "Fit"  "200x200" />}}
+{{< res-figure "." "img/pixabay.com/penguin-21*" "Fill" "200x200" />}}
 
 ```yaml
 resources:
   - src:           img/pixabay/*.jpg
     params:
       origin:      pixabay.com
-      license:     Creative Commons CC0 
+      license:     Creative Commons CC0
       licenselink: https://pixabay.com/en/service/terms/#usage
       caption:     "%%I%%n%%B%%n%%O"
   - src:           img/pixabay/penguin-2104173_1920.jpg
@@ -740,7 +739,7 @@ resources:
       attrlink:    https://pixabay.com/en/users/frankenstein-2135887/
       imgcmd:      Resize
       imgopt:      400x
-      
+
 ```
 
 #### Parameters
@@ -777,13 +776,13 @@ Code | What
 
 {{< highlight nolan >}}
 {{</* res-gallery-load-photoswipe >}}
-{{< res-gallery match="teaserpics/gohugo.io/*" */>}} 
+{{< res-gallery match="teaserpics/gohugo.io/*" */>}}
 {{< /highlight >}}
 
 renders as
 
 {{< res-gallery-load-photoswipe >}}
-{{< res-gallery match="teaserpics/gohugo.io/*" >}} 
+{{< res-gallery match="teaserpics/gohugo.io/*" >}}
 
 #### Parameters
 
@@ -791,17 +790,17 @@ renders as
 
 Argument          | Default           | What                   | Remark
 ------------------|-------------------|------------------------|-------
-path              | resources/images  | path to resource page  | use . for current 
-match             | \*\*/*            | for .Match             | 
-imgCmd            | Resize            |                        | 
-imgOpt            | 800x              |                        | 
-thumbCmd          | Fit               | create thumb           | 
-thumbOpt          | 120x120           | thumb size             | 
-capLng            | `%%F`             | image caption          | 
-capSrt            | `%%N`             | thumb caption          | 
+path              | resources/images  | path to resource page  | use . for current
+match             | \*\*/*            | for .Match             |
+imgCmd            | Resize            |                        |
+imgOpt            | 800x              |                        |
+thumbCmd          | Fit               | create thumb           |
+thumbOpt          | 120x120           | thumb size             |
+capLng            | `%%F`             | image caption          |
+capSrt            | `%%N`             | thumb caption          |
 caption-position  | center            |                        | none top center bottom  (none => hide for thumbs)
 caption-effect    | appear            |                        | none fade appear slide  (none => always visible)
-hover-effect      | zoom              |                        | none grow shrink slidedown slideup zoom 
+hover-effect      | zoom              |                        | none grow shrink slidedown slideup zoom
 hover-transition  |                   |                        | (empty or) none  (none => hard transition)
 
 
@@ -811,25 +810,25 @@ hover-transition  |                   |                        | (empty or) none
 Front Matter Param  | What              | Remark
 --------------------|-------------------|---------
 Title               |                   |
-attrBy              | attribution names | 
-attrLink            | attribution link  | 
-caption             | see below         | 
-captionLong         | same as caption   | caption for image 
+attrBy              | attribution names |
+attrLink            | attribution link  |
+caption             | see below         |
+captionLong         | same as caption   | caption for image
 captionShort        |                   | caption for thumb
-imgCmd              |                   | 
-imgOpt              |                   | 
-license             |                   | 
-licenseAbrv         |                   | 
-licenseLink         |                   | 
-licenseLink         |                   | 
-origin              |                   | 
-originLink          |                   | 
-thumbCmd            |                   | 
-thumbOpt            |                   | 
+imgCmd              |                   |
+imgOpt              |                   |
+license             |                   |
+licenseAbrv         |                   |
+licenseLink         |                   |
+licenseLink         |                   |
+origin              |                   |
+originLink          |                   |
+thumbCmd            |                   |
+thumbOpt            |                   |
 
 ```yaml
   - src:           "**/pixabay.com/*"
-    params:          
+    params:
       origin:       pixabay.com
       license:      Creative Commons CC0
       licenseAbrv:  CC0 1.0
@@ -864,20 +863,20 @@ Code | What
 ## heg-gallery
 
 * kind of obsoleted by [res-gallery](#res-gallery)
-* taken from  
-  https://github.com/liwenyip/hugo-easy-gallery/  
-  https://www.liwen.id.au/heg/  
+* taken from
+  https://github.com/liwenyip/hugo-easy-gallery/
+  https://www.liwen.id.au/heg/
 
 {{< highlight nolan >}}
 {{</* heg-load-photoswipe */>}}
-{{</* heg-gallery dir="/images/teaserpics/gohugo.io"   caption-effect="none" hover-effect="grow" /*/>}} 
+{{</* heg-gallery dir="/images/teaserpics/gohugo.io"   caption-effect="none" hover-effect="grow" /*/>}}
 {{< /highlight >}}
 
 renders as
 
 {{< heg-load-photoswipe >}}
 
-{{< heg-gallery dir="/images/teaserpics/gohugo.io"   caption-effect="none" hover-effect="grow" />}} 
+{{< heg-gallery dir="/images/teaserpics/gohugo.io"   caption-effect="none" hover-effect="grow" />}}
 
 
 ### Style
@@ -888,11 +887,11 @@ Defined in:
 {{< highlight css >}}
 /* -------------------------------------------------- */
 /* hugo-easy-gallery */
-.gallery figcaption, 
+.gallery figcaption,
 .fancy-figure figcaption {
   background: #000;
   color: #FFF;
-  font-size: 85%; 
+  font-size: 85%;
   background: rgba(0, 0, 0, 0.5);
   opacity: 0.9;
 }
@@ -911,7 +910,7 @@ Defined in:
   float: left;
   position: relative;
   width: 100%;
-  padding-bottom: 100%; 
+  padding-bottom: 100%;
 }
 
 @media only screen and (min-width : 365px) {
@@ -924,7 +923,7 @@ Defined in:
 @media only screen and (min-width : 480px) {
   .gallery .box {
     width: 33.3%;
-    padding-bottom: 33.3%; 
+    padding-bottom: 33.3%;
   }
 }
 
@@ -956,7 +955,7 @@ Defined in:
 * kind of obsoleted by [res-figure](#res-figure)
 * See for original doc: https://www.liwen.id.au/heg/
 * heg-figure improves the usage of `caption="" title="" attr="" attrlink=""`
-* for this demo I set caption-effect=**"none"** 
+* for this demo I set caption-effect=**"none"**
 * Inspired by https://stackoverflow.com/questions/21483356/how-to-mark-the-copyright-of-an-image-in-html
 
 ### with Thumbs
@@ -1135,13 +1134,13 @@ foo | bar
 
 {{< highlight nolang >}}
 {{</* classify "w3-green" "span" >}}
-**foo** bar   
+**foo** bar
 24 42
 {{< /classify */>}}
 {{< /highlight >}}
 
 {{< classify "w3-green" "span" >}}
-**foo** bar   
+**foo** bar
 24 42
 {{< /classify >}}
 
@@ -1172,6 +1171,23 @@ kbd {
 {{< /highlight >}}
 
 
+## highlightfile
+
+
+| Argument | Default       | What                                          | Remark                                                                                          |
+|----------|:--------------|:----------------------------------------------|:------------------------------------------------------------------------------------------------|
+| file     |               | the file                                      | starting in /static                                                                             |
+| language | python        | optional: language                            | see [list-of-chroma-highlighting-languages](https://gohugo.io/content-management/syntax-highlighting/#list-of-chroma-highlighting-languages) |
+| opt      | linenos=table | optional: options for hugo highlight shortcut | see [highlighting-in-code-fences)](https://gohugo.io/content-management/syntax-highlighting/#highlighting-in-code-fences)       |
+
+
+{{< highlight nolan >}}
+{{</* highlightfile file="/static/src/demo-hugo-server.sh" */>}}
+{{< /highlight >}}
+
+renders as
+
+{{< highlightfile file="/static/src/demo-hugo-server.sh">}}
 
 ## readfile
 
@@ -1179,9 +1195,9 @@ kbd {
 * reads a file (or directory) and optionally renders ist using markdownify or highlight
 
 Argument | Position -1 | Default | What             | Remark
----------|-------------|---------|------------------|-------
+---------|-------------|---------|:-----------------|:------
 file     | 0           | .       | a file (or dir)  | . or ending in /. => directory
-md       | 1           |         | markdownify      | if "true" => process using markdownify 
+md       | 1           |         | markdownify      | if "true" => process using markdownify
 hll      | 2           | md      | highlight lang   | see [list-of-chroma-highlighting-languages](https://gohugo.io/content-management/syntax-highlighting/#list-of-chroma-highlighting-languages)
 
 {{< w3-code >}}
@@ -1318,8 +1334,8 @@ See more here: {{< liti "Vestibulum" "in" "" "ul" >}}
 
 Argument | Position -1 | Default | What             | Remark
 ---------|-------------|---------|------------------|-------
-tax      | 0           | tags    | taxonomy         | 
-term     | 1           | *       | taxonomyterm     | 
+tax      | 0           | tags    | taxonomy         |
+term     | 1           | *       | taxonomyterm     |
 ofm      | 2           | .Title  |                  | (OutputFormat) .Kind .RelPermalink .Title
 
 
@@ -1354,7 +1370,7 @@ ToDo: See more here: {{</* litt "categories" "Golang" ".RelPermalink" */>}}
 Argument | Position -1 | Default | What             | Remark
 ---------|-------------|---------|------------------|-------
 tax      | 0           | tags    | string to search | in the taxonomy
-term     | 1           | *       | string to search | in the taxonomy term 
+term     | 1           | *       | string to search | in the taxonomy term
 title    | 2           | *       | string to search | in the title
 op       | 3           | eq      | en|in            | (Operator) *eq* or *in* search
 om       | 4           | t       | t,p              | (OutputMode) *t*axonomyterm *p*age
@@ -1422,7 +1438,7 @@ as well
 {{< /cscb >}}
 
 {{< hc >}}
-this is 
+this is
 a comment
 {{< /hc >}}
 
@@ -1438,4 +1454,3 @@ more 2
 line 1
 line 2
 {{< /hc >}}
-
diff --git a/exampleSite/static/src/demo-hugo-server.sh b/exampleSite/static/src/demo-hugo-server.sh
new file mode 100755
index 0000000..5d7f05d
--- /dev/null
+++ b/exampleSite/static/src/demo-hugo-server.sh
@@ -0,0 +1,5 @@
+#!/bin/bash
+
+cd $(dirname $0)/..
+# hugo server -w --themesDir ../../ --disableFastRender --navigateToChanged
+hugo server -e example -w --themesDir ../../ --disableFastRender --navigateToChanged