diff --git a/.gitignore b/.gitignore
index 264564153af51909f7cf555d96f6f798feefad08..aca03315144650e70a9966b2b0d8e5b7c3ef843c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,5 @@
node_modules
.DS_store
-_site
npm-debug.log
# Ignore all of foundation contrib but a few custom things
@@ -18,3 +17,8 @@ libraries/motion-ui
libraries/tablesorter
!libraries/tablesorter/js
!libraries/tablesorter/css
+
+# Jekull stuff
+_site/
+.sass-cache/
+.jekyll-metadata
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000000000000000000000000000000000000..d9f0e99d0e72dc6e4e8973d5bd3bdbabcf8c3be6
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,32 @@
+# Site settings
+name: EMBL-EBI Visual Framewrok
+group: EMBL-EBI Web Development
+email: www-dev@ebi.ac.uk
+domain: //ebiwd.github.io
+baseurl: /EBI-Framework
+permalink: pretty
+
+# Add custom CSS / JS here
+# custom_css:
+# - "{{site.baseurl}}/static/css/YOUR-CSS-COMPONENTS.css"
+# - "{{site.baseurl}}/static/css/ANOTHER-CSS-COMPONENTS.css"
+# custom_js:
+# - "{{site.baseurl}}/static/js/YOUR-CSS-COMPONENTS.js"
+# - "{{site.baseurl}}/static/js/ANOTHER-CSS-COMPONENTS.js"
+ga_code: 'UA-XXXXX-X'
+
+# root repo for this project
+repo: "https://github.com/ebiwd/EBI-Framework"
+source: .
+destination: ./_site
+exclude: [node_modules, .sass-cache, gulpfile.js, package.json, HOWTO.md, '*.scss']
+#plugins: ./_plugins
+future: false
+lsi: false
+markdown: kramdown
+highlighter: rouge
+
+# Allow redirects
+# https://help.github.com/articles/redirects-on-github-pages/
+#gems:
+# - jekyll-redirect-from
diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000000000000000000000000000000000000..4ee068d24a81e4a33f145586282702e3696b0f7f
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,50 @@
+<footer>
+ <div id="global-footer" class="global-footer">
+ <nav id="global-nav-expanded" class="global-nav-expanded row">
+ <!-- Footer will be automatically inserted by footer.js -->
+ </nav>
+ <section id="ebi-footer-meta" class="ebi-footer-meta row">
+ <!-- Footer meta will be automatically inserted by footer.js -->
+ </section>
+ </div>
+</footer>
+
+<!-- JavaScript -->
+
+<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
+<!--
+<script>window.jQuery || document.write('<script src="../js/libs/jquery-1.10.2.min.js"><\/script>')</script>
+-->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<!-- Your custom JavaScript file scan go here... change names accordingly -->
+<!-- <script defer="defer" src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/script.js"></script> -->
+<script defer="defer" src="js/script.js"></script>
+
+<!-- The Foundation theme JavaScript -->
+<script src="libraries/foundation-6/js/foundation.js"></script>
+<script src="js/foundationExtendEBI.js"></script>
+<!-- <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/libraries/foundation-6/js/foundation.js"></script> -->
+<!-- <script src="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/js/foundationExtendEBI.js"></script> -->
+<script type="text/JavaScript">$(document).foundation();</script>
+<script type="text/JavaScript">$(document).foundationExtendEBI();</script>
+
+{% comment %} Custom global JS could go here: {% endcomment %}
+{% for js in site.custom_js %}
+<script src="{{js}}"></script>
+{% endfor %}
+
+{% comment %} Custom Component Scripts (from individual .md files) go here: {% endcomment %}
+{% for js in page.javascript %}
+<script src="{{js}}"></script>
+{% endfor %}
+
+<!-- Google Analytics details... -->
+<!-- Change UA-XXXXX-X to be your site's ID -->
+<!--
+<script>
+ window._gaq = [['_setAccount','{{site.ga_code}}'],['_trackPageview'],['_trackPageLoadTime']];
+ Modernizr.load({
+ load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
+ });
+</script>
+-->
diff --git a/_includes/head.html b/_includes/head.html
new file mode 100755
index 0000000000000000000000000000000000000000..edb7919a1da5dd47d766029f0f38090fe640b0f7
--- /dev/null
+++ b/_includes/head.html
@@ -0,0 +1,64 @@
+<head>
+ <meta charset="utf-8">
+ <title>{% if page.title %} {{ page.title }} < {% endif %} {{ site.name }} < EMBL-EBI</title>
+ <meta name="description" content="EMBL-EBI"><!-- Describe what this page is about -->
+ <meta name="keywords" content="bioinformatics, europe, institute"><!-- A few keywords that relate to the content of THIS PAGE (not the whol project) -->
+ <meta name="author" content="EMBL-EBI"><!-- Your [project-name] here -->
+ <meta name="HandheldFriendly" content="true" />
+ <meta name="MobileOptimized" content="width" />
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <meta name="theme-color" content="#70BDBD"> <!-- Android Chrome mobile browser tab color -->
+
+ <!-- Add information on the life cycle of this page -->
+ <meta name="ebi:owner" content="John Doe"> <!-- Who should be contacted about changes -->
+ <meta name="ebi:review-cycle" content="30"> <!-- In days, how often should the content be reviewed -->
+ <meta name="ebi:last-review" content="2015-12-20"> <!-- The last time the content was reviewed -->
+ <meta name="ebi:expiry" content="2016-01-20"> <!-- When this content is no longer relevant -->
+
+ <!-- If you link to any other sites frequently, consider optimising performance with a DNS prefetch -->
+ <link rel="dns-prefetch" href="//ebi.ac.uk" />
+
+ <!-- If you have custom icon, replace these as appropriate.
+ You can generate them at realfavicongenerator.net -->
+ <link rel="icon" type="image/x-icon" href="https://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon.ico" />
+ <link rel="icon" type="image/png" href="https://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/favicon-32x32.png" />
+ <link rel="icon" type="image/png" sizes="192×192" href="https://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/android-chrome-192x192.png" /> <!-- Android (192px) -->
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-114x114.png"> <!-- For iPhone 4 Retina display (114px) -->
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-72x72.png"> <!-- For iPad (72px) -->
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-144x144.png"> <!-- For iPad retinat (144px) -->
+ <link rel="apple-touch-icon-precomposed" href="https://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png"> <!-- For iPhone (57px) -->
+ <link rel="mask-icon" href="https://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/safari-pinned-tab.svg" color="#ffffff"> <!-- Safari icon for pinned tab -->
+ <meta name="msapplication-TileColor" content="#2b5797"> <!-- MS Icons -->
+ <meta name="msapplication-TileImage" content="https://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/EMBL-EBI/favicons/mstile-144x144.png">
+
+ <!-- CSS: implied media=all -->
+ <!-- CSS concatenated and minified via ant build script-->
+ <link rel="stylesheet" href="css/ebi-global.min.css" type="text/css" media="all" />
+ <!-- <link rel="stylesheet" href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/ebi-global.css" type="text/css" media="all"> -->
+ <link rel="stylesheet" href="//www.ebi.ac.uk/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all">
+
+ <!-- Use this CSS file for any custom styling -->
+ <!--
+ <link rel="stylesheet" href="css/custom.css" type="text/css" media="all">
+ -->
+ {% comment %} Custom global CSS could go here: {% endcomment %}
+ {% for css in site.custom_css %}
+ <link rel="stylesheet" href="{{css}}">
+ {% endfor %}
+
+ <!-- If you have a custom header image or colour -->
+ <!--
+ -->
+ <meta name="ebi:masthead-color" content="#091314">
+ <meta name="ebi:masthead-image" content="{{ site.domain }}{{ site.baseurl }}/static/background.jpg">
+
+ <!-- you can replace this with theme-[projectname].css. See http://www.ebi.ac.uk/web/style/colour for details of how to do this -->
+ <!-- also inform ES so we can host your colour palette file -->
+ <link rel="stylesheet" href="//www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/css/theme-embl-petrol.css" type="text/css" media="all">
+
+ <!-- for production the above can be replaced with -->
+ <!--
+ <link rel="stylesheet" href="//www.ebi.ac.uk/web_guidelines/css/compliance/mini/ebi-fluid-embl.css">
+ -->
+ <!-- end CSS-->
+</head>
diff --git a/_includes/local_masthead.html b/_includes/local_masthead.html
new file mode 100755
index 0000000000000000000000000000000000000000..4e257119f98107846a533275d12d5d2941595dd6
--- /dev/null
+++ b/_includes/local_masthead.html
@@ -0,0 +1,29 @@
+ <div id="skip-to">
+ <ul>
+ <li><a href="#content">Skip to main content</a></li>
+ </ul>
+ </div>
+
+ <header id="masthead-black-bar" class="clearfix masthead-black-bar">
+ <nav class="row">
+ <ul id="global-nav" class="menu global-nav text-right">
+ <!-- set active class as appropriate -->
+ <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li>
+ <li class="home active"><a href="//www.ebi.ac.uk">EMBL</a></li>
+ <li class="location grenoble active"><a href="#">Grenoble</a></li>
+ <li class="float-right show-for-medium embl-selector">
+ <button class="button float-right"> </button>
+ </li>
+ <li class="float-right search">
+ <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a>
+ <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;">
+ <!-- The dropdown menu will be programatically added by script.js -->
+ </div>
+ </li>
+ <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li>
+ <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li>
+ <li class="research active"><a href="//www.ebi.ac.uk/research">Research</a></li>
+ <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li>
+ </ul>
+ </nav>
+ </header>
diff --git a/_includes/navigation_list.html b/_includes/navigation_list.html
new file mode 100755
index 0000000000000000000000000000000000000000..45bf755ee62369a3cc2e2cae55596f6a06d70830
--- /dev/null
+++ b/_includes/navigation_list.html
@@ -0,0 +1,11 @@
+{% for node in navigation_list %}
+ {% if group == null or group == node.group %}
+ {% if page.url == node.url %}
+ <li class="active"><a href="{{ site.domain }}{{ site.baseurl }}{{node.url}}" class="active">{{node.title}}</a></li>
+ {% else %}
+ <li><a href="{{ site.domain }}{{ site.baseurl }}{{node.url}}">{{node.title}}</a></li>
+ {% endif %}
+ {% endif %}
+{% endfor %}
+{% assign pages_list = nil %}
+{% assign group = nil %}
diff --git a/_includes/update_list.html b/_includes/update_list.html
new file mode 100755
index 0000000000000000000000000000000000000000..66d3439a27151dcdc132c860a7780d4b2dc74d2d
--- /dev/null
+++ b/_includes/update_list.html
@@ -0,0 +1,5 @@
+<ul class="posts">
+ {% for update in site.posts %}
+ <li><span>{{ update.date | date_to_string }}</span> » <a href="{{site.baseurl}}/{{ update.url }}" title="{{ update.title }}">{{ update.title }}</a></li>
+ {% endfor %}
+</ul>
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100755
index 0000000000000000000000000000000000000000..6ea3f2610504bed50f92fb485d19b01b12a50e36
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+ {% include head.html %}
+ <body class="level2"><!-- add any of your classes or IDs -->
+ {% include local_masthead.html %}
+ <div id="content" role="main">
+ <div data-sticky-container>
+ <div id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="main-content-area:top" data-btm-anchor="main-content-area:bottom">
+ <div class="masthead-inner row">
+ <!-- local-title -->
+ <div class="columns medium-7" id="local-title">
+ <h1><a href="{{ site.domain }}{{ site.baseurl }}" title="Back to {{ site.name }} homepage">{{ site.name }}</a></h1>
+ <h4>An implementation of <a href="http://github.com/ebiwd/EBI-Framework">the EBI Visual Framework <i class="icon icon-generic small" data-icon="x"></i></a></h4>
+ </div>
+ <!-- /local-title -->
+ <!-- local-nav -->
+ <nav class="columns">
+ <ul id="local-nav" class="dropdown menu float-left" data-description="navigational" data-dropdown-menu>
+ {% comment %}
+ We construct the site naviagion by loading a list of the site's pages
+ and filtering to just those with the front matter of:
+ group: "in_local_navigation"
+ and we order by adding
+ order: 2 (whatever number)
+ {% endcomment %}
+ {% assign navigation_list = site.pages | sort:"order" %}
+ {% assign group = 'in_local_navigation' %}
+ {% include navigation_list.html %}
+ </ul>
+ </nav>
+ <!-- /local-nav -->
+ </div>
+ </div>
+ </div>
+
+ <section class="row" id="main-content-area">
+ <!-- Your menu structure should make a breadcrumb redundant, but if a breadcrump is needed uncomment the below -->
+ <!--
+ <nav aria-label="You are here:" role="navigation">
+ <ul class="breadcrumbs">
+ <li><a href="#">Home</a></li>
+ <li><a href="#">Parent</a></li>
+ <li class="disabled">Disabled</li>
+ <li>
+ <span class="show-for-sr">Current: </span> This page
+ </li>
+ </ul>
+ </nav>
+ -->
+ <div class="medium-9 columns padding-top-large">
+ {{ content }}
+ </div>
+ <div class="medium-3 columns sidebar" data-sticky-container>
+ </div>
+ </section>
+ <!-- Optional local footer (insert citation / project-specific copyright / etc here -->
+ <!--
+ <div id="local-footer" class="local-footer">
+ <div class="row">
+ <span class="reference">How to reference this page: ...</span>
+ </div>
+ </div>
+ -->
+ <!-- End optional local footer -->
+ </div><!-- /.container -->
+ {% include footer.html %}
+ </body>
+</html>
diff --git a/_layouts/post.html b/_layouts/post.html
new file mode 100755
index 0000000000000000000000000000000000000000..6ffedaab8a161e2155c1548f80e59d08e2ad30c9
--- /dev/null
+++ b/_layouts/post.html
@@ -0,0 +1,9 @@
+---
+layout: default
+---
+<h2>{{ page.title }}</h2>
+<p class="meta">{{ page.date | date_to_string }}</p>
+
+<div class="post">
+ {{ content }}
+</div>
diff --git a/index.html b/index.html
index f233827c1ed1a5999a84e2bfb6cc744c9048d1af..92878a8621ac29a737979dfd712833e6f19741e1 100755
--- a/index.html
+++ b/index.html
@@ -1,186 +1,14 @@
-<!doctype html>
-<html lang="en">
-<head>
- <meta charset="utf-8" />
- <title>[page-title] < [service-name] < EMBL-EBI</title>
- <meta name="description" content="EMBL-EBI" /><!-- Describe what this page is about -->
- <meta name="keywords" content="bioinformatics, europe, institute" /><!-- A few keywords that relate to the content of THIS PAGE (not the whol project) -->
- <meta name="author" content="EMBL-EBI" /><!-- Your [project-name] here -->
- <meta name="HandheldFriendly" content="true" />
- <meta name="MobileOptimized" content="width" />
- <meta name="viewport" content="width=device-width,initial-scale=1" />
- <meta name="theme-color" content="#70BDBD" /> <!-- Android Chrome mobile browser tab color -->
-
- <!-- Add information on the life cycle of this page -->
- <meta name="ebi:owner" content="John Doe" /> <!-- Who should be contacted about changes -->
- <meta name="ebi:review-cycle" content="30" /> <!-- In days, how often should the content be reviewed -->
- <meta name="ebi:last-review" content="2015-12-20" /> <!-- The last time the content was reviewed -->
- <meta name="ebi:expiry" content="2016-01-20" /> <!-- When this content is no longer relevant -->
-
- <!-- If you link to any other sites frequently, consider optimising performance with a DNS prefetch -->
- <link rel="dns-prefetch" href="//embl.de" />
-
- <!-- If you have custom icon, replace these as appropriate.
- You can generate them at realfavicongenerator.net -->
- <link rel="icon" type="image/x-icon" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" />
- <link rel="icon" type="image/png" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" />
- <link rel="icon" type="image/png" sizes="192×192" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/android-chrome-192x192.png" /> <!-- Android (192px) -->
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-114x114.png" /> <!-- For iPhone 4 Retina display (114px) -->
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-72x72.png" /> <!-- For iPad (72px) -->
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-144x144.png" /> <!-- For iPad retinat (144px) -->
- <link rel="apple-touch-icon-precomposed" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" /> <!-- For iPhone (57px) -->
- <link rel="mask-icon" href="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/safari-pinned-tab.svg" color="#ffffff" /> <!-- Safari icon for pinned tab -->
- <meta name="msapplication-TileColor" content="#2b5797" /> <!-- MS Icons -->
- <meta name="msapplication-TileImage" content="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" />
-
- <!-- CSS: implied media=all -->
- <link rel="stylesheet" href="css/ebi-global.min.css" type="text/css" media="all" />
- <link rel="stylesheet" href="https://www.ebi.ac.uk/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css" type="text/css" media="all" />
-
- <!-- Use this CSS file for any custom styling -->
- <!--
- <link rel="stylesheet" href="css/custom.css" type="text/css" media="all">
- -->
-
- <!-- If you have a custom header image or colour -->
- <meta name="ebi:masthead-color" content="#091314" />
- <meta name="ebi:masthead-image" content="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/images/backgrounds/embl-ebi-background-4.jpg" />
-
- <!-- you can replace this with theme-[projectname].css. See http://www.ebi.ac.uk/web/style/colour for details of how to do this -->
- <!-- also inform ES so we can host your colour palette file -->
- <link rel="stylesheet" href="css/theme-embl-petrol.css" type="text/css" media="all" />
-</head>
-
-<body>
- <div id="skip-to"><a href="#content">Skip to main content</a></div>
-
- <header id="masthead-black-bar" class="clearfix masthead-black-bar">
- <nav class="row">
- <ul id="global-nav" class="menu">
- <!-- set active class as appropriate -->
- <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li>
- <li class="home active"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li>
- <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li>
- <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li>
- <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li>
- <li class="about"><a href="//www.ebi.ac.uk/about">About us</a></li>
- <li class="search">
- <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a>
- <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;">
- <!-- The dropdown menu will be programatically added by script.js -->
- </div>
- </li>
- <li class="float-right show-for-medium embl-selector">
- <button class="button float-right" type="button" data-toggle="embl-dropdown">Hinxton</button>
- <!-- The dropdown menu will be programatically added by script.js -->
- </li>
- </ul>
- </nav>
- </header>
-
- <!-- Suggested layout containers / #content -->
- <div data-sticky-container>
- <header id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="content:top" data-btm-anchor="content:bottom">
- <div class="masthead-inner row">
- <!-- local-title -->
- <div class="columns medium-9" id="local-title">
- <h1><a href="[service-url]" title="Back to [service-name] homepage">EBI Visual Framework</a></h1>
- </div>
- <!-- /local-title -->
-
- <!-- local-nav -->
- <nav>
- <ul id="local-nav" class="dropdown menu float-left" data-description="navigational" data-dropdown-menu>
- <li class="active"><a href="#">Overview</a></li>
- </ul>
- <ul class="menu dropdown float-right" data-dropdown-menu data-description="functional">
- <li class="functional"><a href="#"><i class="icon icon-generic" data-icon="d"></i> Share this</a>
- <ul class="menu js">
- <li><a href="#">Item 1A Loooong</a></li>
- <li>
- <a href="#"> Item 1 sub</a>
- <ul class="menu">
- <li><a href="#">Item 1 subA</a></li>
- <li><a href="#">Item 1 subB</a></li>
- <li>
- <a href="#"> Item 1 sub</a>
- <ul class="menu">
- <li><a href="#">Item 1 subA</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li><a href="#">Item 1B</a></li>
- </ul>
- </ul>
- </nav>
- <!-- /local-nav -->
- </div>
- </header>
- </div>
-
- <!-- Your menu structure should make a breadcrumb redundant, but if a breadcrump is needed uncomment the below -->
- <nav aria-label="You are here:" role="navigation" class="row">
- <ul class="breadcrumbs">
- <li><a href="#">Home</a></li>
- <li><a href="#">Parent</a></li>
- <li class="disabled">Disabled</li>
- <li>
- <span class="show-for-sr">Current: </span> This page
- </li>
- </ul>
- </nav>
-
- <section id="content" class="row" role="main">
- <h2>This is v1.3</h2>
- <p>This is a development implementation of the EBI Visual Framework v1.3; for more information:</p>
- <ul>
- <li><a href="https://github.com/ebiwd/EBI-Framework/tree/v1.3" class="readmore">Check out the GitHub branch</a></li>
- <li><a href="https://github.com/ebiwd/EBI-Framework/issues/103" class="readmore">Read and discuss the roadmap</a></li>
- <li><a href="https://github.com/ebiwd/EBI-Framework/issues/103" class="readmore">Join a drop-in clinic</a></li>
- <li><a href="http://www.ebi.ac.uk/style-lab/websites/sample-site/" class="readmore">Check out the boilerplate templates</a></li>
- </ul>
- </section>
-
- <!-- Optional local footer (insert citation / project-specific copyright / etc here -->
- <footer id="local-footer" class="local-footer" role="local-footer">
- <div class="row">
- <span class="reference">How to reference this page: ...</span>
- </div>
- </footer>
- <!-- End optional local footer -->
- <!-- End suggested layout containers / #content -->
-
- <footer>
- <div id="global-footer" class="global-footer">
- <nav id="global-nav-expanded" class="global-nav-expanded row">
- <!-- Footer will be automatically inserted by footer.js -->
- </nav>
- <section id="ebi-footer-meta" class="ebi-footer-meta row">
- <!-- Footer meta will be automatically inserted by footer.js -->
- </section>
- </div>
- </footer>
-
- <!-- JavaScript -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <script defer="defer" src="js/script.js"></script>
-
- <!-- The Foundation theme JavaScript -->
- <script src="libraries/foundation-6/js/foundation.js"></script>
- <script src="js/foundationExtendEBI.js"></script>
- <script type="text/JavaScript">$(document).foundation();</script>
- <script type="text/JavaScript">$(document).foundationExtendEBI();</script>
-
- <!-- Google Analytics details... -->
- <!-- Change UA-XXXXX-X to be your site's ID -->
- <!--
- <script>
- window._gaq = [['_setAccount','UAXXXXXXXX1'],['_trackPageview'],['_trackPageLoadTime']];
- Modernizr.load({
- load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
- });
- </script>
- -->
-</body>
-</html>
+---
+layout: default
+title: Project home
+group: "in_local_navigation"
+order: 1
+---
+<h2>This is v1.3</h2>
+<p>This is a development implementation of the EBI Visual Framework v1.3; for more information:</p>
+<ul>
+ <li><a href="https://github.com/ebiwd/EBI-Framework/tree/v1.3" class="readmore">Check out the GitHub branch</a></li>
+ <li><a href="https://github.com/ebiwd/EBI-Framework/issues/103" class="readmore">Read and discuss the roadmap</a></li>
+ <li><a href="https://github.com/ebiwd/EBI-Framework/issues/103" class="readmore">Join a drop-in clinic</a></li>
+ <li><a href="http://www.ebi.ac.uk/style-lab/websites/sample-site/" class="readmore">Check out the boilerplate templates</a></li>
+</ul>