o2c-opendoc-theme 2.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: c7db6edbf615aec46bbbc1b180cbdfcde2b01c8f1ed13462a362d45182cdcd40
+  data.tar.gz: 414711623f28d70435b091a3f2a728af0505dd61c4c2ca522c7b982406491cdf
+SHA512:
+  metadata.gz: 0c9826860112d7fd17b5f9fb28f0015626a1437d85e08a94825f3a40f7f139d3c786ceff9a7e03e042b6ec47d1104ceaab389fbf0f284bde8721865e8a2f2e37
+  data.tar.gz: 39231aef2e7fd52abea40fb28661b2428dd6ce9e119915cb53a3e07bd14f68ac4ca11933284deae28071fb85bd1aa7033d5479a1ab66bfa5da42287bc0571489

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 Open Government Products
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,2 @@
+# about
+This is a customized version of opendocsg/opendoc-theme.

data/_includes/directory.html

@@ -0,0 +1,127 @@
+{%- comment -%} 
+getting `folders` variable
+an array of folder names that are unescaped (i.e. with spaces and symbols)
+if `folders` settings set in config, then it follows order in config
+else it is sorted in alphabetical order
+{%- endcomment -%}
+
+{% assign folders = "" | split: ',' %}
+{% assign escaped_folders = "" | split: ',' %}
+{%- comment -%} 
+checking if `folders` set in config.yml,
+if yes: assign folders variable to that
+{%- endcomment -%}
+{% if site.folders and site.folders.size > 0 %}
+    {% for folder in site.folders %}
+        {% assign folder_name = folder.name | strip %}
+        {% assign folders = folders | push: folder_name %}
+    {% endfor %}
+{%- comment -%} 
+if no: get all pages and extract folder names
+then deduplicate and sort
+{%- endcomment -%}
+{% else %}
+    {% for page in site.html_pages %}
+        {% if page.name == 'index.html' or page.name == 'index.md' %}
+            {% continue %}
+        {% endif %}
+        {% comment %}
+            page.path gives 
+            - folder name/hello.md
+            - hello.md
+            - assets/hello.md
+        {% endcomment %}
+            {% assign path_split = page.path | split: '/' %}
+        {% if path_split.size == 1 %}
+            {% assign folder = '/' %}
+        {% else %}
+            {% assign folder = path_split | first %}
+        {% endif %}
+        {% unless folder == 'assets' %}
+            {% assign folders = folders | push: folder %}
+        {% endunless %}
+    {% endfor %}
+    {% assign folders = folders | uniq | sort %}
+{% endif %}
+
+{%- comment -%} 
+Assingn folders html to `folders_html` variable
+Loops through folders, escape them and set as href and id
+id is used to assess the corresponding toc    
+{%- endcomment -%}
+{% capture folders_html %}
+{% for folder in folders %}
+    {% assign escaped_folder_path = folder | uri_escape %}
+    {% assign escaped_folders = escaped_folders | push: escaped_folder_path %}
+    {% assign folder_href = escaped_folder_path  %}
+    {% unless escaped_folder_path == '/' %}
+        {% assign folder_href = escaped_folder_path | prepend: '/' %}
+    {% endunless %}
+    <li>
+    <a href="{{ folder_href | relative_url }}" id="dir_{{ escaped_folder_path | downcase }}" class="tod-container">
+        <div class="directory-item">
+        {%- if site.folders[forloop.index0].title -%}
+            {{ site.folders[forloop.index0].title }}
+        {%- else -%}
+            {{ folder }}
+        {%- endif -%}
+        </div>
+    </a>
+    </li>
+{% endfor %}
+{% endcapture %}
+
+{% comment %}
+START OF FOLDER DIRECTORY
+Show table of directories only in root path
+{% endcomment %}
+<section class="navigation">
+{% if folders.size > 1 %}
+<ul class="table-of-directories {%- if include.currdir == blank or include.currdir != '/' %} hidden{%- endif -%}">
+{{ folders_html | strip_newlines }}
+</ul>
+{%- comment -%} 
+END OF FOLDER DIRECTORY
+{%- endcomment -%}
+
+
+{% comment %}
+BACK TO DOCUMENTS BUTTON:
+If there is only one folder or documents all at root, dont render back button
+{% endcomment %}
+<div class="back-to-documents">
+    <p>Back to Documents <img class="btn-icon" src="{{ '/assets/images/chevron-up.svg' | relative_url }}"></p>
+</div>
+{% endif %}
+
+
+{%- comment -%} 
+INDIVIDUAL TOCs
+Escape current file directory parent folder
+{%- endcomment -%}
+{% assign escaped_currdir = include.currdir | remove_first: '/' | split: '/' | first | uri_escape %}
+{% if escaped_currdir == nil or escaped_currdir == '' %}
+    {% assign escaped_currdir = '/' %}
+{% endif %}
+
+{% for folder in folders %}
+    {% assign escaped_folder = escaped_folders[forloop.index0] %}
+    {%- comment -%} 
+    Assign toc_id based on escaped folder name
+    {%- endcomment -%}
+    {% assign toc_id = 'toc_' | append: escaped_folder | downcase %}
+    {% comment %}
+    If there is only one folder, show expanded content list
+    {% endcomment %}
+    {% if escaped_folders.size == 1 %}
+    <section class="contents lonely" id="{{ toc_id }}">
+    {% else %}
+    {%- comment -%} 
+    else render normally
+    {%- endcomment -%}
+    <section id="{{ toc_id }}" class="contents" {%- unless escaped_currdir == escaped_folder and include.currdir != '/' %} hidden{%- endunless -%}>
+    {% endif %}
+    {% include_cached toc.html folder_index=forloop.index0 folder_name=folder class="table-of-contents" h_min=1 h_max=2 item_class="nav-branch" anchor_class="nav-link" %}
+    </section>
+{% endfor %}
+</section>

