Add reusable view components.

Issue #10627 https://github.com/ariya/phantomjs/issues/10627

_includes/category-list.md

@@ -0,0 +1,11 @@
+{% if category_path %}
+
+### {{ category_title }}
+
+<ul>
+  {% for post in category_path reversed sort_by:title %}
+  <li><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
+  {% endfor %}
+</ul>
+
+{% endif %}

_includes/community.html

@@ -0,0 +1,8 @@
+<div class="community">
+  <h2>Community:</h2>
+  <ul>
+    <li><a href="{{ site.url }}/release-1.9.html" class="link-release">Read the release notes</a></li>
+    <li><a href="https://groups.google.com/forum/#!forum/phantomjs" class="link-ml">Join the mailing list</a></li>
+    <li><a href="https://github.com/ariya/phantomjs/issues" class="link-bugs">Report bugs</a></li>
+  </ul>
+</div>

_includes/header.html

@@ -0,0 +1,12 @@
+<div class="grid header">
+  <a href="{{ site.url }}/" class="grid_4 alpha">
+    <img src="{{ site.url }}/img/phantomjs-logo.png" alt="PhantomJS" width="240" height="80">
+  </a>
+  <ul class="nav-main grid_8 omega">
+    <li><a href="https://github.com/ariya/phantomjs">Source Code</a></li>
+    <li><a href="{{ site.url }}/documentation">Documentation</a></li>
+    <li><a href="{{ site.url }}/api">API</a></li>
+    <li><a href="{{ site.url }}/examples">Examples</a></li>
+    <li><a href="{{ site.url }}/faq.html">FAQ</a></li>
+  </ul>
+</div>

_includes/nav-api.html

@@ -0,0 +1,66 @@
+{% if page.title == 'API' %}
+
+  <h2 class="nav-title">API</h2>
+
+  <ul>
+    <li><a href="{{ site.url }}/api/command-line.html">Command Line Interface</a></li>
+    <li><a href="{{ site.url }}/api/phantom/">phantom Object</a></li>
+    <li><a href="{{ site.url }}/api/webpage/">Web Page Module</a></li>
+    <li><a href="{{ site.url }}/api/child_process/">Child Process Module</a></li>
+    <li><a href="{{ site.url }}/api/fs/">File System Module</a></li>
+    <li><a href="{{ site.url }}/api/system/">System Module</a></li>
+    <li><a href="{{ site.url }}/api/webserver/">Web Server Module</a></li>
+  </ul>
+
+{% else %}
+
+  {% assign category_name = 'phantom' %}
+  {% assign category_label = 'phantom Object' %}
+  {% assign category_properties = site.categories.phantom-property %}
+  {% assign category_methods = site.categories.phantom-method %}
+  {% assign category_handlers = site.categories.phantom-handler %}
+  {% include nav-module.html %}
+
+  {% assign category_name = 'webpage' %}
+  {% assign category_label = 'Web Page Module' %}
+  {% assign category_properties = site.categories.webpage-property %}
+  {% assign category_methods = site.categories.webpage-method %}
+  {% assign category_handlers = site.categories.webpage-handler %}
+  {% include nav-module.html %}
+
+  {% assign category_name = 'child_process' %}
+  {% assign category_label = 'Child Process Module' %}
+  {% assign category_properties = site.categories.child_process-property %}
+  {% assign category_methods = site.categories.child_process-method %}
+  {% assign category_handlers = site.categories.child_process-handler %}
+  {% include nav-module.html %}
+
+  {% assign category_name = 'fs' %}
+  {% assign category_label = 'File System Module' %}
+  {% assign category_properties = site.categories.fs-property %}
+  {% assign category_methods = site.categories.fs-method %}
+  {% assign category_handlers = site.categories.fs-handler %}
+  {% include nav-module.html %}
+
+  {% assign category_name = 'stream' %}
+  {% assign category_label = 'Stream Objects' %}
+  {% assign category_properties = site.categories.stream-property %}
+  {% assign category_methods = site.categories.stream-method %}
+  {% assign category_handlers = site.categories.stream-handler %}
+  {% include nav-module.html %}
+
+  {% assign category_name = 'system' %}
+  {% assign category_label = 'System Module' %}
+  {% assign category_properties = site.categories.system-property %}
+  {% assign category_methods = site.categories.system-method %}
+  {% assign category_handlers = site.categories.system-handler %}
+  {% include nav-module.html %}
+
+  {% assign category_name = 'webserver' %}
+  {% assign category_label = 'Web Server Module' %}
+  {% assign category_properties = site.categories.webserver-property %}
+  {% assign category_methods = site.categories.webserver-method %}
+  {% assign category_handlers = site.categories.webserver-handler %}
+  {% include nav-module.html %}
+
+{% endif %}

