From 6c6a32b6f39480eb468d0c7a6a86debe1b0e6b57 Mon Sep 17 00:00:00 2001
From: Kieran Hayes <kieran.hayes@dkd.de>
Date: Thu, 21 Jul 2016 10:01:18 +0200
Subject: [PATCH 1/7] search prototype

---
 Gemfile                      |   3 +
 Gemfile.lock                 |  21 +++++++
 _config.yml                  |   6 +-
 _includes/footer.html        |  25 ++++++++
 _layouts/default.html        |   9 ++-
 _layouts/startpage.html      |  15 +++--
 assets/css/app.css           |  74 +++++++++++++++++++++++
 assets/javascript/algolia.js | 111 +++++++++++++++++++++++++++++++++++
 foundation/scss/_search.scss |  77 ++++++++++++++++++++++++
 foundation/scss/app.scss     |   1 +
 10 files changed, 335 insertions(+), 7 deletions(-)
 create mode 100644 assets/javascript/algolia.js
 create mode 100644 foundation/scss/_search.scss

diff --git a/Gemfile b/Gemfile
index 37f5eaa..e64545b 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,2 +1,5 @@
 source 'https://rubygems.org'
 gem 'github-pages', group: :jekyll_plugins
+group :jekyll_plugins do
+  gem 'algoliasearch-jekyll', '~> 0.7.0'
+end
\ No newline at end of file
diff --git a/Gemfile.lock b/Gemfile.lock
index 30ba421..0564a16 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -7,6 +7,21 @@ GEM
       minitest (~> 5.1)
       tzinfo (~> 1.1)
     addressable (2.4.0)
+    algoliasearch (1.10.0)
+      httpclient (~> 2.7.1)
+      json (>= 1.5.1)
+    algoliasearch-jekyll (0.7.0)
+      algoliasearch (~> 1.4)
+      appraisal (~> 2.1.0)
+      awesome_print (~> 1.6)
+      json (~> 1.8)
+      nokogiri (~> 1.6)
+      verbal_expressions (~> 0.1.5)
+    appraisal (2.1.0)
+      bundler
+      rake
+      thor (>= 0.14.0)
+    awesome_print (1.7.0)
     coffee-script (2.4.1)
       coffee-script-source
       execjs
@@ -49,6 +64,7 @@ GEM
     html-pipeline (2.4.2)
       activesupport (>= 2)
       nokogiri (>= 1.4)
+    httpclient (2.7.2)
     i18n (0.7.0)
     jekyll (3.1.6)
       colorator (~> 0.1)
@@ -84,6 +100,7 @@ GEM
       gemoji (~> 2.0)
       html-pipeline (~> 2.2)
       jekyll (>= 3.0)
+    json (1.8.3)
     kramdown (1.11.1)
     liquid (3.0.6)
     listen (3.0.6)
@@ -101,6 +118,7 @@ GEM
       sawyer (~> 0.7.0, >= 0.5.3)
     pkg-config (1.1.7)
     public_suffix (1.5.3)
+    rake (11.2.2)
     rb-fsevent (0.9.7)
     rb-inotify (0.9.7)
       ffi (>= 0.5.0)
@@ -111,16 +129,19 @@ GEM
       addressable (>= 2.3.5, < 2.5)
       faraday (~> 0.8, < 0.10)
     terminal-table (1.6.0)
+    thor (0.19.1)
     thread_safe (0.3.5)
     typhoeus (0.8.0)
       ethon (>= 0.8.0)
     tzinfo (1.2.2)
       thread_safe (~> 0.1)
+    verbal_expressions (0.1.5)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
+  algoliasearch-jekyll (~> 0.7.0)
   github-pages
 
 BUNDLED WITH
diff --git a/_config.yml b/_config.yml
index 570e1b8..bbf8069 100644
--- a/_config.yml
+++ b/_config.yml
@@ -12,7 +12,11 @@ description: dkdeploy documentation
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "http://localhost:4000/" # the base hostname & protocol for your site
 twitter_username: dkd_de
-github_username:  dkdeploy
+github_username:  KieranHayes
 exclude: [foundation, vendor]
 # Build settings
 markdown: kramdown
+algolia:
+  application_id: 'QOFNLOOCWH'
+  index_name:     'dkdeploy_dev'
+  record_css_selector: 'p,ul,td,th,h3,code'
\ No newline at end of file
diff --git a/_includes/footer.html b/_includes/footer.html
index a5524ff..e2a4025 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -7,8 +7,33 @@
     </div>
   </div>
 </footer>
