MarkBind · ang-zeyu · Dec 6, 2020 · Dec 6, 2020 · Dec 5, 2020 · Nov 29, 2020
diff --git a/docs/devGuide/design.md b/docs/devGuide/design.md
@@ -1,4 +1,6 @@
-<variable name="title">Design</variable>
+{% set title = "Design" %}
+<span id="title" class="d-none">{{ title }}</span>
+
 <frontmatter>
   title: "{{ title }}"
   layout: devGuide

diff --git a/docs/devGuide/devGuide.md b/docs/devGuide/devGuide.md
@@ -1,4 +1,6 @@
-<variable name="title">Contributing</variable>
+{% set title = "Contributing" %}
+<span id="title" class="d-none">{{ title }}</span>
+
 <frontmatter>
   title: "{{ title }}"
   layout: devGuide

diff --git a/docs/devGuide/projectManagement.md b/docs/devGuide/projectManagement.md
@@ -1,4 +1,6 @@
-<variable name="title">Project management</variable>
+{% set title = "Project management" %}
+<span id="title" class="d-none">{{ title }}</span>
+
 <frontmatter>
   title: "{{ title }}"
   layout: devGuide

diff --git a/docs/devGuide/settingUp.md b/docs/devGuide/settingUp.md
@@ -1,4 +1,6 @@
-<variable name="title">Setting up</variable>
+{% set title = "Setting up" %}
+<span id="title" class="d-none">{{ title }}</span>
+
 <frontmatter>
   title: "{{ title }}"
   layout: devGuide

diff --git a/docs/devGuide/styleGuides.md b/docs/devGuide/styleGuides.md
@@ -1,4 +1,6 @@
-<variable name="title">Appendix: Style guides</variable>
+{% set title = "Appendix: Style guides" %}
+<span id="title" class="d-none">{{ title }}</span>
+
 <frontmatter>
   title: "{{ title }}"
   layout: devGuide

diff --git a/docs/devGuide/workflow.md b/docs/devGuide/workflow.md
@@ -1,4 +1,6 @@
-<variable name="title">Workflow</variable>
+{% set title = "Workflow" %}
+<span id="title" class="d-none">{{ title }}</span>
+
 <frontmatter>
   title: "{{ title }}"
   layout: devGuide

diff --git a/docs/devGuide/writingPlugins.md b/docs/devGuide/writingPlugins.md
@@ -1,4 +1,6 @@
-<variable name="title">Writing Plugins</variable>
+{% set title = "Writing Plugins" %}
+<span id="title" class="d-none">{{ title }}</span>
+
 <frontmatter>
   title: "{{ title }}"
   layout: devGuide

diff --git a/docs/userGuide/addingPages.md b/docs/userGuide/addingPages.md
@@ -1,5 +1,6 @@
-<variable name="title" id="title">Adding Pages</variable>
-<variable name="filename">addingPages</variable>
+{% set title = "Adding Pages" %}
+{% set filename = "addingPages" %}
+<span id="title" class="d-none">{{ title }}</span>
 
 <frontmatter>
   title: "User Guide: {{ title }}"

diff --git a/docs/userGuide/authoringContents.md b/docs/userGuide/authoringContents.md
@@ -1,4 +1,6 @@
-<variable name="title" id="title">Authoring Contents</variable>
+{% set title = "Authoring Contents" %}
+<span id="title" class="d-none">{{ title }}</span>
+
 <frontmatter>
   title: "User Guide: {{ title }}"
   layout: userGuide

diff --git a/docs/userGuide/components/advanced.md b/docs/userGuide/components/advanced.md
@@ -1,7 +1,12 @@
 ## Advanced Tips and Tricks
 
-<variable name="slot_info_trigger"><trigger for="on-slots" trigger="click"><strong>^\[S\]^</strong></trigger></variable>
-<variable name="slot_type_info_trigger"><trigger for="on-slots" trigger="click">Slot</trigger></variable>
+{% set slot_info_trigger %}
+<trigger for="on-slots" trigger="click"><strong>^\[S\]^</strong></trigger>
+{% endset %}
+
+{% set slot_type_info_trigger %}
+<trigger for="on-slots" trigger="click">Slot</trigger>
+{% endset %}
 
 ### Richer formatting of attributes using slots
 

diff --git a/docs/userGuide/deployingTheSite.md b/docs/userGuide/deployingTheSite.md
@@ -1,5 +1,7 @@
-<variable name="title" id="title">Deploying the Site</variable>
-<variable name="filename" id="filename">deployingTheSite</variable>
+{% set title = "Deploying the Site" %}
+{% set filename = "deployingTheSite" %}
+<span id="title" class="d-none">{{ title }}</span>
+
 <frontmatter>
   title: "User Guide: {{ title }}"
   layout: userGuide