_includes/nav-docs.html

@@ -0,0 +1,30 @@
+<h2 class="nav-title">Documentation</h2>
+
+<ul>
+  <li class="nav-group">
+    <div class="nav-group-label">Get Started</div>
+    {% assign category_docs = site.categories.docs-get-started %}
+    {% include nav-list.md %}
+  </li>
+  <li class="nav-group">
+    <div class="nav-group-label">Learn</div>
+    {% assign category_docs = site.categories.docs-learn %}
+    {% include nav-list.md %}
+  </li>
+  <li class="nav-group">
+    <div class="nav-group-label">Get Help</div>
+    {% assign category_docs = site.categories.docs-help %}
+    {% include nav-list.md %}
+  </li>
+  <li class="nav-group">
+    <div class="nav-group-label">Explore</div>
+    {% assign category_docs = site.categories.docs-explore %}
+    {% include nav-list.md %}
+  </li>
+  <li class="nav-group">
+    <div class="nav-group-label">Contribute</div>
+    {% assign category_docs = site.categories.docs-contribute %}
+    {% include nav-list.md %}
+  </li>
+</ul>
+

_includes/nav-list-group.html

@@ -0,0 +1,24 @@
+{% if category_items %}
+  {% for post in category_items reversed sort_by:title %}
+
+  {% assign current_class = nil %}
+  {% assign last_item_class = nil %}
+
+  {% if page.url == post.url %}
+    {% assign current_class = ' current' %}
+  {% endif %}
+
+  {% if forloop.last %}
+    {% assign last_item_class = ' nav-group-end' %}
+  {% endif %}
+
+  <li class="nav-item nav-item-{{ kind }}{{ current_class }}{{ last_item_class }}">
+    <span class="nav-item-label">{{ kind_key }}</span>
+    {% if current_class == nil %}
+    <a href="{{ site.url }}{{ post.url }}" class="nav-item-name">{{ post.title }}</a>
+    {% else %}
+    <span class="nav-item-name">{{ post.title }}</span>
+    {% endif %}
+  </li>
+  {% endfor %}
+{% endif %}

_includes/nav-list.md

@@ -0,0 +1,23 @@
+<ul>
+
+{% assign category_items = category_docs %}
+{% assign kind = 'doc' %}
+{% assign kind_key = 'D' %}
+{% include nav-list-group.html %}
+
+{% assign category_items = category_properties %}
+{% assign kind = 'property' %}
+{% assign kind_key = 'P' %}
+{% include nav-list-group.html %}
+
+{% assign category_items = category_methods %}
+{% assign kind = 'method' %}
+{% assign kind_key = 'M' %}
+{% include nav-list-group.html %}
+
+{% assign category_items = category_handlers %}
+{% assign kind = 'handler' %}
+{% assign kind_key = 'H' %}
+{% include nav-list-group.html %}
+
+</ul>

_includes/nav-module.html

@@ -0,0 +1,17 @@
+{% if page.categories contains category_name %}
+
+  <div class="nav-up">
+    &#8810; <a href="{{ site.url }}/api/">API</a>
+  </div>
+
+  <h2 class="nav-title">
+    {% if page.title != category_label %}
+      &#8810; <a href="{{ site.url }}/api/{{ category_name }}" class="nav-title">{{ category_label }}</a>
+    {% else %}
+      {{ category_label }}
+    {% endif %}
+  </h2>
+
+  {% include nav-list.md %}
+
+{% endif %}