Custom theme

Customise the theme colours and the navigation bar.
Update the content to use jekyll template variables.

.gitignore

@@ -1,2 +1,2 @@
-.DS_Store
+.DS_Store*
 _site/

_config.yml

@@ -14,4 +14,5 @@ plugins:
   - jekyll-feed
   - jekyll-seo-tag
 
-search_enabled: true
+search_enabled: true
+

_includes/javadoc.html

@@ -0,0 +1,7 @@
+
+    <li class="navigation-list-item{% if page.url contains '/javadoc/' %} active{% endif %}">
+        <a href="{{ site.url }}/javadoc/index.html" class="navigation-list-link{% if page.url contains '/javadoc/' %} active{% endif %}">API Documentation</a>
+    </li>
+    <li class="navigation-list-item{% if page.url contains 'CHANGELOG' %} active{% endif %}">
+        <a href="{{ site.url }}/javadoc/mozilla-central/org/mozilla/geckoview/doc-files/CHANGELOG.md" class="navigation-list-link{% if page.url contains 'CHANGELOG' %} active{% endif %}">API Changelog</a>
+    </li>

_includes/nav.html

@@ -0,0 +1,46 @@
+<nav role="navigation" aria-label="Main navigation">
+  <ul class="navigation-list">
+    {% assign pages_list = site.html_pages | sort:"nav_order" %}
+    {% for node in pages_list %}
+    <!-- <div>{{node.title}} = {{node.nav_exclude}}</div> -->
+      {% unless node.nav_exclude %}
+        {% if node.parent == nil %}
+          <li class="navigation-list-item{% if page.url == node.url or page.parent == node.title or page.grand_parent == node.title %} active{% endif %}">
+            {% if page.parent == node.title or page.grand_parent == node.title %}
+              {% assign first_level_url = node.url | absolute_url %}
+            {% endif %}
+            <a href="{{ node.url | absolute_url }}" class="navigation-list-link{% if page.url == node.url %} active{% endif %}">{{ node.title }}</a>
+            {% if node.has_children %}
+              {% assign children_list = site.html_pages | sort:"nav_order" %}
+              <ul class="navigation-list-child-list ">
+                {% for child in children_list %}
+                  {% if child.parent == node.title %}
+                    <li class="navigation-list-item {% if page.url == child.url or page.parent == child.title %} active{% endif %}">
+                      {% if page.url == child.url or page.parent == child.title %}
+                        {% assign second_level_url = child.url | absolute_url %}
+                      {% endif %}
+                      <a href="{{ child.url | absolute_url }}" class="navigation-list-link{% if page.url == child.url %} active{% endif %}">{{ child.title }}</a>
+                      {% if child.has_children %}
+                        {% assign grand_children_list = site.html_pages | sort:"nav_order" %}
+                        <ul class="navigation-list-child-list">
+                          {% for grand_child in grand_children_list %}
+                            {% if grand_child.parent == child.title %}
+                              <li class="navigation-list-item {% if page.url == grand_child.url %} active{% endif %}">
+                                <a href="{{ grand_child.url | absolute_url }}" class="navigation-list-link{% if page.url == grand_child.url %} active{% endif %}">{{ grand_child.title }}</a>
+                              </li>
+                            {% endif %}
+                          {% endfor %}
+                        </ul>
+                      {% endif %}
+                    </li>
+                  {% endif %}
+                {% endfor %}
+              </ul>
+            {% endif %}
+          </li>
+        {% endif %}
+      {% endunless %}
+    {% endfor %}
+    {% include javadoc.html %}
+  </ul>
+</nav>

_sass/custom/custom.scss

@@ -0,0 +1,10 @@
+$sidebar-color: #ededf0;
+
+$body-text-color: #4a4a4f;
+$body-heading-color: #2a2a2e;
+$nav-child-link-color: #2a2a2e;
+
+$link-color: #0060df;
+$btn-primary-color: #003eaa;
+
+$code-background-color: #ededf0;

index.md

@@ -1,8 +1,8 @@
 ---
 layout: default
+title: Home
+nav_order: 1
 ---
-# GeckoView
-
 ## Get Started with GeckoView
 
 * [GeckoView Quick Start Guide](https://wiki.mozilla.org/Mobile/GeckoView#Get_Started)

javadoc/mozilla-central/org/mozilla/geckoview/doc-files/CHANGELOG.md

@@ -2,6 +2,7 @@
 layout: default
 title: API Changelog
 description: GeckoView API Changelog.
+nav_exclude: true
 ---
 
 <h1> GeckoView API Changelog. </h1>

tutorials/contributing-to-mc.md

@@ -1,5 +1,7 @@
 ---
 layout: default
+title: Mozilla Central Contributor Guide
+nav_order: 6
 ---
 # Submitting a patch to Firefox using Git.
 
@@ -86,13 +88,13 @@ To commit anything to the repository, you will need to set up Arcanist and Phabr
 * In a browser, visit Mozilla's Phabricator instance at https://phabricator.services.mozilla.com/.
 * Click "Log In" at the top of the page
 
-  ![alt text](assets/LogInPhab.png "Log in to Phabricator")
+  ![alt text]({{ site.url }}/assets/LogInPhab.png "Log in to Phabricator")
 * Click the "Log In or Register" button on the next page. This will take you to Bugzilla to log in or register a new account.
 
-  ![alt text](assets/LogInOrRegister.png "Log in or register a Phabiricator account")
+  ![alt text]({{ site.url }}/assets/LogInOrRegister.png "Log in or register a Phabiricator account")
 * Sign in with your Bugzilla credentials, or create a new account.
 
-  ![alt text](assets/LogInBugzilla.png "Log in with Bugzilla")
+  ![alt text]({{ site.url }}/assets/LogInBugzilla.png "Log in with Bugzilla")
 * You will be redirected back to Phabricator, where you will have to create a new Phabricator account.
   <Screenshot Needed>
 * Fill in/amend any fields on the form and click "Register Account".

tutorials/geckoview-quick-start.md

@@ -1,6 +1,14 @@
 ---
 layout: default
+title: GeckoView Contributor Guide
+nav_order: 3
 ---
+## Table of contents
+{: .no_toc .text-delta }
+
+1. TOC
+{:toc}
+
 # GeckoView Contributor Quick Start Guide
 
 This is a guide for developers who want to contribute to the GeckoView project. If you want to get started using GeckoView in your app then you should refer to the [wiki](https://wiki.mozilla.org/Mobile/GeckoView#Get_Started).
@@ -65,7 +73,8 @@ In order to pick up the configuration changes we just made we need to build from
   * Select Android Studio > Preferences from the menu bar
   * Navigate to Build, Execution, Deployment > Instant Run.
   * Uncheck the box that reads `Enable Instant Run to hot swap code/resource changes on deploy`.
-  ![alt text](assets/DisableInstantRun.png "Disable Instant Run")
+
+  ![alt text]({{ site.url }}/assets/DisableInstantRun.png "Disable Instant Run")
 * Choose File->Open from the toolbar
 * Navigate to <path to gecko>/mobile/android/geckoview and click "Open"
 * Click yes if it asks if you want to use the gradle wrapper.
@@ -76,7 +85,8 @@ In order to pick up the configuration changes we just made we need to build from
   * geckoview_example is an example browser built using GeckoView.
   * omnijar contains the parts of Gecko and GeckoView that are not written in Java or Kotlin
   * thirdparty contains third party code that Fennec and GeckoView use.
-  ![alt text](assets/GeckoViewStructure.png "GeckoView Structure")
+
+  ![alt text]({{ site.url }}/assets/GeckoViewStructure.png "GeckoView Structure")
 
 Now you're set up and ready to go.
 

tutorials/mc-quick-start.md

@@ -1,5 +1,7 @@
 ---
 layout: default
+title: Mozilla Central Quick Start
+nav_order: 5
 ---
 # Firefox Developer Git Quick Start Guide
 

tutorials/native-debugging.md

@@ -1,5 +1,7 @@
 ---
 layout: default
+title: Debugging Native Code
+nav_order: 4
 ---
 # Debugging Native Code in Android Studio.
 If you want to work on the C++ code that powers GeckoView, you will need to be able to perform native debugging inside Android Studio. This article will guide you through how to do that.