wip

17 files changed, 736 insertions, 420 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
diff --git a/layouts/partials/front.recent_posts.html b/layouts/partials/front.recent_posts.html
index 61c331d..c154c90 100644
--- a/layouts/partials/front.recent_posts.html
+++ b/layouts/partials/front.recent_posts.html
@@ -17,6 +17,7 @@
       {{- if or $.Site.Params.debug (findRE `\bhtml-comment\b` $.Site.Params.traceFlags) }}
         {{ `<!-- range first 3 .Site.RegularPages "Section" "blog" -->` | safeHTML }}
       {{- end}}
+      {{/*- range $index, $element := first (default 3 ($.Site.Params.recentPosts.recentNumOfPosts)) (where .Site.RegularPages `Section` `blog`) */}}
       {{- range $index, $element := first 3 (where .Site.RegularPages `Section` `blog`) }}
 
       <div class="w3-third">
diff --git a/layouts/partials/head.stylesheets.html b/layouts/partials/head.stylesheets.html
index 591dd78..5448eed 100644
--- a/layouts/partials/head.stylesheets.html
+++ b/layouts/partials/head.stylesheets.html
@@ -20,7 +20,7 @@
 <!-- <link rel="stylesheet" href='{{ relURL `css/syntax.css`       }}{{ if $assetBusting }}?{{ now.Unix }}{{ end }}' /> -->
 <!-- <link rel="stylesheet" href='{{ relURL `css/syntax.min.css`   }}{{ if $assetBusting }}?{{ now.Unix }}{{ end }}' /> -->
 <link href="{{ .Site.BaseURL }}{{- with .Site.Params.syntaxStyle}}/css/syntax/syntax.{{.}}.css{{else}}/css/syntax.css{{end}}{{ if $assetBusting }}?{{ now.Unix }}{{ end }}" rel="stylesheet"> {{/* Highlight */}}
-<link rel="stylesheet" href='{{ relURL `css/w3css-basic.min.css`  }}{{ if $assetBusting }}?{{ now.Unix }}{{ end }}' />
+<link rel="stylesheet" href='{{ relURL `css/w3css-basic.css`    }}{{ if $assetBusting }}?{{ now.Unix }}{{ end }}' />
 <link rel="stylesheet" href='{{ relURL `css/res-gallery.min.css`  }}{{ if $assetBusting }}?{{ now.Unix }}{{ end }}' />
 
 <link rel="stylesheet" href='{{ relURL `css/custom.css`           }}{{ if $assetBusting }}?{{ now.Unix }}{{ end }}' />