data/_includes/document-title.txt

@@ -0,0 +1,57 @@
+{%- comment -%}
+    Accepts:
+        dir: folder name
+        info: title/subtitle/order
+{%- endcomment -%}
+{%- assign page_info = null -%}
+{%- comment -%}
+Escape include.dir for better comparing
+{%- endcomment -%}
+{%- assign escaped_dir = include.dir | remove_first: '/' | split: '/' | first | uri_escape | downcase -%}
+{%- if escaped_dir == nil or escaped_dir == '' -%}
+    {%- assign escaped_dir = '/' -%}
+{%- endif -%}
+
+{%- for folder_config in site.folders -%}
+{%- assign escaped_folder_name = folder_config.name | uri_escape | strip | downcase -%}
+{%- if escaped_folder_name == escaped_dir -%}
+    {%- assign page_info = folder_config -%}
+{%-  break -%}
+{%- endif -%}
+{%- endfor -%}
+
+{%- assign document_info = '' | split: ',' -%}
+
+{%- comment -%}
+    If no config file or title not set, use folder name
+    /document 1/something/blah -> Document 1
+{%- endcomment -%}
+{%- if page_info == null or page_info.title == null -%}
+{%- assign folder_name = include.dir | url_decode | remove_first: '/' | split: '/' | first | strip | capitalize -%}
+  {%- comment -%}
+      Show site title on mobile landing page if no root folder
+  {%- endcomment -%}
+  {%- if folder_name == null or folder_name == '' -%}
+  {%- assign folder_name = site.title -%}
+  {%- endif -%}
+{%- assign document_info = document_info | push: folder_name -%}
+{%- else -%}
+{%- assign document_info = document_info | push: page_info.title -%}
+{%- endif -%}
+{%- assign document_info = document_info | push: page_info.subtitle -%}
+{%- assign document_info = document_info | push: page_info.order -%}
+
+{%- comment -%}
+    If info prop is set, return specific field
+    else, return all in array [ title, subtitle, order ]
+{%- endcomment -%}
+{%- case include.info -%}
+    {%- when 'title' -%}
+    {{ document_info[0] | strip }}
+    {%- when 'subtitle' -%}
+    {{ document_info[1] | strip }}
+    {%- when 'order' -%}
+    {{ document_info[2] | join: '/' | strip }}
+    {%- else -%}
+    {{ document_info | jsonify }}
+{%- endcase -%}

data/_includes/toc.html

