Remove unnecessary info

docs/userGuide/syntax/dates.md

@@ -99,8 +99,6 @@ Thu 22/08
 <div id="short" class="d-none">
 
 <box><span>
-{{ njcode('"2019-08-12" | date("DD.MM.YYYY", 10)') }} <!-- 22.08.2019 --><br/>
+{{ njcode('baseDate | date(format, daysToAdd)') }} <!-- 22.08.2019 --><br/>
 </span></box>
-
-{{ "2019-08-12" | date("DD.MM.YYYY", 10) }}
 </div>

docs/userGuide/syntax/pageNavigationMenus.md

@@ -35,6 +35,8 @@ You can specify multiple `<page-nav-print />` components in a page and they do n
 {{ icon_example }}
 In the page that you want to have page navigation printed (i.e. to serve as a table of content when viewed on PDFs), use the `<page-nav-print />` component to position the pageNav like so:
 
+<div id="short" class="indented">
+
 ```html
 <frontmatter>
   pageNav: 2
@@ -47,6 +49,8 @@ In the page that you want to have page navigation printed (i.e. to serve as a ta
 Content of the page...
 ```
 
+</div>
+
 To view the pageNav on print, open the print preview of the page using the browser's print function.
 
 <box type="info" seamless>
@@ -57,32 +61,6 @@ You can try it out by going to our [CLI Commands page]({{baseUrl}}/userGuide/cli
 
 </panel>
 
-<div id="short" class="indented">
-
-{{ icon_example }}
-In the page that you want to have page navigation, you may show only `<h1>` and `<h2>` headings in the pageNav, and set a custom pageNav title like so:
-
-```html
-<frontmatter>
-  pageNav: 2
-  pageNavTitle: "Chapters of This Page"
-</frontmatter>
-```
-
-Then, in your [layout file]({{baseUrl}}/userGuide/tweakingThePageStructure.html#layouts), use the `<page-nav />` component to position the pageNav.
-
-{% if not doNotShowPageNav %}
-{{ icon_example }} <trigger for="modal:page-nav-example" trigger="click">Example usage of the `<page-nav />` component</trigger>
-
-<modal header="Using the `pageNav` variable in a layout" id="modal:page-nav-example" large>
-<include src="../tweakingThePageStructure.md#layout-code-snippet">
-<variable name="highlightLines">54</variable>
-</include>
-</modal>
-{% endif %}
-
-</div>
-
 </div>
 
 <div id="examples" class="d-none">

docs/userGuide/syntax/siteNavigationMenus.md

@@ -9,9 +9,8 @@ Steps to add a siteNav:
 2. Include it under a `<site-nav>` element.
 3. (Optional) To make siteNav accessible on smaller screens, you can use the `<site-nav-button />` component in the [navbar]({{baseUrl}}/userGuide/components/navigation.html#navbars).
 
-<div id="short">
 
-<include src="codeAndOutput.md" boilerplate >
+<include src="codeAndOutput.md" boilerplate >  
 <variable name="code">
 <site-nav>
 * [**Getting Started**]({{baseUrl}}/userGuide/gettingStarted.html)
@@ -25,7 +24,6 @@ Steps to add a siteNav:
 </variable>
 </include>
 
-</div>
 
 MarkBind has styles nested lists with additional padding and smaller text sizes up to **4** nesting levels.
 Beyond that, you'd have to include your own styles.
@@ -37,3 +35,19 @@ You can **append the `:expanded:` to a <tooltip content="a menu item with sub me
 </div>
 
 <div id="examples"></div>
+
+<div id="short" class="d-none">
+
+```html
+<site-nav>
+* [**Getting Started**]({{baseUrl}}/userGuide/gettingStarted.html)
+* **Authoring Contents** :expanded:
+  * [Overview]({{baseUrl}}/userGuide/authoringContents.html)
+  * [Adding Pages]({{baseUrl}}/userGuide/addingPages.html)
+  * [MarkBind Syntax Overview]({{baseUrl}}/userGuide/markBindSyntaxOverview.html)
+  * [Formatting Contents]({{baseUrl}}/userGuide/formattingContents.html)
+  * [Using Components]({{baseUrl}}/userGuide/usingComponents.html)
+</site-nav>
+```
+
+</div>

docs/userGuide/syntaxReference.md

@@ -13,7 +13,7 @@
 {% from "userGuide/syntax/fullSyntaxSet.njk" import syntax_topics as topics %}
 
 {% macro show_topic(filename, heading) %}
-<panel type="seamless" no-close>
+<panel type="seamless" no-close popup-url="{{ filename }}.html">
   <div slot="header">
     <markdown>##### **{{ heading }}**</markdown>
     <include src="syntax/{{ filename }}.md#short" />