Upgrade hugo

.dockerignore

@@ -1,3 +1,3 @@
-/public
-/static
-/node_modules
+public
+node_modules
+resources

.gitignore

@@ -1,7 +1,6 @@
 /public
-/static
+/resources
 /node_modules
 package-lock.json
-yarn.lock
 *.tern-port
 */**/.tern-port

Dockerfile.algolia

@@ -1,9 +1,10 @@
+FROM rancher/docs:latest as prod
+
 FROM rancher/docs:build
 
-VOLUME /usr/share/nginx/html/docs
+COPY --from=prod /usr/share/nginx/html/final.algolia.json /run
 WORKDIR /run
+COPY package.json package.json
+COPY scripts scripts
 
-COPY gulpfile.babel.js /run/
-
-ENTRYPOINT ["gulp"]
-CMD ["publish:search-index"]
+ENTRYPOINT ["yarn","run","publish-algolia"]

Dockerfile.build

@@ -1,25 +1,19 @@
-FROM debian:jessie
+FROM node:8-alpine
 
-RUN apt-get -qq update \
-  && apt-get install -y curl apt-transport-https \
-  && curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add - \
-  && echo "deb https://dl.yarnpkg.com/debian/ stable main" | tee /etc/apt/sources.list.d/yarn.list \
-  && curl -sL https://deb.nodesource.com/setup_8.x | bash - \
-  && DEBIAN_FRONTEND=noninteractive apt-get -qq install -y --no-install-recommends \
-  python-pygments git ca-certificates asciidoc nodejs yarn jq \
-  && rm -rf /var/lib/apt/lists/*
+RUN apk update && apk add py-pygments bash git asciidoc gcompat && rm -rf /var/cache/apk/*
 
 # Download and install hugo
-ENV HUGO_VERSION 0.38.2
-ENV HUGO_BINARY hugo_${HUGO_VERSION}_Linux-64bit.deb
+ENV HUGO_VERSION 0.54.0
+ENV HUGO_BINARY hugo_extended_${HUGO_VERSION}_Linux-64bit.tar.gz
 
-ADD https://github.com/spf13/hugo/releases/download/v${HUGO_VERSION}/${HUGO_BINARY} /tmp/hugo.deb
-RUN dpkg -i /tmp/hugo.deb \
-    && rm /tmp/hugo.deb
-
-# Create working directory
-RUN mkdir -p /run
-COPY package.json /run/
+ADD https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/${HUGO_BINARY} /tmp/hugo.tar.gz
+RUN tar xzf /tmp/hugo.tar.gz -C /tmp \
+  && mv /tmp/hugo /usr/local/bin/ \
+  && rm /tmp/hugo.tar.gz \
+  && mkdir -p /run
 
 WORKDIR /run
-RUN npm install -g gulp && yarn
+COPY package.json /run/
+COPY yarn.lock /run/
+
+RUN yarn

Dockerfile.dev

@@ -1,27 +1,13 @@
 FROM rancher/docs:build
 ENV HUGO_ENV dev
 
-VOLUME ["/site"]
+VOLUME ["/run/archetypes", "/run/assets", "/run/content", "/run/data", "/run/layouts", "/run/scripts", "/run/static", "/run/.git"]
 WORKDIR /run
-COPY package.json /run/
 
-RUN  ln -s /site/config.toml /run \
-  && ln -s /site/.eslintrc.js /run \
-  && ln -s /site/archetypes /run \
-  && ln -s /site/content /run \
-  && ln -s /site/layouts /run \
-  && ln -s /site/src /run \
-  && ln -s /site/themes /run \
-  && ln -s /site/scripts /run
-
-# gulp doesn't like symlinks
-COPY gulpfile.babel.js /run/
-
-ADD https://github.com/rancherlabs/website-theme/archive/master.tar.gz master.tar.gz
-RUN mkdir -p /run/node_modules/rancher-website-theme && tar -xzf master.tar.gz --strip 1 -C /run/node_modules/rancher-website-theme && rm master.tar.gz
+ADD https://github.com/rancherlabs/website-theme/archive/pipes.tar.gz /run/pipes.tar.gz
+RUN mkdir -p /output /theme/rancher-website-theme && tar -xzf /run/pipes.tar.gz -C /run/node_modules/rancher-website-theme --strip=1 && rm /run/pipes.tar.gz
 
 # Expose default hugo port
 EXPOSE 9001
 
-ENTRYPOINT ["gulp"]
-CMD ["dev"]
+ENTRYPOINT ["hugo", "serve", "--bind=0.0.0.0", "--buildDrafts", "--buildFuture", "--baseURL=" ]

Dockerfile.prod

@@ -2,24 +2,27 @@ FROM rancher/docs:build as build
 ENV HUGO_ENV production
 
 WORKDIR /run
-COPY gulpfile.babel.js /run/
-COPY .eslintrc.js /run/
+
 COPY config.toml /run/
 COPY archetypes archetypes
+COPY assets assets
+COPY data data
 COPY layouts layouts
 COPY scripts scripts
 COPY content content
-COPY src src
+COPY static static
+COPY .git .git
 
-ADD https://github.com/rancherlabs/website-theme/archive/master.tar.gz master.tar.gz
-RUN tar -xzf master.tar.gz --strip 1 -C /run/node_modules/rancher-website-theme && rm master.tar.gz
+ADD https://github.com/rancherlabs/website-theme/archive/pipes.tar.gz /run/pipes.tar.gz
+RUN mkdir -p /output /theme/rancher-website-theme && tar -xzf /run/pipes.tar.gz -C /run/node_modules/rancher-website-theme --strip=1 && rm /run/pipes.tar.gz
 
-RUN gulp build
+RUN ["hugo", "--buildFuture", "--baseURL=https://rancher.com/docs", "--destination=/output"]
 
 # Make sure something got built
-RUN stat /run/public/index.html
+RUN stat /output/index.html
 
-FROM nginx
-VOLUME /usr/share/nginx/html/docs
-COPY --from=build /run/public /usr/share/nginx/html/docs/
+RUN ["npm","run","build-algolia"]
+
+FROM nginx:alpine
+COPY --from=build /output /usr/share/nginx/html/
 COPY nginx.conf /etc/nginx/conf.d/default.conf

Dockerfile.staging

@@ -2,24 +2,25 @@ FROM rancher/docs:build as build
 ENV HUGO_ENV staging
 
 WORKDIR /run
-COPY gulpfile.babel.js /run/
-COPY .eslintrc.js /run/
+
 COPY config.toml /run/
 COPY archetypes archetypes
+COPY assets assets
+COPY data data
 COPY layouts layouts
 COPY scripts scripts
 COPY content content
-COPY src src
+COPY static static
+COPY .git .git
 
-ADD https://github.com/rancherlabs/website-theme/archive/master.tar.gz master.tar.gz
-RUN tar -xzf master.tar.gz --strip 1 -C /run/node_modules/rancher-website-theme && rm master.tar.gz
+ADD https://github.com/rancherlabs/website-theme/archive/pipes.tar.gz /run/pipes.tar.gz
+RUN mkdir -p /output /theme/rancher-website-theme && tar -xzf /run/pipes.tar.gz -C /run/node_modules/rancher-website-theme --strip=1 && rm /run/pipes.tar.gz
 
-RUN gulp build-staging
+RUN ["hugo", "--buildDrafts", "--buildFuture", "--baseURL=https://staging.rancher.com/docs", "--destination=/output"]
 
 # Make sure something got built
-RUN stat /run/public/index.html
+RUN stat /output/index.html
 
-FROM nginx
-VOLUME /usr/share/nginx/html/docs
-COPY --from=build /run/public /usr/share/nginx/html/docs/
+FROM nginx:alpine
+COPY --from=build /output /usr/share/nginx/html/
 COPY nginx.conf /etc/nginx/conf.d/default.conf

assets/js/app.js

@@ -1,6 +1,3 @@
-import $ from 'jquery';
-import instantsearch from 'instantsearch.js';
-
 // This is for any custom JS that may need to be added to individual apps.
 // Main JS is located in Rancher Website Theme
 const bootstrapDocsSearch = function() {

assets/js/base.js

@@ -0,0 +1 @@
+../../node_modules/rancher-website-theme/assets/js/base.js

assets/js/empty.js

@@ -0,0 +1,3 @@
+/*-----*/
+;
+/*-----*/

assets/js/instantsearch.js

@@ -0,0 +1 @@
+../../node_modules/instantsearch.js/dist/instantsearch.js

assets/js/jquery.js

@@ -0,0 +1 @@
+../../node_modules/jquery/dist/jquery.js

assets/js/jquery.lory.js

@@ -0,0 +1 @@
+../../node_modules/lory.js/dist/jquery.lory.js

assets/js/ml-stack-nav.js

@@ -0,0 +1 @@
+../../node_modules/ml-stack-nav/dist/ml-stack-nav.js

assets/js/moment.js

@@ -0,0 +1 @@
+../../node_modules/moment/moment.js

assets/js/tingle.js

@@ -0,0 +1 @@
+../../node_modules/tingle.js/dist/tingle.js

assets/sass/_instantsearch-theme-algolia.scss

