Add doc for term shortcuts

2 files changed, 89 insertions, 0 deletions

diff --git a/README.md b/README.md
index c27f57a..0b8d5ac 100644
--- a/README.md
+++ b/README.md
@@ -95,6 +95,27 @@ This theme is for:
 
 ## Latest News
 
+* Added shortcodes:
+  * term-in
+	* term-out
+	* See more [Terminal](/pages/hugo-theme-w3css-basic/page-shortcodes/#terminal)
+
+[screenshot Terminal](https://raw.githubusercontent.com/it-gro/hugo-theme-w3css-basic/master/images/snap_522.jpg)
+
+
+* Added breadcrump
+  [screenshot breadcrump](https://raw.githubusercontent.com/it-gro/hugo-theme-w3css-basic/master/images/snap_523.jpg)
+
+`config.toml`
+```toml
+[params.options]
+	# used in layouts/partials/page.nav.breadcrump.html
+  showNavBreadcrump   = true
+  navBreadcrumpTitle  = true
+  navBreadcrumpHome   = false
+```
+
+
 * Improved configuration for
   * [Marquee](#marquee)
   * [Headless Images](#headless-images) (Page Resources)
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 b9f53cb..f92a829 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
@@ -619,6 +619,74 @@ static/css/syntax/syntax.borland.css
 static/css/syntax/syntax.bw.css
 {{< /cscb >}}
 
+
+## Terminal
+
+### term-in
+
+* show text to type in terminal (no syntax coloring)
+
+{{< highlight nolan >}}
+{{</* term-in >}}
+date -d @1435225258
+date +%Y%m%d_%H%M%S
+{{< /term-in */>}}
+{{< /highlight >}}
+
+renders as
+
+{{< term-in >}}
+date -d @1435225258
+date +%Y%m%d_%H%M%S
+{{< /term-in >}}
+
+### term-out
+
+* show output in terminal (no syntax coloring)
+
+{{< highlight nolan >}}
+{{</* term-out >}}
+Don Jun 25 11:40:58 CEST 2015
+20180710_172103
+{{< /term-out */>}}
+{{< /highlight >}}
+
+renders as
+
+{{< term-out>}}
+Don Jun 25 11:40:58 CEST 2015
+20180710_172103
+{{< /term-out >}}
+
+### Style
+
+* Color themes are defined in the shortcuts:
+{{< w3-code >}}
+<pre class="terminal-in  w3-theme-d4 notranslate">{{ .Inner }}</pre>
+<pre class="terminal-out w3-theme-l3 notranslate">{{ .Inner }}</pre>
+{{< /w3-code >}}
+
+* Relevant CSS is in `static/css/w3css-basic.css`
+{{< highlight css >}}
+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;
+}
+{{< /highlight >}}
+
+
+
 ## Page Resources
 
 ### res-attach