- {{ content }}
+
{{ content }}
+
+ Search Results powered by
+
+
{% include header.html %}
{% include footer.html %}
diff --git a/_layouts/startpage.html b/_layouts/startpage.html
index 11f1968..ff1951e 100644
--- a/_layouts/startpage.html
+++ b/_layouts/startpage.html
@@ -1,14 +1,14 @@
{% include head.html %}
-
+
{% include header.html %}
-
{% include footer.html %}
-
-
-
diff --git a/assets/css/app.css b/assets/css/app.css
index fc3ec6c..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);
@@ -6724,3 +6743,112 @@ 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: #ffff99; }
+
+.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); }
+
+.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 @@
+
+
\ No newline at end of file
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/_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
new file mode 100644
index 0000000..3bb5e2b
--- /dev/null
+++ b/foundation/scss/_search.scss
@@ -0,0 +1,121 @@
+/* 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: #ffff99;
+}
+.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);
+}
+
+.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;
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";
Extended functionality
-Beside all the great functionalities Capistrano provides out of the box, dkdeploy gives you +
Beside all the great functionalities Capistrano provides out of the box, dkdeploy gives you
- Granular file permissions
- an extended Rollback Manager @@ -16,7 +16,6 @@
- a Copy strategy like on Capistrano 2.x
- Bower Integration
Extended functionality
@@ -40,12 +39,6 @@