@@ -0,0 +1,328 @@
+/*! instantsearch.js 2.10.4 | © Algolia Inc. and other contributors;
+ Licensed MIT | github.com/algolia/instantsearch.js */
+.ais-clear-all--link, .ais-current-refined-values--clear-all, .ais-price-ranges--button, .ais-range-input--submit, .ais-geo-search--clear, .ais-geo-search--redo {
+     color: #FFFFFF;
+     display: inline-block;
+     background: #3369E7;
+     border-radius: 4px;
+     font-size: 12px;
+     text-decoration: none;
+     padding: 4px 8px;
+}
+ .ais-clear-all--link:hover, .ais-current-refined-values--clear-all:hover, .ais-price-ranges--button:hover, .ais-range-input--submit:hover, .ais-geo-search--clear:hover, .ais-geo-search--redo:hover {
+     text-decoration: none;
+     color: #FFFFFF;
+     background: #184ECD;
+}
+ .ais-clear-all--link-disabled, .ais-current-refined-values--clear-all-disabled {
+     opacity: .5;
+     pointer-events: none;
+}
+ .ais-current-refined-values--clear-all {
+     margin-bottom: 5px;
+}
+ .ais-current-refined-values--item, .ais-hierarchical-menu--item, .ais-menu--item, .ais-refinement-list--item, .ais-star-rating--item, .ais-toggle--item, .ais-geo-search--toggle-label {
+     font-size: 14px;
+     line-height: 30px;
+}
+ .ais-current-refined-values--link, .ais-hierarchical-menu--link, .ais-menu--link, .ais-refinement-list--label, .ais-toggle--label, .ais-geo-search--toggle-label, .ais-price-ranges--link, .ais-star-rating--link {
+     color: #3E82F7;
+     text-decoration: none;
+}
+ .ais-current-refined-values--link:hover, .ais-hierarchical-menu--link:hover, .ais-menu--link:hover, .ais-refinement-list--label:hover, .ais-toggle--label:hover, .ais-geo-search--toggle-label:hover, .ais-price-ranges--link:hover, .ais-star-rating--link:hover {
+     color: #184ECD;
+     text-decoration: none;
+}
+ .ais-current-refined-values--count, .ais-hierarchical-menu--count, .ais-menu--count, .ais-refinement-list--count, .ais-star-rating--count, .ais-toggle--count {
+     background: rgba(39, 81, 175, 0.1);
+     border-radius: 31px;
+     color: #3E82F7;
+     padding: 2px 10px;
+}
+ .ais-hierarchical-menu--item__active > div > .ais-hierarchical-menu--link {
+     font-weight: bold;
+}
+ .ais-hierarchical-menu--item__active > div > .ais-hierarchical-menu--link::after {
+     -webkit-transform: rotate(90deg);
+     transform: rotate(90deg);
+}
+ .ais-hierarchical-menu--link {
+     position: relative;
+}
+ .ais-hierarchical-menu--link::after {
+     background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'><path d='M1.5 1.5l5 4.98-5 5.02' stroke='%23697782' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' opacity='.4'/></svg>") no-repeat center center/contain;
+     content: ' ';
+     display: block;
+     position: absolute;
+     top: calc(50% - 14px / 2);
+     right: -22px;
+     height: 14px;
+     width: 14px;
+}
+ select.ais-hits-per-page-selector, select.ais-numeric-selector, select.ais-sort-by-selector, select.ais-menu-select--select {
+     -webkit-appearance: none;
+     -moz-appearance: none;
+     appearance: none;
+     background: #FFFFFF url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'><path d='M11 1L6.02 6 1 1' stroke-width='1.5' stroke='%23BFC7D8' fill='none' fill-rule='evenodd' stroke-linecap='round'/></svg>") no-repeat center right 16px/10px;
+     box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2) !important;
+     border: solid 1px #D4D8E3 !important;
+     border-radius: 4px;
+     color: #697782;
+     font-size: 12px;
+     transition: background 0.2s ease, box-shadow 0.2s ease;
+     padding: 8px 32px 8px 16px;
+     outline: none;
+}
+ .ais-menu--item__active > div > .ais-menu--link {
+     font-weight: bold;
+}
+ .ais-menu button {
+     background: transparent;
+     border: 0;
+     cursor: pointer;
+     font-size: 11px;
+}
+ .ais-refinement-list--item {
+     line-height: 24px;
+}
+ .ais-refinement-list--item__active > div > .ais-refinement-list--label, .ais-refinement-list--item__active > div > .ais-toggle--label, .ais-refinement-list--item__active > div > .ais-geo-search--toggle-label {
+     font-weight: bold;
+}
+ .ais-refinement-list--label, .ais-toggle--label, .ais-geo-search--toggle-label {
+     cursor: pointer;
+}
+ .ais-refinement-list--label input[type="radio"], .ais-toggle--label input[type="radio"], .ais-geo-search--toggle-label input[type="radio"], .ais-refinement-list--label input[type="checkbox"], .ais-toggle--label input[type="checkbox"], .ais-geo-search--toggle-label input[type="checkbox"] {
+     margin-right: 5px;
+}
+ .ais-refinement-list div > button {
+     background: transparent;
+     border: 0;
+     cursor: pointer;
+     font-size: 11px;
+}
+ .ais-pagination {
+     background: #FFFFFF;
+     box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
+     border: solid 1px #D4D8E3;
+     border-radius: 4px;
+     display: inline-block;
+     padding: 8px 16px;
+     width: auto;
+}
+ .ais-pagination--item {
+     border-radius: 4px;
+     font-size: 14px;
+     text-align: center;
+     width: 28px;
+}
+ .ais-pagination--item:hover {
+     background: rgba(39, 81, 175, 0.1);
+}
+ .ais-pagination--item__disabled {
+     color: #BBB;
+     opacity: .5;
+     pointer-events: none;
+     visibility: visible;
+}
+ .ais-pagination--item__active {
+     background: #3369E7;
+}
+ .ais-pagination--item__active .ais-pagination--link {
+     color: #FFFFFF;
+}
+ .ais-pagination--link {
+     color: #697782;
+     display: block;
+     text-decoration: none;
+     width: 100%;
+}
+ .ais-pagination--link:hover {
+     color: #3369E7;
+     text-decoration: none;
+}
+ .ais-price-ranges--item {
+     font-size: 14px;
+     line-height: 24px;
+}
+ .ais-price-ranges--item__active {
+     font-weight: bold;
+}
+ .ais-price-ranges--form {
+     margin-top: 10px;
+}
+ .ais-price-ranges--input {
+     background: #FFFFFF;
+     box-shadow: inset 0 1px 1px 0 rgba(85, 95, 110, 0.2);
+     border: solid 1px #D4D8E3;
+     border-radius: 4px;
+     outline: none;
+}
+ .ais-price-ranges--button {
+     border: 0;
+     outline: none;
+     margin-left: 5px;
+     position: relative;
+     top: -2px;
+}
+ .ais-range-input--inputMin, .ais-range-input--inputMax {
+     background: #FFFFFF;
+     box-shadow: inset 0 1px 1px 0 rgba(85, 95, 110, 0.2);
+     border: solid 1px #D4D8E3;
+     border-radius: 4px;
+     outline: none;
+}
+ .ais-range-input--submit {
+     border: none;
+     outline: none;
+     margin-left: 5px;
+     position: relative;
+     top: -2px;
+}
+ .ais-range-slider--handle {
+     border: 1px solid #3369E7;
+}
+ .ais-range-slider .rheostat-progress {
+     background-color: #3369E7 !important;
+}
+ .ais-search-box {
+     display: inline-block;
+     position: relative;
+     height: 46px;
+     white-space: nowrap;
+     font-size: 14px;
+}
+ .ais-search-box--input {
+     -webkit-appearance: none;
+     -moz-appearance: none;
+     appearance: none;
+     font: inherit;
+     background: #FFFFFF;
+     color: #000000;
+     display: inline-block;
+     border: 1px solid #D4D8E3;
+     border-radius: 4px;
+     box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
+     transition: box-shadow .4s ease, background .4s ease;
+     padding: 10px 10px 10px 35px;
+     vertical-align: middle;
+     white-space: normal;
+     height: 100%;
+     width: 100%;
+}
+ .ais-search-box--input:focus {
+     box-shadow: none;
+     outline: 0;
+}
+ .ais-search-box--reset {
+     fill: #BFC7D8;
+     top: calc(50% - 12px / 2);
+     right: 13px;
+}
+ .ais-search-box--magnifier {
+     fill: #BFC7D8;
+     left: 12px;
+     top: calc(50% - 18px / 2);
+}
+ .ais-search-box--magnifier svg {
+     height: 18px;
+     width: 18px;
+}
+ .ais-search-box--loading-indicator-wrapper {
+     fill: #BFC7D8;
+     left: 12px;
+     top: calc(50% - 18px / 2);
+}
+ .ais-search-box--loading-indicator-wrapper svg {
+     height: 18px;
+     width: 18px;
+}
+ .ais-stats {
+     color: #697782;
+     font-size: 14px;
+     opacity: .6;
+}
+ .ais-toggle--item__active {
+     font-weight: bold;
+}
+ .ais-breadcrumb--root .ais-breadcrumb--label, .ais-breadcrumb--root .ais-breadcrumb--separator, .ais-breadcrumb--root .ais-breadcrumb--home {
+     display: inline;
+     color: #3369E7;
+}
+ .ais-breadcrumb--root .ais-breadcrumb--label div, .ais-breadcrumb--root .ais-breadcrumb--separator div, .ais-breadcrumb--root .ais-breadcrumb--home div {
+     display: inline;
+}
+ .ais-breadcrumb--root .ais-breadcrumb--disabledLabel {
+     color: #444444;
+     display: inline;
+}
+ .ais-breadcrumb--root .ais-breadcrumb--separator {
+     position: relative;
+     display: inline-block;
+     height: 14px;
+     width: 14px;
+}
+ .ais-breadcrumb--root .ais-breadcrumb--separator::after {
+     background: url("data:image/svg+xml;
+    utf8,<svg viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'><path d='M1.5 1.5l5 4.98-5 5.02' stroke='%23697782' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' opacity='.4'/></svg>") no-repeat center center/contain;
+     content: ' ';
+     display: block;
+     position: absolute;
+     top: 2px;
+     height: 14px;
+     width: 14px;
+}
+ .ais-geo-search {
+     position: relative;
+}
+ .ais-geo-search--clear {
+     box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
+     border: solid 1px #D4D8E3;
+     border-radius: 4px;
+     padding: 8px 15px;
+     position: absolute;
+     bottom: 20px;
+     left: 50%;
+     -webkit-transform: translateX(-50%);
+     transform: translateX(-50%);
+}
+ .ais-geo-search--clear:hover {
+     cursor: pointer;
+}
+ .ais-geo-search--control {
+     position: absolute;
+     top: 10px;
+     left: 50px;
+}
+ .ais-geo-search--toggle-label {
+     font-size: 12px;
+     background: #FFFFFF;
+     box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
+     border: solid 1px #D4D8E3;
+     border-radius: 4px;
+     padding: 0 15px;
+}
+ .ais-geo-search--redo {
+     box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
+     border: solid 1px #D4D8E3;
+     border-radius: 4px;
+     padding: 8px 15px;
+}
+ .ais-geo-search--redo:hover {
+     cursor: pointer;
+}
+ .ais-geo-search--redo:disabled {
+     background: #A0B8F3;
+}
+ [class^="ais-"] {
+     box-sizing: border-box;
+}
+ [class^="ais-"] > *, [class^="ais-"] > *::after, [class^="ais-"] > *::before {
+     box-sizing: border-box;
+}
+ .ais-header {
+     border-bottom: 2px solid #EEE;
+     font-size: .8em;
+     margin: 0 0 6px;
+     padding: 0 0 6px;
+     text-transform: uppercase;
+}

assets/sass/_instantsearch.scss

@@ -0,0 +1,711 @@
+/*! instantsearch.js 2.10.4 | © Algolia Inc. and other contributors;
+ Licensed MIT | github.com/algolia/instantsearch.js */
+.ais-search-box {
+     position: relative;
+     max-width: 300px;
+     width: 100%;
+}
+ .ais-search-box--input {
+    /* search input */
+     padding-left: 24px;
+     height: 100%;
+     width: 100%;
+}
+ .ais-search-box--magnifier {
+     background: transparent;
+     position: absolute;
+     -webkit-user-select: none;
+     -moz-user-select: none;
+     -ms-user-select: none;
+     user-select: none;
+     top: 4px;
+     left: 7px;
+}
+ .ais-search-box--magnifier svg {
+     display: block;
+     vertical-align: middle;
+     height: 14px;
+     width: 14px;
+}
+ .ais-search-box--loading-indicator-wrapper {
+     display: none;
+     background: transparent;
+     position: absolute;
+     -webkit-user-select: none;
+     -moz-user-select: none;
+     -ms-user-select: none;
+     user-select: none;
+     top: 4px;
+     left: 7px;
+}
+ .ais-search-box--loading-indicator-wrapper svg {
+     vertical-align: middle;
+     height: 14px;
+     width: 14px;
+}
+ .ais-search-box--reset {
+     background: none;
+     cursor: pointer;
+     position: absolute;
+     top: 5px;
+     right: 5px;
+     margin: 0;
+     border: 0;
+     padding: 0;
+     -webkit-user-select: none;
+     -moz-user-select: none;
+     -ms-user-select: none;
+     user-select: none;
+}
+ .ais-search-box--reset svg {
+     display: block;
+     width: 12px;
+     height: 12px;
+}
+ .ais-search-box--powered-by {
+     font-size: .8em;
+     text-align: right;
+     margin-top: 2px;
+}
+ .ais-search-box--powered-by-link {
+     display: inline-block;
+     width: 45px;
+     height: 16px;
+     text-indent: 101%;
+     overflow: hidden;
+     white-space: nowrap;
+     background-image: url('data:image/svg+xml;utf8,<svg width="169" height="54" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1366 362"><linearGradient id="a" x1="428.3" x2="434.1" y1="404.1" y2="409.9" gradientTransform="matrix(94.045 0 0 -94.072 -40381.5 38479.5)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%2300aeff"/><stop offset="1" stop-color="%233369e7"/></linearGradient><path fill="url(%23a)" d="M61.8 15.4h242.8A43.4 43.4 0 0 1 348 58.8v242.9a43.4 43.4 0 0 1-43.4 43.4H61.8a43.4 43.4 0 0 1-43.4-43.4v-243a43.3 43.3 0 0 1 43.4-43.3z"/><path fill="%23fff" d="M187 98.7a93.1 93.1 0 1 0 0 186.3 93.1 93.1 0 0 0 0-186.3zm0 158.8a65.6 65.6 0 1 1 0-131.3 65.6 65.6 0 0 1 0 131.3zm0-117.8v48.9c0 1.4 1.5 2.4 2.8 1.7l43.4-22.5c1-.5 1.3-1.7.8-2.7a54 54 0 0 0-45-27.3c-1 0-2 .8-2 1.9zm-60.8-35.9l-5.7-5.7a14.2 14.2 0 0 0-20.2 0l-6.8 6.8a14.2 14.2 0 0 0 0 20.2l5.6 5.6c.9.9 2.2.7 3-.2a110 110 0 0 1 23.8-23.8c1-.6 1.1-2 .3-2.9zM217.5 89V77.7c0-7.9-6.4-14.3-14.3-14.3h-33.3c-7.9 0-14.3 6.4-14.3 14.3v11.6c0 1.3 1.2 2.2 2.5 1.9a104.2 104.2 0 0 1 57-.3 2 2 0 0 0 2.4-1.9z"/><path fill="%23182359" d="M842.5 267.6c0 26.7-6.8 46.2-20.5 58.6-13.7 12.4-34.6 18.6-62.8 18.6-10.3 0-31.7-2-48.8-5.8l6.3-31c14.3 3 33.2 3.8 43.1 3.8 15.7 0 26.9-3.2 33.6-9.6s10-15.9 10-28.5v-6.4c-3.9 1.9-9 3.8-15.3 5.8a75.7 75.7 0 0 1-21.8 2.9 82 82 0 0 1-29.5-5.1 61.7 61.7 0 0 1-37.7-39.8 144.7 144.7 0 0 1 .3-78.3 72.1 72.1 0 0 1 42.8-43.3 96.3 96.3 0 0 1 35.5-6.7 214 214 0 0 1 35.8 3.5c11.4 1.9 21.1 3.9 29 6.1v155.2zm-108.7-77.2c0 16.4 3.6 34.6 10.8 42.2a36.7 36.7 0 0 0 27.9 11.4 59.5 59.5 0 0 0 31-8.7v-97.1c-2.8-.6-14.5-3-25.8-3.3a39 39 0 0 0-32.6 14.7c-7.5 9.3-11.3 25.6-11.3 40.8zm294.3 0c0 13.2-1.9 23.2-5.8 34.1s-9.4 20.2-16.5 27.9c-7.1 7.7-15.6 13.7-25.6 17.9s-25.4 6.6-33.1 6.6a102 102 0 0 1-32.9-6.6 74.5 74.5 0 0 1-25.5-17.9 92.8 92.8 0 0 1-22.6-62 107 107 0 0 1 5.8-36.7c4-10.8 9.6-20 16.8-27.7s15.8-13.6 25.6-17.8c9.9-4.2 20.8-6.2 32.6-6.2s22.7 2.1 32.7 6.2a71.5 71.5 0 0 1 25.6 17.8 82.5 82.5 0 0 1 16.6 27.7c4.2 10.8 6.3 23.5 6.3 36.7zm-40 .1c0-16.9-3.7-31-10.9-40.8a35.2 35.2 0 0 0-30.2-14.8c-12.9 0-23 4.9-30.2 14.8a69 69 0 0 0-10.7 40.8c0 17.1 3.6 28.6 10.8 38.5a35 35 0 0 0 30.2 14.9c12.9 0 23-5 30.2-14.9a61.4 61.4 0 0 0 10.8-38.5zm127.1 86.4c-64.1.3-64.1-51.8-64.1-60.1L1051 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9zm68.9 0h-39.3V108.1l39.3-6.2v175zm-19.7-193.5a23.7 23.7 0 0 0 0-47.4 23.7 23.7 0 1 0 0 47.4zm117.4 18.6c12.9 0 23.8 1.6 32.6 4.8 8.8 3.2 15.9 7.7 21.1 13.4s8.9 13.5 11.1 21.7a100 100 0 0 1 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6s-25.9 2.7-41.1 2.7c-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3a45 45 0 0 1-13.9-16.6c-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2a65.8 65.8 0 0 1 22.4-9 128.3 128.3 0 0 1 55.4.8v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7-2.7-3.1-6.2-5.5-10.6-7.2s-10-3-16.7-3a142.7 142.7 0 0 0-43.1 6.9l-4.7-32.1a170.2 170.2 0 0 1 51.9-7.7zm3.3 141.9c12 0 20.9-.7 27.1-1.9v-39.8a93.2 93.2 0 0 0-36.1-1.9c-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2a13.6 13.6 0 0 0-3.2 9.6c0 9.2 3.2 14.5 9 18a44.9 44.9 0 0 0 23.6 5.3zM512.9 103c12.9 0 23.8 1.6 32.6 4.8a52.2 52.2 0 0 1 21.1 13.4 52.1 52.1 0 0 1 11.1 21.7 100 100 0 0 1 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6a283.4 283.4 0 0 1-41.1 2.7c-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3a45 45 0 0 1-13.9-16.6c-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2a65.8 65.8 0 0 1 22.4-9 128.3 128.3 0 0 1 55.4.8v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7a26.3 26.3 0 0 0-10.6-7.2c-4.4-1.7-10-3-16.7-3a142.7 142.7 0 0 0-43.1 6.9l-4.7-32.1c4.9-1.7 12.2-3.4 21.6-5.1 9.4-1.8 19.5-2.6 30.3-2.6zm3.4 142c12 0 20.9-.7 27.1-1.9v-39.8a93.2 93.2 0 0 0-36.1-1.9c-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2a13.6 13.6 0 0 0-3.2 9.6c0 9.2 3.2 14.5 9 18s13.7 5.3 23.6 5.3zm158.5 31.9c-64.1.3-64.1-51.8-64.1-60.1L610.6 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9z"/></svg>');
+     background-repeat: no-repeat;
+     background-size: contain;
+     vertical-align: middle;
+}
+ .ais-search-box.ais-stalled-search .ais-search-box--magnifier-wrapper {
+     display: none;
+}
+ .ais-search-box.ais-stalled-search .ais-search-box--loading-indicator-wrapper {
+     display: block;
+}
+ .sbx-sffv {
+     display: inline-block;
+     position: relative;
+     width: 100%;
+     height: 26px;
+     white-space: nowrap;
+     box-sizing: border-box;
+     font-size: 14px;
+}
+ .sbx-sffv__wrapper {
+     width: 100%;
+     height: 100%;
+}
+ .sbx-sffv__input {
+     display: inline-block;
+     transition: box-shadow .4s ease, background .4s ease;
+     border: 0;
+     border-radius: 4px;
+     box-shadow: inset 0 0 0 1px #CCCCCC;
+     background: #FFFFFF;
+     padding: 0;
+     padding-right: 20px;
+     padding-left: 26px;
+     width: 100%;
+     height: 100%;
+     vertical-align: middle;
+     white-space: normal;
+     font-size: inherit;
+     -webkit-appearance: none;
+     -moz-appearance: none;
+     appearance: none;
+}
+ .sbx-sffv__input::-webkit-search-decoration, .sbx-sffv__input::-webkit-search-cancel-button, .sbx-sffv__input::-webkit-search-results-button, .sbx-sffv__input::-webkit-search-results-decoration {
+     display: none;
+}
+ .sbx-sffv__input:hover {
+     box-shadow: inset 0 0 0 1px #b3b3b3;
+}
+ .sbx-sffv__input:focus, .sbx-sffv__input:active {
+     outline: 0;
+     box-shadow: inset 0 0 0 1px #337AB7;
+     background: #FFFFFF;
+}
+ .sbx-sffv__input::-webkit-input-placeholder {
+     color: #BBBBBB;
+}
+ .sbx-sffv__input::-ms-input-placeholder {
+     color: #BBBBBB;
+}
+ .sbx-sffv__input::placeholder {
+     color: #BBBBBB;
+}
+ .sbx-sffv__submit {
+     position: absolute;
+     top: 0;
+     right: inherit;
+     left: 0;
+     margin: 0;
+     border: 0;
+     border-radius: 3px 0 0 3px;
+     background-color: rgba(255, 255, 255, 0);
+     padding: 0;
+     width: 26px;
+     height: 100%;
+     vertical-align: middle;
+     text-align: center;
+     font-size: inherit;
+     -webkit-user-select: none;
+     -moz-user-select: none;
+     -ms-user-select: none;
+     user-select: none;
+}
+ .sbx-sffv__submit::before {
+     display: inline-block;
+     margin-right: -4px;
+     height: 100%;
+     vertical-align: middle;
+     content: '';
+}
+ .sbx-sffv__submit:hover, .sbx-sffv__submit:active {
+     cursor: pointer;
+}
+ .sbx-sffv__submit:focus {
+     outline: 0;
+}
+ .sbx-sffv__submit svg {
+     width: 14px;
+     height: 14px;
+     vertical-align: middle;
+     fill: #337AB7;
+}
+ .sbx-sffv__reset {
+     display: none;
+     position: absolute;
+     top: 2px;
+     right: 2px;
+     margin: 0;
+     border: 0;
+     background: none;
+     cursor: pointer;
+     padding: 0;
+     font-size: inherit;
+     -webkit-user-select: none;
+     -moz-user-select: none;
+     -ms-user-select: none;
+     user-select: none;
+     fill: rgba(0, 0, 0, 0.5);
+}
+ .sbx-sffv__reset:focus {
+     outline: 0;
+}
+ .sbx-sffv__reset svg {
+     display: block;
+     margin: 4px;
+     width: 14px;
+     height: 14px;
+}
+ .sbx-sffv__input:valid ~ .sbx-sffv__reset {
+     display: block;
+     -webkit-animation-name: sbx-reset-in;
+     animation-name: sbx-reset-in;
+     -webkit-animation-duration: .15s;
+     animation-duration: .15s;
+}
+ @-webkit-keyframes sbx-reset-in {
+     0% {
+         -webkit-transform: translate3d(-20%, 0, 0);
+         transform: translate3d(-20%, 0, 0);
+         opacity: 0;
+    }
+     100% {
+         -webkit-transform: none;
+         transform: none;
+         opacity: 1;
+    }
+}
+ @keyframes sbx-reset-in {
+     0% {
+         -webkit-transform: translate3d(-20%, 0, 0);
+         transform: translate3d(-20%, 0, 0);
+         opacity: 0;
+    }
+     100% {
+         -webkit-transform: none;
+         transform: none;
+         opacity: 1;
+    }
+}
+ .ais-refinement-list--item em {
+     font-style: normal;
+     font-weight: bold;
+}
+ .ais-stats--header {
+    /* widget header */
+}
+ .ais-stats--body {
+    /* widget body */
+}
+ .ais-stats--time {
+    /* processing time */
+}
+ .ais-stats--footer {
+    /* widget footer */
+}
+ .ais-sort-by-selector--item {
+    /* selector item */
+}
+ .ais-hits__empty {
+    /* empty container */
+}
+ .ais-hits--item {
+    /* hit item */
+}
+ .ais-pagination--item {
+    /* pagination item */
+     display: inline-block;
+     padding: 3px;
+}
+ .ais-pagination--item__disabled {
+    /* disabled pagination item */
+     visibility: hidden;
+}
+ .ais-pagination--item__active {
+    /* active pagination item */
+}
+ .ais-pagination--item__first {
+    /* first pagination item */
+}
+ .ais-pagination--item__previous {
+    /* previous pagination item */
+}
+ .ais-pagination--item__page {
+    /* page pagination item */
+}
+ .ais-pagination--item__next {
+    /* next pagination item */
+}
+ .ais-pagination--item__last {
+    /* last pagination item */
+}
+ .ais-pagination--link {
+    /* pagination link */
+}
+ .ais-refinement-list--header {
+    /* widget header */
+}
+ .ais-refinement-list--body {
+    /* wudget footer */
+}
+ .ais-refinement-list--list {
+    /* item list */
+}
+ .ais-refinement-list--item {
+    /* list item */
+}
+ .ais-refinement-list--item__active {
+    /* active list item */
+}
+ .ais-refinement-list--label {
+    /* item label */
+}
+ .ais-refinement-list--checkbox {
+    /* item checkbox */
+}
+ .ais-refinement-list--count {
+    /* item count */
+}
+ .ais-refinement-list--footer {
+    /* widget footer */
+}
+/* Sub block for the show more of the refinement list */
+ .ais-show-more__active {
+    /* Show more button is activated */
+}
+ .ais-show-more__inactive {
+    /* Show more button is deactivated */
+}
+ .ais-menu--header {
+    /* widget header */
+}
+ .ais-menu--body {
+    /* widget body */
+}
+ .ais-menu--list {
+    /* item list */
+}
+ .ais-menu--item {
+    /* list item */
+}
+ .ais-menu--item__active {
+    /* active list item */
+}
+ .ais-menu--link {
+    /* item link */
+}
+ .ais-menu--count {
+    /* item count */
+}
+ .ais-menu--footer {
+    /* widget footer */
+}
+ .ais-toggle--header {
+    /* widget header */
+}
+ .ais-toggle--body {
+    /* wudget body */
+}
+ .ais-toggle--list {
+    /* item list */
+}
+ .ais-toggle--item {
+    /* list item */
+}
+ .ais-toggle--item__active {
+    /* active list item */
+}
+ .ais-toggle--label {
+    /* item label */
+}
+ .ais-toggle--checkbox {
+    /* item checkbox */
+}
+ .ais-toggle--count {
+    /* item count */
+}
+ .ais-toggle--footer {
+    /* widget footer */
+}
+ .ais-hierarchical-menu--header {
+    /* widget header */
+}
+ .ais-hierarchical-menu--body {
+    /* widget body */
+}
+ .ais-hierarchical-menu--list {
+    /* item list */
+}
+ .ais-hierarchical-menu--list__lvl0 {
+    /* item list level 0 */
+}
+ .ais-hierarchical-menu--list__lvl1 {
+    /* item list level 1 */
+     margin-left: 10px;
+}
+ .ais-hierarchical-menu--list__lvl2 {
+    /* item list level 0 */
+     margin-left: 10px;
+}
+ .ais-hierarchical-menu--item {
+    /* list item */
+}
+ .ais-hierarchical-menu--item__active {
+    /* active list item */
+}
+ .ais-hierarchical-menu--link {
+    /* item link */
+}
+ .ais-hierarchical-menu--count {
+    /* item count */
+}
+ .ais-hierarchical-menu--footer {
+    /* widget footer */
+}
+ .ais-range-input--fieldset {
+    /* custom fieldset */
+     margin: 0;
+     padding: 0;
+     border: 0;
+}
+ .ais-range-input--labelMin {
+    /* custom label min */
+     display: inline-block;
+}
+ .ais-range-input--inputMin {
+    /* custom input min */
+     min-width: 165px;
+}
+ .ais-range-input--inputMin:hover:disabled {
+     cursor: not-allowed;
+}
+ .ais-range-input--separator {
+    /* separator */
+     margin: 0 5px;
+}
+ .ais-range-input--labelMax {
+    /* custom label max */
+     display: inline-block;
+}
+ .ais-range-input--inputMax {
+    /* custom input max */
+     min-width: 165px;
+}
+ .ais-range-input--inputMax:hover:disabled {
+     cursor: not-allowed;
+}
+ .ais-range-input--submit {
+    /* custom form button */
+     margin-left: 5px;
+}
+ .ais-range-input--submit:disabled, .ais-range-input--submit:hover:disabled {
+     cursor: not-allowed;
+     background-color: #C9C9C9;
+}
+ .ais-range-slider .ais-range-slider--disabled {
+     cursor: not-allowed;
+}
+ .ais-range-slider .ais-range-slider--disabled .ais-range-slider--handle {
+     border-color: #DDD;
+     cursor: not-allowed;
+}
+ .ais-range-slider .ais-range-slider--disabled .rheostat-horizontal .rheostat-progress {
+     background-color: #DDD;
+}
+ .ais-range-slider .rheostat {
+     overflow: visible;
+     margin-top: 2em;
+     margin-bottom: 2em;
+}
+ .ais-range-slider .rheostat-background {
+     background-color: #FFFFFF;
+     border-top: 1px solid #DDD;
+     border-bottom: 1px solid #DDD;
+     border-left: 2px solid #DDD;
+     border-right: 2px solid #DDD;
+     position: relative;
+}
+ .ais-range-slider .rheostat-horizontal .rheostat-background {
+     height: 6px;
+     top: 0;
+     width: 100%;
+}
+ .ais-range-slider .rheostat-horizontal .rheostat-progress {
+     background-color: #46AEDA;
+     position: absolute;
+     height: 4px;
+     top: 1px;
+}
+ .ais-range-slider .rheostat-horizontal .rheostat-handle {
+     margin-left: -12px;
+     top: -7px;
+}
+ .ais-range-slider .rheostat-horizontal .rheostat-handle .ais-range-slider--tooltip {
+     text-align: center;
+     margin-left: -10px;
+     width: 40px;
+}
+ .ais-range-slider .rheostat-horizontal .rheostat-handle::before, .ais-range-slider .rheostat-horizontal .rheostat-handle::after {
+     top: 7px;
+     height: 10px;
+     width: 1px;
+}
+ .ais-range-slider .rheostat-horizontal .rheostat-handle::before {
+     left: 10px;
+}
+ .ais-range-slider .rheostat-horizontal .rheostat-handle::after {
+     left: 13px;
+}
+ .ais-range-slider--handle {
+     width: 20px;
+     height: 20px;
+     position: relative;
+     z-index: 1;
+     background: #FFFFFF;
+     border: 1px solid #46AEDA;
+     border-radius: 50%;
+     cursor: pointer;
+}
+ .ais-range-slider--tooltip {
+     position: absolute;
+     background: #FFFFFF;
+     top: -22px;
+     font-size: .8em;
+}
+ .ais-range-slider--value {
+     width: 40px;
+     position: absolute;
+     text-align: center;
+     margin-left: -20px;
+     padding-top: 15px;
+     font-size: .8em;
+}
+ .ais-range-slider--marker {
+     position: absolute;
+     background: #DDD;
+     margin-left: -1px;
+     width: 1px;
+     height: 5px;
+}
+ .ais-star-rating--header {
+    /* widget header */
+}
+ .ais-star-rating--body {
+    /* wudget footer */
+}
+ .ais-star-rating--list {
+    /* item list */
+}
+ .ais-star-rating--item {
+    /* list item */
+     vertical-align: middle;
+}
+ .ais-star-rating--item__active {
+    /* active list item */
+     font-weight: bold;
+}
+ .ais-star-rating--star {
+    /* item star */
+     display: inline-block;
+     width: 1em;
+     height: 1em;
+}
+ .ais-star-rating--star::before {
+     content: '\2605';
+     color: #FBAE00;
+}
+ .ais-star-rating--star__empty {
+    /* empty star */
+     display: inline-block;
+     width: 1em;
+     height: 1em;
+}
+ .ais-star-rating--star__empty::before {
+     content: '\2606';
+     color: #FBAE00;
+}
+ .ais-star-rating--link {
+    /* item link */
+}
+ .ais-star-rating--link__disabled {
+    /* disabled list item */
+}
+ .ais-star-rating--link__disabled .ais-star-rating--star::before {
+     color: #C9C9C9;
+}
+ .ais-star-rating--link__disabled .ais-star-rating--star__empty::before {
+     color: #C9C9C9;
+}
+ .ais-star-rating--count {
+    /* item count */
+}
+ .ais-star-rating--footer {
+    /* widget footer */
+}
+ .ais-price-ranges--header {
+    /* widget header */
+}
+ .ais-price-ranges--body {
+    /* widget body */
+}
+ .ais-price-ranges--footer {
+    /* widget footer */
+}
+ .ais-price-ranges--list {
+    /* item list */
+}
+ .ais-price-ranges--item {
+    /* list item */
+}
+ .ais-price-ranges--item__active {
+    /* active list item */
+}
+ .ais-price-ranges--link {
+    /* item link */
+}
+ .ais-price-ranges--form {
+    /* custom form */
+}
+ .ais-price-ranges--label {
+    /* custom form label */
+}
+ .ais-price-ranges--currency {
+    /* currency */
+}
+ .ais-price-ranges--input {
+    /* custom form input */
+}
+ .ais-price-ranges--separator {
+    /* custom form separator */
+}
+ .ais-price-ranges--button {
+    /* custom form button */
+}
+ .ais-clear-all--header {
+    /* widget header */
+}
+ .ais-clear-all--body {
+    /* widget body */
+}
+ .ais-clear-all--link {
+    /* widget link */
+}
+ .ais-clear-all--footer {
+    /* widget footer */
+}
+ .ais-current-refined-values--header {
+    /* widget header */
+}
+ .ais-current-refined-values--body {
+    /* widget body */
+}
+ .ais-current-refined-values--clear-all {
+    /* widget clearAll link */
+}
+ .ais-current-refined-values--list {
+    /* widget list */
+}
+ .ais-current-refined-values--item {
+    /* widget item */
+}
+ .ais-current-refined-values--link {
+    /* widget link */
+}
+ .ais-current-refined-values--count {
+    /* widget count */
+}
+ .ais-current-refined-values--footer {
+    /* widget footer */
+}
+ .ais-root__collapsible .ais-header {
+     cursor: pointer;
+}
+ .ais-root__collapsed .ais-body, .ais-root__collapsed .ais-footer {
+     display: none;
+}
+ .ais-breadcrumb--label, .ais-breadcrumb--separator, .ais-breadcrumb--home {
+     display: inline;
+     color: #3369E7;
+}
+ .ais-breadcrumb--item {
+     display: inline;
+}
+ .ais-breadcrumb--disabledLabel {
+     color: #444444;
+     display: inline;
+}
+ .ais-geo-search {
+    /* root element */
+     height: 100%;
+}
+ .ais-geo-search--map {
+    /* map element */
+     height: 100%;
+}
+ .ais-geo-search--controls {
+    /* map controls */
+}
+ .ais-geo-search--clear {
+    /* clear button */
+}
+ .ais-geo-search--control {
+    /* refine control */
+}
+ .ais-geo-search--toggle-label {
+    /* toggle label */
+     display: flex;
+     align-items: center;
+}
+ .ais-geo-search--toggle-input {
+    /* toggle input */
+}
+ .ais-geo-search--redo {
+    /* redo button */
+}
+ 

assets/sass/_ml-stack-nav.scss

@@ -0,0 +1,136 @@
+/*!
+ * ml-stack-nav - v1.1.3
+ * Customizable, responsive, accessible, easy-to-use multi-level stack navigation menu with slide effect.
+ * https://github.com/damianwajer/ml-stack-nav
+ * 
+ * Author: Damian Wajer
+ * License: MIT
+ * 
+ * @preserve
+ */
+.ml-stack-nav-toggle {
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+  padding: 0;
+  width: 26px;
+  height: 22px;
+  border: 0;
+  background: none;
+  color: #525261;
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.ml-stack-nav-toggle__line {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 4px;
+  border-radius: 9px;
+  background: #525261;
+  opacity: 1;
+  -webkit-transition: 0.3s ease-in-out;
+  transition: 0.3s ease-in-out;
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+}
+.ml-stack-nav-toggle__line:nth-child(2) {
+  top: 9px;
+}
+.ml-stack-nav-toggle__line:nth-child(3) {
+  top: 18px;
+}
+.ml-stack-nav-toggle.is-active .ml-stack-nav-toggle__line:nth-child(1) {
+  top: 9px;
+  left: 50%;
+  width: 0;
+}
+.ml-stack-nav-toggle.is-active .ml-stack-nav-toggle__line:nth-child(2) {
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.ml-stack-nav-toggle.is-active .ml-stack-nav-toggle__line:nth-child(3) {
+  top: 9px;
+  -webkit-transform: rotate(-45deg);
+          transform: rotate(-45deg);
+}
+
+.ml-stack-nav {
+  position: absolute;
+  right: 0;
+  left: 0;
+  z-index: -1;
+  overflow: hidden;
+  box-sizing: border-box;
+  height: 100%;
+}
+.ml-stack-nav *,
+.ml-stack-nav *:after,
+.ml-stack-nav *:before {
+  box-sizing: inherit;
+}
+.ml-stack-nav__menu {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 20px;
+  z-index: 900;
+  visibility: hidden;
+  margin: 0;
+  padding: 0;
+  border: 1px solid #000;
+  background-color: #fff;
+  list-style-position: inside;
+  -webkit-transition: visibility 0.3s, -webkit-transform 0.3s;
+  transition: visibility 0.3s, -webkit-transform 0.3s;
+  transition: transform 0.3s, visibility 0.3s;
+  transition: transform 0.3s, visibility 0.3s, -webkit-transform 0.3s;
+  -webkit-transform: translate3d(100%, 0, 0);
+          transform: translate3d(100%, 0, 0);
+}
+.ml-stack-nav > .ml-stack-nav__menu {
+  left: 0;
+}
+.ml-stack-nav--slide-left .ml-stack-nav__menu {
+  right: 20px;
+  left: 0;
+  -webkit-transform: translate3d(-100%, 0, 0);
+          transform: translate3d(-100%, 0, 0);
+}
+.ml-stack-nav--slide-left > .ml-stack-nav__menu {
+  right: 0;
+}
+.no-js .ml-stack-nav:target {
+  position: static;
+  visibility: visible;
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+}
+.no-js .ml-stack-nav:target .ml-stack-nav__menu {
+  position: static;
+  visibility: visible;
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+}
+.no-js .ml-stack-nav .ml-stack-nav__next,
+.no-js .ml-stack-nav .ml-stack-nav__back {
+  display: none;
+}
+
+.is-open > .ml-stack-nav__menu {
+  visibility: visible;
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+}
+
+.is-active > .ml-stack-nav__menu {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+/*# sourceMappingURL=ml-stack-nav.css.map */

assets/sass/_tingle.scss

@@ -0,0 +1,263 @@
+/* ----------------------------------------------------------- */
+/* == tingle v0.13.2 */
+/* ----------------------------------------------------------- */
+
+.tingle-modal * {
+  box-sizing: border-box;
+}
+
+.tingle-modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  display: flex;
+  visibility: hidden;
+  flex-direction: column;
+  align-items: center;
+  overflow: hidden;
+  -webkit-overflow-scrolling: touch;
+  background: rgba(0, 0, 0, .8);
+  opacity: 0;
+  cursor: pointer;
+  transition: transform .2s ease;
+}
+
+/* confirm and alerts
+-------------------------------------------------------------- */
+
+.tingle-modal--confirm .tingle-modal-box {
+  text-align: center;
+}
+
+/* modal
+-------------------------------------------------------------- */
+
+.tingle-modal--noOverlayClose {
+  cursor: default;
+}
+
+.tingle-modal--noClose .tingle-modal__close {
+  display: none;
+}
+
+.tingle-modal__close {
+  position: fixed;
+  top: 10px;
+  right: 28px;
+  z-index: 1000;
+  padding: 0;
+  width: 5rem;
+  height: 5rem;
+  border: none;
+  background-color: transparent;
+  color: #f0f0f0;
+  font-size: 6rem;
+  font-family: monospace;
+  line-height: 1;
+  cursor: pointer;
+  transition: color .3s ease;
+}
+
+.tingle-modal__closeLabel {
+  display: none;
+}
+
+.tingle-modal__close:hover {
+  color: #fff;
+}
+
+.tingle-modal-box {
+  position: relative;
+  flex-shrink: 0;
+  margin-top: auto;
+  margin-bottom: auto;
+  width: 60%;
+  border-radius: 4px;
+  background: #fff;
+  opacity: 1;
+  cursor: auto;
+  transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
+  transform: scale(.8);
+}
+
+.tingle-modal-box__content {
+  padding: 3rem 3rem;
+}
+
+.tingle-modal-box__footer {
+  padding: 1.5rem 2rem;
+  width: auto;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+  background-color: #f5f5f5;
+  cursor: auto;
+}
+
+.tingle-modal-box__footer::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.tingle-modal-box__footer--sticky {
+  position: fixed;
+  bottom: -200px; /* TODO : find a better way */
+  z-index: 10001;
+  opacity: 1;
+  transition: bottom .3s ease-in-out .3s;
+}
+
+/* state
+-------------------------------------------------------------- */
+
+.tingle-enabled {
+  position: fixed;
+  overflow: hidden;
+  left: 0;
+  right: 0;
+}
+
+.tingle-modal--visible .tingle-modal-box__footer {
+  bottom: 0;
+}
+
+.tingle-enabled .tingle-content-wrapper {
+  filter: blur(8px);
+}
+
+.tingle-modal--visible {
+  visibility: visible;
+  opacity: 1;
+}
+
+.tingle-modal--visible .tingle-modal-box {
+  transform: scale(1);
+}
+
+.tingle-modal--overflow {
+  overflow-y: scroll;
+  padding-top: 8vh;
+}
+
+/* btn
+-------------------------------------------------------------- */
+
+.tingle-btn {
+  display: inline-block;
+  margin: 0 .5rem;
+  padding: 1rem 2rem;
+  border: none;
+  background-color: grey;
+  box-shadow: none;
+  color: #fff;
+  vertical-align: middle;
+  text-decoration: none;
+  font-size: inherit;
+  font-family: inherit;
+  line-height: normal;
+  cursor: pointer;
+  transition: background-color .4s ease;
+}
+
+.tingle-btn--primary {
+  background-color: #3498db;
+}
+
+.tingle-btn--danger {
+  background-color: #e74c3c;
+}
+
+.tingle-btn--default {
+  background-color: #34495e;
+}
+
+.tingle-btn--pull-left {
+  float: left;
+}
+
+.tingle-btn--pull-right {
+  float: right;
+}
+
+/* responsive
+-------------------------------------------------------------- */
+
+@media (max-width : 540px) {
+  .tingle-modal {
+    top: 0px;
+    display: block;
+    padding-top: 60px;
+    width: 100%;
+  }
+
+  .tingle-modal-box {
+    width: auto;
+    border-radius: 0;
+  }
+
+  .tingle-modal-box__content {
+    overflow-y: scroll;
+  }
+
+  .tingle-modal--noClose {
+    top: 0;
+  }
+
+  .tingle-modal--noOverlayClose {
+    padding-top: 0;
+  }
+
+  .tingle-modal-box__footer .tingle-btn {
+    display: block;
+    float: none;
+    margin-bottom: 1rem;
+    width: 100%;
+  }
+
+  .tingle-modal__close {
+    top: 0;
+    right: 0;
+    left: 0;
+    display: block;
+    width: 100%;
+    height: 60px;
+    border: none;
+    background-color: #2c3e50;
+    box-shadow: none;
+    color: #fff;
+    line-height: 55px;
+  }
+
+  .tingle-modal__closeLabel {
+    display: inline-block;
+    vertical-align: middle;
+    font-size: 1.5rem;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  }
+
+  .tingle-modal__closeIcon {
+    display: inline-block;
+    margin-right: .5rem;
+    vertical-align: middle;
+    font-size: 4rem;
+  }
+}
+
+@supports (backdrop-filter: blur(12px)) {
+  .tingle-modal {
+    backdrop-filter: blur(20px);
+  }
+
+  @media (max-width : 540px) {
+    .tingle-modal {
+      backdrop-filter: blur(8px);
+    }
+  }
+
+  .tingle-enabled .tingle-content-wrapper {
+    filter: none;
+  }
+}

assets/sass/app.scss

@@ -0,0 +1,16 @@
+@charset 'UTF-8';
+
+// 1. node
+@import
+// These are copied because  go sass won't import plain .css files
+'tingle',
+'instantsearch',
+'instantsearch-theme-algolia',
+'izimodal',
+'../../node_modules/ml-stack-nav/src/ml-stack-nav',
+'../../node_modules/rancher-website-theme/assets/sass/theme';
+
+.modal-content {
+  display: none;
+  visibility: hidden;
+}

gulpfile.babel.js

@@ -1,228 +0,0 @@
-/* eslint:ignore */
-'use strict';
-
-import gulp from 'gulp';
-import del from 'del';
-import runSequence from 'run-sequence';
-import gulpLoadPlugins from 'gulp-load-plugins';
-import { spawn, exec } from "child_process";
-import tildeImporter from 'node-sass-tilde-importer';
-import browserify from 'browserify';
-import source from 'vinyl-source-stream';
-import buffer from 'vinyl-buffer';
-import babelify from 'babelify';
-import watch from 'gulp-watch';
-const atomicalgolia = require("atomic-algolia");
-// const fs            = require('fs');
-import uglify from 'gulp-uglify';
-
-const $            = gulpLoadPlugins();
-const browserSync  = require('browser-sync').create();
-const request = require('request');
-const isProduction = process.env.NODE_ENV === 'production';
-
-process.on('SIGINT', (err) => {
-  console.log('Caught SIGINT, exiting', '\r\n', err);
-  process.exit(0);
-});
-
-process.on('uncaughtException', (err) => {
-  console.log('Uncaught Exception, exiting', '\r\n', err);
-  process.exit(1);
-});
-
-// --
-gulp.task('dev', ['build-dev'], () => {
-  gulp.start('init-watch');
-});
-
-gulp.task('build', (cb) => {
-  runSequence('pub-delete', 'sass', 'build:vendor', 'build:app', 'fonts', 'img', 'hugo', 'build:search-index',  () => {
-    cb();
-  });
-});
-
-gulp.task('build-staging', (cb) => {
-  runSequence('pub-delete', 'sass', 'build:vendor', 'build:app', 'fonts', 'img', 'hugo-staging', 'build:search-index', () => {
-    cb();
-  });
-});
-
-gulp.task('build-dev', (cb) => {
-  runSequence('pub-delete', 'sass', 'build:vendor', 'build:app', 'fonts', 'img', 'hugo-dev', () => {
-    cb();
-  });
-});
-
-gulp.task('hugo', (cb) => {
-  return spawn('hugo', ['--buildFuture', '--baseURL=https://rancher.com/docs'], { stdio: 'inherit' }).on('close', (/* code */) => {
-    browserSync.reload();
-    cb();
-  });
-});
-
-gulp.task('hugo-staging', (cb) => {
-  return spawn('hugo', ['--buildDrafts', '--buildFuture', '--baseURL=https://staging.rancher.com/docs'], { stdio: 'inherit' }).on('close', (/* code */) => {
-    browserSync.reload();
-    cb();
-  });
-});
-
-gulp.task('hugo-dev', (cb) => {
-  return spawn('hugo', ['--buildDrafts', '--buildFuture', '--baseURL='], { stdio: 'inherit' }).on('close', (/* code */) => {
-    browserSync.reload();
-    cb();
-  });
-});
-
-gulp.task('init-watch', () => {
-  browserSync.init({
-    server: {
-      baseDir: 'public'
-    },
-    port: 9001,
-    open: false
-  });
-  watch([ 'src/sass/**/*.scss', 'node_modules/rancher-website-theme/**/*.scss' ], () => runSequence('sass', 'hugo-dev'));
-  watch([ 'src/js/**/*.js', 'node_modules/rancher-website-theme/static/js/base.js' ], () => runSequence('build:app', 'hugo-dev'));
-  watch('src/img/**/*', () => runSequence('img', 'hugo-dev'));
-  watch([
-    'archetypes/**/*',
-    'data/**/*',
-    'content/**/*',
-    'layouts/**/*',
-    'node_modules/rancher-website-theme/layouts/**/*',
-    'node_modules/rancher-website-theme/archetypes/**/*',
-    'node_modules/rancher-website-theme/data/**/*',
-    'node_modules/rancher-website-theme/content/**/*',
-    'themes/**/*',
-    'config.toml'], () => gulp.start('hugo-dev'));
-});
-
-
-// --
-
-gulp.task('sass', () => {
-  return gulp.src([
-    'src/sass/**/*.scss'
-  ])
-    .pipe($.sassLint())
-    .pipe($.sassLint.format())
-    .pipe($.sass({ precision: 5, importer: tildeImporter }))
-    .pipe($.autoprefixer(['ie >= 10', 'last 2 versions']))
-    .pipe($.if(isProduction, $.cssnano({ discardUnused: false, minifyFontValues: false })))
-    .pipe($.size({ gzip: true, showFiles: true }))
-    .pipe(gulp.dest('static/css'));
-});
-
-const vendors = [/* 'zoom.ts', */'instantsearch.js', 'ml-stack-nav', 'lory.js', 'tingle.js', 'moment', 'jquery'];
-
-gulp.task('build:vendor', () => {
-  const b = browserify();
-
-  // require all libs specified in vendors array
-  vendors.forEach(lib => {
-    b.require(lib);
-  });
-
-  return b.bundle()
-    .pipe(source('vendor.js'))
-    .pipe(buffer())
-    .pipe(uglify())
-    .pipe(gulp.dest('static/js'));
-});
-
-gulp.task('build:app', () => {
-  const debug = isProduction ? false : true;
-
-  return browserify({
-    entries: ['./node_modules/rancher-website-theme/static/js/base.js', './src/js/app.js'],
-    extensions: ['.js',],
-    debug: debug,
-    insertGlobals: true
-  })
-    .external(vendors) // Specify all vendors as external source
-    .transform(babelify)
-    .bundle()
-    .pipe(source('app.js'))
-    .pipe(buffer())
-    .pipe(uglify())
-    .pipe(gulp.dest('static/js'));
-});
-
-gulp.task('fonts', () => {
-  return gulp.src('src/fonts/**/*.{woff,woff2}')
-    .pipe(gulp.dest('static/fonts'));
-});
-
-gulp.task('img', () => {
-  return gulp.src('src/img/**/*.{png,jpg,jpeg,gif,svg,webp,ico}')
-    .pipe(gulp.dest('static/img'));
-});
-
-gulp.task('minify-images', () => {
-  return gulp.src('src/img/**/*.{png,jpg,jpeg,gif,svg,webp,ico}')
-    .pipe($.newer('static/img'))
-    .pipe($.imagemin())
-    .pipe(gulp.dest('src/img'));
-});
-
-gulp.task('cms-delete', () => {
-  return del(['static/admin'], { dot: true });
-});
-
-gulp.task('pub-delete', () => {
-  return del(['public/**', '!public']);
-});
-
-gulp.task('build:search-index', (cb) => {
-  const env = process.env;
-
-  const opts = {
-    stdio: 'inherit',
-    env: env
-  };
-  return spawn(process.cwd()+'/scripts/build-algolia.js', opts).on('close', (/* code */) => {
-    cb();
-  });
-});
-
-
-gulp.task('publish:search-index', (cb) => {
-  const env = process.env;
-
-  const opts = {
-    stdio: 'inherit',
-    env: env
-  };
-
-  request.get({url: 'http://rancher-metadata/2015-07-25/self/service/containers/0', timeout: 2000}, function(err, res, first) {
-    if ( err ) {
-      return cb(err);
-    }
-
-    request.get({url: 'http://rancher-metadata/2015-07-25/self/container/name', timeout: 2000}, function(err, res, me) {
-      if ( err ) {
-        return cb(err);
-      }
-
-      console.log('First:', first);
-      console.log('Me:', me);
-
-      if ( !first || !me ) {
-        return cb(new Error('Unable to determine who is the leader (' + first + ', ' + me+ ')'));
-      }
-
-      if ( first !== me ) {
-        console.log('I am not the leader');
-        return cb();
-      }
-
-      console.log('Publishing to algolia', process.env.ALGOLIA_INDEX_NAME);
-      atomicalgolia(process.env.ALGOLIA_INDEX_NAME, process.env.ALGOLIA_INDEX_FILE, {verbose: true},  (err, result) => {
-        console.log(result);
-        cb(err);
-      });
-    });
-  });
-});

package.json

@@ -3,53 +3,23 @@
   "version": "1.0.1",
   "private": true,
   "scripts": {
-    "build": "gulp build",
-    "build:preview": "gulp build-preview",
-    "dev": "gulp dev",
-    "cms:delete": "gulp cms-delete",
-    "algolia": "node build-algolia.js"
+    "dev": "./scripts/dev",
+    "dev-theme": "./scripts/dev -t ../website-theme",
+    "build-algolia": "node ./scripts/build-algolia.js",
+    "publish-algolia": "node ./scripts/publish-algolia.js"
   },
   "dependencies": {
     "atomic-algolia": "^0.3.15",
-    "babel-core": "^6.25.0",
-    "babel-preset-es2015": "^6.24.1",
-    "babelify": "^8.0.0",
-    "browser-sync": "^2.18.13",
-    "browserify": "^16.1.1",
-    "gulp-autoprefixer": "^5.0.0",
-    "gulp-babel": "^6.1.2",
-    "gulp-concat": "^2.6.1",
-    "gulp-cssnano": "^2.1.2",
-    "gulp-if": "^2.0.2",
-    "gulp-imagemin": "^4.1.0",
-    "gulp-load-plugins": "^1.5.0",
-    "gulp-newer": "^1.3.0",
-    "gulp-sass": "^3.1.0",
-    "gulp-sass-lint": "^1.3.2",
-    "gulp-size": "^3.0.0",
-    "gulp-uglify": "^3.0.0",
-    "gulp-watch": "^5.0.0",
     "instantsearch.js": "^2.8.0",
+    "izimodal": "^1.5.1",
     "jquery": "^3.3.1",
     "jsdom": "^11.11.0",
+    "lory.js": "^2.4.1",
     "md5": "^2.2.1",
+    "ml-stack-nav": "^1.1.2",
     "moment": "^2.20.1",
-    "node-sass-tilde-importer": "^1.0.0",
     "rancher-website-theme": "https://github.com/rancherlabs/website-theme.git",
     "request": "^2.87.0",
-    "run-sequence": "^2.0.0",
-    "vinyl-buffer": "^1.0.1",
-    "vinyl-source-stream": "^2.0.0"
-  },
-  "babel": {
-    "presets": [
-      "es2015"
-    ]
-  },
-  "devDependencies": {
-    "gulp": "^3.9.1",
-    "lory.js": "^2.4.1",
-    "ml-stack-nav": "^1.1.2",
     "tingle.js": "^0.13.2"
   }
 }

scripts/build-algolia.js

@@ -1,15 +1,15 @@
 #! /usr/bin/env node
+
 'use strict';
 const jsdom         = require("jsdom");
 const {
   JSDOM
 }                   = jsdom;
 const md5           = require('md5');
-const atomicalgolia = require("atomic-algolia");
 const fs            = require('fs');
 const newNodes           = [];
 const newParagraphs = [];
-const rawdata       = fs.readFileSync('public/algolia.json');
+const rawdata       = fs.readFileSync('/output/algolia.json');
 const nodes         = JSON.parse(rawdata);
 
 nodes.forEach(node => {
@@ -61,19 +61,11 @@ nodes.forEach(node => {
 
   if (paragraphOut.content) {
     // limit the content to 10k so we dont blow up just incase someone decides to make a 40k blog post in one paragraph ¯\_(ツ)_/¯
-    paragraphOut.content  = paragraphOut.content.substr(0, 18000);
+    paragraphOut.content  = paragraphOut.content.substr(0, 9000);
 
     // objectID is not quite unique yet so hash the entire object
     paragraphOut.objectID = md5(JSON.stringify(paragraphOut));
 
-    if (true || paragraphOut.objectID === "d41d8cd98f00b204e9800998ecf8427e") {
-      console.log('====================================');
-      console.log('ID:',paragraphOut.objectID);
-      console.log('Paragraph:',paragraphOut)
-      console.log('JSON:',JSON.stringify(paragraphOut))
-      console.log('====================================');
-    }
-
     newParagraphs.push(paragraphOut);
     newNodes.push(node);
   }
@@ -89,5 +81,6 @@ nodes.forEach(node => {
 
 const merged = [...newParagraphs, ...newNodes];
 
-fs.writeFileSync('public/final.algolia.json', JSON.stringify(merged));
+fs.writeFileSync('/output/final.algolia.json', JSON.stringify(merged));
+
 process.exit(0);

scripts/dev

@@ -7,6 +7,7 @@ TAG=dev
 THEME=
 BUILD_BUILD=
 BUILD_DEV=
+SKIP_PULL=
 UPLOAD=
 
 # cd to app root
@@ -22,13 +23,14 @@ print_help()
   cat 1>&2 <<EOF
 Usage:
 
-[-b [-u]] [-d] [-p PORT] [-t]
+[-b | -d] [-p PORT] [-s] [-t DIR] [-u]
 
 -b      - Build the build & dev images instead of pulling from the registry
 -d      - Build the dev image instead of pulling from the registry
 -p PORT - Port to listen on
+-s      - Skip pulling build/dev images
 -t DIR  - Use DIR to for the theme, to devlop the theme at the same time
--u      - Upload the build image after building
+-u      - Upload/push the build image after building
 
 EOF
 }
@@ -44,7 +46,7 @@ absolute() {
 }
 
 
-while getopts ":bdp:t:u" opt;do
+while getopts ":bdp:st:u" opt;do
   case $opt in
   b)
     BUILD_BUILD="true"
@@ -56,6 +58,9 @@ while getopts ":bdp:t:u" opt;do
   p)
     PORT="${OPTARG}"
     ;;
+  s)
+    SKIP_PULL="true"
+    ;;
   t)
     THEME="${OPTARG}"
     ;;
@@ -82,25 +87,39 @@ if [[ "$THEME" ]]; then
   THEMEVOLUME="-v ${ABSOLUTE}:/run/node_modules/rancher-website-theme"
 fi
 
-if [ -z "$BUILD_BUILD" ]; then
-  echo "Pulling ${IMAGE}:build"
-  docker pull ${IMAGE}:build
-else
+if [[ "$BUILD_BUILD" ]]; then
   echo "Building ${IMAGE}:build"
-  docker build --no-cache -f Dockerfile.build -t ${IMAGE}:build .
+  docker build --no-cache -f Dockerfile.build --build-arg TWITTER_CONSUMER=${TWITTER_CONSUMER} --build-arg TWITTER_SECRET=${TWITTER_SECRET} -t ${IMAGE}:build .
   if [[ "$UPLOAD" ]]; then
   docker push ${IMAGE}:build
   fi
+elif [[ "$SKIP_PULL" ]]; then
+  echo "Skipping pull of ${IMAGE}:build"
+else
+  echo "Pulling ${IMAGE}:build"
+  docker pull ${IMAGE}:build
 fi
 
-if [ -z "$BUILD_DEV" ]; then
-  echo "Pulling ${IMAGE}:${TAG}"
-  docker pull ${IMAGE}:${TAG}
-else
+if [[ "$BUILD_DEV" ]]; then
   TAG=local
   echo "Building ${IMAGE}:${TAG}"
   docker build -f Dockerfile.dev -t ${IMAGE}:${TAG} .
+elif [[ "$SKIP_PULL" ]]; then
+  echo "Skipping pull of ${IMAGE}:${TAG}"
+else
+  echo "Pulling ${IMAGE}:${TAG}"
+  docker pull ${IMAGE}:${TAG}
 fi
 
 echo "Starting server on http://localhost:${PORT}"
-docker run --rm -p ${PORT}:${PORT} -it -v $(pwd):/site ${THEMEVOLUME} ${IMAGE}:${TAG} dev --port=${PORT}
+docker run --rm -p ${PORT}:${PORT} -it \
+  -v $(pwd)/archetypes:/run/archetypes \
+  -v $(pwd)/assets:/run/assets \
+  -v $(pwd)/content:/run/content \
+  -v $(pwd)/data:/run/data \
+  -v $(pwd)/layouts:/run/layouts \
+  -v $(pwd)/scripts:/run/scripts \
+  -v $(pwd)/static:/run/static \
+  -v $(pwd)/.git:/run/.git \
+  -v $(pwd)/config.toml:/run/config.toml \
+  ${THEMEVOLUME} ${IMAGE}:${TAG} --port=${PORT}

scripts/publish-algolia.js

@@ -0,0 +1,14 @@
+#! /usr/bin/env node
+'use strict';
+
+const atomicalgolia = require("atomic-algolia");
+
+console.log('Publishing to algolia', process.env.ALGOLIA_INDEX_NAME);
+atomicalgolia(process.env.ALGOLIA_INDEX_NAME, '/run/final.algolia.json', {verbose: true},  (err, result) => {
+  console.log(result);
+  if ( err ) {
+    process.exit(1);
+  } else {
+    process.exit(0);
+  }
+});

src/sass/app.scss

@@ -1,64 +0,0 @@
-@charset 'UTF-8';
-
-// 7. node
-@import
-'~tingle.js/src/tingle',
-'~instantsearch.js/dist/instantsearch.nomin',
-'~instantsearch.js/dist/instantsearch-theme-algolia.nomin',
-'~ml-stack-nav/src/ml-stack-nav';
-
-// 1. Configuration and helpers
-@import
-'../../node_modules/rancher-website-theme/static/scss/abstracts/variables',
-'../../node_modules/rancher-website-theme/static/scss/abstracts/functions',
-'../../node_modules/rancher-website-theme/static/scss/abstracts/mixins';
-
-// 2. Vendors
-@import
-'../../node_modules/rancher-website-theme/static/scss/vendor/normalize',
-'../../node_modules/rancher-website-theme/static/scss/vendor/loryslider',
-'../../node_modules/rancher-website-theme/static/scss/vendor/flexboxgrid';
-
-
-// 3. Base stuff
-@import
-'../../node_modules/rancher-website-theme/static/scss/base/base',
-'../../node_modules/rancher-website-theme/static/scss/base/fonts',
-'../../node_modules/rancher-website-theme/static/scss/base/typography',
-'../../node_modules/rancher-website-theme/static/scss/base/colors',
-'../../node_modules/rancher-website-theme/static/scss/base/helpers';
-
-// 4. Layout-related sections
-@import
-'../../node_modules/rancher-website-theme/static/scss/layout/grid',
-'../../node_modules/rancher-website-theme/static/scss/layout/header',
-'../../node_modules/rancher-website-theme/static/scss/layout/footer',
-'../../node_modules/rancher-website-theme/static/scss/layout/sidebar',
-'../../node_modules/rancher-website-theme/static/scss/layout/page-content',
-'../../node_modules/rancher-website-theme/static/scss/layout/extra-small',
-'../../node_modules/rancher-website-theme/static/scss/layout/small',
-'../../node_modules/rancher-website-theme/static/scss/layout/medium',
-'../../node_modules/rancher-website-theme/static/scss/layout/large';
-
-// 5. Components
-@import
-'../../node_modules/rancher-website-theme/static/scss/components/breadcrumbs',
-'../../node_modules/rancher-website-theme/static/scss/components/button',
-'../../node_modules/rancher-website-theme/static/scss/components/dropdown',
-'../../node_modules/rancher-website-theme/static/scss/components/forms',
-'../../node_modules/rancher-website-theme/static/scss/components/tree',
-'../../node_modules/rancher-website-theme/static/scss/components/tabs',
-'../../node_modules/rancher-website-theme/static/scss/components/search';
-
-// 6. Page-specific styles
-@import
-'../../node_modules/rancher-website-theme/static/scss/pages/home',
-'../../node_modules/rancher-website-theme/static/scss/pages/lists-single',
-'../../node_modules/rancher-website-theme/static/scss/pages/partners',
-'../../node_modules/rancher-website-theme/static/scss/pages/testimonials';
-
-
-.modal-content {
-  display: none;
-  visibility: hidden;
-}