From mboxrd@z Thu Jan  1 00:00:00 1970
Received: from mga17.intel.com (mga17.intel.com [192.55.52.151])
 by mx.groups.io with SMTP id smtpd.web08.12911.1607717276469634820
 for <devel@edk2.groups.io>;
 Fri, 11 Dec 2020 12:07:56 -0800
Authentication-Results: mx.groups.io;
 dkim=missing; spf=pass (domain: intel.com, ip: 192.55.52.151, mailfrom: michael.d.kinney@intel.com)
IronPort-SDR: x1DoKR8osxoAuijZ5x5ni04SDq5egLIhfXFxJrQTwKhCAhWGfUTbRYxf0uV1riBzUHAuQ9fI01
 rjlW+TsYHsnQ==
X-IronPort-AV: E=McAfee;i="6000,8403,9832"; a="154302275"
X-IronPort-AV: E=Sophos;i="5.78,412,1599548400"; 
   d="scan'208";a="154302275"
Received: from orsmga008.jf.intel.com ([10.7.209.65])
  by fmsmga107.fm.intel.com with ESMTP/TLS/ECDHE-RSA-AES256-GCM-SHA384; 11 Dec 2020 12:07:56 -0800
IronPort-SDR: a0UYtDUSSOp2jE6F20AeRv8e5Ct0C4Nd28KYMcx2zuQzb9X77owavLTKeN1qqChQKqAG4D6ML8
 hwG4EArK4NZw==
X-IronPort-AV: E=Sophos;i="5.78,412,1599548400"; 
   d="scan'208";a="365601932"
Received: from mdkinney-mobl2.amr.corp.intel.com ([10.212.203.56])
  by orsmga008-auth.jf.intel.com with ESMTP/TLS/ECDHE-RSA-AES256-GCM-SHA384; 11 Dec 2020 12:07:55 -0800
From: "Michael D Kinney" <michael.d.kinney@intel.com>
To: devel@edk2.groups.io
Cc: Jiewen Yao <jiewen.yao@intel.com>,
	Vincent Zimmer <vincent.zimmer@intel.com>,
	Laurie Jarlstrom <laurie.jarlstrom@intel.com>,
	Kevin Shaw <kevin.w.shaw@intel.com>
Subject: [tianocore-docs][ATBB-Memory_Protection_in_UEFI_BIOS][Patch 2/2] Update to match template and enable GitBook action
Date: Fri, 11 Dec 2020 12:07:48 -0800
Message-Id: <20201211200748.1622-3-michael.d.kinney@intel.com>
X-Mailer: git-send-email 2.29.2.windows.2
In-Reply-To: <20201211200748.1622-1-michael.d.kinney@intel.com>
References: <20201211200748.1622-1-michael.d.kinney@intel.com>
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Add layout directory to match template
* Update CSS styles to match template
* Add GitBook Action

Cc: Jiewen Yao <jiewen.yao@intel.com>
Cc: Vincent Zimmer <vincent.zimmer@intel.com>
Cc: Laurie Jarlstrom <laurie.jarlstrom@intel.com>
Cc: Kevin Shaw <kevin.w.shaw@intel.com>
Contributed-under: TianoCore Contribution Agreement 1.1
Signed-off-by: Michael D Kinney <michael.d.kinney@intel.com>
---
 .bookignore                          |   3 +
 .github/workflows/gitbook-action.yml |  39 +++++
 .gitignore                           |  10 +-
 _layouts/ebook/page.html             |  42 +++++
 _layouts/ebook/pdf_footer.html       |  17 ++
 _layouts/ebook/pdf_header.html       |  14 ++
 _layouts/ebook/summary.html          |  98 ++++++++++++
 _layouts/layout.html                 |  27 ++++
 _layouts/website/footer.html         |  17 ++
 _layouts/website/header.html         |  31 ++++
 _layouts/website/languages.html      |  19 +++
 _layouts/website/layout.html         |  28 ++++
 _layouts/website/page.html           |  86 +++++++++++
 _layouts/website/summary.html        |  61 ++++++++
 styles/epub.css                      | 221 ++------------------------
 styles/mobi.css                      |  50 ++++++
 styles/pdf.css                       | 221 +++-----------------------
 styles/website.css                   | 223 +++------------------------
 18 files changed, 591 insertions(+), 616 deletions(-)
 create mode 100644 .bookignore
 create mode 100644 .github/workflows/gitbook-action.yml
 create mode 100644 _layouts/ebook/page.html
 create mode 100644 _layouts/ebook/pdf_footer.html
 create mode 100644 _layouts/ebook/pdf_header.html
 create mode 100644 _layouts/ebook/summary.html
 create mode 100644 _layouts/layout.html
 create mode 100644 _layouts/website/footer.html
 create mode 100644 _layouts/website/header.html
 create mode 100644 _layouts/website/languages.html
 create mode 100644 _layouts/website/layout.html
 create mode 100644 _layouts/website/page.html
 create mode 100644 _layouts/website/summary.html
 create mode 100644 styles/mobi.css