+<script>
+  window.ALGOLIA_CONFIG = {
+    'applicationId': 'QOFNLOOCWH',
+    'indexName': 'dkdeploy_dev',
+    'apiKey': 'e51022a00302b50ec0f0fe226c460d5e',
+    'baseurl': ''
+  }
+</script>
+  <script id="algolia__template" type="text/template">
+  {% raw %}
+    <div class="algolia__result">
+      <a class="algolia__result-link" href="{{ full_url }}#algolia:{{ css_selector }}">{{{ _highlightResult.title.value }}}</a>
+      {{#posted_at}}
+      <div class="algolia__result-date">{{ posted_at_readable }}</div>
+      {{/posted_at}}
+      <div class="algolia__result-text">{{{ _highlightResult.text.value }}}</div>
+    </div>
+  {% endraw %}
+  </script>
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.3/foundation.min.js" defer></script>
+<script src="//cdn.jsdelivr.net/algoliasearch/3.6.0/algoliasearch.min.js"></script>
+<script src="//cdn.jsdelivr.net/algoliasearch.helper/2.1.0/algoliasearch.helper.min.js"></script>
+<script src="//cdn.jsdelivr.net/hogan.js/3.0.2/hogan.min.js"></script>
+<script src="//cdn.jsdelivr.net/momentjs/2.10.3/moment.min.js"></script>
+<script src="{{ site.baseurl }}/assets/javascript/algolia.js"></script>
+
 <script type="text/javascript" src="{{ '/assets/javascript/toc2select.js' | prepend: site.url }}" defer></script>
 <script type="text/javascript">
   $(document).ready(function(){
diff --git a/_layouts/default.html b/_layouts/default.html
index 1130d35..27cffaa 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -5,7 +5,8 @@
   <div id="content" class="row">
     {% include header.html %}
     <div class="large-3 sidebar columns">
-
+      <input type="text" class="algolia__input js-algolia__input" autocomplete="off" name="query" placeholder="Search in this site..." />
+      
       <ul class="vertical menu docs-menu nav1">
         {% assign current_path = page.url %}
 
@@ -31,7 +32,11 @@
         </ul>
       </div>
       <div id="main-content" class="large-9 main-content columns">
-          {{ content }}
+        <div class="algolia__initial-content js-algolia__initial-content">{{ content }}</div>
+          <div class="algolia__search-content js-algolia__search-content">
+             <h2 class="page-title">Search</h2>
+              <div class="posts algolia__results"></div>
+          </div>
         </div>
       </div>
       {% include footer.html %}
diff --git a/_layouts/startpage.html b/_layouts/startpage.html
index 11f1968..0008eff 100644
--- a/_layouts/startpage.html
+++ b/_layouts/startpage.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   {% include head.html %}
-  <body style="" class="startpage">
+  <body class="startpage">
     <div id="content" class="row">
       {% include header.html %}
       <div id="startpage-container" class="row hero-cards" data-equalize-on="large" data-equalizer>
@@ -39,10 +39,17 @@ <h3>PHP Ready!</h3>
           </div>
         </div>
       </div>
+      <input type="text" class="algolia__input js-algolia__input" autocomplete="off" name="query" placeholder="Search in this site..." />
+    
+        <div class="algolia__initial-content js-algolia__initial-content"></div>
+          <div class="algolia__search-content js-algolia__search-content" style="background: #fff">
+             <h2 class="page-title">Search</h2>
+              <div class="posts algolia__results"></div>
+          </div>
+        </div>
+
     </div>
-    <div style="display: none">
-      {{ content }}
-    </div>
+    
     {% include footer.html %}
   </div>
   
diff --git a/assets/css/app.css b/assets/css/app.css
index 49dc4f9..7c74614 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -6684,3 +6684,77 @@ td code.highlighter-rouge {
 
 .highlighter-rouge .highlight {
   padding: 0.5rem; }
+
+/* Search form */
+.algolia__input {
+  margin-bottom: 1rem;
+  font-size: 20px;
+  padding: .25rem .5rem; }
+
+/* Search results container */
+.algolia__initial-content {
+  display: block; }
+
+.algolia__initial-content--hidden {
+  display: none; }
+
+.algolia__search-content {
+  display: none; }
+
+.algolia__search-content--active {
+  display: block; }
+
+/* Search results */
+.algolia__result {
+  margin-bottom: 1rem; }
+
+.algolia__result-link {
+  font-size: 1.25rem;
+  font-weight: bold; }
+
+.algolia__result-date {
+  font-size: 0.8rem; }
+
+.algolia__result-text {
+  font-size: 0.9rem; }
+
+.algolia__result-link .algolia__result-highlight {
+  background-color: #D3E8F6;
+  background-color: rgba(38, 139, 210, 0.2); }
+
+.algolia__result-text .algolia__result-highlight {
+  font-weight: bold;
+  background: #ffff99; }
+
+/* Theming */
+.theme-base-08 .algolia__result-link .algolia__result-highlight {
+  background-color: #EED9D9;
+  background-color: rgba(172, 65, 66, 0.2); }
+
+.theme-base-09 .algolia__result-link .algolia__result-highlight {
+  background-color: #F6E6DA;
+  background-color: rgba(210, 132, 69, 0.2); }
+
+.theme-base-0a .algolia__result-link .algolia__result-highlight {
+  background-color: #FDF2E3;
+  background-color: rgba(244, 191, 117, 0.2); }
+
+.theme-base-0b .algolia__result-link .algolia__result-highlight {
+  background-color: #E9EEDE;
+  background-color: rgba(144, 169, 89, 0.2); }
+
+.theme-base-0c .algolia__result-link .algolia__result-highlight {
+  background-color: #E3F0EE;
+  background-color: rgba(117, 181, 170, 0.2); }
+
+.theme-base-0d .algolia__result-link .algolia__result-highlight {
+  background-color: #E1ECF0;
+  background-color: rgba(106, 159, 181, 0.2); }
+
+.theme-base-0e .algolia__result-link .algolia__result-highlight {
+  background-color: #EEE3EC;
+  background-color: rgba(170, 117, 159, 0.2); }
+
+.theme-base-0f .algolia__result-link .algolia__result-highlight {
+  background-color: #E9DDD6;
+  background-color: rgba(143, 85, 54, 0.2); }
diff --git a/assets/javascript/algolia.js b/assets/javascript/algolia.js
new file mode 100644
index 0000000..e991cd3
--- /dev/null
+++ b/assets/javascript/algolia.js
@@ -0,0 +1,111 @@
+// Init the search box
+$(function(config) {
+  'use strict';
+
+  var applicationId = config.applicationId;
+  var apiKey = config.apiKey;
+  var indexName = config.indexName;
+
+  var algolia = algoliasearch(applicationId, apiKey);
+  var helper = algoliasearchHelper(algolia, indexName);
+  helper.setQueryParameter('distinct', true);
+  helper.on('result', onResult);
+
+  // Input listening for queries
+  var $searchInput = $('.js-algolia__input');
+  $searchInput.on('keyup', onQueryChange);
+
+  // Content to hide/show when searching
+  var $initialContent = $('.js-algolia__initial-content');
+  var $searchContent = $('.js-algolia__search-content');
+  var $searchContentResults = $searchContent.find('.algolia__results');
+  $searchContentResults.on('click', 'a', onLinkClick);
+  // Rendering templates
+  var templateResult = Hogan.compile($('#algolia__template').html());
+  var templateNoResults = $('#algolia__template--no-results').html();
+
+  var lastQuery;
+
+  // Toggle result page
+  function showResults() {
+    window.scroll(0, 0);
+    $initialContent.addClass('algolia__initial-content--hidden');
+    $searchContent.addClass('algolia__search-content--active');
+
+  }
+  function hideResults() {
+    $initialContent.removeClass('algolia__initial-content--hidden');
+    $searchContent.removeClass('algolia__search-content--active');
+  }
+
+  // Handle typing query
+  function onQueryChange() {
+    lastQuery = $(this).val();
+    if (lastQuery.length === 0) {
+      hideResults();
+      return false;
+    }
+    helper.setQuery(lastQuery).search();
+    showResults();
+  }
+
+  function onResult(data) {
+    // Avoid race conditions, discard results that do not match the latest query
+    if (data.query !== lastQuery) {
+      return false;
+    }
+    var content = data.nbHits ? renderResults(data) : templateNoResults;
+    $searchContentResults.html(content);
+  }
+
+  function renderResults(data) {
+    return $.map(data.hits, function(hit) {
+      if (hit.posted_at) {
+        hit.posted_at_readable = moment.unix(hit.posted_at).fromNow();
+      }
+      hit.css_selector = encodeURI(hit.css_selector);
+      hit.full_url = config.baseurl + hit.url;
+
+      return templateResult.render(hit);
+    }).join('');
+  }
+
+  // Scroll page to correct element
+  function getAnchorSelector(hash) {
+    var anchor = hash.substring(1);
+    if (!anchor.match(/^algolia:/)) {
+      return false;
+    }
+    return decodeURI(anchor.replace(/^algolia:/, ''));
+  }
+
+  function scrollPageToSelector(selector) {
+    var target = $('.page,.post').find(selector);
+    var targetOffset = target[0].getBoundingClientRect().top + window.pageYOffset - 20;
+    window.setTimeout(function() {
+      window.scroll(0, targetOffset);
+    }, 100);
+  }
+
+  function onLinkClick(event) {
+    var selector = getAnchorSelector(event.target.hash);
+    // Normal link, going to another page
+    if (event.target.pathname !== window.location.pathname || !selector) {
+      return true;
+    }
+    // Scrolling to a result on the same page
+    hideResults();
+    scrollPageToSelector(selector);
+    event.preventDefault();
+    return false;
+  }
+
+  window.setTimeout(function() {
+    var selector = getAnchorSelector(window.location.hash);
+    if (selector) {
+      scrollPageToSelector(selector);
+    }
+  }, 100);
+
+
+}(window.ALGOLIA_CONFIG));
\ No newline at end of file
diff --git a/foundation/scss/_search.scss b/foundation/scss/_search.scss
new file mode 100644
index 0000000..0bcc5ae
--- /dev/null
+++ b/foundation/scss/_search.scss
@@ -0,0 +1,77 @@
+/* Search form */
+.algolia__input {
+  margin-bottom: 1rem;
+  font-size: 20px;
+  padding:.25rem .5rem;
+}
+
+/* Search results container */
+.algolia__initial-content {
+  display:block;
+}
+.algolia__initial-content--hidden {
+  display:none;
+}
+.algolia__search-content {
+  display:none;
+}
+.algolia__search-content--active {
+  display:block;
+}
+
+/* Search results */
+.algolia__result {
+  margin-bottom: 1rem;
+}
+.algolia__result-link {
+  font-size: 1.25rem;
+  font-weight:bold;
+}
+.algolia__result-date {
+  font-size:0.8rem;
+}
+.algolia__result-text {
+  font-size: 0.9rem;
+}
+.algolia__result-link .algolia__result-highlight {
+  background-color:#D3E8F6;
+  background-color: rgba(38,139,210,0.2);
+}
+.algolia__result-text .algolia__result-highlight {
+  font-weight:bold;
+  background: #ffff99;
+}
+
+/* Theming */
+.theme-base-08 .algolia__result-link .algolia__result-highlight {
+  background-color:#EED9D9;
+  background-color: rgba(172,65,66,0.2);
+}
+.theme-base-09 .algolia__result-link .algolia__result-highlight {
+  background-color: #F6E6DA;
+  background-color: rgba(210,132,69,0.2);
+}
+.theme-base-0a .algolia__result-link .algolia__result-highlight {
+  background-color: #FDF2E3;
+  background-color: rgba(244,191,117,0.2);
+}
+.theme-base-0b .algolia__result-link .algolia__result-highlight {
+  background-color: #E9EEDE;
+  background-color: rgba(144,169,89,0.2);
+}
+.theme-base-0c .algolia__result-link .algolia__result-highlight {
+  background-color: #E3F0EE;
+  background-color: rgba(117,181,170,0.2);
+}
+.theme-base-0d .algolia__result-link .algolia__result-highlight {
+  background-color: #E1ECF0; 
+  background-color: rgba(106,159,181,0.2);
+}
+.theme-base-0e .algolia__result-link .algolia__result-highlight {
+  background-color: #EEE3EC; 
+  background-color: rgba(170,117,159,0.2);
+}
+.theme-base-0f .algolia__result-link .algolia__result-highlight {
+  background-color: #E9DDD6; 
+  background-color: rgba(143,85,54,0.2);
+}
\ No newline at end of file
diff --git a/foundation/scss/app.scss b/foundation/scss/app.scss
index 7644075..fba9041 100644
--- a/foundation/scss/app.scss
+++ b/foundation/scss/app.scss
@@ -57,3 +57,4 @@
 @import "jquery.toc";
 @import "callout";
 @import "code";
+@import "search";

From 9946a6fcaa21fdeee87e80df82bf9db8f5f2e32f Mon Sep 17 00:00:00 2001
From: Kieran Hayes <kieran.hayes@dkd.de>
Date: Fri, 5 Aug 2016 13:44:24 +0200
Subject: [PATCH 2/7] use correct url for live site

---
 _config.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_config.yml b/_config.yml
index bbf8069..c444f48 100644
--- a/_config.yml
+++ b/_config.yml
@@ -10,7 +10,7 @@ title: dkdeploy documentation
 email: opensource@dkd.de
 description: dkdeploy documentation
 baseurl: "" # the subpath of your site, e.g. /blog
-url: "http://localhost:4000/" # the base hostname & protocol for your site
+url: "https://dkdeploy.github.io" # the base hostname & protocol for your site
 twitter_username: dkd_de
 github_username:  KieranHayes
 exclude: [foundation, vendor]

From 64fadc3cbd71ed7b6d51f2498068c883b39ef61e Mon Sep 17 00:00:00 2001
From: Kieran Hayes <kieran.hayes@dkd.de>
Date: Tue, 13 Sep 2016 15:34:06 +0200
Subject: [PATCH 3/7] Integrate dkdeploy logo use dkd color for header clean up
 sass

---
 _includes/header.html                      |  15 +-
 assets/css/app.css                         | 188 +++++++++++++--------
 assets/images/3056-73126-dkdeploy-logo.svg |  32 ++++
 foundation/scss/_base.scss                 |  20 +++
 foundation/scss/_callout.scss              |   8 -
 foundation/scss/_navigation.scss           |  32 +++-
 foundation/scss/_settings.scss             |   4 +-
 foundation/scss/_startpage.scss            |  77 +++++----
 index.md                                   |   2 +-
 9 files changed, 248 insertions(+), 130 deletions(-)
 create mode 100644 assets/images/3056-73126-dkdeploy-logo.svg

diff --git a/_includes/header.html b/_includes/header.html
index d1877f3..90591c9 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -8,7 +8,7 @@
       <div class="top-bar show-for-medium" >
         <div class="top-bar-left">
           <ul class="medium-horizontal menu">
-            <li class="menu-text"><a href="{{ site.url }}">dkdeploy</a></li>
+            <li class="menu-text"><a href="{{ site.url }}"><img title="dkdeploy" alt="dkdeploy" src="/assets/images/3056-73126-dkdeploy-logo.svg"></a></li>
             {% for nav in site.data.navigation %}
               {% if page.section == nav.section %}
                 {% assign active = "active" %}
@@ -24,7 +24,7 @@
     </div>
   </div> <!-- end sticky-container -->
   <ul id="mobile-navigation" class="hide-for-medium vertical menu" data-responsive-menu="small-dropdown">
-    <li class="menu-text"><a href="/">dkdeploy</a></li>
+    <li class="menu-text"><a href="/"><img style="height: 24px; margin-left: -17px" src="/assets/images/3056-73126-dkdeploy-logo.svg"></a></li>
     {% for nav in site.data.navigation %}
       {% if page.section == nav.section %}
         {% assign active = "active" %}
@@ -36,7 +36,12 @@
   </ul>
 </header>
 <div class="callout large primary">
-  <div class="row column">
-    <h1>{{ page.title || "No Title"}}</h1>
-  </div>
+    {% if page.layout == 'startpage' } %}
+      <div class="logo-wrapper">
+        <img title="dkdeploy" alt="dkdeploy" src="/assets/images/3056-73126-dkdeploy-logo.svg">
+      </div>
+      <h1><span>{{ page.title }}</span></h1>
+    {% else %}
+      <h1>{{ page.title || "No Title"}}</h1>
+    {% endif %}
 </div>
diff --git a/assets/css/app.css b/assets/css/app.css
index 7c74614..01c72ce 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -447,11 +447,11 @@ img {
 textarea {
   height: auto;
   min-height: 50px;
-  border-radius: 0; }
+  border-radius: 3px; }
 
 select {
   width: 100%;
-  border-radius: 0; }
+  border-radius: 3px; }
 
 #map_canvas img,
 #map_canvas embed,
@@ -470,7 +470,7 @@ button {
   background: transparent;
   padding: 0;
   border: 0;
-  border-radius: 0;
+  border-radius: 3px;
   line-height: 1; }
   [data-whatinput='mouse'] button {
     outline: 0; }
@@ -1267,7 +1267,7 @@ h6 {
   font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-weight: bold;
   font-style: normal;
-  color: inherit;
+  color: #482718;
   text-rendering: optimizeLegibility;
   margin-top: 0;
   margin-bottom: 0.5rem;
@@ -1393,7 +1393,8 @@ kbd {
   margin: 0;
   background-color: #e6e6e6;
   color: #0a0a0a;
-  font-family: Consolas, "Liberation Mono", Courier, monospace; }
+  font-family: Consolas, "Liberation Mono", Courier, monospace;
+  border-radius: 3px; }
 
 .subheader {
   margin-top: 0.2rem;
@@ -1515,7 +1516,7 @@ kbd {
   transition: background-color 0.25s ease-out, color 0.25s ease-out;
   vertical-align: middle;
   border: 1px solid transparent;
-  border-radius: 0;
+  border-radius: 3px;
   padding: 0.85em 1em;
   margin: 0 0 1rem 0;
   font-size: 0.9rem;
@@ -1644,7 +1645,7 @@ textarea {
   color: #0a0a0a;
   background-color: #fefefe;
   box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
-  border-radius: 0;
+  border-radius: 3px;
   transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
   -webkit-appearance: none;
   -moz-appearance: none; }
@@ -1685,7 +1686,7 @@ textarea[readonly] {
 
 [type='submit'],
 [type='button'] {
-  border-radius: 0;
+  border-radius: 3px;
   -webkit-appearance: none;
   -moz-appearance: none; }
 
@@ -1737,9 +1738,9 @@ label {
   width: 100%;
   margin-bottom: 1rem; }
   .input-group > :first-child {
-    border-radius: 0 0 0 0; }
+    border-radius: 3px 0 0 3px; }
   .input-group > :last-child > * {
-    border-radius: 0 0 0 0; }
+    border-radius: 0 3px 3px 0; }
 
 .input-group-label, .input-group-field, .input-group-button {
   margin: 0;
@@ -1808,7 +1809,7 @@ select {
   line-height: normal;
   color: #0a0a0a;
   background-color: #fefefe;
-  border-radius: 0;
+  border-radius: 3px;
   -webkit-appearance: none;
   -moz-appearance: none;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2851, 51, 51%29'></polygon></svg>");
@@ -1955,10 +1956,10 @@ select {
   margin-left: 0; }
 
 .accordion-item:first-child > :first-child {
-  border-radius: 0 0 0 0; }
+  border-radius: 3px 3px 0 0; }
 
 .accordion-item:last-child > :last-child {
-  border-radius: 0 0 0 0; }
+  border-radius: 0 0 3px 3px; }
 
 .accordion-title {
   display: block;
@@ -1970,7 +1971,7 @@ select {
   border: 1px solid #e6e6e6;
   border-bottom: 0; }
   :last-child:not(.is-active) > .accordion-title {
-    border-radius: 0 0 0 0;
+    border-radius: 0 0 3px 3px;
     border-bottom: 1px solid #e6e6e6; }
   .accordion-title:hover, .accordion-title:focus {
     background-color: #e6e6e6; }
@@ -2174,7 +2175,7 @@ select {
   margin: 0 0 1rem 0;
   padding: 1rem;
   border: 0px solid rgba(10, 10, 10, 0.25);
-  border-radius: 0;
+  border-radius: 3px;
   position: relative;
   color: #0a0a0a;
   background-color: white; }
@@ -2273,7 +2274,7 @@ select {
 .dropdown-pane {
   background-color: #fefefe;
   border: 1px solid #cacaca;
-  border-radius: 0;
+  border-radius: 3px;
   display: block;
   font-size: 1rem;
   padding: 1rem;
@@ -2557,7 +2558,7 @@ select {
   line-height: 1;
   white-space: nowrap;
   cursor: default;
-  border-radius: 0;
+  border-radius: 3px;
   background: #97af05;
   color: #fefefe; }
   .label.secondary {
@@ -2868,7 +2869,7 @@ body {
   .pagination li {
     font-size: 0.875rem;
     margin-right: 0.0625rem;
-    border-radius: 0;
+    border-radius: 3px;
     display: none; }
     .pagination li:last-child, .pagination li:first-child {
       display: inline-block; }
@@ -2880,7 +2881,7 @@ body {
     color: #0a0a0a;
     display: block;
     padding: 0.1875rem 0.625rem;
-    border-radius: 0; }
+    border-radius: 3px; }
     .pagination a:hover,
     .pagination button:hover {
       background: #e6e6e6; }
@@ -2916,7 +2917,7 @@ body {
   background-color: #cacaca;
   height: 1rem;
   margin-bottom: 1rem;
-  border-radius: 0; }
+  border-radius: 3px; }
   .progress.primary .progress-meter {
     background-color: #97af05; }
   .progress.secondary .progress-meter {
@@ -2933,7 +2934,8 @@ body {
   display: block;
   width: 0%;
   height: 100%;
-  background-color: #97af05; }
+  background-color: #97af05;
+  border-radius: 3px; }
 
 .progress-meter-text {
   position: absolute;
@@ -2946,7 +2948,8 @@ body {
   font-size: 0.75rem;
   font-weight: bold;
   color: #fefefe;
-  white-space: nowrap; }
+  white-space: nowrap;
+  border-radius: 3px; }
 
 .slider {
   position: relative;
@@ -2989,7 +2992,7 @@ body {
   transition: all 0.2s ease-in-out;
   -ms-touch-action: manipulation;
       touch-action: manipulation;
-  border-radius: 0; }
+  border-radius: 3px; }
   [data-whatinput='mouse'] .slider-handle {
     outline: 0; }
   .slider-handle:hover {
@@ -3074,7 +3077,7 @@ html.is-reveal-open body {
   padding: 1rem;
   border: 1px solid #cacaca;
   background-color: #fefefe;
-  border-radius: 0;
+  border-radius: 3px;
   position: relative;
   top: 100px;
   margin-left: auto;
@@ -3163,7 +3166,7 @@ html.is-reveal-open body {
   width: 4rem;
   height: 2rem;
   transition: all 0.25s ease-out;
-  border-radius: 0;
+  border-radius: 3px;
   color: inherit;
   font-weight: inherit; }
   input + .switch-paddle {
@@ -3179,7 +3182,7 @@ html.is-reveal-open body {
     width: 1.5rem;
     transition: all 0.25s ease-out;
     transform: translate3d(0, 0, 0);
-    border-radius: 0; }
+    border-radius: 3px; }
   input:checked ~ .switch-paddle {
     background: #97af05; }
     input:checked ~ .switch-paddle::after {
@@ -3243,7 +3246,7 @@ html.is-reveal-open body {
 table {
   width: 100%;
   margin-bottom: 1rem;
-  border-radius: 0; }
+  border-radius: 3px; }
   table thead,
   table tbody,
   table tfoot {
@@ -3363,7 +3366,7 @@ table.hover tr:nth-of-type(even):hover {
   line-height: 0;
   max-width: 100%;
   transition: box-shadow 200ms ease-out;
-  border-radius: 0;
+  border-radius: 3px;
   margin-bottom: 1rem; }
   .thumbnail:hover, .thumbnail:focus {
     box-shadow: 0 0 6px 1px rgba(151, 175, 5, 0.5); }
@@ -3430,7 +3433,7 @@ table.hover tr:nth-of-type(even):hover {
   z-index: 10;
   top: calc(100% + 0.6495rem);
   max-width: 10rem !important;
-  border-radius: 0; }
+  border-radius: 3px; }
   .tooltip::before {
     content: '';
     display: block;
@@ -5120,35 +5123,45 @@ table.hover tr:nth-of-type(even):hover {
   font-size: 14px;
   font-weight: bold; }
 
-.startpage .callout.large {
-  background: transparent; }
-
 .startpage header .top-bar,
 .startpage header .top-bar ul {
   background: transparent;
   border-width: 0; }
 
-.startpage .top-bar-left .menu > li {
-  border-right: 0px solid #97af05; }
-  .startpage .top-bar-left .menu > li.active {
-    background-color: transparent; }
-    .startpage .top-bar-left .menu > li.active a {
-      color: white;
-      background-color: white;
-      border-radius: 3px; }
-  .startpage .top-bar-left .menu > li a {
-    margin-right: 1em;
-    border-radius: 3px;
-    color: white;
-    border-color: white; }
-    .startpage .top-bar-left .menu > li a.active, .startpage .top-bar-left .menu > li a:hover, .startpage .top-bar-left .menu > li a:active, .startpage .top-bar-left .menu > li a:focus {
+.startpage .top-bar-left {
+  margin-top: 1em; }
+  .startpage .top-bar-left .menu-text {
+    display: none; }
+  .startpage .top-bar-left .menu > li {
+    border-right: 0px solid #97af05; }
+    .startpage .top-bar-left .menu > li.active {
+      background-color: transparent; }
+      .startpage .top-bar-left .menu > li.active a {
+        color: white;
+        background-color: white;
+        border-radius: 3px; }
+    .startpage .top-bar-left .menu > li a {
       margin-right: 1em;
-      color: #737373;
-      background-color: white;
       border-radius: 3px;
+      color: white;
       border-color: white; }
+      .startpage .top-bar-left .menu > li a.active, .startpage .top-bar-left .menu > li a:hover, .startpage .top-bar-left .menu > li a:active, .startpage .top-bar-left .menu > li a:focus {
+        margin-right: 1em;
+        color: #737373;
+        background-color: white;
+        border-radius: 3px;
+        border-color: white; }
 
 /*  Top bar left */
+#content .top-bar-left .medium-horizontal .menu-text a {
+  border-color: white; }
+  #content .top-bar-left .medium-horizontal .menu-text a img {
+    height: 15px; }
+  #content .top-bar-left .medium-horizontal .menu-text a:hover {
+    border-color: #97af05;
+    transition: border-color 0.3s ease-out;
+    background: none; }
+
 .top-bar-left .menu > li {
   border-right: 0px solid #97af05; }
   .top-bar-left .menu > li.active {
@@ -5178,6 +5191,8 @@ table.hover tr:nth-of-type(even):hover {
     margin-top: auto; }
 
 @media screen and (max-width: 39.9375em) {
+  #mobile-navigation {
+    background: #fff; }
   .top-bar-left .menu li a {
     width: 100%;
     margin: 0; } }
@@ -5330,6 +5345,27 @@ footer .row {
   .startpage footer .row {
     background: transparent; }
 
+html {
+  height: 100%; }
+
+body {
+  height: 100%;
+  margin: 0;
+  background-repeat: no-repeat;
+  background-attachment: fixed; }
+
+body {
+  background: #c2e59c;
+  /* fallback for old browsers */
+  /* Chrome 10-25, Safari 5.1-6 */
+  background: linear-gradient(to left, #f4f4f4, #e9e9e9);
+  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
+
+#content {
+  background: white; }
+  #content .callout:first-child {
+    border-width: 0px; }
+
 ul.menu li.active {
   background: #e9e9e9; }
 
@@ -6389,27 +6425,6 @@ ul.menu li.active {
 .slideOutUp {
   animation-name: slideOutUp; }
 
-html {
-  height: 100%; }
-
-body {
-  height: 100%;
-  margin: 0;
-  background-repeat: no-repeat;
-  background-attachment: fixed; }
-
-body {
-  background: #c2e59c;
-  /* fallback for old browsers */
-  /* Chrome 10-25, Safari 5.1-6 */
-  background: linear-gradient(to left, #f4f4f4, #e9e9e9);
-  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
-
-#content {
-  background: white; }
-  #content .callout:first-child {
-    border-width: 0px; }
-
 body.startpage {
   background: #c2e59c;
   /* fallback for old browsers */
@@ -6418,6 +6433,33 @@ body.startpage {
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
   body.startpage #content {
     background: transparent; }
+  body.startpage .callout.large.primary {
+    background: none;
+    border-radius: 3px;
+    padding-top: 1rem;
+    padding-bottom: 1rem; }
+    @media screen and (max-width: 39.9375em) {
+      body.startpage .callout.large.primary {
+        border-radius: 0; }
+        body.startpage .callout.large.primary h1 {
+          display: block;
+          font-size: 0.8rem;
+          margin-top: 20px !important; } }
+    body.startpage .callout.large.primary h1 {
+      color: #482718;
+      margin-left: 2em;
+      margin-top: 0.5em; }
+      body.startpage .callout.large.primary h1 span {
+        padding: 10px;
+        background: rgba(255, 255, 255, 0.75);
+        border-radius: 3px; }
+    body.startpage .callout.large.primary .logo-wrapper {
+      padding: 10px;
+      background: rgba(255, 255, 255, 0.8);
+      display: inline-block;
+      border-radius: 3px; }
+      body.startpage .callout.large.primary .logo-wrapper img {
+        height: 52px; }
   body.startpage .card-1 .inner {
     background: rgba(255, 255, 255, 0.8); }
   body.startpage .card-2 .inner {
@@ -6427,6 +6469,9 @@ body.startpage {
   body.startpage .inner {
     padding: 0.625rem;
     border-radius: 3px; }
+    @media screen and (max-width: 39.9375em) {
+      body.startpage .inner {
+        border-radius: 0; } }
     body.startpage .inner h3 {
       margin-top: 0; }
   body.startpage .hero-content {
@@ -6629,11 +6674,6 @@ body.startpage {
 #toc-container {
   margin-bottom: 10px; }
 
-.startpage .callout.large.primary {
-  background: transparent !important;
-  color: rgba(255, 255, 255, 0.9);
-  border-width: 0 !important; }
-
 .callout.primary:before {
   content: "\f15e";
   font-family: "foundation-icons";
diff --git a/assets/images/3056-73126-dkdeploy-logo.svg b/assets/images/3056-73126-dkdeploy-logo.svg
new file mode 100644
index 0000000..20fff9b
--- /dev/null
+++ b/assets/images/3056-73126-dkdeploy-logo.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 26" style="enable-background:new 0 0 100 26;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#472718;}
+	.st1{fill:#A3BD01;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st0" d="M54.4,7.1h3.1v1.7l0,0c0.7-1.2,2-2.1,3.8-2.1c3.8,0,5.3,3.1,5.3,6.4c0,3.4-1.5,6.5-5.3,6.5
+				c-1.5,0-2.5-0.4-3.6-1.7l0,0v6.4h-3.3C54.4,24.2,54.4,7.1,54.4,7.1z M57.6,13.3c0,1.7,0.6,4,2.8,4c2.1,0,2.7-2.3,2.7-4
+				c0-1.6-0.5-3.9-2.7-3.9C58.5,9.4,57.6,11.6,57.6,13.3z"/>
+			<path class="st0" d="M68.4,1.4h3.3v18.1h-3.3V1.4z"/>
+			<path class="st0" d="M79.9,6.8c3.7,0,6.5,2.4,6.5,6.5c0,3.6-2.5,6.4-6.5,6.4c-4.2,0-6.4-2.8-6.4-6.4C73.3,9.3,76.1,6.8,79.9,6.8z
+				 M79.9,17.3c2.5,0,3.2-2.2,3.2-4.3c0-1.8-1-3.7-3.2-3.7c-2.1,0-3.2,1.8-3.2,3.7C76.7,15,77.3,17.3,79.9,17.3z"/>
+			<path class="st0" d="M92.6,16.1L92.6,16.1l3.1-9.1H99l-4.7,12.2c-1,2.7-1.7,5.4-5.1,5.4c-0.7,0-1.5-0.1-2.3-0.4l0.2-2.4
+				c0.5,0.1,0.9,0.2,1.6,0.2c1.3,0,2.1-0.9,2.1-2.2L86,6.8h3.6L92.6,16.1z"/>
+		</g>
+		<path class="st1" d="M10.1,18L10.1,18c-1,1.2-2.3,1.6-3.8,1.6c-3.8,0-5.3-3.1-5.3-6.5s1.5-6.4,5.3-6.4c1.6,0,2.7,0.5,3.7,1.7l0,0
+			V1.3h3.3v18.1h-3.2V18z M7.1,17.1c2.2,0,2.8-2.3,2.8-4S9.2,9.1,7,9.1c-2.1,0-2.7,2.3-2.7,3.9C4.4,14.8,4.9,17.1,7.1,17.1z"/>
+		<path class="st1" d="M15.2,1.3h3.3v10.5l0,0l3.8-5h3.8l-4.5,5.5l5.3,6.9h-4.2l-4.2-6l0,0v6h-3.3C15.2,19.3,15.2,1.3,15.2,1.3z"/>
+		<path class="st1" d="M30.3,11.6c0.4-1.3,1-2.4,2.5-2.4c1.5,0,2.3,1.2,2.7,2.4H39V1.3h-3.3v7.1l0,0c-1-1.2-2.1-1.7-3.7-1.7
+			c-3.3,0-4.7,2.2-5.1,4.9L30.3,11.6L30.3,11.6z"/>
+	</g>
+	<path class="st0" d="M53.9,16.2l-4.4-0.1l0.4,1c-0.7,0.2-1.3,0.4-2.2,0.4c-2.1,0-3.4-1.1-3.4-3.1h6.9h1.7c0-4.4-1.3-7.5-5.9-7.5
+		c-3.4,0-5.3,2.2-5.6,5.3H26.8c0,0.4,0,0.6,0,1c0,3.4,1.5,6.5,5.3,6.5c1.5,0,2.8-0.5,3.8-1.6v1.5H39V15h-3.4
+		c-0.4,1.3-1.1,2.4-2.6,2.4c-1.6,0-2.5-1.5-2.6-2.8h10.9c0.4,3.4,2.6,5.4,6.4,5.4c1.2,0,2.3-0.1,3.2-0.5l0.4,0.9L53.9,16.2z
+		 M47.1,9.1c1.8,0,2.5,1.5,2.6,2.9h-5.4C44.4,10.4,45.2,9.1,47.1,9.1z"/>
+</g>
+</svg>
diff --git a/foundation/scss/_base.scss b/foundation/scss/_base.scss
index f3ed3ab..24f2700 100644
--- a/foundation/scss/_base.scss
+++ b/foundation/scss/_base.scss
@@ -1,3 +1,23 @@
+html {
+    height: 100%;
+}
+body {
+    height: 100%;
+    margin: 0;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+}
+body {
+  background: #c2e59c; /* fallback for old browsers */
+  background: -webkit-linear-gradient(to left, #f4f4f4 , #e9e9e9); /* Chrome 10-25, Safari 5.1-6 */
+  background: linear-gradient(to left, #f4f4f4 , #e9e9e9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+}
+#content {
+  background: white;
+  .callout:first-child {
+    border-width: 0px;
+  }
+}
 
 ul.menu li.active {
   background: #e9e9e9;
diff --git a/foundation/scss/_callout.scss b/foundation/scss/_callout.scss
index 9ed4d12..1df6b9b 100644
--- a/foundation/scss/_callout.scss
+++ b/foundation/scss/_callout.scss
@@ -1,11 +1,3 @@
-// Startpage
-
-.startpage .callout.large.primary {
-  background: transparent !important;
-  color: rgba(255, 255, 255, 0.9);
-  border-width: 0 !important;
-}
-
 .callout {
   &.primary {
     &:before {
diff --git a/foundation/scss/_navigation.scss b/foundation/scss/_navigation.scss
index 9b20a25..b14d35e 100644
--- a/foundation/scss/_navigation.scss
+++ b/foundation/scss/_navigation.scss
@@ -29,9 +29,7 @@
 }
 
 .startpage {
-  .callout.large {
-    background: transparent;
-  }
+
   header {
     .top-bar,
     .top-bar ul{
@@ -41,6 +39,10 @@
   }
 
   .top-bar-left {
+    margin-top: 1em;
+    .menu-text {
+      display: none;
+    }
     .menu > li {
       border-right: 0px solid $primary-color;
       &.active {
@@ -76,7 +78,23 @@
   
 }
 /*  Top bar left */
+#content .top-bar-left {
+  .medium-horizontal {
+    .menu-text a{
+      border-color: white;
+      img {
+        height: 15px;;
+      }
+      &:hover {
+        border-color: $primary-color;
+        transition: border-color 0.3s ease-out;
+        background: none;
+      }
+    }
+  }
+}
 .top-bar-left {
+
   .menu > li {
     border-right: 0px solid $primary-color;
     &.active {
@@ -125,9 +143,13 @@
 }
 
 @include breakpoint(small only) {
-  .top-bar-left .menu > li.active a {
-
+  #mobile-navigation {
+    background: #fff;
+    .menu-text {
+      
+    }
   }
+
   .top-bar-left .menu li a{
     width: 100%;
     margin: 0;
diff --git a/foundation/scss/_settings.scss b/foundation/scss/_settings.scss
index cd7386c..54f9b8c 100644
--- a/foundation/scss/_settings.scss
+++ b/foundation/scss/_settings.scss
@@ -65,7 +65,7 @@ $global-margin: 1rem;
 $global-padding: 1rem;
 $global-weight-normal: normal;
 $global-weight-bold: bold;
-$global-radius: 0;
+$global-radius: 3px;
 $global-text-direction: ltr;
 
 // 2. Breakpoints
@@ -117,7 +117,7 @@ $header-sizes: (
     'h6': 13,
   ),
 );
-$header-color: inherit;
+$header-color: rgba(72, 39, 24, 1.0); //#2D2115;
 $header-lineheight: 1.4;
 $header-margin-bottom: 0.5rem;
 $header-text-rendering: optimizeLegibility;
diff --git a/foundation/scss/_startpage.scss b/foundation/scss/_startpage.scss
index 14f93e8..1b2c458 100644
--- a/foundation/scss/_startpage.scss
+++ b/foundation/scss/_startpage.scss
@@ -1,63 +1,70 @@
-
-
-html {
-    height: 100%;
-}
-body {
-    height: 100%;
-    margin: 0;
-    background-repeat: no-repeat;
-    background-attachment: fixed;
-}
-body {
-  background: #c2e59c; /* fallback for old browsers */
-  background: -webkit-linear-gradient(to left, #f4f4f4 , #e9e9e9); /* Chrome 10-25, Safari 5.1-6 */
-  background: linear-gradient(to left, #f4f4f4 , #e9e9e9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-}
-#content {
-  background: white;
-  .callout:first-child {
-    border-width: 0px;
-  }
-}
-
 body.startpage {
   #content {
     background: transparent;
   }
+
+  .callout.large.primary {
+    background: none;
+    border-radius: $global-radius;
+    //background-color: rgba(255, 255, 255, 0.9);
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    @include breakpoint(small only) {
+      border-radius: 0;
+      h1 {
+        display: block;
+        font-size: 0.8rem;
+        margin-top: 20px !important;
+      }
+    }
+    h1 {
+      color: $header-color;
+      margin-left: 2em;
+      margin-top: 0.5em;
+      span {
+        padding: 10px;
+        background: rgba(255, 255, 255, 0.75);
+        border-radius: $global-radius;
+      }
+    }
+    .logo-wrapper {
+      padding: 10px;
+      background: rgba(255, 255, 255, 0.8);
+      display: inline-block;
+      border-radius: $global-radius;
+      img {
+        height: 52px;
+      }
+    }
+  }
+  
   background: #c2e59c; /* fallback for old browsers */
   background: -webkit-linear-gradient($gradient_style, $g1 , $g2); /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient($gradient_style, $g1 , $g2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 
   .card-1 .inner{
     background: rgba(255,255,255, 0.8);
-    &:hover{
-
-    }
   }
   .card-2 .inner{
     background: rgba(255,255,255, 0.9);
-    &:hover{
-
-    }
   }
-  
+
   .card-3 .inner{
     background: rgba(255,255,255, 1);
-
-    &:hover{
-
-    }
   }
 
   .inner {
     padding: rem-calc(10px);
-    border-radius: 3px;
+    border-radius: $global-radius;
+    @media screen and (max-width: 39.9375em) {
+      border-radius: 0;
+    }
     h3 {
       margin-top: 0;
     }
   }
 
+
   .hero-content {
     color: #fff;
     background: rgba(255,255,255, 0.3);
diff --git a/index.md b/index.md
index 3c26ae1..f2a4398 100644
--- a/index.md
+++ b/index.md
@@ -1,6 +1,6 @@
 ---
 layout: startpage
-title: "dkdeploy - A Powerful Extension to Capistrano"
+title: " A Powerful Extension to Capistrano."
 ---
 
 **dkdeploy** consists currently mainly of four Rubygems:

From 489a9588c29aa398d7e98b17b8344819bee5b35e Mon Sep 17 00:00:00 2001
From: Kieran Hayes <kieran.hayes@dkd.de>
Date: Tue, 13 Sep 2016 15:58:10 +0200
Subject: [PATCH 4/7] tidy up sass

---
 foundation/scss/_navigation.scss | 3 ---
 foundation/scss/_startpage.scss  | 1 -
 2 files changed, 4 deletions(-)

diff --git a/foundation/scss/_navigation.scss b/foundation/scss/_navigation.scss
index b14d35e..7700b8e 100644
--- a/foundation/scss/_navigation.scss
+++ b/foundation/scss/_navigation.scss
@@ -145,9 +145,6 @@
 @include breakpoint(small only) {
   #mobile-navigation {
     background: #fff;
-    .menu-text {
-      
-    }
   }
 
   .top-bar-left .menu li a{
diff --git a/foundation/scss/_startpage.scss b/foundation/scss/_startpage.scss
index 1b2c458..25fd9de 100644
--- a/foundation/scss/_startpage.scss
+++ b/foundation/scss/_startpage.scss
@@ -6,7 +6,6 @@ body.startpage {
   .callout.large.primary {
     background: none;
     border-radius: $global-radius;
-    //background-color: rgba(255, 255, 255, 0.9);
     padding-top: 1rem;
     padding-bottom: 1rem;
     @include breakpoint(small only) {

From e25bc2548285d64e53174cad38e5ef63ee9f00fd Mon Sep 17 00:00:00 2001
From: Kieran Hayes <kieran.hayes@dkd.de>
Date: Fri, 15 Jul 2016 16:47:03 +0200
Subject: [PATCH 5/7] update travis branch

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 2857b26..35ffad5 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # dkdeploy documentation
 
-![Travis CI Build Status](https://travis-ci.org/dkdeploy/dkdeploy.github.io.svg?branch=develop)
+![Travis CI Build Status](https://travis-ci.org/dkdeploy/dkdeploy.github.io.svg?branch=master)
 
 This repository contains the documentation for dkdeploy. It is powered by [Jekyll](https://jekyllrb.com) 3.1.
 

From 10214ef6e31e3317e282d0586292349619c15787 Mon Sep 17 00:00:00 2001
From: Kieran Hayes <kieran.hayes@dkd.de>
Date: Wed, 14 Sep 2016 13:18:00 +0200
Subject: [PATCH 6/7] Integrate Algolia search into website

---
 Gemfile                                 |  4 +-
 Gemfile.lock                            | 53 ++++++++++++--------
 _config.yml                             |  4 +-
 _includes/footer.html                   | 15 ++++--
 _includes/head.html                     |  3 +-
 _includes/header.html                   | 23 ++++++++-
 _layouts/default.html                   |  6 +--
 _layouts/startpage.html                 | 16 +------
 assets/css/app.css                      | 64 +++++++++++++++++++++++--
 assets/images/Algolia_logo_bg-white.svg | 21 ++++++++
 foundation/scss/_base.scss              | 21 ++++++++
 foundation/scss/_navigation.scss        |  4 ++
 foundation/scss/_search.scss            | 50 +++++++++++++++++--
 foundation/scss/_startpage.scss         |  3 ++
 14 files changed, 226 insertions(+), 61 deletions(-)
 create mode 100644 assets/images/Algolia_logo_bg-white.svg

diff --git a/Gemfile b/Gemfile
index e64545b..c0e6c17 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,5 +1,5 @@
 source 'https://rubygems.org'
 gem 'github-pages', group: :jekyll_plugins
 group :jekyll_plugins do
-  gem 'algoliasearch-jekyll', '~> 0.7.0'
-end
\ No newline at end of file
+  gem 'algoliasearch-jekyll', '~> 0.8.0'
+end
diff --git a/Gemfile.lock b/Gemfile.lock
index 0564a16..e02a4cf 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,16 +1,17 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (5.0.0)
-      concurrent-ruby (~> 1.0, >= 1.0.2)
+    activesupport (4.2.7)
       i18n (~> 0.7)
+      json (~> 1.7, >= 1.7.7)
       minitest (~> 5.1)
+      thread_safe (~> 0.3, >= 0.3.4)
       tzinfo (~> 1.1)
     addressable (2.4.0)
-    algoliasearch (1.10.0)
-      httpclient (~> 2.7.1)
+    algoliasearch (1.11.0)
+      httpclient (~> 2.8.2)
       json (>= 1.5.1)
-    algoliasearch-jekyll (0.7.0)
+    algoliasearch-jekyll (0.8.0)
       algoliasearch (~> 1.4)
       appraisal (~> 2.1.0)
       awesome_print (~> 1.6)
@@ -26,36 +27,38 @@ GEM
       coffee-script-source
       execjs
     coffee-script-source (1.10.0)
-    colorator (0.1)
-    concurrent-ruby (1.0.2)
+    colorator (1.1.0)
     ethon (0.9.0)
       ffi (>= 1.3.0)
     execjs (2.7.0)
     faraday (0.9.2)
       multipart-post (>= 1.2, < 3)
     ffi (1.9.14)
+    forwardable-extended (2.6.0)
     gemoji (2.1.0)
-    github-pages (87)
-      github-pages-health-check (= 1.1.0)
-      jekyll (= 3.1.6)
+    github-pages (96)
+      activesupport (= 4.2.7)
+      github-pages-health-check (= 1.2.0)
+      jekyll (= 3.2.1)
       jekyll-coffeescript (= 1.0.1)
       jekyll-feed (= 0.5.1)
       jekyll-gist (= 1.4.0)
       jekyll-github-metadata (= 2.0.2)
-      jekyll-mentions (= 1.1.3)
+      jekyll-mentions (= 1.2.0)
       jekyll-paginate (= 1.1.0)
       jekyll-redirect-from (= 0.11.0)
       jekyll-sass-converter (= 1.3.0)
       jekyll-seo-tag (= 2.0.0)
       jekyll-sitemap (= 0.10.0)
-      jemoji (= 0.6.2)
+      jemoji (= 0.7.0)
       kramdown (= 1.11.1)
       liquid (= 3.0.6)
       listen (= 3.0.6)
       mercenary (~> 0.3)
+      minima (= 1.2.0)
       rouge (= 1.11.1)
       terminal-table (~> 1.4)
-    github-pages-health-check (1.1.0)
+    github-pages-health-check (1.2.0)
       addressable (~> 2.3)
       net-dns (~> 0.8)
       octokit (~> 4.0)
@@ -64,15 +67,16 @@ GEM
     html-pipeline (2.4.2)
       activesupport (>= 2)
       nokogiri (>= 1.4)
-    httpclient (2.7.2)
+    httpclient (2.8.2.4)
     i18n (0.7.0)
-    jekyll (3.1.6)
-      colorator (~> 0.1)
+    jekyll (3.2.1)
+      colorator (~> 1.0)
       jekyll-sass-converter (~> 1.0)
       jekyll-watch (~> 1.1)
       kramdown (~> 1.3)
       liquid (~> 3.0)
       mercenary (~> 0.3.3)
+      pathutil (~> 0.9)
       rouge (~> 1.7)
       safe_yaml (~> 1.0)
     jekyll-coffeescript (1.0.1)
@@ -83,7 +87,8 @@ GEM
     jekyll-github-metadata (2.0.2)
       jekyll (~> 3.1)
       octokit (~> 4.0)
-    jekyll-mentions (1.1.3)
+    jekyll-mentions (1.2.0)
+      activesupport (~> 4.0)
       html-pipeline (~> 2.3)
       jekyll (~> 3.0)
     jekyll-paginate (1.1.0)
@@ -94,9 +99,10 @@ GEM
     jekyll-seo-tag (2.0.0)
       jekyll (~> 3.1)
     jekyll-sitemap (0.10.0)
-    jekyll-watch (1.4.0)
+    jekyll-watch (1.5.0)
       listen (~> 3.0, < 3.1)
-    jemoji (0.6.2)
+    jemoji (0.7.0)
+      activesupport (~> 4.0)
       gemoji (~> 2.0)
       html-pipeline (~> 2.2)
       jekyll (>= 3.0)
@@ -108,6 +114,7 @@ GEM
       rb-inotify (>= 0.9.7)
     mercenary (0.3.6)
     mini_portile2 (2.1.0)
+    minima (1.2.0)
     minitest (5.9.0)
     multipart-post (2.0.0)
     net-dns (0.8.0)
@@ -116,6 +123,8 @@ GEM
       pkg-config (~> 1.1.7)
     octokit (4.3.0)
       sawyer (~> 0.7.0, >= 0.5.3)
+    pathutil (0.14.0)
+      forwardable-extended (~> 2.6)
     pkg-config (1.1.7)
     public_suffix (1.5.3)
     rake (11.2.2)
@@ -128,20 +137,22 @@ GEM
     sawyer (0.7.0)
       addressable (>= 2.3.5, < 2.5)
       faraday (~> 0.8, < 0.10)
-    terminal-table (1.6.0)
+    terminal-table (1.7.2)
+      unicode-display_width (~> 1.1.1)
     thor (0.19.1)
     thread_safe (0.3.5)
     typhoeus (0.8.0)
       ethon (>= 0.8.0)
     tzinfo (1.2.2)
       thread_safe (~> 0.1)
+    unicode-display_width (1.1.1)
     verbal_expressions (0.1.5)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
-  algoliasearch-jekyll (~> 0.7.0)
+  algoliasearch-jekyll (~> 0.8.0)
   github-pages
 
 BUNDLED WITH
diff --git a/_config.yml b/_config.yml
index c444f48..60cdaab 100644
--- a/_config.yml
+++ b/_config.yml
@@ -12,11 +12,11 @@ description: dkdeploy documentation
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://dkdeploy.github.io" # the base hostname & protocol for your site
 twitter_username: dkd_de
-github_username:  KieranHayes
+github_username:  dkdeploy
 exclude: [foundation, vendor]
 # Build settings
 markdown: kramdown
 algolia:
   application_id: 'QOFNLOOCWH'
-  index_name:     'dkdeploy_dev'
+  index_name:     'dkdeploy_production'
   record_css_selector: 'p,ul,td,th,h3,code'
\ No newline at end of file
diff --git a/_includes/footer.html b/_includes/footer.html
index e2a4025..bad81d5 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -2,7 +2,7 @@
   <div class="row">
     <div class="large-12 columns">
       <div class="footer-content">
-        <p>&copy 2016 <a href="https:/www.dkd.de/">dkd Internet Service GmbH</a> <i class="fi-heart animated"></i> <a href="mailto:opensource@dkd.de">opensource@dkd.de</a></p>
+        <p>&copy; 2016 <a href="https://www.dkd.de/">dkd Internet Service GmbH</a> <i class="fi-heart animated"></i> <a href="mailto:opensource@dkd.de">opensource@dkd.de</a></p>
       </div>
     </div>
   </div>
@@ -10,7 +10,7 @@
 <script>
   window.ALGOLIA_CONFIG = {
     'applicationId': 'QOFNLOOCWH',
-    'indexName': 'dkdeploy_dev',
+    'indexName': 'dkdeploy_production',
     'apiKey': 'e51022a00302b50ec0f0fe226c460d5e',
     'baseurl': ''
   }
@@ -33,12 +33,19 @@
 <script src="//cdn.jsdelivr.net/hogan.js/3.0.2/hogan.min.js"></script>
 <script src="//cdn.jsdelivr.net/momentjs/2.10.3/moment.min.js"></script>
 <script src="{{ site.baseurl }}/assets/javascript/algolia.js"></script>
-
+<script src="https://use.fontawesome.com/b5dbc25dd5.js"></script>
 <script type="text/javascript" src="{{ '/assets/javascript/toc2select.js' | prepend: site.url }}" defer></script>
 <script type="text/javascript">
   $(document).ready(function(){
     $(document).foundation();
-    var toc2select = new DkdeployApp.Classes.toc2select("#main-content", "#js-toc", "<span class='toc-label'>Jump to</span>");
+    var toc2select = new DkdeployApp.Classes.toc2select("#main-content", "#js-toc", '<span class="input-group-label"><i class="fa fa-anchor" aria-hidden="true"></i></span>');
     toc2select.render()
+    
+    // Search
+    $('.input-group-algolia input').on('focus', function(){
+      $('.input-group-algolia').addClass("input-group-algolia-focus");
+    }).on('focusout', function(){
+      $('.input-group-algolia').removeClass('input-group-algolia-focus');
+    });
   })
 </script>
diff --git a/_includes/head.html b/_includes/head.html
index c2aaaeb..1bbd824 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -2,9 +2,8 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-
   <title>dkdeploy | {% 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 rel="stylesheet" href="{{ "/assets/css/app.css" | prepend: site.url }}">
+  <link rel="stylesheet" href="{{ "/assets/css/app.css" | prepend: site.url }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
 </head>
diff --git a/_includes/header.html b/_includes/header.html
index 90591c9..bbf1a42 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -19,12 +19,31 @@
             {% endfor %}
           </ul>
         </div>
-        <div class="top-bar-right" id="js-toc"></div>
+        <div class="top-bar-right">
+          <ul class="menu">
+            <li>
+              <div class="input-group" id="js-toc">
+              </div>
+            </li>
+          </ul>
+        </div>
+        <div class="top-bar-right">
+          <ul class="menu">
+            <li>
+              <div class="input-group input-group-algolia">
+                <span class="input-group-label"><i class="fa fa-search" aria-hidden="true"></i>
+</span>
+<input type="text" class="algolia__input js-algolia__input" autocomplete="off" name="query" placeholder="Search ..." />
+              </div>
+            </li>
+          </ul>
+        </div>
+        
       </div>
     </div>
   </div> <!-- end sticky-container -->
   <ul id="mobile-navigation" class="hide-for-medium vertical menu" data-responsive-menu="small-dropdown">
-    <li class="menu-text"><a href="/"><img style="height: 24px; margin-left: -17px" src="/assets/images/3056-73126-dkdeploy-logo.svg"></a></li>
+    <li class="menu-text"><a href="/"><img class="logo" alt="dkdeploy" title="dkdeploy" src="/assets/images/3056-73126-dkdeploy-logo.svg"></a></li>
     {% for nav in site.data.navigation %}
       {% if page.section == nav.section %}
         {% assign active = "active" %}
diff --git a/_layouts/default.html b/_layouts/default.html
index 27cffaa..5a59ea2 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -5,11 +5,8 @@
   <div id="content" class="row">
     {% include header.html %}
     <div class="large-3 sidebar columns">
-      <input type="text" class="algolia__input js-algolia__input" autocomplete="off" name="query" placeholder="Search in this site..." />
-      
       <ul class="vertical menu docs-menu nav1">
         {% assign current_path = page.url %}
-
         {% for nav in site.data.navigation %}
           {% if page.section == nav.section %}
             {% capture current_nav %}{{nav.href}}{% endcapture %}
@@ -18,7 +15,6 @@
             {% else %}
               {% assign active = "" %}
             {% endif %}
-
             <li class="docs-menu-title {{active}}">
               <a href="{{nav.href}}">{{nav.title}}</a>
               {% if nav.subnav2 != empty %}
@@ -34,7 +30,7 @@
       <div id="main-content" class="large-9 main-content columns">
         <div class="algolia__initial-content js-algolia__initial-content">{{ content }}</div>
           <div class="algolia__search-content js-algolia__search-content">
-             <h2 class="page-title">Search</h2>
+             <h3 class="page-title algolia">Search Results <span>powered by <a href="https://algolia.com/"><img alt="Algolia Search" title="Algolia Search" src="/assets/images/Algolia_logo_bg-white.svg"></a></span></h3>
               <div class="posts algolia__results"></div>
           </div>
         </div>
diff --git a/_layouts/startpage.html b/_layouts/startpage.html
index 0008eff..ff1951e 100644
--- a/_layouts/startpage.html
+++ b/_layouts/startpage.html
@@ -8,7 +8,7 @@
         <div class="large-4 columns card-1" >
           <div class="inner" data-equalizer-watch>
           <h3>Extended functionality</h3>
-          <p>Beside all the great functionalities Capistrano provides out of the box, <b>dkdeploy</b> gives you 
+          <p>Beside all the great functionalities Capistrano provides out of the box, <b>dkdeploy</b> gives you </p>  
             <ul>
               <li>Granular file permissions</li>
               <li>an extended Rollback Manager</li>
@@ -16,7 +16,6 @@ <h3>Extended functionality</h3>
               <li>a Copy strategy like on Capistrano 2.x</li>
               <li>Bower Integration</li>
             </ul>... and many more great features.
-           </p>
            </div>
         </div>
         <div class="large-4 columns card-2">
@@ -39,20 +38,7 @@ <h3>PHP Ready!</h3>
           </div>
         </div>
       </div>
-      <input type="text" class="algolia__input js-algolia__input" autocomplete="off" name="query" placeholder="Search in this site..." />
-    
-        <div class="algolia__initial-content js-algolia__initial-content"></div>
-          <div class="algolia__search-content js-algolia__search-content" style="background: #fff">
-             <h2 class="page-title">Search</h2>
-              <div class="posts algolia__results"></div>
-          </div>
-        </div>
-
     </div>
-    
     {% include footer.html %}
-  </div>
-  
   </body>
-
 </html>
diff --git a/assets/css/app.css b/assets/css/app.css
index 01c72ce..73f8a90 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -1742,7 +1742,7 @@ label {
   .input-group > :last-child > * {
     border-radius: 0 3px 3px 0; }
 
-.input-group-label, .input-group-field, .input-group-button {
+.input-group-label, .input-group-field, #js-toc select, .input-group-button {
   margin: 0;
   white-space: nowrap;
   display: table-cell;
@@ -1762,7 +1762,7 @@ label {
   .input-group-label:last-child {
     border-left: 0; }
 
-.input-group-field {
+.input-group-field, #js-toc select {
   border-radius: 0;
   height: 2.5rem; }
 
@@ -3502,7 +3502,7 @@ table.hover tr:nth-of-type(even):hover {
   .top-bar input {
     max-width: 200px;
     margin-right: 1rem; }
-  .top-bar .input-group-field {
+  .top-bar .input-group-field, .top-bar #js-toc select, #js-toc .top-bar select {
     width: 100%;
     margin-right: 0; }
   .top-bar input.button {
@@ -5193,6 +5193,9 @@ table.hover tr:nth-of-type(even):hover {
 @media screen and (max-width: 39.9375em) {
   #mobile-navigation {
     background: #fff; }
+    #mobile-navigation img.logo {
+      height: 24px;
+      margin-left: -17px; }
   .top-bar-left .menu li a {
     width: 100%;
     margin: 0; } }
@@ -5378,6 +5381,20 @@ ul.menu li.active {
 #content .hollow, #content .top-bar-left .menu > li a, .top-bar-left .menu > li #content a {
   border-radius: 3px; }
 
+#js-toc select {
+  border-radius: 3px; }
+
+#js-toc .input-group-label {
+  color: #737373;
+  background-color: transparent;
+  border: 0; }
+
+.header .input-group {
+  margin-bottom: 0; }
+
+.callout {
+  border-radius: 0; }
+
 .accordion-title {
   font-size: 1.125rem; }
 
@@ -6474,6 +6491,8 @@ body.startpage {
         border-radius: 0; } }
     body.startpage .inner h3 {
       margin-top: 0; }
+  body.startpage .top-bar-right {
+    display: none; }
   body.startpage .hero-content {
     color: #fff;
     background: rgba(255, 255, 255, 0.3);
@@ -6759,8 +6778,7 @@ td code.highlighter-rouge {
   font-size: 0.9rem; }
 
 .algolia__result-link .algolia__result-highlight {
-  background-color: #D3E8F6;
-  background-color: rgba(38, 139, 210, 0.2); }
+  background-color: #ffff99; }
 
 .algolia__result-text .algolia__result-highlight {
   font-weight: bold;
@@ -6798,3 +6816,39 @@ td code.highlighter-rouge {
 .theme-base-0f .algolia__result-link .algolia__result-highlight {
   background-color: #E9DDD6;
   background-color: rgba(143, 85, 54, 0.2); }
+
+.input-group-algolia {
+  transition: background-color 0.3s ease-out;
+  background-color: #fff; }
+  .input-group-algolia .input-group-label {
+    border: 0;
+    background: none;
+    padding-right: 0;
+    color: #737373; }
+  .input-group-algolia input {
+    border: 0;
+    box-shadow: none;
+    background-color: transparent;
+    max-width: 140px; }
+    .input-group-algolia input:focus {
+      border: 0;
+      box-shadow: none;
+      background-color: transparent; }
+
+.algolia span {
+  font-weight: normal;
+  color: #737373;
+  float: right;
+  font-size: 0.8em; }
+
+.algolia img {
+  height: 20px; }
+
+.input-group-algolia-focus {
+  background-color: #f4f4f4;
+  transition: background-color 0.3s ease-out;
+  border-radius: 3px; }
+
+.algolia__result,
+.algolia__result-text {
+  overflow-wrap: break-word; }
diff --git a/assets/images/Algolia_logo_bg-white.svg b/assets/images/Algolia_logo_bg-white.svg
new file mode 100644
index 0000000..64ce5db
--- /dev/null
+++ b/assets/images/Algolia_logo_bg-white.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="391px" height="124px" viewBox="0 0 391 124" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.0.4 (8053) - http://www.bohemiancoding.com/sketch -->
+    <title>Algolia_logo_bg-white</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Algolia_logo_bg-white" sketch:type="MSLayerGroup" transform="translate(1.000000, 0.000000)">
+            <path d="M234.602907,47.0181121 L228.907729,67.1993038 L247.249783,57.1465713 C244.58596,52.2621928 240.040498,48.5689338 234.602907,47.0181121 Z" id="Fill-1" fill="#46AEDA" sketch:type="MSShapeGroup"></path>
+            <path d="M202.455755,33.4002509 C200.002399,30.9359747 196.022371,30.9375523 193.569015,33.4002509 L192.458566,34.5156436 C190.00521,36.9783421 190.006781,40.976086 192.458566,43.4403623 L193.641265,44.6267488 C196.159018,40.5690545 199.364715,36.987808 203.090297,34.0391958 L202.455755,33.4002509 Z" id="Fill-2" fill="#46AEDA" sketch:type="MSShapeGroup"></path>
+            <path d="M240.840877,27.223784 C240.850301,27.0881068 240.880143,26.9587402 240.880143,26.8199077 L240.880143,23.6646244 C240.878572,20.1811917 238.067108,17.3556356 234.597542,17.3540579 L223.601419,17.3540579 C220.133424,17.3556356 217.320389,20.1796141 217.320389,23.6646244 L217.320389,26.7646902 C220.821368,25.7802419 224.504543,25.2422661 228.314941,25.2422661 C232.682919,25.2422661 236.890691,25.9427389 240.840877,27.223784" id="Fill-3" fill="#46AEDA" sketch:type="MSShapeGroup"></path>
+            <path d="M228.760635,41.5528326 C242.54501,41.5528326 253.760635,52.7684576 253.760635,66.5528326 C253.760635,80.3372076 242.54501,91.5528326 228.760635,91.5528326 C214.97626,91.5528326 203.760635,80.3372076 203.760635,66.5528326 C203.760635,52.7684576 214.97626,41.5528326 228.760635,41.5528326 M193.760635,66.5528326 C193.760635,85.8807871 209.427907,101.552833 228.760635,101.552833 C248.093362,101.552833 263.760635,85.8807871 263.760635,66.5528326 C263.760635,47.224878 248.093362,31.5528326 228.760635,31.5528326 C209.427907,31.5528326 193.760635,47.224878 193.760635,66.5528326 Z" id="Fill-4" fill="#46AEDA" sketch:type="MSShapeGroup"></path>
+            <path d="M68.5829487,99.6564664 C67.1395211,95.8212196 65.7840499,92.0522338 64.5118232,88.3463536 C63.2395965,84.6404734 61.9233915,80.8699099 60.5679203,77.0362407 L20.6200011,77.0362407 L12.6049727,99.6564664 L-0.244517215,99.6564664 C3.14651674,90.2852752 6.32708356,81.617712 9.29718324,73.6506218 C12.2657123,65.6851092 15.168274,58.1234729 18.0127216,50.9688681 C20.8524573,43.811108 23.6733452,36.9751869 26.472244,30.4579493 C29.2711428,23.9407117 32.1972643,17.4881575 35.2506085,11.0987089 L46.5734263,11.0987089 C49.6267705,17.4881575 52.5528919,23.9407117 55.3517907,30.4579493 C58.1506895,36.9751869 60.9700068,43.811108 63.8128838,50.9688681 C66.6526195,58.1234729 69.5567519,65.6851092 72.5268516,73.6506218 C75.4953806,81.617712 78.6759474,90.2852752 82.068552,99.6564664 L68.5829487,99.6564664 L68.5829487,99.6564664 Z M57.0056855,66.8147006 C54.2900312,59.4013626 51.5979366,52.2262485 48.9278311,45.28147 C46.2545843,38.3382692 43.476104,31.6727333 40.5939607,25.2817071 C37.623861,31.6727333 34.8045438,38.3382692 32.1344383,45.28147 C29.4627622,52.2262485 26.8099339,59.4013626 24.1822359,66.8147006 L57.0056855,66.8147006 L57.0056855,66.8147006 Z" id="Fill-5" fill="#0C1724" sketch:type="MSShapeGroup"></path>
+            <path d="M113.109313,100.932779 C105.815214,100.762393 100.643062,99.1879069 97.5897181,96.2045865 C94.5348033,93.2244215 93.0112725,88.5814222 93.0112725,82.2755886 L93.0112725,2.5352701 L104.83984,0.490646547 L104.83984,80.358754 C104.83984,82.3213402 105.011041,83.9384229 105.34873,85.2163126 C105.689562,86.4926247 106.24086,87.5165141 107.002625,88.2832479 C107.765961,89.0484041 108.785313,89.6242433 110.05754,90.0076102 C111.331337,90.3909771 112.898846,90.7112384 114.763208,90.9668163 L113.109313,100.932779" id="Fill-6" fill="#0C1724" sketch:type="MSShapeGroup"></path>
+            <path d="M169.468957,93.0098622 C168.452747,93.6945587 166.48001,94.5654169 163.553889,95.630325 C160.627767,96.6952331 157.213173,97.228476 153.311678,97.228476 C149.325368,97.228476 145.571513,96.5879535 142.053257,95.3116414 C138.53343,94.032174 135.458096,92.0522338 132.828828,89.3686654 C130.199559,86.6835193 128.121589,83.3420743 126.594917,79.3380199 C125.069815,75.3339654 124.304909,70.5631771 124.304909,65.025655 C124.304909,60.1696741 125.024267,55.7175694 126.467694,51.6709186 C127.909551,47.6258455 130.00794,44.1313693 132.766002,41.1922229 C135.520922,38.2530766 138.891538,35.9528751 142.879419,34.2916185 C146.865729,32.6303618 151.36093,31.7989447 156.365022,31.7989447 C161.878005,31.7989447 166.690477,32.2059762 170.805581,33.0137287 C174.919114,33.8246365 178.374545,34.5692834 181.173443,35.2492469 L181.173443,94.5449075 C181.173443,104.768025 178.545745,112.178208 173.287208,116.778611 C168.02553,121.379014 160.05448,123.677638 149.367775,123.677638 C145.211835,123.677638 141.289921,123.340023 137.600463,122.658481 C133.911006,121.973785 130.70845,121.16761 127.995937,120.230491 L130.158722,109.879584 C132.531975,110.813548 135.437678,111.646543 138.87269,112.37068 C142.307702,113.09324 145.890355,113.457675 149.622221,113.457675 C156.661875,113.457675 161.728793,112.051997 164.826115,109.239062 C167.921867,106.429282 169.468957,101.95509 169.468957,95.8212196 L169.468957,93.0098622 L169.468957,93.0098622 Z M164.57167,42.7256906 C162.576944,42.429094 159.884849,42.2776404 156.493816,42.2776404 C150.132682,42.2776404 145.233824,44.3680155 141.798812,48.5408776 C138.363799,52.7153174 136.647079,58.2512619 136.647079,65.1518664 C136.647079,68.9871132 137.13241,72.2670301 138.109354,74.9931948 C139.084728,77.7209372 140.399362,79.9753871 142.053257,81.7660104 C143.707152,83.5534783 145.615492,84.875542 147.778277,85.7258908 C149.941063,86.579395 152.168245,87.0037806 154.458253,87.0037806 C157.594841,87.0037806 160.478555,86.557308 163.107824,85.6627852 C165.735522,84.7666847 167.815063,83.7254413 169.341735,82.5327442 L169.341735,43.6848967 C168.152753,43.3441261 166.564825,43.0254425 164.57167,42.7256906 Z" id="Fill-7" fill="#0C1724" sketch:type="MSShapeGroup"></path>
+            <path d="M296.035098,100.934356 C288.739428,100.762393 283.567276,99.1894845 280.513932,96.2061642 C277.460588,93.2259991 275.933916,88.5814222 275.933916,82.2771662 L275.933916,2.53684774 L287.767195,0.492224188 L287.767195,80.358754 C287.767195,82.3213402 287.935255,83.9384229 288.274515,85.2163126 C288.613776,86.4942023 289.165074,87.5165141 289.929981,88.2832479 C290.691746,89.0499818 291.707957,89.6258209 292.981754,90.0091879 C294.253981,90.3925548 295.82149,90.7112384 297.688993,90.9668163 L296.035098,100.934356" id="Fill-8" fill="#0C1724" sketch:type="MSShapeGroup"></path>
+            <path d="M316.770823,21.1940376 C314.652016,21.1940376 312.847339,20.4904095 311.366216,19.0863084 C309.880381,17.6790521 309.139034,15.7858821 309.139034,13.3989104 C309.139034,11.0135162 309.880381,9.11719097 311.366216,7.71308992 C312.847339,6.30583359 314.652016,5.60378307 316.770823,5.60378307 C318.891201,5.60378307 320.694308,6.30583359 322.180143,7.71308992 C323.661266,9.11719097 324.405754,11.0135162 324.405754,13.3989104 C324.405754,15.7858821 323.661266,17.6790521 322.180143,19.0863084 C320.694308,20.4904095 318.891201,21.1940376 316.770823,21.1940376 L316.770823,21.1940376 Z M310.920151,33.206201 L322.75186,33.206201 L322.75186,99.6564664 L310.920151,99.6564664 L310.920151,33.206201 Z" id="Fill-9" fill="#0C1724" sketch:type="MSShapeGroup"></path>
+            <path d="M364.479326,31.5449444 C369.228972,31.5449444 373.235701,32.1649575 376.502653,33.3986733 C379.766465,34.6339667 382.395733,36.380416 384.388889,38.6364435 C386.382044,40.8956263 387.803482,43.5791947 388.651633,46.6887264 C389.498214,49.798258 389.92386,53.2264733 389.92386,56.9749498 L389.92386,98.5079433 C388.906079,98.6783286 387.48464,98.9118196 385.662686,99.2099938 C383.83759,99.5081681 381.781609,99.7842554 379.491601,100.039833 C377.201593,100.295411 374.719965,100.528902 372.04986,100.741884 C369.376613,100.953288 366.725355,101.062145 364.097658,101.062145 C360.364222,101.062145 356.93078,100.678778 353.792621,99.9120444 C350.654462,99.1453105 347.940378,97.9305265 345.65037,96.2708475 C343.360362,94.6095909 341.579245,92.416669 340.307018,89.6889266 C339.034791,86.9627619 338.398678,83.6828449 338.398678,79.8491758 C338.398678,76.1874696 339.140025,73.0337639 340.62586,70.3927918 C342.106983,67.7533974 344.122127,65.6235812 346.668151,64.0033433 C349.212605,62.3862606 352.181134,61.1919859 355.573739,60.425252 C358.964772,59.6585182 362.527007,59.2751513 366.260443,59.2751513 C367.446284,59.2751513 368.677674,59.338257 369.949901,59.4660459 C371.222127,59.5938349 372.431528,59.7673755 373.574961,59.9787795 C374.719965,60.1917611 375.717328,60.3826557 376.56705,60.553041 C377.413631,60.7250039 378.007336,60.8527929 378.346597,60.9364079 L378.346597,57.6138947 C378.346597,55.6544637 378.134559,53.7171198 377.710484,51.7987076 C377.284837,49.881873 376.521501,48.1795977 375.420475,46.6887264 C374.317879,45.197855 372.811625,44.005158 370.903285,43.1090575 C368.994945,42.2161124 366.513318,41.7680621 363.461544,41.7680621 C359.558478,41.7680621 356.147026,42.0457271 353.219334,42.5994793 C350.294783,43.1532315 348.110008,43.7290707 346.668151,44.3238416 L345.268702,34.4840907 C346.795374,33.8041272 349.341398,33.1430953 352.902062,32.5041505 C356.464297,31.863628 360.323385,31.5449444 364.479326,31.5449444 L364.479326,31.5449444 Z M365.497107,91.0946053 C368.296006,91.0946053 370.777633,91.029922 372.940419,90.902133 C375.103204,90.7743441 376.90474,90.5424307 378.346597,90.2000825 L378.346597,70.3927918 C377.496875,69.9684063 376.119415,69.6055487 374.212645,69.3073744 C372.302735,69.0092001 369.992308,68.8577465 367.278224,68.8577465 C365.497107,68.8577465 363.609185,68.9871132 361.617601,69.2426911 C359.624446,69.498269 357.79935,70.0315119 356.147026,70.8392644 C354.49156,71.6501722 353.11253,72.756099 352.011504,74.1633553 C350.908907,75.5674564 350.357609,77.4211853 350.357609,79.7213868 C350.357609,83.9810192 351.71308,86.9406749 354.428734,88.6019315 C357.142818,90.2647658 360.832276,91.0946053 365.497107,91.0946053 L365.497107,91.0946053 Z" id="Fill-10" fill="#0C1724" sketch:type="MSShapeGroup"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/foundation/scss/_base.scss b/foundation/scss/_base.scss
index 24f2700..98f3fdb 100644
--- a/foundation/scss/_base.scss
+++ b/foundation/scss/_base.scss
@@ -35,3 +35,24 @@ ul.menu li.active {
     border-radius: 3px;
   }
 }
+
+#js-toc {
+  select {
+    @extend .input-group-field;
+    border-radius: $global-radius;
+  }
+  .input-group-label {
+    color: #737373;
+    background-color: transparent;
+    border: 0;
+  }
+}
+
+.header {
+  .input-group {
+    margin-bottom: 0;
+  }
+}
+.callout {
+  border-radius: 0;
+}
diff --git a/foundation/scss/_navigation.scss b/foundation/scss/_navigation.scss
index 7700b8e..4c0a09b 100644
--- a/foundation/scss/_navigation.scss
+++ b/foundation/scss/_navigation.scss
@@ -145,6 +145,10 @@
 @include breakpoint(small only) {
   #mobile-navigation {
     background: #fff;
+    img.logo {
+      height: 24px;
+      margin-left: -17px
+    }
   }
 
   .top-bar-left .menu li a{
diff --git a/foundation/scss/_search.scss b/foundation/scss/_search.scss
index 0bcc5ae..3bb5e2b 100644
--- a/foundation/scss/_search.scss
+++ b/foundation/scss/_search.scss
@@ -34,8 +34,7 @@
   font-size: 0.9rem;
 }
 .algolia__result-link .algolia__result-highlight {
-  background-color:#D3E8F6;
-  background-color: rgba(38,139,210,0.2);
+  background-color: #ffff99;
 }
 .algolia__result-text .algolia__result-highlight {
   font-weight:bold;
@@ -74,4 +73,49 @@
 .theme-base-0f .algolia__result-link .algolia__result-highlight {
   background-color: #E9DDD6; 
   background-color: rgba(143,85,54,0.2);
-}
\ No newline at end of file
+}
+
+.input-group-algolia {
+  transition: background-color 0.3s ease-out;
+  background-color: #fff;
+  .input-group-label {
+    border: 0;
+    background: none;
+    padding-right: 0;
+    color: #737373;
+  }
+  input {
+    border: 0;
+    box-shadow: none;
+    background-color: transparent;
+    max-width: 140px;
+    &:focus {
+      border: 0;
+      box-shadow: none;
+      background-color: transparent;
+    }
+  }
+}
+
+.algolia {
+  span {
+    font-weight: normal;
+    color: #737373;
+    float: right;
+    font-size: 0.8em;
+  }
+  img {
+    height: 20px;
+  }
+}
+
+.input-group-algolia-focus {
+  background-color: #f4f4f4;
+  transition: background-color 0.3s ease-out;
+  border-radius: $global-radius;
+}
+
+.algolia__result,
+.algolia__result-text {
+  overflow-wrap: break-word;
+}
diff --git a/foundation/scss/_startpage.scss b/foundation/scss/_startpage.scss
index 25fd9de..44c6850 100644
--- a/foundation/scss/_startpage.scss
+++ b/foundation/scss/_startpage.scss
@@ -63,6 +63,9 @@ body.startpage {
     }
   }
 
+  .top-bar-right {
+    display: none;
+  }
 
   .hero-content {
     color: #fff;

From 049fb22e5774b239db33657bc1b92be41a1e6c06 Mon Sep 17 00:00:00 2001
From: Kieran Hayes <kieran.hayes@dkd.de>
Date: Wed, 14 Sep 2016 14:24:39 +0200
Subject: [PATCH 7/7] only use one group for jekyll_plugins

---
 Gemfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Gemfile b/Gemfile
index c0e6c17..912ba95 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,5 +1,5 @@
 source 'https://rubygems.org'
-gem 'github-pages', group: :jekyll_plugins
 group :jekyll_plugins do
+  gem 'github-pages'
   gem 'algoliasearch-jekyll', '~> 0.8.0'
 end