diff --git a/static/css/res-gallery.min.css b/static/css/res-gallery.min.css
deleted file mode 100644
index 71977d4..0000000
--- a/static/css/res-gallery.min.css
+++ /dev/null
@@ -1,2 +0,0 @@
-.res-gallery{overflow:hidden;margin:10px}.res-gallery-box{position:relative;float:left;padding-bottom:0;margin:5px}.res-gallery-box figure{margin:0}.res-gallery.hover-transition figure,.res-gallery.hover-effect-zoom,.res-gallery:not(.caption-effect-appear) figcaption{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.res-gallery.hover-effect-grow figure:hover{transform:scale(1.05)}.res-gallery.hover-effect-shrink figure:hover{transform:scale(0.95)}.res-gallery.hover-effect-slidedown figure:hover{transform:translateY(5px)}.res-gallery.hover-effect-slideup figure:hover{transform:translateY(-5px)}.res-gallery.hover-effect-zoom figure:hover{transform:scale(1.05)}.res-gallery img{display:block;position:relative;z-index:3;max-width:100%;height:auto;margin:0 auto;left:0;right:0}.res-gallery-figcaption{position:absolute;z-index:4;width:100%;color:#FFF;text-align:center;font-size:75%;background:rgba(90,90,90,0.6);opacity:1;cursor:pointer}
-.res-gallery.caption-position-none figcaption{visibility:hidden;bottom:0;padding:1px}.res-gallery.caption-position-top figcaption{top:0;padding:1px}.res-gallery.caption-position-center figcaption{top:30%;padding:1px}.res-gallery.caption-position-bottom figcaption{bottom:0;padding:1px}.res-gallery.caption-effect-fade figure:not(:hover) figcaption,.res-gallery.caption-effect-appear figure:not(:hover) figcaption{background:rgba(0,0,0,0);opacity:0}.res-gallery.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption{visibility:hidden}.res-gallery.caption-effect-slide.caption-position-center figure:not(:hover) figcaption{visibility:hidden;top:100%}
\ No newline at end of file
diff --git a/static/css/syntax.min.css b/static/css/syntax.min.css
deleted file mode 100644
index 9993174..0000000
--- a/static/css/syntax.min.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.chroma{background-color:#f8f8f8}.chroma .lntd{;vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{;border-spacing:0;padding:0;margin:0;border:0;width:100%;overflow:auto;display:block}.chroma .hl{background-color:#ffc;display:block;width:100%}.chroma .lnt{;margin-right:.4em;padding:0 .4em 0 .4em;display:block}.chroma .ln{;margin-right:.4em;padding:0 .4em 0 .4em}.chroma .k{color:#a2f;font-weight:bold}.chroma .kc{color:#a2f;font-weight:bold}.chroma .kd{color:#a2f;font-weight:bold}.chroma .kn{color:#a2f;font-weight:bold}.chroma .kp{color:#a2f}.chroma .kr{color:#a2f;font-weight:bold}.chroma .kt{color:#0b0;font-weight:bold}.chroma .na{color:#b44}.chroma .nb{color:#a2f}.chroma .nc{color:#00f}.chroma .no{color:#800}.chroma .nd{color:#a2f}.chroma .ni{color:#999;font-weight:bold}.chroma .ne{color:#d2413a;font-weight:bold}.chroma .nf{color:#00a000}.chroma .nl{color:#a0a000}.chroma .nn{color:#00f;font-weight:bold}.chroma .nt{color:#008000;font-weight:bold}.chroma .nv{color:#b8860b}.chroma .s{color:#b44}.chroma .sa{color:#b44}
-.chroma .sb{color:#b44}.chroma .sc{color:#b44}.chroma .dl{color:#b44}.chroma .sd{color:#b44;font-style:italic}.chroma .s2{color:#b44}.chroma .se{color:#b62;font-weight:bold}.chroma .sh{color:#b44}.chroma .si{color:#b68;font-weight:bold}.chroma .sx{color:#008000}.chroma .sr{color:#b68}.chroma .s1{color:#b44}.chroma .ss{color:#b8860b}.chroma .m{color:#666}.chroma .mb{color:#666}.chroma .mf{color:#666}.chroma .mh{color:#666}.chroma .mi{color:#666}.chroma .il{color:#666}.chroma .mo{color:#666}.chroma .o{color:#666}.chroma .ow{color:#a2f;font-weight:bold}.chroma .c{color:#080;font-style:italic}.chroma .ch{color:#080;font-style:italic}.chroma .cm{color:#080;font-style:italic}.chroma .c1{color:#080;font-style:italic}.chroma .cs{color:#080;font-weight:bold}.chroma .cp{color:#080}.chroma .cpf{color:#080}.chroma .gd{color:#a00000}.chroma .ge{font-style:italic}.chroma .gr{color:red}.chroma .gh{color:navy;font-weight:bold}.chroma .gi{color:#00a000}.chroma .go{color:#888}.chroma .gp{color:navy;font-weight:bold}.chroma .gs{font-weight:bold}
-.chroma .gu{color:purple;font-weight:bold}.chroma .gt{color:#04d}.chroma .w{color:#bbb}
\ No newline at end of file
diff --git a/static/css/w3css-basic.css b/static/css/w3css-basic.css
index d9eca0f..f959603 100644
--- a/static/css/w3css-basic.css
+++ b/static/css/w3css-basic.css
@@ -1,5 +1,5 @@
  /*
-    hugo-theme-w3css-basic styles
+  hugo-theme-w3css-basic styles
 */
 
 /* -------------------------------------------------- */
@@ -15,7 +15,7 @@ https://www.w3schools.com/cssref/pr_class_clear.asp
 */
 
 .clearfix{
-    clear:both
+  clear:both
 }
 
 a.no-decoration {
@@ -23,8 +23,8 @@ a.no-decoration {
 }
 
 img {
-    max-width: 100%;
-    height: auto;
+  max-width: 100%;
+  height: auto;
 }
 
 .headline-button {
@@ -133,60 +133,60 @@ th:first-child,td:first-child{padding-left:8px}
 
 /* https://www.w3schools.com/cssref/css3_pr_animation-duration.asp */
 .photocards-animated {
-          animation-iteration-count: 1;
+      animation-iteration-count: 1;
   -webkit-animation-iteration-count: 1;
 
-          animation-duration: 0.8s;
+      animation-duration: 0.8s;
   -webkit-animation-duration: 0.8s;
 }
 
 .photocards-animated0 {
-          animation-delay:    0s;
+      animation-delay:    0s;
   -webkit-animation-delay:    0s;
 }
 
 .photocards-animated1 {
-          animation-delay:    0.5s;
+      animation-delay:    0.5s;
   -webkit-animation-delay:    0.5s;
 }
 
 .photocards-animated2 {
-          animation-delay:    1s;
+      animation-delay:    1s;
   -webkit-animation-delay:    1s;
 }
 
 .photocards-animated3 {
-          animation-delay:    1.5s;
+      animation-delay:    1.5s;
   -webkit-animation-delay:    1.5s;
 }
 
 .photocards-animated4 {
-          animation-delay:    2s;
+      animation-delay:    2s;
   -webkit-animation-delay:    2s;
 }
 
 .photocards-animated5 {
-          animation-delay:    2.5s;
+      animation-delay:    2.5s;
   -webkit-animation-delay:    2.5s;
 }
 
 .photocards-animated6 {
-          animation-delay:    3s;
+      animation-delay:    3s;
   -webkit-animation-delay:    3s;
 }
 
 .photocards-animated7 {
-          animation-delay:    3.5s;
+      animation-delay:    3.5s;
   -webkit-animation-delay:    3.5s;
 }
 
 .photocards-animated8 {
-          animation-delay:    4s;
+      animation-delay:    4s;
   -webkit-animation-delay:    4s;
 }
 
 .photocards-animated9 {
-          animation-delay:   4.5s;
+      animation-delay:   4.5s;
   -webkit-animation-delay:   4.5s;
 }
 
@@ -196,60 +196,60 @@ th:first-child,td:first-child{padding-left:8px}
 
 /* https://www.w3schools.com/cssref/css3_pr_animation-duration.asp */
 .features-animated {
-          animation-iteration-count: 1;
+      animation-iteration-count: 1;
   -webkit-animation-iteration-count: 1;
 
-          animation-duration: 0.8s;
+      animation-duration: 0.8s;
   -webkit-animation-duration: 0.8s;
 }
 
 .features-animated0 {
-          animation-delay:    0s;
+      animation-delay:    0s;
   -webkit-animation-delay:    0s;
 }
 
 .features-animated1 {
-          animation-delay:    0.5s;
+      animation-delay:    0.5s;
   -webkit-animation-delay:    0.5s;
 }
 
 .features-animated2 {
-          animation-delay:    1s;
+      animation-delay:    1s;
   -webkit-animation-delay:    1s;
 }
 
 .features-animated3 {
-          animation-delay:    1.5s;
+      animation-delay:    1.5s;
   -webkit-animation-delay:    1.5s;
 }
 
 .features-animated4 {
-          animation-delay:    2s;
+      animation-delay:    2s;
   -webkit-animation-delay:    2s;
 }
 
 .features-animated5 {
-          animation-delay:    2.5s;
+      animation-delay:    2.5s;
   -webkit-animation-delay:    2.5s;
 }
 
 .features-animated6 {
-          animation-delay:    3s;
+      animation-delay:    3s;
   -webkit-animation-delay:    3s;
 }
 
 .features-animated7 {
-          animation-delay:    3.5s;
+      animation-delay:    3.5s;
   -webkit-animation-delay:    3.5s;
 }
 
 .features-animated8 {
-          animation-delay:    4s;
+      animation-delay:    4s;
   -webkit-animation-delay:    4s;
 }
 
 .features-animated9 {
-          animation-delay:   4.5s;
+      animation-delay:   4.5s;
   -webkit-animation-delay:   4.5s;
 }
 
@@ -333,7 +333,7 @@ th:first-child,td:first-child{padding-left:8px}
 /* -------------------------------------------------- */
 /* hugo-easy-gallery */
 figure img {
-    max-width: 100%;
+  max-width: 100%;
 }
 
 .fancy-figure.caption-position-bottom figcaption {
@@ -379,36 +379,36 @@ figure figcaption a {
 
 @media only screen and (min-width : 365px) {
   .gallery .box {
-    width: 50%;
-    padding-bottom: 50%;
+  width: 50%;
+  padding-bottom: 50%;
   }
 }
 
 @media only screen and (min-width : 480px) {
   .gallery .box {
-    width: 33.3%;
-    padding-bottom: 33.3%; /*  */
+  width: 33.3%;
+  padding-bottom: 33.3%; /*  */
   }
 }
 
 @media only screen and (min-width : 760px) {
   .gallery .box {
-    width: 25%;
-    padding-bottom: 25%;
+  width: 25%;
+  padding-bottom: 25%;
   }
 }
 
 @media only screen and (min-width : 1024px) {
   .gallery .box {
-    width: 20%;
-    padding-bottom: 20%;
+  width: 20%;
+  padding-bottom: 20%;
   }
 }
 
 @media only screen and (min-width : 1280px) {
   .gallery .box {
-    width: 16%;
-    padding-bottom: 16%;
+  width: 16%;
+  padding-bottom: 16%;
   }
 }
 
@@ -426,14 +426,14 @@ figure figcaption a {
 
 .res-figcaption {
 /*
-    color: #FFF;
-    background: rgba(0, 0, 0, 0.2);
+  color: #FFF;
+  background: rgba(0, 0, 0, 0.2);
 */
-    text-align: center;
-    font-size: 75%;
-    /* padding: 0px; */
-    padding-top: 6px;
-    line-height: 1;
+  text-align: center;
+  font-size: 75%;
+  /* padding: 0px; */
+  padding-top: 6px;
+  line-height: 1;
 }
 
 .res-figcaption a {
@@ -493,7 +493,7 @@ pre.w3-code, span.w3-codespan{
   /* font-family:monospace,monospace; */
   /* font-family: initial !important;*/
   font-size:        1em;
-	line-height:      1.2;
+  line-height:      1.2;
 }
 
 /* for w3-code and chroma styles */
@@ -502,7 +502,7 @@ pre.w3-code, pre.chroma {
   border:           1px solid;
   padding:          10px 6px 10px 6px;
   overflow:         auto;
-	line-height:      1.2;
+  line-height:      1.2;
 }
 
 /* -------------------------------------------------- */
@@ -512,7 +512,7 @@ pre.terminal-in {
   border:           1px solid;
   padding:          10px 6px 10px 6px;
   overflow:         auto;
-	line-height:      1.2;
+  line-height:      1.2;
 }
 
 pre.terminal-out {
@@ -520,7 +520,7 @@ pre.terminal-out {
   padding:          10px 6px 10px 6px;
   border:           1px solid;
   overflow:         auto;
-	line-height:      1.2;
+  line-height:      1.2;
 }
 
 
@@ -531,6 +531,49 @@ pre.terminal-out {
   border-spacing: 3px 0px  ;
 }
 
+/* -------------------------------------------------- */
+/* WIP */
+
+/* ---------- */
+a {
+  background-color: rgba(0, 0, 0, 0.1);
+  text-decoration: none;
+}
+
+a:hover, a:focus {
+  background-color: rgba(0, 0, 0, 0.3);
+  text-decoration: underline
+}
+
+a.no-decoration, a.no-decoration:hover, a.no-decoration:focus {
+  background-color: unset;
+}
+
+/* ---------- */
+table.lntable td {
+  width: auto;
+}
+
+.highlight pre code {
+  white-space: pre;
+}
+
+/* for w3-code and chroma styles */
+pre.w3-code, pre.chroma {
+  border:           none;
+}
+
+/* top right bottom left */
+td:nth-child(1) > pre.chroma { margin: 5px 5px 5px 5px; color: #aaa; border-radius: 0; border: none; border-right: solid 1px; word-wrap: normal;}
+td:nth-child(2) > pre.chroma { margin: 5px 0px 5px 0px; border-radius: 0; border: 0; word-wrap: normal;}
+.lntd { width: 100%; border: none; background-color: #F5F5F5;  table-layout: auto;}
+
+
+.chroma .lnt {
+  display: contents;
+}
+
+
 /* ------------------------------------------------------------------------------ */
 /* -- Local variables:      */
 /* -- tab-width:         2  */
diff --git a/static/css/w3css-basic.min.css b/static/css/w3css-basic.min.css
deleted file mode 100644
index 98346cb..0000000
--- a/static/css/w3css-basic.min.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.anchor{vertical-align:super}.clearfix{clear:both}a.no-decoration{text-decoration:none !important}img{max-width:100%;height:auto}.headline-button{padding-top:2px !important;padding-right:0 !important;padding-bottom:0 !important;padding-left:0 !important}.breadcrump-button{padding-top:4px !important;padding-bottom:4px !important;padding-right:8px !important;padding-left:8px !important}.taxonomy-button{padding-top:2px !important;padding-right:6px !important;padding-bottom:0 !important;padding-left:2px !important}.taxonomy-current-fa{padding-left:16px}.taxonomy-current-a{padding-right:8px;text-decoration:none}.taxonomy-text-button{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;text-decoration:none}kbd{font-size:.8em;background-color:#fff;padding:0 1px 0 1px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:4px}#TableOfContents>ul>li{list-style-type:none}#TableOfContents>ul>li>ul>li{list-style-type:disc}table{border-collapse:collapse;border-spacing:0;display:table}tr{border-bottom:1px solid #ddd}
-tbody tr:hover{background-color:#ccc}td,th{padding:2px 8px;display:table-cell;vertical-align:top}th:first-child,td:first-child{padding-left:8px}.top-marquee{white-space:nowrap}.top-marquee div{transform:translateX(100%);animation:marquee 60s linear infinite}.top-marquee div:hover{animation-play-state:paused}@keyframes marquee{0{transform:translateX(100%)}100%{transform:translateX(-100%)}}.photocards-animated{animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-duration:.8s;-webkit-animation-duration:.8s}.photocards-animated0{animation-delay:0;-webkit-animation-delay:0}.photocards-animated1{animation-delay:.5s;-webkit-animation-delay:.5s}.photocards-animated2{animation-delay:1s;-webkit-animation-delay:1s}.photocards-animated3{animation-delay:1.5s;-webkit-animation-delay:1.5s}.photocards-animated4{animation-delay:2s;-webkit-animation-delay:2s}.photocards-animated5{animation-delay:2.5s;-webkit-animation-delay:2.5s}.photocards-animated6{animation-delay:3s;-webkit-animation-delay:3s}.photocards-animated7{animation-delay:3.5s;-webkit-animation-delay:3.5s}
-.photocards-animated8{animation-delay:4s;-webkit-animation-delay:4s}.photocards-animated9{animation-delay:4.5s;-webkit-animation-delay:4.5s}.features-animated{animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-duration:.8s;-webkit-animation-duration:.8s}.features-animated0{animation-delay:0;-webkit-animation-delay:0}.features-animated1{animation-delay:.5s;-webkit-animation-delay:.5s}.features-animated2{animation-delay:1s;-webkit-animation-delay:1s}.features-animated3{animation-delay:1.5s;-webkit-animation-delay:1.5s}.features-animated4{animation-delay:2s;-webkit-animation-delay:2s}.features-animated5{animation-delay:2.5s;-webkit-animation-delay:2.5s}.features-animated6{animation-delay:3s;-webkit-animation-delay:3s}.features-animated7{animation-delay:3.5s;-webkit-animation-delay:3.5s}.features-animated8{animation-delay:4s;-webkit-animation-delay:4s}.features-animated9{animation-delay:4.5s;-webkit-animation-delay:4.5s}#testimonials-title{font-variant:small-caps}#see_more_title{font-variant:small-caps}
-#see_more_background{background:url('../images/backgrounds/see_more_background.jpg') center top no-repeat;background-color:rgba(100,100,100,0.9);background-blend-mode:darken;background-attachment:scroll;background-size:auto auto;background-attachment:fixed;background-size:cover}#recent_posts_title{font-variant:small-caps}#clients-title{font-variant:small-caps}#map{height:200px}.header-nav-menu-topbar-small,.header-nav-menu-dropdown-small,.header-nav-menu-small{padding-left:4px !important;padding-right:4px !important}.header-nav-menu-topbar-medium,.header-nav-menu-dropdown-medium,.header-nav-menu-medium{padding-left:8px !important;padding-right:8px !important}figure img{max-width:100%}.fancy-figure.caption-position-bottom figcaption{padding:3%}.fancy-figure.caption-position-bottom figcaption footer a{position:relative}.gallery figcaption,.fancy-figure figcaption{background:#000;color:#FFF;font-size:85%;background:rgba(0,0,0,0.5);opacity:.9}.gallery .box figure{float:left;margin:1em 4px}.gallery{margin:10px;max-width:none}
-.gallery .box{float:left;position:relative;width:100%;padding-bottom:100%}@media only screen and (min-width :365px){.gallery .box{width:50%;padding-bottom:50%}}@media only screen and (min-width :480px){.gallery .box{width:33.3%;padding-bottom:33.3%}}@media only screen and (min-width :760px){.gallery .box{width:25%;padding-bottom:25%}}@media only screen and (min-width :1024px){.gallery .box{width:20%;padding-bottom:20%}}@media only screen and (min-width :1280px){.gallery .box{width:16%;padding-bottom:16%}}.res-figure{display:inline-block;background:rgba(0,0,0,0.1);padding:5px;margin:10px}.res-figcaption{text-align:center;font-size:75%;padding-top:6px;line-height:1}.res-figcaption a{position:relative}code.chroma{background-color:rgba(0,255,255,.3)}.shortcode-danger{border-color:#f44336 !important}.shortcode-warning{border-color:#ffeb3b !important}.shortcode-info{border-color:#2196f3 !important}.shortcode-exclamation{border-color:#2a8 !important}.shortcode-success{border-color:#4caf50 !important}.shortcode-quote{border-color:#4caf50 !important;display:table}
-.shortcode-quote-source{font-style:italic;font-weight:bold}pre.w3-code,span.w3-codespan{font-family:monospace,monospace !important;font-size:1em;line-height:1.2}pre.w3-code,pre.chroma{border-radius:6px;border:1px solid;padding:10px 6px 10px 6px;overflow:auto;line-height:1.2}pre.terminal-in{border-radius:6px;border:1px solid;padding:10px 6px 10px 6px;overflow:auto;line-height:1.2}pre.terminal-out{border-radius:6px;padding:10px 6px 10px 6px;border:1px solid;overflow:auto;line-height:1.2}.display-table-spaced-cells{border-collapse:separate;border-spacing:3px 0}
\ No newline at end of file