diff --git a/docs/userGuide/formattingContents.md b/docs/userGuide/formattingContents.md
@@ -1,5 +1,6 @@
-<variable name="title" id="title">Formatting Contents</variable>
-<variable name="filename">formattingContents</variable>
+{% set title = "Formatting Contents" %}
+{% set filename = "formattingContents" %}
+<span id="title" class="d-none">{{ title }}</span>
 
 <frontmatter>
   title: "User Guide: {{ title }}"

diff --git a/docs/userGuide/gettingStarted.md b/docs/userGuide/gettingStarted.md
@@ -1,4 +1,6 @@
-<variable name="title" id="title">Getting Started</variable>
+{% set title = "Getting Started" %}
+<span id="title" class="d-none">{{ title }}</span>
+
 <frontmatter>
   title: "User Guide - {{ title }}"
   layout: userGuide

diff --git a/docs/userGuide/makingTheSiteSearchable.md b/docs/userGuide/makingTheSiteSearchable.md
@@ -1,5 +1,7 @@
-<variable name="title" id="title">Making the Site Searchable</variable>
-<variable name="filename">makingTheSiteSearchable</variable>
+{% set title = "Making the Site Searchable" %}
+{% set filename = "makingTheSiteSearchable" %}
+<span id="title" class="d-none">{{ title }}</span>
+
 {% from "njk/common.njk" import embed with context %}
 
 <frontmatter>

diff --git a/docs/userGuide/markBindInTheProjectWorkflow.md b/docs/userGuide/markBindInTheProjectWorkflow.md
@@ -1,5 +1,7 @@
-<variable name="title" id="title">MarkBind in the Project Workflow</variable>
-<variable name="filename" id="filename">markBindInTheProjectWorkflow</variable>
+{% set title = "MarkBind in the Project Workflow" %}
+{% set filename = "markBindInTheProjectWorkflow" %}
+<span id="title" class="d-none">{{ title }}</span>
+
 <frontmatter>
   title: "User Guide: {{ title }}"
   layout: userGuide

diff --git a/docs/userGuide/markBindSyntaxOverview.md b/docs/userGuide/markBindSyntaxOverview.md
@@ -1,5 +1,6 @@
-<variable name="title" id="title">MarkBind Syntax Overview</variable>
-<variable name="filename">markBindSyntaxOverview</variable>
+{% set title = "MarkBind Syntax Overview" %}
+{% set filename = "markBindSyntaxOverview" %}
+<span id="title" class="d-none">{{ title }}</span>
 
 <frontmatter>
   title: "User Guide: {{ title }} "

diff --git a/docs/userGuide/reusingContents.md b/docs/userGuide/reusingContents.md
@@ -1,5 +1,6 @@
-<variable name="title" id="title">Reusing Contents</variable>
-<variable name="filename">reusingContents</variable>
+{% set title = "Reusing Contents" %}
+{% set filename = "reusingContents" %}
+<span id="title" class="d-none">{{ title }}</span>
 
 <frontmatter>
   title: "User Guide: {{ title }}"

diff --git a/docs/userGuide/settingSiteProperties.md b/docs/userGuide/settingSiteProperties.md
@@ -1,5 +1,6 @@
-<variable name="title" id="title">Setting Site Properties</variable>
-<variable name="filename" id="filename">settingSiteProperties</variable>
+{% set title = "Setting Site Properties" %}
+{% set filename = "settingSiteProperties" %}
+<span id="title" class="d-none">{{ title }}</span>
 
 <frontmatter>
   title: "User Guide: {{ title }}"

diff --git a/docs/userGuide/syntax/boxes.mbdf b/docs/userGuide/syntax/boxes.mbdf
@@ -1,4 +1,4 @@
-<import slot_info_trigger from="../components/advanced.md"></import>
+{% from "userGuide/components/advanced.md" import slot_info_trigger %}
 
 ## Boxes
 