diff --git a/.bookignore b/.bookignore
new file mode 100644
index 0000000..ed716f0
--- /dev/null
+++ b/.bookignore
@@ -0,0 +1,3 @@
+/.github
+.gitignore
+.bookignore
diff --git a/.github/workflows/gitbook-action.yml b/.github/workflows/gitbook-action.yml
new file mode 100644
index 0000000..917b0d7
--- /dev/null
+++ b/.github/workflows/gitbook-action.yml
@@ -0,0 +1,39 @@
+name: 'Gitbook Action Build'
+on:
+  push:
+    branches:
+      - master
+      - release/*
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout action
+      uses: actions/checkout@v2
+    - name: Get Branch
+      run: |
+        raw=$(git branch -r --contains ${{ github.ref }})
+        branch=${raw/  origin\/}
+        pubdir=${branch/master/draft}
+        pubdir=${pubdir////-}
+        echo "ON_PUSH_BRANCH_NAME=$branch" >> $GITHUB_ENV
+        echo "ON_PUSH_PUBDIR=$pubdir" >> $GITHUB_ENV
+    - name: Gitbook Action
+      uses: zanderzhao/gitbook-action@v1.2.4
+      with:
+        token: ${{secrets.GITBOOK_ACTION_PERSONAL_TOKEN}}
+        source_branch: ${{env.ON_PUSH_BRANCH_NAME}}
+        publish_branch: gh-pages
+        publish_dir: ${{env.ON_PUSH_PUBDIR}}
+        publish_remove_last_build: true
+        gitbook_pdf: true
+        gitbook_pdf_dir: /
+        gitbook_pdf_name: ${{ github.event.repository.name }}-${{env.ON_PUSH_PUBDIR}}
+        gitbook_epub: true
+        gitbook_epub_dir: /
+        gitbook_epub_name: ${{ github.event.repository.name }}-${{env.ON_PUSH_PUBDIR}}
+        gitbook_mobi: true
+        gitbook_mobi_dir: /
+        gitbook_mobi_name: ${{ github.event.repository.name }}-${{env.ON_PUSH_PUBDIR}}
diff --git a/.gitignore b/.gitignore
index 1a366fb..e9c50d9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,12 +5,12 @@
 ## Dependency directory
 ## Commenting this out is preferred by some people, see
 ## https://docs.npmjs.com/misc/faq#should-i-check-my-node_modules-folder-into-git
-node_modules
+/node_modules
 
 # Book build output
-_book
+/_book
 
 # eBook build output
-*.epub
-*.mobi
-*.pdf
\ No newline at end of file
+/book.epub
+/book.mobi
+/book.pdf
\ No newline at end of file
diff --git a/_layouts/ebook/page.html b/_layouts/ebook/page.html
new file mode 100644
index 0000000..9dec3b5
--- /dev/null
+++ b/_layouts/ebook/page.html
@@ -0,0 +1,42 @@
+{% extends "layout.html" %}
+
+{% block title %}{{ page.title }}{% endblock %}
+{% block description %}{{ page.description }}{% endblock %}
+
+{% block style %}
+    {### Include theme css before plugins css ###}
+    {% if not fileExists(config.styles.print) %}
+        {% if options.format %}
+        <link rel="stylesheet" href="{{ (options.format + ".css")|resolveAsset }}">
+        {% else %}
+        <link rel="stylesheet" href="{{ "ebook.css"|resolveAsset }}">
+        {% endif %}
+    {% endif %}
+
+    {{ super() }}
+
+    {### Custom stylesheets for the book ###}
+
+    {% for type, style in config.styles %}
+        {% if fileExists(style) and (type == "ebook" or type == "print" or type == options.format) %}
+        <link rel="stylesheet" href="{{ style|resolveFile }}">
+        {% endif %}
+    {% endfor %}
+{% endblock %}
+
+{% block body %}
+<div class="page">
+    {% block page %}
+        <h1 class="book-chapter book-chapter-{{ page.depth }}">{{ page.title }}</h1>
+        {% if options.format == "mobi" %}
+            <div>
+                {{ page.content|safe }}
+            </div>
+        {% else %}
+            <div class="section">
+                {{ page.content|safe }}
+            </div>
+        {% endif %}
+    {% endblock %}
+</div>
+{% endblock %}
diff --git a/_layouts/ebook/pdf_footer.html b/_layouts/ebook/pdf_footer.html
new file mode 100644
index 0000000..709fa57
--- /dev/null
+++ b/_layouts/ebook/pdf_footer.html
@@ -0,0 +1,17 @@
+{% extends "./page.html" %}
+
+{% block body %}
+<div class="pdf-footer">
+  {% if book.draft %}
+    <p>
+      <div style="position:absolute;text-align:left">DRAFT FOR REVIEW [{{ gitbook.time|date('MM/DD/YYYY hh:mm:ss') }}]</div>
+      <div style="text-align:right">{{ page.num }}</div>
+    </p>  
+  {% else %}
+    <p>
+      <div style="position:absolute;text-align:left">{{ book.version }}</div>
+      <div style="text-align:right">{{ page.num }}</div>
+    </p>  
+  {% endif %}
+</div>
+{% endblock %}
diff --git a/_layouts/ebook/pdf_header.html b/_layouts/ebook/pdf_header.html
new file mode 100644
index 0000000..05c7450
--- /dev/null
+++ b/_layouts/ebook/pdf_header.html
@@ -0,0 +1,14 @@
+{% extends "./page.html" %}
+
+{% block body %}
+<div class="pdf-header">
+  <p>
+    {% if book.draft %}
+      <div style="position:absolute;text-align:left">{{ book.title }}[DRAFT]</div>
+    {% else %}
+      <div style="position:absolute;text-align:left">{{ book.title }}</div>
+    {% endif %}
+    <div style="text-align:right">{{ page.title }}</div>
+  </p>  
+</div>
+{% endblock %}
diff --git a/_layouts/ebook/summary.html b/_layouts/ebook/summary.html
new file mode 100644
index 0000000..946e8cb
--- /dev/null
+++ b/_layouts/ebook/summary.html
@@ -0,0 +1,98 @@
+{% extends "./page.html" %}
+
+{% block title %}{{ "SUMMARY"|t }}{% endblock %}
+
+{% macro articles(_articles) %}
+    {% for article in _articles %}
+        {% if options.format == "mobi" %}
+        <blockquote>
+        {% else %}
+        <li>
+        {% endif %}
+            <span class="inner">
+                {% if article.path or article.url %}
+                    {% if article.path %}
+                        <a href="{{ article.path|contentURL }}{{ article.anchor }}">{{ article.title }}</a>
+                    {% else %}
+                        <a target="_blank" href="{{ article.url }}">{{ article.title }}</a>
+                    {% endif %}
+                {% else %}
+                    <span>{{ article.title }}</span>
+                {% endif %}
+                {% if 0 %}
+                <span class="page">{{ article.level }}</span>
+                {% endif %}
+            </span>
+            {% if article.articles.length > 0 %}
+                {% if options.format == "mobi" %}
+                    <blockquote>
+                        {{ articles(article.articles) }}
+                    </blockquote>
+                {% else %}
+                    <ol>
+                        {{ articles(article.articles) }}
+                    </ol>
+                {% endif %}
+            {% endif %}
+        {% if options.format == "mobi" %}
+        </blockquote>
+        {% else %}
+        </li>
+        {% endif %}
+    {% endfor %}
+{% endmacro %}
+
+{% block page %}
+{% if options.format == "mobi" %}
+<div>
+{% else %}
+<div class="section toc">
+{% endif %}
+    <h1>{{ "SUMMARY"|t }}</h1>
+    {% if options.format == "mobi" %}
+    <blockquote>
+    {% else %}
+    <ol>
+    {% endif %}
+        {% for part in summary.parts %}
+            {% if part.title %}
+                {% if options.format == "mobi" %}
+                    <blockquote>
+                        <span>{{ part.title }}</span>
+                    </blockquote>
+                {% else %}
+                    <li class="part-title">
+                        <span>{{ part.title }}</span>
+                    </li>
+                {% endif %}
+            {% endif %}
+            {{ articles(part.articles) }}
+
+            {% if not loop.last and not options.format == "mobi" %}
+            <li class="divider"></li>
+            {% endif %}
+        {% endfor %}
+
+        {% if glossary.path %}
+            {% if options.format == "mobi" %}
+                <blockquote>
+                    <span class="inner">
+                        <a href="{{ ('/' + glossary.path)|contentURL }}">{{ "GLOSSARY"|t }}</a>
+                    </span>
+                </blockquote>
+            {% else %}
+                <li>
+                    <span class="inner">
+                        <a href="{{ ('/' + glossary.path)|contentURL }}">{{ "GLOSSARY"|t }}</a>
+                    </span>
+                </li>
+            {% endif %}
+        {% endif %}
+    {% if options.format == "mobi" %}
+    </blockquote>
+    {% else %}
+    </ol>
+    {% endif %}
+</div>
+{% endblock %}
+
diff --git a/_layouts/layout.html b/_layouts/layout.html
new file mode 100644
index 0000000..884574c
--- /dev/null
+++ b/_layouts/layout.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html lang="{{ config.language }}" {% if page.dir == "rtl" %}dir="rtl"{% endif %}>
+    <head>
+        <meta charset="UTF-8">
+        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+        <title>{% block title %}{{ config.title|d("GitBook", true) }}{% endblock %}</title>
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="description" content="{% block description %}{% endblock %}">
+        <meta name="generator" content="GitBook {{ gitbook.version }}">
+        {% if config.author %}<meta name="author" content="{{ config.author }}">{% endif %}
+        {% if config.isbn %}<meta name="identifier" content="{{ config.isbn }}" scheme="ISBN">{% endif %}
+        {% block style %}
+            {% for resource in plugins.resources.css %}
+                {% if resource.url %}
+                <link rel="stylesheet" href="{{ resource.url }}">
+                {% else %}
+                <link rel="stylesheet" href="{{ resource.path|resolveAsset }}">
+                {% endif %}
+            {% endfor %}
+        {% endblock %}
+        {% block head %}{% endblock %}
+    </head>
+    <body>
+        {% block body %}{% endblock %}
+        {% block javascript %}{% endblock %}
+    </body>
+</html>
diff --git a/_layouts/website/footer.html b/_layouts/website/footer.html
new file mode 100644
index 0000000..c37da01
--- /dev/null
+++ b/_layouts/website/footer.html
@@ -0,0 +1,17 @@
+{% block book_footer %}
+<div>
+    <hr>
+    {% if book.draft %}
+      <h2>
+        <div style="position:absolute;text-align:left">{{ book.title }}</div>
+        <div style="position:absolute;width:100%;text-align:center">DRAFT [{{ gitbook.time|date('MM/DD/YYYY hh:mm:ss') }}]</div>
+        <div style="text-align:right">{{ book.version }}</div>
+      </h2>  
+    {% else %}
+      <h2>
+        <div style="position:absolute;text-align:left">{{ book.title }}</div>
+        <div style="text-align:right">{{ book.version }}</div>
+      </h2>  
+    {% endif %}
+</div>
+{% endblock %}
diff --git a/_layouts/website/header.html b/_layouts/website/header.html
new file mode 100644
index 0000000..2e5971c
--- /dev/null
+++ b/_layouts/website/header.html
@@ -0,0 +1,31 @@
+{% block book_header %}
+<div class="book-header" role="navigation">
+    {% if glossary.path %}
+    <a href="{{ ('/' + glossary.path)|resolveFile }}" class="btn pull-left" aria-label="{{ "GLOSSARY_OPEN"|t }}"><i class="fa fa-sort-alpha-asc"></i></a>
+    {% endif %}
+
+    <!-- Title -->
+    <h1>
+        <i class="fa fa-circle-o-notch fa-spin"></i>
+        <a href="{{ "/"|resolveFile }}" >{{ page.title }}</a>
+    </h1>
+</div>
+<div>
+    <!-- 
+    <img style="float:left; align:middle; height:2em" src="media/TianocoreTitlePageLogo.jpg"/>
+     -->
+    {% if book.draft %}
+      <h2>
+        <div style="position:absolute;text-align:left">{{ book.title }}</div>
+        <div style="position:absolute;width:100%;text-align:center">DRAFT [{{ gitbook.time|date('MM/DD/YYYY hh:mm:ss') }}]</div>
+        <div style="text-align:right">{{ book.version }}</div>
+      </h2>  
+    {% else %}
+      <h2>
+        <div style="position:absolute;text-align:left">{{ book.title }}</div>
+        <div style="text-align:right">{{ book.version }}</div>
+      </h2>  
+    {% endif %}
+    <hr>
+</div>
+{% endblock %}
diff --git a/_layouts/website/languages.html b/_layouts/website/languages.html
new file mode 100644
index 0000000..a9d43be
--- /dev/null
+++ b/_layouts/website/languages.html
@@ -0,0 +1,19 @@
+{% extends "./layout.html" %}
+
+{% block title %}{{ "LANGS_CHOOSE"|t }} · {{ super() }}{% endblock %}
+
+{% block body %}
+<div class="book-langs-index" role="navigation">
+    <div class="inner">
+        <h3>{{ "LANGS_CHOOSE"|t }}</h3>
+
+        <ul class="languages">
+        {%  for lang in languages.list %}
+            <li>
+                <a href="{{ (lang.id + "/README.md")|contentURL }}">{{ lang.title }}</a>
+            </li>
+        {% endfor %}
+        </ul>
+    </div>
+</div>
+{% endblock %}
diff --git a/_layouts/website/layout.html b/_layouts/website/layout.html
new file mode 100644
index 0000000..5fa7fe8
--- /dev/null
+++ b/_layouts/website/layout.html
@@ -0,0 +1,28 @@
+{% extends "layout.html" %}
+
+{% block head %}
+    {{ super() }}
+    <meta name="HandheldFriendly" content="true"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ "images/apple-touch-icon-precomposed-152.png"|resolveAsset }}">
+    <link rel="shortcut icon" href="{{ "images/favicon.ico"|resolveAsset }}" type="image/x-icon">
+{% endblock %}
+
+{% block style %}
+    {### Include theme css before plugins css ###}
+    <link rel="stylesheet" href="{{ "style.css"|resolveAsset }}">
+
+    {{ super() }}
+
+    {### Custom stylesheets for the book ###}
+
+    {% for type, style in config.styles %}
+        {% if fileExists(style) and type == "website" %}
+        <link rel="stylesheet" href="{{ style|resolveFile }}">
+        {% endif %}
+    {% endfor %}
+{% endblock %}
+
+{% block body %}{% endblock %}
diff --git a/_layouts/website/page.html b/_layouts/website/page.html
new file mode 100644
index 0000000..d78a348
--- /dev/null
+++ b/_layouts/website/page.html
@@ -0,0 +1,86 @@
+{% extends "./layout.html" %}
+
+{% block title %}{{ page.title }} · {{ super() }}{% endblock %}
+
+{% block description %}{{ page.description }}{% endblock %}
+
+{% block head %}
+    {{ super() }}
+    {% if page.next and page.next.path %}
+    <link rel="next" href="{{ page.next.path|resolveFile }}" />
+    {% endif %}
+    {% if page.previous and page.previous.path %}
+    <link rel="prev" href="{{ page.previous.path|resolveFile }}" />
+    {% endif %}
+{% endblock %}
+
+{% block javascript %}
+    <script src="{{ "gitbook.js"|resolveAsset }}"></script>
+    <script src="{{ "theme.js"|resolveAsset }}"></script>
+    {% for resource in plugins.resources.js %}
+        {% if resource.url %}
+        <script src="{{ resource.url }}"></script>
+        {% else %}
+        <script src="{{ resource.path|resolveAsset }}"></script>
+        {% endif %}
+    {% endfor %}
+{% endblock %}
+
+{% block body %}
+<div class="book">
+    <div class="book-summary">
+        {% block book_sidebar %}
+            {% block search_input %}{% endblock %}
+            {% block book_summary %}
+                <nav role="navigation">
+                {% include "website/summary.html" %}
+                </nav>
+            {% endblock %}
+        {% endblock %}
+    </div>
+
+    <div class="book-body">
+        {% block book_body %}
+            <div class="body-inner">
+                {% block book_inner %}
+                    {% include "website/header.html" %}
+
+                    <div class="page-wrapper" tabindex="-1" role="main">
+                        <div class="page-inner">
+                            {% block search_results %}
+                                <section class="normal markdown-section">
+                                {% block page %}
+                                {{ page.content|safe }}
+                                {% endblock %}
+                                </section>
+                            {% endblock %}
+                        </div>
+                    </div>
+                    
+                    {% include "website/footer.html" %}
+                {% endblock %}
+            </div>
+
+            {% block book_navigation %}
+                {% if page.previous and page.previous.path %}
+                <a href="{{ page.previous.path|resolveFile }}{{ page.previous.anchor }}" class="navigation navigation-prev {% if not (page.next and page.next.path) %}navigation-unique{% endif %}" aria-label="Previous page: {{ page.previous.title }}">
+                    <i class="fa fa-angle-left"></i>
+                </a>
+                {% endif %}
+                {% if page.next and page.next.path %}
+                <a href="{{ page.next.path|resolveFile }}{{ page.next.anchor }}" class="navigation navigation-next {% if not (page.previous and page.previous.path) %}navigation-unique{% endif %}" aria-label="Next page: {{ page.next.title }}">
+                    <i class="fa fa-angle-right"></i>
+                </a>
+                {% endif %}
+            {% endblock %}
+        {% endblock %}
+    </div>
+
+    <script>
+        var gitbook = gitbook || [];
+        gitbook.push(function() {
+            gitbook.page.hasChanged({{ template.getJSContext()|dump|safe }});
+        });
+    </script>
+</div>
+{% endblock %}
diff --git a/_layouts/website/summary.html b/_layouts/website/summary.html
new file mode 100644
index 0000000..e43c954
--- /dev/null
+++ b/_layouts/website/summary.html
@@ -0,0 +1,61 @@
+{% macro articles(_articles) %}
+    {% for article in _articles %}
+        <li class="chapter {% if article.path == file.path and not article.anchor %}active{% endif %}" data-level="{{ article.level }}" {% if article.path %}data-path="{{ article.path|resolveFile }}"{% endif %}>
+            {% if article.path and getPageByPath(article.path) %}
+                <a href="{{ article.path|resolveFile }}{{ article.anchor }}">
+            {% elif article.url %}
+                <a target="_blank" href="{{ article.url }}">
+            {% else %}
+                <span>
+            {% endif %}
+                    {% if article.level != "0" and config.pluginsConfig['theme-default'].showLevel %}
+                        <b>{{ article.level }}.</b>
+                    {% endif %}
+                    {{ article.title }}
+            {% if article.path  or article.url %}
+                </a>
+            {% else %}
+                </span>
+            {% endif %}
+
+            {% if article.articles.length > 0 %}
+            <ul class="articles">
+                {{ articles(article.articles, file, config) }}
+            </ul>
+            {% endif %}
+        </li>
+    {% endfor %}
+{% endmacro %}
+
+<ul class="summary">
+    {% set _divider = false %}
+    {% if config.links.sidebar  %}
+    {% for linkTitle, link in config.links.sidebar  %}
+        {% set _divider = true %}
+        <li>
+            <a href="{{ link }}" target="_blank" class="custom-link">{{ linkTitle }}</a>
+        </li>
+    {% endfor %}
+    {% endif %}
+
+    {% if _divider %}
+    <li class="divider"></li>
+    {% endif %}
+
+    {% for part in summary.parts %}
+        {% if part.title %}
+        <li class="header">{{ part.title }}</li>
+        {% elif not loop.first %}
+        <li class="divider"></li>
+        {% endif %}
+        {{ articles(part.articles, file, config) }}
+    {% endfor %}
+
+    <li class="divider"></li>
+
+    <li>
+        <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
+            {{ "GITBOOK_LINK"|t }}
+        </a>
+    </li>
+</ul>
diff --git a/styles/epub.css b/styles/epub.css
index b9729f1..56f8394 100644
--- a/styles/epub.css
+++ b/styles/epub.css
@@ -1,235 +1,48 @@
-/* CSS for pdf */
-
-body {
-    background: #f1f1f1;
-    border-top: 10px solid #999999;
-    font-size: 12pt;
-}
-
-#mainbody {
-    margin-left: auto;
-    margin-right: auto;
-    width: 60em;
-}
-
-#topbar {
-    top: 0;
-    left: 0;
-    bottom: 0;
-    width: 60em;
-    background: url("../images/header-bg.jpg") no-repeat;
-    border-top: 10px solid #ff6600;
-    margin-top: -10px;
-    float: left;
-}
-
-#topbar.front-page {
-    height: 13em;
-}
-
-#topbar #logo {
-  position: relative;
-  top: 85px;
-  left: 20px;
-}
-
-#topbar #small-logo {
-    position: relative;
-    left: 20px;
-    padding: 0.1em 0 0.1em 0;
-    height: 3em;
-}
-
-#sidebar {
-    float: left;
-    z-index: 1;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    padding: 2em 0.5em 0 0.5em;
-    width: 9em;
-}
-
-div.main-page.content {
-    float: left;
-    width: 35em;
-}
-
-div.main-page.news {
-    float: right;
-    width: 20em;
-}
-
-div.main-page.news h2 {
-    border-top: 10px solid #365f91;
-    border-bottom: 1px solid #333333;
-    color: #333333;
-    padding: 0.5em;
-    margin: 0;
-}
-
-div.main-page.news ul {
-    margin: 0;
-    list-style: none;
-    list-style-image: none;
-}
-
-div.main-page.news ul li {
-    border-bottom: 1px solid #333333;
-    padding: 0.5em;
-    color: #777777;
-}
-
-div.main-page.news ul li a {
-    font-weight: bold;
-}
-
-div.news-page.news-item {
-    border-top: 1px solid #777777;
-    width: 100%;
-    padding: 0;
-    margin: 0;
-}
-
-#content {
-    margin: 0px;
-    padding: 2em 1em;
-    font-family: Helvetica;
-    color: #40494d;
-    background-color: #fff;
-    width: 100%;
-    max-width: 60em;
-    display: block;
-    float: left;
-}
-
-#content #buttons a {
-  background: #ff6600;
-  color: #333333;
-  font-family: "Helvetica";
-  text-transform: uppercase;
-  font-size: 15px;
-  display: inline-block;
-  padding: 8px 25px;
-  margin: 10px 20px 10px 0;
-}
-
-#footer {
-  background: #999999;
-  margin-bottom: 60px;
-  width: 100%;
-  float: left;
-  padding: 0.5em 1em;
-}
-#footer #footer-inner {
-  height: 2em;
-  background: url("../images/footer-icon.svg") no-repeat right center;
-}
-#footer #footer-inner a {
-  color: white;
-  font-size: 14px;
-}
-@media (min-width: 0em) and (max-width: 63.9375em) {
-  #footer #footer-inner {
-    padding: 10px 20px;
-    background-position: right 20px center;
-  }
-}
-@media (min-width: 64em) {
-  #page-wrapper #page #footer-inner {
-    -sgs-span-settings: ("span": 3, "location": 2, "grid": 20px 630px 20px 310px 20px, "gutter": 0.25, "style": "opposite", "start row": false, "end row": false, "fixed gutter": true, "split gutter": false, "gutter property": "padding", "options": (("both": null)));
-    width: 96%;
-    float: left;
-    margin-right: -100%;
-    margin-left: 2%;
-    clear: none;
-    padding-right: 0.25;
-  }
-}
-@media (min-width: 0em) and (max-width: 63.9375em) {
-  #page-wrapper #page #footer-inner {
-    -sgs-span-settings: ("span": 1, "location": 1, "grid": 1, "gutter": 0.25, "style": "opposite", "start row": true, "end row": true, "fixed gutter": false, "split gutter": false, "gutter property": "margin", "options": ((null: null)));
-    width: 100%;
-    float: right;
-    margin-left: 0;
-    margin-right: 0;
-    clear: none;
-  }
-}
-
-ul {
-    font-family: sans-serif;
-    list-style-type: square;
-    padding: 0 0 0 0;
-    margin: 0.3em 0 0 1.5em;
-}
-
-.site-menu {
-    color: #a0a0a0;
-}
-
-a.site-menu:hover {
-    color: #4048c0;
-}
-
-a {
-    color: #0860A8;
-    text-decoration: none;
-}
-
-a:hover {
-    color: #0860A8;
-    text-decoration: underline;
+p {
+    font-family: sans, sans-serif, Arial;
 }
 
-p {
-    margin: .4em 0 .5em 0;
-    line-height: 1.5em;
+body {
+    font-family: sans, sans-serif, Arial;
 }
 
 h1 {
     color: #0860A8;
-    font-family: "Helvetica";
     font-weight: normal;
     font-size: 190%;
     text-transform: uppercase;
-    margin-top: 0;
-    margin-bottom: 0;
 }
 
 h2 {
     color: #0860A8;
-    font-family: "Helvetica";
     font-size: 130%
 }
 
 h3 {
     color: #0860A8;
     font-weight: bold;
-    font-size: 90%
+    font-size: 100%
 }
 
 h4 {
     color: #0860A8;
-    font-weight: bold;
     font-size: 90%
 }
 
-.t_projects th {
-    background-color: #DBEBFF;
+h5 {
+    color: #0860A8;
+    font-weight: bold;
+    font-size: 90%;
 }
 
-.t_projects table, th, td {
-    border: 1px solid #ccc;
-    font-size: 80%;
+h6 {
+    font-weight: bold;
+    font-size: 90%;
+    text-align: center;
 }
 
-.section.toc {
-    display: none;
+img {
+    max-width: 100%;
+    height: auto;
 }
-
-/* TODO: Consider css for
- *
- * .posts .site .header .title .meta .footer .contact .rss .post
- */
- 
\ No newline at end of file
+    
diff --git a/styles/mobi.css b/styles/mobi.css
new file mode 100644
index 0000000..efa36c5
--- /dev/null
+++ b/styles/mobi.css
@@ -0,0 +1,50 @@
+p {
+    font-family: sans, sans-serif, Arial;
+}
+
+body {
+    font-family: sans, sans-serif, Arial;
+}
+
+h1 {
+    color: #0860A8;
+    font-weight: bold;
+    font-size: 170%;
+    text-transform: uppercase;
+}
+
+h2 {
+    color: #0860A8;
+    font-weight: bold;
+    font-size: 160%
+}
+
+h3 {
+    color: #0860A8;
+    font-weight: bold;
+    font-size: 150%
+}
+
+h4 {
+    color: #0860A8;
+    font-weight: bold;
+    font-size: 140%
+}
+
+h5 {
+    color: #0860A8;
+    font-weight: bold;
+    font-size: 130%;
+}
+
+h6 {
+    font-weight: bold;
+    font-size: 100%;
+    text-align: center;
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+}
+    
diff --git a/styles/pdf.css b/styles/pdf.css
index 56f3448..56f8394 100644
--- a/styles/pdf.css
+++ b/styles/pdf.css
@@ -1,233 +1,48 @@
-/* CSS for pdf */
-
-body {
-    background: #f1f1f1;
-    border-top: 10px solid #999999;
-    font-size: 12pt;
-}
-
-#mainbody {
-    margin-left: auto;
-    margin-right: auto;
-    width: 60em;
-}
-
-#topbar {
-    top: 0;
-    left: 0;
-    bottom: 0;
-    width: 60em;
-    background: url("../images/header-bg.jpg") no-repeat;
-    border-top: 10px solid #ff6600;
-    margin-top: -10px;
-    float: left;
-}
-
-#topbar.front-page {
-    height: 13em;
-}
-
-#topbar #logo {
-  position: relative;
-  top: 85px;
-  left: 20px;
-}
-
-#topbar #small-logo {
-    position: relative;
-    left: 20px;
-    padding: 0.1em 0 0.1em 0;
-    height: 3em;
-}
-
-#sidebar {
-    float: left;
-    z-index: 1;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    padding: 2em 0.5em 0 0.5em;
-    width: 9em;
-}
-
-div.main-page.content {
-    float: left;
-    width: 35em;
-}
-
-div.main-page.news {
-    float: right;
-    width: 20em;
-}
-
-div.main-page.news h2 {
-    border-top: 10px solid #365f91;
-    border-bottom: 1px solid #333333;
-    color: #333333;
-    padding: 0.5em;
-    margin: 0;
-}
-
-div.main-page.news ul {
-    margin: 0;
-    list-style: none;
-    list-style-image: none;
-}
-
-div.main-page.news ul li {
-    border-bottom: 1px solid #333333;
-    padding: 0.5em;
-    color: #777777;
-}
-
-div.main-page.news ul li a {
-    font-weight: bold;
-}
-
-div.news-page.news-item {
-    border-top: 1px solid #777777;
-    width: 100%;
-    padding: 0;
-    margin: 0;
-}
-
-#content {
-    margin: 0px;
-    padding: 2em 1em;
-    font-family: Helvetica;
-    color: #40494d;
-    background-color: #fff;
-    width: 100%;
-    max-width: 60em;
-    display: block;
-    float: left;
-}
-
-#content #buttons a {
-  background: #ff6600;
-  color: #333333;
-  font-family: "Helvetica";
-  text-transform: uppercase;
-  font-size: 15px;
-  display: inline-block;
-  padding: 8px 25px;
-  margin: 10px 20px 10px 0;
-}
-
-#footer {
-  background: #999999;
-  margin-bottom: 60px;
-  width: 100%;
-  float: left;
-  padding: 0.5em 1em;
-}
-#footer #footer-inner {
-  height: 2em;
-  background: url("../images/footer-icon.svg") no-repeat right center;
-}
-#footer #footer-inner a {
-  color: white;
-  font-size: 14px;
-}
-@media (min-width: 0em) and (max-width: 63.9375em) {
-  #footer #footer-inner {
-    padding: 10px 20px;
-    background-position: right 20px center;
-  }
-}
-@media (min-width: 64em) {
-  #page-wrapper #page #footer-inner {
-    -sgs-span-settings: ("span": 3, "location": 2, "grid": 20px 630px 20px 310px 20px, "gutter": 0.25, "style": "opposite", "start row": false, "end row": false, "fixed gutter": true, "split gutter": false, "gutter property": "padding", "options": (("both": null)));
-    width: 96%;
-    float: left;
-    margin-right: -100%;
-    margin-left: 2%;
-    clear: none;
-    padding-right: 0.25;
-  }
-}
-@media (min-width: 0em) and (max-width: 63.9375em) {
-  #page-wrapper #page #footer-inner {
-    -sgs-span-settings: ("span": 1, "location": 1, "grid": 1, "gutter": 0.25, "style": "opposite", "start row": true, "end row": true, "fixed gutter": false, "split gutter": false, "gutter property": "margin", "options": ((null: null)));
-    width: 100%;
-    float: right;
-    margin-left: 0;
-    margin-right: 0;
-    clear: none;
-  }
-}
-
-ul {
-    font-family: sans-serif;
-    list-style-type: square;
-    padding: 0 0 0 0;
-    margin: 0.3em 0 0 1.5em;
-}
-
-.site-menu {
-    color: #a0a0a0;
-}
-
-a.site-menu:hover {
-    color: #4048c0;
-}
-
-a {
-    color: #0860A8;
-    text-decoration: none;
-}
-
-a:hover {
-    color: #0860A8;
-    text-decoration: underline;
+p {
+    font-family: sans, sans-serif, Arial;
 }
 
-p {
-    margin: .4em 0 .5em 0;
-    line-height: 1.5em;
+body {
+    font-family: sans, sans-serif, Arial;
 }
 
 h1 {
     color: #0860A8;
-    font-family: "Helvetica";
     font-weight: normal;
     font-size: 190%;
     text-transform: uppercase;
-    margin-top: 0;
-    margin-bottom: 0;
 }
 
 h2 {
     color: #0860A8;
-    font-family: "Helvetica";
     font-size: 130%
 }
 
 h3 {
     color: #0860A8;
     font-weight: bold;
-    font-size: 90%
+    font-size: 100%
 }
 
 h4 {
     color: #0860A8;
-    font-weight: bold;
     font-size: 90%
 }
 
-
-.t_projects th {
-    background-color: #DBEBFF;
+h5 {
+    color: #0860A8;
+    font-weight: bold;
+    font-size: 90%;
 }
 
-.t_projects table, th, td {
-    border: 1px solid #ccc;
-    font-size: 80%;
+h6 {
+    font-weight: bold;
+    font-size: 90%;
+    text-align: center;
 }
 
-
-/* TODO: Consider css for
- *
- * .posts .site .header .title .meta .footer .contact .rss .post
- */
- 
\ No newline at end of file
+img {
+    max-width: 100%;
+    height: auto;
+}
+    
diff --git a/styles/website.css b/styles/website.css
index a0df36a..56f8394 100644
--- a/styles/website.css
+++ b/styles/website.css
@@ -1,233 +1,48 @@
-/* CSS for website */
-/* CSS for website */
-
-body {
-    background: #f1f1f1;
-    border-top: 10px solid #999999;
-    font-size: 12pt;
-}
-
-#mainbody {
-    margin-left: auto;
-    margin-right: auto;
-    width: 60em;
-}
-
-#topbar {
-    top: 0;
-    left: 0;
-    bottom: 0;
-    width: 60em;
-    background: url("../images/header-bg.jpg") no-repeat;
-    border-top: 10px solid #ff6600;
-    margin-top: -10px;
-    float: left;
-}
-
-#topbar.front-page {
-    height: 13em;
-}
-
-#topbar #logo {
-  position: relative;
-  top: 85px;
-  left: 20px;
-}
-
-#topbar #small-logo {
-    position: relative;
-    left: 20px;
-    padding: 0.1em 0 0.1em 0;
-    height: 3em;
-}
-
-#sidebar {
-    float: left;
-    z-index: 1;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    padding: 2em 0.5em 0 0.5em;
-    width: 9em;
-}
-
-div.main-page.content {
-    float: left;
-    width: 35em;
-}
-
-div.main-page.news {
-    float: right;
-    width: 20em;
-}
-
-div.main-page.news h2 {
-    border-top: 10px solid #365f91;
-    border-bottom: 1px solid #333333;
-    color: #333333;
-    padding: 0.5em;
-    margin: 0;
-}
-
-div.main-page.news ul {
-    margin: 0;
-    list-style: none;
-    list-style-image: none;
-}
-
-div.main-page.news ul li {
-    border-bottom: 1px solid #333333;
-    padding: 0.5em;
-    color: #777777;
-}
-
-div.main-page.news ul li a {
-    font-weight: bold;
-}
-
-div.news-page.news-item {
-    border-top: 1px solid #777777;
-    width: 100%;
-    padding: 0;
-    margin: 0;
-}
-
-#content {
-    margin: 0px;
-    padding: 2em 1em;
-    font-family: Helvetica;
-    color: #40494d;
-    background-color: #fff;
-    width: 100%;
-    max-width: 60em;
-    display: block;
-    float: left;
-}
-
-#content #buttons a {
-  background: #ff6600;
-  color: #333333;
-  font-family: "Helvetica";
-  text-transform: uppercase;
-  font-size: 15px;
-  display: inline-block;
-  padding: 8px 25px;
-  margin: 10px 20px 10px 0;
-}
-
-#footer {
-  background: #999999;
-  margin-bottom: 60px;
-  width: 100%;
-  float: left;
-  padding: 0.5em 1em;
-}
-#footer #footer-inner {
-  height: 2em;
-  background: url("../images/footer-icon.svg") no-repeat right center;
-}
-#footer #footer-inner a {
-  color: white;
-  font-size: 14px;
-}
-@media (min-width: 0em) and (max-width: 63.9375em) {
-  #footer #footer-inner {
-    padding: 10px 20px;
-    background-position: right 20px center;
-  }
-}
-@media (min-width: 64em) {
-  #page-wrapper #page #footer-inner {
-    -sgs-span-settings: ("span": 3, "location": 2, "grid": 20px 630px 20px 310px 20px, "gutter": 0.25, "style": "opposite", "start row": false, "end row": false, "fixed gutter": true, "split gutter": false, "gutter property": "padding", "options": (("both": null)));
-    width: 96%;
-    float: left;
-    margin-right: -100%;
-    margin-left: 2%;
-    clear: none;
-    padding-right: 0.25;
-  }
-}
-@media (min-width: 0em) and (max-width: 63.9375em) {
-  #page-wrapper #page #footer-inner {
-    -sgs-span-settings: ("span": 1, "location": 1, "grid": 1, "gutter": 0.25, "style": "opposite", "start row": true, "end row": true, "fixed gutter": false, "split gutter": false, "gutter property": "margin", "options": ((null: null)));
-    width: 100%;
-    float: right;
-    margin-left: 0;
-    margin-right: 0;
-    clear: none;
-  }
-}
-
-ul {
-    font-family: sans-serif;
-    list-style-type: square;
-    padding: 0 0 0 0;
-    margin: 0.3em 0 0 1.5em;
-}
-
-.site-menu {
-    color: #a0a0a0;
-}
-
-a.site-menu:hover {
-    color: #4048c0;
-}
-
-a {
-    color: #0860A8;
-    text-decoration: none;
-}
-
-a:hover {
-    color: #0860A8;
-    text-decoration: underline;
+p {
+    font-family: sans, sans-serif, Arial;
 }
 
-p {
-    margin: .4em 0 .5em 0;
-    line-height: 1.5em;
+body {
+    font-family: sans, sans-serif, Arial;
 }
 
 h1 {
     color: #0860A8;
-    font-family: "Helvetica";
     font-weight: normal;
     font-size: 190%;
     text-transform: uppercase;
-    margin-top: 0;
-    margin-bottom: 0;
 }
 
 h2 {
     color: #0860A8;
-    font-family: "Helvetica";
     font-size: 130%
 }
 
 h3 {
     color: #0860A8;
     font-weight: bold;
-    font-size: 90%
+    font-size: 100%
 }
+
 h4 {
     color: #0860A8;
-    font-weight: bold;
     font-size: 90%
 }
 
-
-.t_projects th {
-    background-color: #DBEBFF;
+h5 {
+    color: #0860A8;
+    font-weight: bold;
+    font-size: 90%;
 }
 
-.t_projects table, th, td {
-    border: 1px solid #ccc;
-    font-size: 80%;
+h6 {
+    font-weight: bold;
+    font-size: 90%;
+    text-align: center;
 }
 
-
-/* TODO: Consider css for
- *
- * .posts .site .header .title .meta .footer .contact .rss .post
- */
- 
+img {
+    max-width: 100%;
+    height: auto;
+}
+    
-- 
2.29.2.windows.2