@@ -0,0 +1,127 @@
+{% comment %}
+Adapted from: https://github.com/allejo/jekyll-toc
+Required Parameters:
+    * folder_index (int)    :   ''   - the path of the files for the toc to be generated
+    * folder_name  (int)    :   ''   - the path of the files for the toc to be generated
+Optional Parameters:
+    * h_min        (int)    :   1    - the minimum TOC header level to use; any header lower than this value will be ignored
+    * h_max        (int)    :   6    - the maximum TOC header level to use; any header greater than this value will be ignored
+    * class        (string) :   ''   - class to be applied to root toc
+    * item_class   (string) :   ''   - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
+    * anchor_class (string) :   ''   - add custom class(es) for each anchor element
+{% endcomment %}
+
+
+{%- comment -%} 
+Get every page in the site and traverse them
+{%- endcomment -%}
+{% assign folder_pages = "" | split: ',' %}
+{% assign site_pages = site.html_pages %}
+{% for site_page in site_pages %}
+    {% if site_page.name == 'index.md' or site_page.name == 'index.html' %}
+        {% continue %}
+    {% endif %}
+    {%- comment -%} 
+    If folder_name is not passed in, assign all pages to this TOC
+    {%- endcomment -%}
+    {% if include.folder_name == null %}
+        {% assign folder_pages = folder_pages | push: site_page %}
+    {%- comment -%} 
+    else, find all pages beloing to this folder name
+    {%- endcomment -%}
+    {% else %}
+        {% assign path_split = site_page.path | split: '/' %}
+        {% if path_split.size == 1 %}
+            {% assign site_page_folder = '/' %}
+        {% else %}
+            {% assign site_page_folder = path_split | first %}
+        {% endif %}
+        {%- comment -%} 
+        if site_page_folder corresponds to folder_name passed in
+        and path_split.size is love 
+        {%- endcomment -%}
+        {% if site_page_folder == include.folder_name and path_split.size < 3 %}
+            {% assign folder_pages = folder_pages | push: site_page %}
+        {% endif %}        
+    {% endif %}        
+{% endfor %}
+
+{%- comment -%} 
+Then, if order is present, match order by filename or title
+{%- endcomment -%}
+{% assign pages = "" | split: ',' %}
+{% assign page_order = site.folders[include.folder_index].order %}
+{% if page_order and page_order.size > 0 %}
+    {% for order in page_order %}
+        {% for folder_page in folder_pages %}
+            {% if folder_page.name == order or folder_page.title == order %}
+                {% assign pages = pages | push: folder_page %}
+                {% break %}
+            {% endif %}
+        {% endfor %}
+    {% endfor %}
+{% else %}
+{%- comment -%} 
+Else, sort alphabetically
+{%- endcomment -%}
+    {% assign pages = folder_pages | sort: 'title' %}
+{% endif %}
+
+{% capture tocWorkspace %}
+    {% capture my_toc %}{% endcapture %} 
+    {% assign minHeader = include.h_min | default: 1 %}
+    {% assign maxHeader = include.h_max | default: 6 %}
+    {% assign firstHeader = true %}
+    {% for page in pages %}
+        {% assign nodes = page.content | markdownify | split: '<h' %}
+        {% for node in nodes %}
+            {% if node == "" %}
+                {% continue %}
+            {% endif %}
+
+            {% assign headerLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
+
+            {% if headerLevel < minHeader or headerLevel > maxHeader %}
+                {% continue %}
+            {% endif %}
+
+            {% if firstHeader %}
+                {% assign firstHeader = false %}
+                {% assign minHeader = headerLevel %}
+            {% endif %}
+
+            {% assign indentAmount = headerLevel | minus: minHeader | add: 1 %}
+            {% assign _workspace = node | split: '</h' %}
+
+            {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
+            {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
+            {% assign html_id = _idWorkspace[0] %}
+
+            {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
+            {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
+            {% comment %}
+                Strips out footnotes links then strips out all other html tags
+                This naively assumes that all footnote links are appended at the end of the header
+            {% endcomment %}
+            {% assign header = header | split: '<sup' | first %}
+            {% assign header = header | strip_html | strip %}
+
+            {% assign space = '' %}
+            {% for i in (1..indentAmount) %}
+                {% assign space = space | prepend: '    ' %}
+            {% endfor %}
+
+            {% unless include.item_class == blank %}
+                {% capture listItemClass %}{:.{{ include.item_class | replace: '%level%', headerLevel }}}{% endcapture %}
+            {% endunless %}
+
+            {% capture my_toc %}{{ my_toc }}
+{{ space }} -  {{ listItemClass }}<a href="{% if page.url %}{{ page.url | relative_url }}{% endif %}{% if headerLevel > minHeader %}#{{ html_id }}{% endif %}" class="{% if include.anchor_class %}{{ include.anchor_class }}{% endif %}"><span class="directory-item"> {{ header }} </span></a>{% endcapture %}
+        {% endfor %}
+    {% endfor %}
+{% if include.class %}
+{% capture my_toc %}{:.{{ include.class }}}
+{{ my_toc | lstrip }}{% endcapture %}
+{% endif %}
+{% endcapture %}
+{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip | strip_newlines }}

data/_includes/toolbar.html

@@ -0,0 +1,68 @@
+<div class="toolbar-container no-print">
+    {% assign hide_toolbar_sidebar = site.hide_toolbar.sidebar %}
+    {%- if hide_toolbar_sidebar != true -%}
+        <label for="menu-toggle" class="toolbar-button" id="menu-toggle-btn">
+            <input type="checkbox" id="menu-toggle" hidden>
+            <img class="btn-icon" src="{{ '/assets/images/sidebar.svg' | relative_url }}">
+            <img class="btn-icon hover" src="{{ '/assets/images/sidebar-hover.svg' | relative_url }}">
+            <img class="mobile-btn-icon " src="{{ '/assets/images/menu.svg' | relative_url }}">
+            <img class="mobile-btn-icon close" src="{{ '/assets/images/x-mobile.svg' | relative_url }}">
+            <div class="tooltip">Toggle Sidebar</div>
+        </label>
+    {%- endif -%}
+    {% assign hide_toolbar_pdf = site.hide_toolbar.pdf %}
+    {%- if hide_toolbar_pdf != true -%}
+        <div class="toolbar-button print-btn">
+            <img class="btn-icon" src="{{ '/assets/images/pdf.svg' | relative_url }}">
+            <img class="btn-icon hover" src="{{ '/assets/images/pdf-hover.svg' | relative_url }}">
+            <div class="tooltip">Save as PDF</div>
+        </div>
+    {%- endif -%}
+    {% assign hide_toolbar_github = site.hide_toolbar.github %}
+    {%- if hide_toolbar_github != true -%}
+        <div class="toolbar-button edit-btn">
+            <img class="btn-icon" src="{{ '/assets/images/github.svg' | relative_url }}">
+            <img class="btn-icon hover" src="{{ '/assets/images/github-hover.svg' | relative_url }}">
+            <div class="tooltip">View on Github</div>
+        </div>
+    {%- endif -%}
+</div>
+
+<div class="fab no-print" id="fab">
+    <div class="overlay" id="fab-overlay"></div>
+    <div class="back-to-top hidden" id="back-to-top" href="#">
+        <img class="btn-icon" src="{{ '/assets/images/chevron-up-white.svg' | relative_url }}">
+    </div>
+    <div class="trigger" id="fab-trigger">
+        <img class="btn-icon" src="{{ '/assets/images/vertical-dots.svg' | relative_url }}">
+        <img class="btn-icon close" src="{{ '/assets/images/x-mobile.svg' | relative_url }}">
+    </div>
+    <div class="actions">
+        {%- assign feedback_url = 'https://form.gov.sg/5cee3d46138e3200109244df' -%}
+        {%- if site.styling_options.feedback_url and site.styling_options.feedback_url != '' -%}
+            {%- assign feedback_url = site.styling_options.feedback_url -%}
+        {%- endif -%}
+        <a class="action feedback-btn" href="{{ feedback_url }}" target="_blank">
+            <img class="btn-icon" src="{{ '/assets/images/feedback.svg' | relative_url }}">
+            <div class="tooltip">Feedback</div>
+        </a>
+        <div class="action share-btn">
+            <img class="btn-icon" src="{{ '/assets/images/share.svg' | relative_url }}">
+            <div class="tooltip">Share</div>
+        </div>
+        {% assign hide_toolbar_pdf = site.hide_toolbar.pdf %}
+        {%- if hide_toolbar_pdf != true -%}
+            <div class="action print-btn">
+                <img class="btn-icon" src="{{ '/assets/images/pdf.svg' | relative_url }}">
+                <div class="tooltip">Save as PDF</div>
+            </div>
+        {%- endif -%}
+        {% assign hide_toolbar_github = site.hide_toolbar.github %}
+        {%- if hide_toolbar_github != true -%}
+            <div class="action edit-btn">
+                <img class="btn-icon" src="{{ '/assets/images/github.svg' | relative_url }}">
+                <div class="tooltip">View on Github</div>
+            </div>
+        {%- endif -%}
+    </div>
+</div>

data/_includes/welcome.html

@@ -0,0 +1,5 @@
+<div class="welcome-container">
+    <p class="welcome-text">Start by searching or selecting a document to browse</p>
+    <img class="welcome-image" src="{{ '/assets/images/index-img.png' | relative_url }}" />
+    <button class="welcome-button">Start Browsing</button>
+</div>

data/_layouts/default.html

@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>{{ page.title | default: site.title }}</title>
+  <meta name="description" content="{{ content | strip_html | truncate: 100, '' }}">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+  <meta property="og:image" content="{{ 'site.styling_options.logo_path' | relative_url }}">
+
+  <link rel="icon" href="{{ '/assets/images/favicon.ico' | relative_url }}">
+  <link href="https://fonts.googleapis.com/css?family=Fira+Mono&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Noto+Serif:400,700" rel="stylesheet" type="text/css">
+  <link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,700" rel="stylesheet" type="text/css">
+  <link rel="stylesheet" href="{{ '/assets/styles/normalize.css' | relative_url }}">
+  <link rel="stylesheet" href="{{ '/assets/styles/main.css' | relative_url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}"
+    href="{{ '/feed.xml' | relative_url }}">
+  <!-- Polyfill for corejs functions, promises, array.includes, array.from, etc. -->
+  <script src="{{ '/assets/vendor/babel-polyfill.min.js' | relative_url }}"></script>
+  <!-- Polyfill for dom functions -->
+  <script src="{{ '/assets/vendor/dom4.js' | relative_url }}" charset="utf-8"></script>
+  <!-- Polyfill for fetch API -->
+  <script src="{{ '/assets/vendor/fetch.umd.js' | relative_url }}"></script>
+  <!-- Priority Queue library for promises -->
+  <script src="{{ '/assets/js/pqueue.js' | relative_url }}"></script>
+  <!-- Helper functions that should be preloaded go here -->
+  <script src="{{ '/assets/js/helpers.js' | relative_url }}"></script>
+  {%- if jekyll.environment == 'production' and site.google_analytics -%}
+  <script src="{{ '/assets/js/google_analytics.js' | relative_url }}"></script>
+  {%- endif -%}
+</head>
+
+<body>
+  <div class="site-header no-print">
+    <div class="site-header-left">
+      <a href="{{ '/'  | relative_url }}">
+        <h1 class="site-header-text">
+          {{ site.title }}
+        </h1>
+      </a>
+      <span class="site-last-updated">
+        LAST UPDATED: {{ site.time | date_to_long_string | upcase }}
+      </span>
+    </div>
+    <div class="site-header-right">
+      {%- assign feedback_url = 'https://www.order2cash.com' -%}
+      {%- if site.styling_options.feedback_url and site.styling_options.feedback_url != '' -%}
+        {%- assign feedback_url = site.styling_options.feedback_url -%}
+      {%- endif -%}
+      <a id="contact-us" href="{{ feedback_url }}" target="_blank">
+        <span>Contact Us</span>
+      </a>
+      <a href="{{ site.styling_options.logo_url }}" class="desktop">
+        <img class="agency-logo" src="{{ site.styling_options.logo_path | relative_url }}">
+      </a>
+      <a href="{{ '/' | relative_url }}" class="mobile">
+        <img class="agency-logo" src="{{ site.styling_options.logo_path | relative_url }}">
+      </a>
+      <a class="search-btn top-mobile-btn">
+        <img src="{{ '/assets/images/search-icon-dark.svg' | relative_url }}">
+      </a>
+    </div>
+  </div>
+
+  <nav class="site-nav no-print">
+    <div class="nav-header no-print">
+      <div class="search-box">
+        <div class="search-icon-container search-btn">
+          <img class="search-icon mobile" src="{{ '/assets/images/search-icon-dark.svg' | relative_url }}"/>
+          <img class="search-icon" src="{{ '/assets/images/search-icon-white.svg' | relative_url }}"/>
+          <img class="close-icon" src="{{ '/assets/images/close.svg' | relative_url }}"/>
+        </div>
+        <span class="search-filter hidden">
+          {%- include_cached document-title.txt dir=page.dir info="title" -%}
+        </span>
+        <div class="search-input-container">
+          <p class="search-header">search entire site</p>
+          <input id="search-box" placeholder="Search titles or keywords" type="text" />
+        </div>
+        <label class="clear-button">
+          <svg class="clear-icon" viewBox="0 0 18 18" width="18" height="18">
+            <path d="M2.42755 1L17.0331 15.60554l-1.41423 1.4142L1 2.38402"></path>
+            <path d="M1 15.51932L15.51933 1l1.4142 1.4142L2.2978 17.0331"></path>
+          </svg>
+        </label>
+      </div>
+      <div class="search-results">
+      </div>
+    </div>
+    <div class="nav-main no-print">
+      {%- if site.fast_build -%}
+      {% include_cached directory.html %}
+      {%- else -%}
+      {% include_cached directory.html currdir=page.dir %}
+      {%- endif -%}
+    </div>
+  </nav>
+
+  {%- if page.name == 'index.html' -%}
+  <div id="index-div" class="index">
+  {%- else -%}
+  <div id="index-div">
+  {%- endif- %}
+  <header class="doc-header no-print">
+    <div class=description-container>
+      <h2 id="document-title">
+        {% include_cached document-title.txt dir=page.dir info="title" %}
+      </h2>
+      <div>
+        <div id="document-subtitle">
+          {% include_cached document-title.txt dir=page.dir info="subtitle" %}
+        </div>
+      </div>
+    </div>
+  </header>
+
+  {% include_cached toolbar.html %}
+  </div>
+
+  <main class="site-main" id="main-content" aria-label="Content">
+    {%- assign stripped_content = content | strip -%}
+    {%- if page.name != 'index.html' and stripped_content.size > 0 -%}
+    {{ content | replace: "!!^", "<i style='margin-left:30px'></i>"}}
+    {%- else -%}
+    {% include_cached welcome.html %}
+    {%- endif- %}
+  </main>
+  <div class="site-branding no-print">
+    Powered by <a href="https://opendoc.sg"><img src="{{ '/assets/images/opendoc-logo-full.svg' | relative_url }}"></a>
+  </div>
+
+  <script src="{{ '/assets/vendor/jump.min.js' | relative_url }}" charset="utf-8"></script>
+  <script src="{{ '/assets/vendor/headroom.min.js' | relative_url }}" charset="utf-8"></script>
+  <script src="{{ '/assets/vendor/mark.min.js' | relative_url }}" charset="utf-8"></script>
+  <script src="{{ '/assets/vendor/web-share-shim.bundle.min.js' | relative_url }}"></script>
+  <script src="{{ '/assets/js/toolbar.js' | relative_url }}"></script>
+  <script src="{{ '/assets/js/page-index.js' | relative_url }}"></script>
+  <script src="{{ '/assets/js/pre-loader.js' | relative_url }}"></script>
+  <script src="{{ '/assets/js/lunr.min.js' | relative_url }}"></script>
+  <script src="{{ '/assets/js/search.js' | relative_url }}"></script>
+  <script src="{{ '/assets/js/header.js' | relative_url }}"></script>
+  <script src="{{ '/assets/js/navigation.js' | relative_url }}"></script>
+</body>
+
+</html>