diff --git a/docs/userGuide/syntax/dates.mbdf b/docs/userGuide/syntax/dates.mbdf
@@ -41,9 +41,9 @@ Dates can be supplied using [page variables](../reusingContents.html#variables)
 
 Inside `variables.md` or referencing page:
 ```
-<variable name="date_pagevar">2020-03-06</variable>
+{% raw %}{% set date_pagevar = "2020-03-06" %}{% endraw %}
 ```
-<variable name="date_pagevar">2020-03-06</variable>
+{% set date_pagevar = "2020-03-06" %}
 
 {{ njcode('date_pagevar | date(format2)') }} :glyphicon-arrow-right: {{ date_pagevar | date(format2) }} <br/>
 

diff --git a/docs/userGuide/syntax/dropdowns.mbdf b/docs/userGuide/syntax/dropdowns.mbdf
@@ -1,4 +1,4 @@
-<import slot_info_trigger from="../components/advanced.md"></import>
+{% from "userGuide/components/advanced.md" import slot_info_trigger %}
 
 ## Dropdowns
 

diff --git a/docs/userGuide/syntax/modals.mbdf b/docs/userGuide/syntax/modals.mbdf
@@ -1,4 +1,4 @@
-<import slot_info_trigger slot_type_info_trigger from="../components/advanced.md"></import>
+{% from "userGuide/components/advanced.md" import slot_info_trigger, slot_type_info_trigger %}
 
 ## Modals
 

diff --git a/docs/userGuide/syntax/panels.mbdf b/docs/userGuide/syntax/panels.mbdf
@@ -1,4 +1,4 @@
-<import slot_info_trigger from="../components/advanced.md"></import>
+{% from "userGuide/components/advanced.md" import slot_info_trigger %}
 
 ## Panels
 

diff --git a/docs/userGuide/syntax/popovers.mbdf b/docs/userGuide/syntax/popovers.mbdf
@@ -1,4 +1,4 @@
-<import slot_info_trigger from="../components/advanced.md"></import>
+{% from "userGuide/components/advanced.md" import slot_info_trigger %}
 
 ## Popovers
 

diff --git a/docs/userGuide/syntax/questions.mbdf b/docs/userGuide/syntax/questions.mbdf
@@ -1,4 +1,4 @@
-<import slot_info_trigger slot_type_info_trigger from="../components/advanced.md"></import>
+{% from "userGuide/components/advanced.md" import slot_info_trigger, slot_type_info_trigger %}
 
 ## Questions and Quizzes
 
@@ -150,7 +150,8 @@ Optionally, you can provide the reason for the particular option using the `<q-o
 
 **MCQ Questions**
 
-<variable name="mcqQuestion"><question type="mcq" header="Which of these **contradicts** the heuristics recommended when creating test cases with multiple inputs?">
+{% set mcqQuestion %}
+<question type="mcq" header="Which of these **contradicts** the heuristics recommended when creating test cases with multiple inputs?">
   <!-- Insert the reason for the option using the reason attribute -->
   <q-option reason="This is **correct**. We need to figure out if a positive test case works!">
     Each valid test input should appear at least once in a test case that doesn’t have any invalid inputs.
@@ -174,7 +175,8 @@ Optionally, you can provide the reason for the particular option using the `<q-o
   <div slot="hint">
   How do you figure out which inputs are wrong? (or correct)
   </div>
-</question></variable>
+</question>
+{% endset %}
 
 <include src="codeAndOutput.md" boilerplate >
 <variable name="highlightStyle">html</variable>
@@ -185,7 +187,8 @@ Optionally, you can provide the reason for the particular option using the `<q-o
 
 **Checkbox Questions**
 
-<variable name="checkboxQuestion"><question type="checkbox" hint="Use your calculator! :fas-calculator:">
+{% set checkboxQuestion %}
+<question type="checkbox" hint="Use your calculator! :fas-calculator:">
 
   ##### Which of the following is true?
 
@@ -199,7 +202,8 @@ Optionally, you can provide the reason for the particular option using the `<q-o
   <q-option correct>
   11 / 11 = 1
   </q-option>
-</question></variable>
+</question>
+{% endset %}
 
 <include src="codeAndOutput.md" boilerplate>
 <variable name="highlightStyle">html</variable>
@@ -237,16 +241,17 @@ and not others.
 
 You can provide your answer in the `answer` attribute, or similarly, the `<div slot="answer">` slot for more expressive formatting.
 
-<variable name="textQuestion"><question type="text" header="Which country did the Hawaiian pizza originate from?"
+{% set textQuestion %}
+<question type="text" header="Which country did the Hawaiian pizza originate from?"
           keywords="hawaii" threshold="0.5" answer="It originated from Hawaii!">
   <div slot="hint">
 
   Watch some pizza commercials! :tv:
 
   :pizza: :pizza: :pizza: :pizza: :pizza: :pizza: :pizza: :pizza: :pizza: :pizza: :pizza: :pizza:
   </div>
-</question></variable>
-
+</question>
+{% endset %}
 
 <include src="codeAndOutput.md" boilerplate>
 <variable name="highlightStyle">html</variable>