diff --git a/Gemfile b/Gemfile
index 37f5eaa..912ba95 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,2 +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
diff --git a/Gemfile.lock b/Gemfile.lock
index 30ba421..e02a4cf 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,46 +1,64 @@
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.11.0)
+ httpclient (~> 2.8.2)
+ json (>= 1.5.1)
+ algoliasearch-jekyll (0.8.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
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)
@@ -49,14 +67,16 @@ GEM
html-pipeline (2.4.2)
activesupport (>= 2)
nokogiri (>= 1.4)
+ 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)
@@ -67,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)
@@ -78,12 +99,14 @@ 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)
+ json (1.8.3)
kramdown (1.11.1)
liquid (3.0.6)
listen (3.0.6)
@@ -91,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)
@@ -99,8 +123,11 @@ 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)
rb-fsevent (0.9.7)
rb-inotify (0.9.7)
ffi (>= 0.5.0)
@@ -110,17 +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.8.0)
github-pages
BUNDLED WITH
diff --git a/_config.yml b/_config.yml
index c93d67f..60cdaab 100644
--- a/_config.yml
+++ b/_config.yml
@@ -16,3 +16,7 @@ github_username: dkdeploy
exclude: [foundation, vendor]
# Build settings
markdown: kramdown
+algolia:
+ application_id: 'QOFNLOOCWH'
+ 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 a5524ff..bad81d5 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -2,18 +2,50 @@
+
+
+
+
+
+
+
+
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 @@
-
dkdeploy | {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}
-
+
diff --git a/_includes/header.html b/_includes/header.html
index d1877f3..bbf1a42 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -8,7 +8,7 @@
-
-
{{ page.title || "No Title"}}
-
+ {% if page.layout == 'startpage' } %}
+
+

+
+
{{ page.title }}
+ {% else %}
+
{{ page.title || "No Title"}}
+ {% endif %}
diff --git a/_layouts/default.html b/_layouts/default.html
index 1130d35..5a59ea2 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -5,10 +5,8 @@
{% include header.html %}
-
- {{ content }}
+
{{ content }}
+
+
Search Results powered by 
+
+
{% 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 %}
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 @@ Extended functionality
- a Copy strategy like on Capistrano 2.x
- Bower Integration
... and many more great features.
-
@@ -40,12 +39,6 @@
PHP Ready!
-
- {{ content }}
-
{% include footer.html %}
-
-
-
diff --git a/assets/css/app.css b/assets/css/app.css
index 49dc4f9..73f8a90 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,11 +1738,11 @@ 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 {
+.input-group-label, .input-group-field, #js-toc select, .input-group-button {
margin: 0;
white-space: nowrap;
display: table-cell;
@@ -1761,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; }
@@ -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,");
@@ -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;
@@ -3499,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 {
@@ -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,11 @@ table.hover tr:nth-of-type(even):hover {
margin-top: auto; }
@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; } }
@@ -5330,6 +5348,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; }
@@ -5342,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; }
@@ -6389,27 +6442,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 +6450,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,8 +6486,13 @@ 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 .top-bar-right {
+ display: none; }
body.startpage .hero-content {
color: #fff;
background: rgba(255, 255, 255, 0.3);
@@ -6629,11 +6693,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";
@@ -6684,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/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 @@
+
+
+
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 f3ed3ab..98f3fdb 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;
@@ -15,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/_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..4c0a09b 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,14 @@
}
@include breakpoint(small only) {
- .top-bar-left .menu > li.active a {
-
+ #mobile-navigation {
+ background: #fff;
+ img.logo {
+ height: 24px;
+ margin-left: -17px
+ }
}
+
.top-bar-left .menu li a{
width: 100%;
margin: 0;
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/_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..44c6850 100644
--- a/foundation/scss/_startpage.scss
+++ b/foundation/scss/_startpage.scss
@@ -1,63 +1,72 @@
-
-
-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;
+ 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;
}
}
+ .top-bar-right {
+ display: none;
+ }
+
.hero-content {
color: #fff;
background: rgba(255,255,255, 0.3);
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";
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: