basic structure setup

Gemfile

@@ -1,2 +1,3 @@
 source 'https://rubygems.org'
 gem 'github-pages', group: :jekyll_plugins
+gem 'liquid-inheritance'

Gemfile.lock

@@ -92,6 +92,7 @@ GEM
     json (1.8.3)
     kramdown (1.10.0)
     liquid (3.0.6)
+    liquid-inheritance (0.1.1)
     listen (3.0.6)
       rb-fsevent (>= 0.9.3)
       rb-inotify (>= 0.9.7)
@@ -128,6 +129,7 @@ PLATFORMS
 
 DEPENDENCIES
   github-pages
+  liquid-inheritance
 
 BUNDLED WITH
    1.11.2

_config.yml

@@ -2,10 +2,10 @@
 title: eQ Prototypes
 email: [email protected]
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
-baseurl: "" # the subpath of your site, e.g. /blog
-url: "http://onsdigital.github.io/eq-prototypes" # the base hostname & protocol for your site
-twitter_username: onsdigital
-github_username:  onsdigital
-
+baseurl: "/eq-prototypes" # the subpath of your site, e.g. /blog
+url: "http://onsdigital.github.io" # the base hostname & protocol for your site
 # Build settings
+collections:
+  prototypes:
+    output: true
 markdown: kramdown

_includes/footer.html

@@ -1,38 +0,0 @@
-<footer class="site-footer">
-
-  <div class="wrapper">
-
-    <h2 class="footer-heading">{{ site.title }}</h2>
-
-    <div class="footer-col-wrapper">
-      <div class="footer-col footer-col-1">
-        <ul class="contact-list">
-          <li>{{ site.title }}</li>
-          <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
-        </ul>
-      </div>
-
-      <div class="footer-col footer-col-2">
-        <ul class="social-media-list">
-          {% if site.github_username %}
-          <li>
-            {% include icon-github.html username=site.github_username %}
-          </li>
-          {% endif %}
-
-          {% if site.twitter_username %}
-          <li>
-            {% include icon-twitter.html username=site.twitter_username %}
-          </li>
-          {% endif %}
-        </ul>
-      </div>
-
-      <div class="footer-col footer-col-3">
-        <p>{{ site.description }}</p>
-      </div>
-    </div>
-
-  </div>
-
-</footer>

_includes/head.html

@@ -2,10 +2,10 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-
   <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
-
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,' rel='stylesheet' type='text/css'>
+  <link rel="stylesheet" href="{{ "/css/responsive.min.css" | prepend: site.baseurl }}">
   <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">

_includes/header.html

@@ -1,27 +1,9 @@
 <header class="site-header">
 
-  <div class="wrapper">
+  <div class="container">
 
     <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
 
-    <nav class="site-nav">
-      <a href="#" class="menu-icon">
-        <svg viewBox="0 0 18 15">
-          <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
-          <path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
-          <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
-        </svg>
-      </a>
-
-      <div class="trigger">
-        {% for my_page in site.pages|reverse %}
-          {% if my_page.title %}
-          <a class="page-link" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
-          {% endif %}
-        {% endfor %}
-      </div>
-    </nav>
-
   </div>
 
 </header>

_includes/nav.html

@@ -0,0 +1,9 @@
+<nav class="site-nav">
+
+  {% for prototype in site.prototypes %}
+    {% if prototype.title %}
+    <a class="page-link" href="{{ prototype.url | prepend: site.baseurl }}">{{ prototype.title }}</a>
+    {% endif %}
+  {% endfor %}
+
+</nav>

_layouts/default.html

@@ -1,16 +1,14 @@
 <!DOCTYPE html>
-<html>
+<html class="prototypes-home">
 
   {% include head.html %}
 
   <body>
 
     {% include header.html %}
 
-    <div class="page-content">
-      <div class="wrapper">
-        {{ content }}
-      </div>
+    <div class="container">
+      {{ content }}
     </div>
 
     {% include footer.html %}

_layouts/prototype.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  <body>
+    {{ content }}
+  </body>
+
+</html>

_prototypes/prototype-1.html

@@ -0,0 +1,9 @@
+---
+title: Prototype 1
+layout: prototype
+---
+
+<h1>{{page.title}}</h1>
+<p>
+  Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui.
+</p>

_prototypes/prototype-2.html

@@ -0,0 +1,9 @@
+---
+title: Prototype 2
+layout: prototype
+---
+
+<h1>{{page.title}}</h1>
+<p>
+  Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui.
+</p>