jekyll-theme-consulting 0.3.3 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 94e77bf5370dec8681cf1bdcf454f61f4ea5ef5ead2c57797b672e71dd16e654
-  data.tar.gz: 798d30cc55b84fcbc398805136c6e9269b2a537c11415a37759085c4140619ab
+  metadata.gz: abad23a2c417ac2d9db0895c402ab9d5e855195d706536c6c7cf0aee18766cc6
+  data.tar.gz: 16b5c0e19359200f5c6e46037d3c0a6d985d562b2f1988b7b720603a3b8758d3
 SHA512:
-  metadata.gz: 84d8859d898cc5a4985e79a13db6b2f9244abe401466d95e8bcc5bfa4de547ebc5d1446679c85faa03b70b7a43e864a24c8ab4c5ab76dc551195b28a05a02df5
-  data.tar.gz: 25b4c143ceca28e5f49645f8c09ec31f63b93549d1bdcfdca313754810a893b0f73a66165bd169322256722b638f32605b4075fd1dd1f26bfd2f66e901cd67fd
+  metadata.gz: 47ff15e4c18c8a5fbc9acb6c3c5aa405f756a377688937dc48d9b27863f3b89a857c795c82a97ebf50b343ebe9b45bce003b13efe6aff3c6fec5a786cc6d78ea
+  data.tar.gz: 9c89bce055854b508232ecee64d66831de5d008916634bd1f9334367f0a97e9cdeb056d8b28fc372e5767af892a16584ffdc5324822ef26d7537229c07dfece7

data/README.md

@@ -1,11 +1,23 @@
 # Consulting - Jekyll theme
 
-> A multilingual jekyll template for businesses.
+> A sober, hassle-free, jekyll template for businesses.
 
 You can preview the theme [here](https://moodule.github.io/jekyll-theme-consulting)
 
 ![Consulting Theme](assets/images/screenshot.jpg "Consulting Theme")
 
+# Features
+
+> **Responsive**: out of the box support for all screen sizes, be it smartphones, laptops, tablets...
+
+> **Multilingual**: easily manage pages, menu, url, dates, sitemap in several languages
+
+> **Customizable**: theme colors, menu, social items can be changed from a central config file
+
+> **GDPR ready**: bundled with a cookie consent plugin and a boilerplate privacy policy compliant with GDPR
+
+> **SEO ready**: sitemap, robots.txt and tags are automatically generated for the website
+
 # Installation
 
 Add this line to your Jekyll site's `Gemfile`:
@@ -39,32 +51,66 @@ and [creating pages](https://jekyllrb.com/docs/pages/).
 You can use the following custom parameters in `_config.yml`.
 
 ### Site
-- `subtitle` sets the text for the lighter colored text next to your site's title.
+Both `title` and `subtitle` are displayed side by side :
+- in the tab name
+- at the top of the page, in the header
 
 ### Social
-- `500px_url`
-- `facebook_url`
-- `github_url`
-- `gitlab_url`
-- `googleplus_url`
-- `instagram_url`
-- `linkedin_url`
-- `pinterest_url`
-- `slack_url`
-- `twitter_url`
+Social icons will appear for each url your fill in, among `facebook_url` etc.
 
 ### Contact
-- `street_address`
-- `city`
-- `state`
-- `zip_code`
-- `country`
-- `phone`
-- `email`
+Your contact information can be used in contact forms, the footer or anywhere else.
 
 ## Publication
 
-To post your website as a Github page, fork this reposity and create a branch named `gh-pages`, then start editing the `_config.yml` file.
+### On Github Pages
+
+In your own website's repository, edit the `_config.yml` file:
+
+```yaml
+url: "https://<github-account-name>.github.io/<repository-name>"
+```
+
+Build the website with:
+
+    $ JEKYLL_ENV=production bundle exec jekyll build
+
+Commit all your work to the current branch.
+
+Create a branch named `gh-pages`:
+
+    $ git checkout -b gh-pages
+
+And finally replace the repository's content with the generated webpages:
+
+    $ mkdir ~/backup
+    $ mv ./* ~/backup/
+    $ mv ~/backup/.git ./
+    $ mv ~/backup/_site/* ./
+    $ git add .
+    $ git commit -m "First draft"
+
+The repository's content is backup in the home directory of the user.
+
+And finally push to github
+
+    $ git push --u origin gh-pages
+
+### On any server
+
+In your own website's directory, edit the `_config.yml` file:
+
+```yaml
+url: "https:<domain-name>"
+```
+
+Build the website with:
+
+    $ JEKYLL_ENV=production bundle exec jekyll build
+
+Copy the content of the folder `_site` to your server, most likely in `www`.
+
+If necessary, configure your server to serve this directory.
 
 # Contributing
 
@@ -79,10 +125,14 @@ To test the theme, run `bundle exec jekyll serve` and open your browser at `http
 When the theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
 To add a custom directory to the theme-gem, please edit the regexp in `jekyll-theme-consulting.gemspec` accordingly.
 
-# Credits
+# Credits
 
 Inspired by the work of [@ajlkn][ajlkn].
 
+Uses the basic template from the [cookie consent plugin][cookieconsent].
+
+Space image in the banner: the Pillars of Creation, courtesy of NASA.
+
 Repository [Jekyll logo][jekyll-logo] icon licensed under a [Creative Commons Attribution 4.0 International License][cc4-license].
 
 ## License
@@ -92,5 +142,6 @@ The theme is available as open source under the terms of the [CC-BY-4.0](LICENSE
 [ajlkn]: https://aj.lkn.io/
 [cc4-license]: http://choosealicense.com/licenses/cc-by-4.0/
 [contributor-covenant]: http://contributor-covenant.org
+[cookieconsent]: https://github.com/osano/cookieconsent
 [html5up]: https://html5up.net/
 [jekyll-logo]: https://github.com/jekyll/brand

data/_includes/banner.html

@@ -1,5 +1,5 @@
 <!-- Banner -->
-<section id="banner">
+<section id="banner" {% if include.style %}class="{{ include.style.class | default: '' }}" style="background-image: url({{ include.style.image | absolute_url }});"{% endif %}>
   <div class="content">
     <header>
       <h1>{{ include.title }}</h1>
@@ -7,10 +7,7 @@
     </header>
     {% if include.description %}<p>{{ include.description }}</p>{% endif %}
     <ul class="actions">
-      <li><a href="{{ include.button_url | default: '#' }}" class="button big">{{ include.button_label | default: 'Ask for advice!' }}</a></li>
+      <li><a href="{{ include.button.url | default: '#' }}" class="button big">{{ include.button.label | default: 'Ask for advice!' }}</a></li>
     </ul>
   </div>
-  <span class="image object">
-    <img src="{{ include.image_url | default: 'assets/images/pic01.jpg' | absolute_url }}" alt="" />
-  </span>
 </section>

data/_includes/contact.html

@@ -1,13 +1,38 @@
-<!-- Section -->
-<section>
-  <header class="major">
-    <h2>{{ include.title }}</h2>
-  </header>
-  <ul class="contact">
-    <li class="fa-envelope-o"><a href="#">{{ site.email }}</a></li>
-    <li class="fa-phone">{{ site.phone }}</li>
-    <li class="fa-home">{{ site.street_address }}<br />
-    {{ site.city }}, {{ site.state }} {{ site.zip_code }}<br />
-    {{ site.country }}</li>
-  </ul>
-</section>
+<section id="contact" class="inverted" style="{{ include.style | default: nil }}">
+    <header class="major">
+        <h2>Contact Me</h2>
+    </header>
+    <div class="row gtr-200">
+        <div class="col-6 col-12-medium">
+            <form method="post" action="#">
+                <div class="row gtr-uniform">
+                    <div class="col-6 col-12-xsmall">
+                        <input type="text" name="cta-name" id="cta-name" value="" placeholder="Name" />
+                    </div>
+                    <div class="col-6 col-12-xsmall">
+                        <input type="email" name="cta-email" id="cta-email" value="" placeholder="Email" />
+                    </div>
+                    <!-- Break -->
+                    <div class="col-12">
+                        <textarea name="cta-message" id="cta-message" placeholder="Enter your message" rows="6">Please get back to me!</textarea>
+                    </div>
+                    <!-- Break -->
+                    <div class="col-12">
+                        <ul class="actions">
+                            <li><input type="submit" value="Send Message" class="primary button solid fa-envelope" /></li>
+                            <li><input type="reset" value="Reset" class="icon button fa-undo" /></li>
+                        </ul>
+                    </div>
+                </div>
+            </form>
+        </div>
+        <div class="col-6 col-12-medium">
+            <ul class="contact">
+                <li class="icon solid fa-envelope"><a href="#">{{ site.email }}</a></li>
+                <li class="icon solid fa-phone">{{ site.phone }}</li>
+                <li class="icon solid fa-home">{{ site.street_address }}<br />
+                {{ site.zip_code }}, {{ site.city }}</li>
+            </ul>
+        </div>
+    </div>
+</section>

data/_includes/footer.html

@@ -1,6 +1,11 @@
 <!-- Footer -->
 <footer id="footer">
 	<section class="inverted">
-	    <p class="copyright">&copy; {{ site.copyright_holder }}. All rights reserved. Design: <a href="https://github.com/moodule">MOODULE</a>.</p>
+	    <p class="copyright">
+	    	&copy; {{ site.copyright_holder }}. All rights reserved.
+	    	Design: <a href="https://github.com/moodule">MOODULE</a>.
+	    	{% if site.privacy_policy_url %}<a href="{{ site.privacy_policy_url | absolute_url }}">Privacy policy</a>.{% endif %}
+	    	{% if site.legal_terms_url %}<a href="{{ site.legal_terms_url | absolute_url }}">Legal terms</a>.{% endif %}
+	    </p>
 	</section>
 </footer>

data/_includes/header.html

@@ -1,5 +1,5 @@
 <!-- Header -->
-<header id="header">
+<header id="header" {% if include.style %}class="{{ include.style.class | default: '' }}" style="background-image: url({{ include.style.image | absolute_url }});"{% endif %}>
     <a href="{{ '' | absolute_url }}" class="logo">
         <strong>{{ include.title }}</strong> - {{ include.subtitle }}
     </a>

data/_includes/language.html

@@ -7,6 +7,6 @@
 	<li>
 	    <a href="{{ page.url | absolute_url }}" class="{{ page.lang }}">{{ page.lang }}</a>
 	</li>
-	{% endif%}
+	{% endif %}
 	{% endfor %}
-</ul>
+</ul>

data/_includes/scripts.html

@@ -3,4 +3,17 @@
 <script src="{{ 'assets/js/browser.min.js' | absolute_url }}"></script>
 <script src="{{ 'assets/js/breakpoints.min.js' | absolute_url }}"></script>
 <script src="{{ 'assets/js/util.js' | absolute_url }}"></script>
-<script src="{{ 'assets/js/main.js' | absolute_url }}"></script>
+<script src="{{ 'assets/js/main.js' | absolute_url }}"></script>
+<script src="{{ 'assets/js/cookieconsent.min.js' | absolute_url }}" data-cfasync="false"></script>
+<script>
+window.cookieconsent.initialise({
+	"palette": {
+		"popup": {
+			"background": "#252e39"
+		},
+		"button": {
+			"background": "#14a7d0"
+		}
+	}
+});
+</script>

data/_layouts/default.html

@@ -5,8 +5,14 @@
 {% assign title = page.title | default: site.title %}
 {% assign subtitle = page.subtitle | default: site.subtitle %}
 {% assign description = page.description | default: site.description %}
+{% assign header = page.header | default: site.header %}
 
 <!DOCTYPE html>
+<!--
+    Consulting theme by MOODULE
+    https://github.com/moodule
+    Free for personal and commercial use under the CCA 4.0 license
+-->
 <html lang="{{ lang }}">
 
 {% include head.html title=title subtitle=subtitle %}
@@ -20,7 +26,7 @@
         <div id="main">
             <div class="inner">
 
-                {% include header.html title=title subtitle=subtitle %}
+                {% include header.html title=title subtitle=subtitle style=header.style %}
 
                 {{ content }}
 

data/_layouts/home.html

@@ -1,8 +1,11 @@
 ---
 layout: default
 ---
-{% include banner.html title=page.title subtitle=page.subtitle description=page.description button_label=page.cta_label button_url=page.cta_destination %}
+{% assign banner = page.banner | default: site.banner %}
+{% assign title = banner.title | default: page.title | default: site.title %}
+{% assign subtitle = banner.subtitle | default: page.subtitle | default: site.subtitle %}
+{% assign description = banner.description | default: page.description | default: site.description %}
 
-{{ content }}
+{% include banner.html title=title subtitle=subtitle description=description button=banner.button style=banner.style %}
 
-{% include thread.html %}
+{{ content }}

data/_layouts/page.html

@@ -1,4 +1,4 @@
 ---
 layout: default
 ---
-{{ content }}
+{{ content }}

data/_layouts/post.html

@@ -24,4 +24,4 @@ layout: default
     {% endif %}
 
     <a class="u-url" href="{{ page.url | absolute_url }}" hidden></a>
-</article>
+</article>

data/_sass/components/_cookieconsent.scss

@@ -0,0 +1,402 @@
+.cc-window {
+  opacity: 1;
+
+  -webkit-transition: opacity 1s ease;
+  -moz-transition: opacity 1s ease;
+  -ms-transition: opacity 1s ease;
+  -o-transition: opacity 1s ease;
+  transition: opacity 1s ease;
+}
+
+.cc-window.cc-invisible {
+  opacity: 0;
+}
+
+/* only animate ifhas class 'cc-animate' */
+.cc-animate.cc-revoke {
+  -webkit-transition: transform 1s ease;
+  -moz-transition: transform 1s ease;
+  -ms-transition: transform 1s ease;
+  -o-transition: transform 1s ease;
+  transition: transform 1s ease;
+}
+.cc-animate.cc-revoke.cc-top {
+  transform: translateY(-2em);
+}
+.cc-animate.cc-revoke.cc-bottom {
+  transform: translateY(2em);
+}
+.cc-animate.cc-revoke.cc-active.cc-top {
+  transform: translateY(0);
+}
+.cc-animate.cc-revoke.cc-active.cc-bottom {
+  transform: translateY(0);
+}
+.cc-revoke:hover {
+  transform: translateY(0);
+}
+
+.cc-grower {
+  /* Initially we don't want any height, and we want the contents to be hidden */
+  max-height: 0;
+  overflow: hidden;
+
+  /* Set our transitions up. */
+  -webkit-transition: max-height 1s;
+  -moz-transition: max-height 1s;
+  -ms-transition: max-height 1s;
+  -o-transition: max-height 1s;
+  transition: max-height 1s;
+}
+
+/* the popup window */
+.cc-window,
+.cc-revoke {
+  position: fixed;
+  overflow: hidden;
+  box-sizing: border-box; /* exclude padding when dealing with width */
+
+  font-family: Helvetica, Calibri, Arial, sans-serif;
+  font-size: 16px; /* by setting the base font here, we can size the rest of the popup using CSS `em` */
+  line-height: 1.5em;
+
+  display: flex;
+  flex-wrap: nowrap;
+
+  /* the following are random unjustified styles - just because - should probably be removed */
+  z-index: 9998;
+}
+
+.cc-revoke {
+  z-index: 9999;
+}
+
+.cc-window.cc-static {
+  position: static;
+}
+
+/* 2 basic types of window - floating / banner */
+.cc-window.cc-floating {
+  padding: 2em;
+  max-width: 24em; /* 1em == 16px therefore 24em == 384px */
+  flex-direction: column;
+}
+.cc-window.cc-banner {
+  padding: 1em 1.8em;
+  width: 100%;
+  flex-direction: row;
+}
+
+.cc-revoke {
+  padding: 0.5em;
+}
+.cc-revoke:hover {
+  text-decoration: underline;
+}
+
+.cc-header {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+/* clickable things */
+.cc-btn,
+.cc-link,
+.cc-close,
+.cc-revoke {
+  cursor: pointer;
+}
+
+.cc-link {
+  opacity: 0.8;
+  display: inline-block;
+  border: none;
+  padding: 0.2em;
+  text-decoration: underline;
+}
+.cc-link:hover {
+  opacity: 1;
+}
+.cc-link:active,
+.cc-link:visited {
+  color: initial;
+}
+
+.cc-btn {
+  display: block;
+  padding: 0.4em 0.8em;
+  font-size: 0.9em;
+  font-weight: bold;
+  border-width: 2px;
+  border-style: solid;
+  text-align: center;
+  white-space: nowrap;
+}
+
+.cc-highlight .cc-btn:first-child {
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.cc-highlight .cc-btn:first-child:hover,
+.cc-highlight .cc-btn:first-child:focus {
+  background-color: transparent;
+  text-decoration: underline;
+}
+
+.cc-close {
+  display: block;
+  position: absolute;
+  top: 0.5em;
+  right: 0.5em;
+  font-size: 1.6em;
+  opacity: 0.9;
+
+  /* seeing as this contains text and not an image, the element taller than it is wide (because it is text) */
+  /*  - we want it to be a square, because it's acting as an icon */
+  /*  - setting the line height normalizes the height */
+  line-height: 0.75;
+}
+.cc-close:hover,
+.cc-close:focus {
+  opacity: 1;
+}
+
+/* This file should contain styles that modifies the popup layout. */
+/* By layout, we mean the physical position of the elements on the popup window, and the margin / padding around those elements. */
+
+.cc-revoke.cc-top {
+  top: 0;
+  left: 3em;
+  border-bottom-left-radius: 0.5em;
+  border-bottom-right-radius: 0.5em;
+}
+.cc-revoke.cc-bottom {
+  bottom: 0;
+  left: 3em;
+  border-top-left-radius: 0.5em;
+  border-top-right-radius: 0.5em;
+}
+.cc-revoke.cc-left {
+  left: 3em;
+  right: unset;
+}
+.cc-revoke.cc-right {
+  right: 3em;
+  left: unset;
+}
+
+/**************************************** FLOATING ****************************************/
+
+/* these classes position the floating element */
+.cc-top {
+  top: 1em;
+}
+.cc-left {
+  left: 1em;
+}
+.cc-right {
+  right: 1em;
+}
+.cc-bottom {
+  bottom: 1em;
+}
+
+/* links that are direct decendants should be displayed as block */
+.cc-floating > .cc-link {
+  margin-bottom: 1em;
+}
+
+.cc-floating .cc-message {
+  display: block;
+  margin-bottom: 1em;
+}
+
+.cc-window.cc-floating .cc-compliance {
+  flex: 1 0 auto;
+}
+
+/**************************************** BANNER ****************************************/
+
+.cc-window.cc-banner {
+  align-items: center;
+}
+
+.cc-banner.cc-top {
+  left: 0;
+  right: 0;
+  top: 0;
+}
+.cc-banner.cc-bottom {
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.cc-banner .cc-message {
+  display: block;
+  flex: 1 1 auto;
+  max-width: 100%;
+  margin-right: 1em;
+}
+
+/* COMPLIANCE BOX */
+
+.cc-compliance {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.cc-floating .cc-compliance > .cc-btn {
+  flex: 1;
+}
+
+.cc-btn + .cc-btn {
+  margin-left: 0.5em;
+}
+
+/* Categories Layout */
+.cc-window.cc-type-categories {
+  display       : inline-flex;
+  flex-direction: column;
+  overflow      : visible;
+  .form{
+    text-align: right;
+  }
+  .cc-btn {
+    margin: 0;
+    &.cc-save {
+      margin        : 0;
+      display       : inline-block;
+    }
+  }
+}
+.cc-categories {
+  display: inline-flex;
+  .cc-category{
+    display  : flex;
+    max-width: 100%;
+    margin   : 0 2px;
+    position : relative;
+  }
+  .cc-btn {
+    border-right: none;
+    outline     : none;
+    input[type=checkbox]{
+      float: left;
+      height: 26px;
+      width: calc( 100% - 22px );
+      display: block;
+      position: absolute;
+      top: 0;
+      left: 2px;
+      cursor: pointer;
+    }
+    &:not(.cc-info):not(.cc-save){
+      padding-left: 26px;
+    }
+  }
+  .cc-info {
+    border-left : none;
+    border-right: 2px solid lightgrey;
+    padding     : 4px;
+    font-variant: all-small-caps;
+    &:focus + .cc-tooltip{
+      display: block;
+    }
+  }
+  .cc-tooltip{
+    display      : none;
+    position     : absolute;
+    z-index      : 3;
+    width        : 190px;
+    bottom       : 46px;
+    padding      : 8px;
+    border       : thin solid lightgrey;
+    box-shadow: 1px 1px 4px rgba( 150, 150, 150, .7 );
+    &:after{
+      content   : "";
+      width     : 10px;
+      height    : 10px;
+      transform : rotate(45deg);
+      position  : absolute;
+      bottom    : -7px;
+      left      : 10px;
+      box-shadow: 2px 1px 1px rgba( 200, 200, 200, .5 );
+    }
+    p {
+      margin: 0;
+    }
+  }
+}
+
+@media print {
+  .cc-window,
+  .cc-revoke {
+    display: none;
+  }
+}
+
+@media screen and (max-width: 900px) {
+  .cc-btn {
+    white-space: normal;
+  }
+}
+
+/* dimensions for 'iPhone6 Plus' and lower */
+@media screen and (max-width: 414px) and (orientation: portrait),
+  screen and (max-width: 736px) and (orientation: landscape) {
+  .cc-window {
+    &.cc-top {
+      top: 0;
+    }
+    &.cc-bottom {
+      bottom: 0;
+    }
+    &.cc-banner,
+    &.cc-floating,
+    &.cc-right,
+    &.cc-left {
+      left: 0;
+      right: 0;
+    }
+    
+    &.cc-banner {
+      flex-direction: column;
+      align-items: unset;
+      .cc-compliance {
+        flex: 1 1 auto;
+      }
+      .cc-message {
+        margin-right: 0;
+        margin-bottom: 1em;
+      }
+    }
+    &.cc-floating {
+      max-width: none;
+    }
+    &.cc-type-categories {
+      flex-direction: column;
+    }
+    .cc-message {
+      margin-bottom: 1em;
+    }
+    .cc-categories{
+      flex-direction: column;
+      width: 100%;
+      margin-right: 8px;
+    }
+    .cc-category {
+      margin: 4px 0;
+      .cc-btn:not(.cc-info){
+        width: calc( 100% - 16px);
+        min-width: 140px;
+      }
+    }
+  } 
+}
+@media screen and (max-width: 854px) {
+  .cc-window.cc-type-categories .cc-btn.cc-save {
+    margin: 8px 0;
+  }
+}

data/_sass/layout/_banner.scss

@@ -6,70 +6,73 @@
 
 /* Banner */
 
-	#banner {
-		@include padding(6em, 0);
-		@include vendor('display', 'flex');
+#banner {
+	@include padding(6em, 0);
+	@include vendor('display', 'flex');
+	background-size: 100% auto;
+	background-position: center -5em;
+	background-repeat: no-repeat;
+
+	h1 {
+		margin-top: -0.125em;
+	}
+
+	.content {
+		@include vendor('flex-grow', '1');
+		@include vendor('flex-shrink', '1');
+		width: 50%;
+	}
+
+	.image {
+		@include vendor('flex-grow', '0');
+		@include vendor('flex-shrink', '0');
+		display: block;
+		margin: 0 0 _size(element-margin) (_size(element-margin) * 2);
+		width: 50%;
+
+		img {
+			height: 100%;
+			-moz-object-fit: cover;
+			-webkit-object-fit: cover;
+			-ms-object-fit: cover;
+			object-fit: cover;
+			-moz-object-position: center;
+			-webkit-object-position: center;
+			-ms-object-position: center;
+			object-position: center;
+			width: 100%;
+		}
+	}
+
+	@include orientation(portrait) {
+		@include vendor('flex-direction', 'column-reverse');
 
 		h1 {
-			margin-top: -0.125em;
+			br {
+				display: none;
+			}
 		}
 
 		.content {
-			@include vendor('flex-grow', '1');
-			@include vendor('flex-shrink', '1');
-			width: 50%;
+			@include vendor('flex-grow', '0');
+			@include vendor('flex-shrink', '0');
+			width: 100%;
 		}
 
 		.image {
 			@include vendor('flex-grow', '0');
 			@include vendor('flex-shrink', '0');
-			display: block;
-			margin: 0 0 _size(element-margin) (_size(element-margin) * 2);
-			width: 50%;
-
-			img {
-				height: 100%;
-				-moz-object-fit: cover;
-				-webkit-object-fit: cover;
-				-ms-object-fit: cover;
-				object-fit: cover;
-				-moz-object-position: center;
-				-webkit-object-position: center;
-				-ms-object-position: center;
-				object-position: center;
-				width: 100%;
-			}
+			margin: 0 0 (_size(element-margin) * 2) 0;
+			height: 25em;
+			max-height: 50vh;
+			min-height: 18em;
+			width: 100%;
 		}
 
-		@include orientation(portrait) {
-			@include vendor('flex-direction', 'column-reverse');
-
-			h1 {
-				br {
-					display: none;
-				}
-			}
-
-			.content {
-				@include vendor('flex-grow', '0');
-				@include vendor('flex-shrink', '0');
-				width: 100%;
-			}
-
+		@include breakpoint('<=xsmall') {
 			.image {
-				@include vendor('flex-grow', '0');
-				@include vendor('flex-shrink', '0');
-				margin: 0 0 (_size(element-margin) * 2) 0;
-				height: 25em;
-				max-height: 50vh;
-				min-height: 18em;
-				width: 100%;
-			}
-
-			@include breakpoint('<=xsmall') {
-				.image {
-					max-height: 35vh;
-				}
+				max-height: 35vh;
 			}
 		}
-	}
+	}
+}

data/_sass/layout/_header.scss

@@ -9,8 +9,10 @@
 #header {
 	@include vendor('display', 'flex');
 	border-bottom: solid 5px _palette(accent);
-	padding: 2em 0 1em 0;
 	position: relative;
+	background-size: 100% auto;
+	background-position: center top;
+	background-repeat: no-repeat;
 
 	> * {
 		margin-bottom: 0;
@@ -29,6 +31,7 @@
 
 	.language {
 		position: absolute;
+		padding: 0 1em 0 0;
 		right: 0;
 		text-align: right;
 
@@ -58,8 +61,11 @@
 			font-weight: bold;
 		}
 	}
+}
 
-	@include breakpoint('<=small') {
-		padding-left: 4em;
-	}
+/* Inverted */
+
+#header.inverted {
+	background-color: _palette(bg-alt-inverted);
+	border-bottom: solid 5px _palette(accent-inverted);
 }

data/_sass/layout/_main.scss

@@ -25,7 +25,8 @@
 		}
 
 		#header {
-			margin: 0 6em 0 6em;
+			padding: 2em 6em 1em 6em;
+			margin: 0;
 		}
 
 		@include breakpoint('<=xlarge') {
@@ -34,7 +35,7 @@
 			}
 
 			#header {
-				margin: 0 5em 0 5em;
+				padding: 2em 5em 1em 5em;
 			}
 		}
 
@@ -44,7 +45,7 @@
 			}
 
 			#header {
-				margin: 0 4em 0 4em;
+				padding: 2em 4em 1em 4em;
 			}
 		}
 
@@ -52,10 +53,6 @@
 			> .inner > section {
 				@include padding(3em, 3em);
 			}
-
-			#header {
-				margin: 0 3em 0 3em;
-			}
 		}
 	}
 }

data/_sass/main.scss

@@ -36,6 +36,7 @@
 	@import 'components/section';
 	@import 'components/form';
 	@import 'components/box';
+	@import 'components/cookieconsent';
 	@import 'components/icon';
 	@import 'components/image';
 	@import 'components/list';

data/assets/js/cookieconsent.min.js

@@ -0,0 +1 @@
+!function(e){if(!e.hasInitialised){var t={escapeRegExp:function(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")},hasClass:function(e,t){var i=" ";return 1===e.nodeType&&(i+e.className+i).replace(/[\n\t]/g,i).indexOf(i+t+i)>=0},addClass:function(e,t){e.className+=" "+t},removeClass:function(e,t){var i=new RegExp("\\b"+this.escapeRegExp(t)+"\\b");e.className=e.className.replace(i,"")},interpolateString:function(e,t){return e.replace(/{{([a-z][a-z0-9\-_]*)}}/gi,function(e){return t(arguments[1])||""})},getCookie:function(e){var t=("; "+document.cookie).split("; "+e+"=");return t.length<2?void 0:t.pop().split(";").shift()},setCookie:function(e,t,i,n,o,s){var r=new Date;r.setHours(r.getHours()+24*(i||365));var a=[e+"="+t,"expires="+r.toUTCString(),"path="+(o||"/")];n&&a.push("domain="+n),s&&a.push("secure"),document.cookie=a.join(";")},deepExtend:function(e,t){for(var i in t)t.hasOwnProperty(i)&&(i in e&&this.isPlainObject(e[i])&&this.isPlainObject(t[i])?this.deepExtend(e[i],t[i]):e[i]=t[i]);return e},throttle:function(e,t){var i=!1;return function(){i||(e.apply(this,arguments),i=!0,setTimeout(function(){i=!1},t))}},hash:function(e){var t,i,n=0;if(0===e.length)return n;for(t=0,i=e.length;t<i;++t)n=(n<<5)-n+e.charCodeAt(t),n|=0;return n},normaliseHex:function(e){return"#"==e[0]&&(e=e.substr(1)),3==e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),e},getContrast:function(e){return e=this.normaliseHex(e),(299*parseInt(e.substr(0,2),16)+587*parseInt(e.substr(2,2),16)+114*parseInt(e.substr(4,2),16))/1e3>=128?"#000":"#fff"},getLuminance:function(e){var t=parseInt(this.normaliseHex(e),16),i=38+(t>>16),n=38+(t>>8&255),o=38+(255&t);return"#"+(16777216+65536*(i<255?i<1?0:i:255)+256*(n<255?n<1?0:n:255)+(o<255?o<1?0:o:255)).toString(16).slice(1)},isMobile:function(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},isPlainObject:function(e){return"object"==typeof e&&null!==e&&e.constructor==Object},traverseDOMPath:function(e,i){return e&&e.parentNode?t.hasClass(e,i)?e:this.traverseDOMPath(e.parentNode,i):null}};e.status={deny:"deny",allow:"allow",dismiss:"dismiss"},e.transitionEnd=function(){var e=document.createElement("div"),t={t:"transitionend",OT:"oTransitionEnd",msT:"MSTransitionEnd",MozT:"transitionend",WebkitT:"webkitTransitionEnd"};for(var i in t)if(t.hasOwnProperty(i)&&void 0!==e.style[i+"ransition"])return t[i];return""}(),e.hasTransition=!!e.transitionEnd;var i=Object.keys(e.status).map(t.escapeRegExp);e.customStyles={},e.Popup=function(){var n={enabled:!0,container:null,cookie:{name:"cookieconsent_status",path:"/",domain:"",expiryDays:365,secure:!1},onPopupOpen:function(){},onPopupClose:function(){},onInitialise:function(e){},onStatusChange:function(e,t){},onRevokeChoice:function(){},onNoCookieLaw:function(e,t){},content:{header:"Cookies used on the website!",message:"This website uses cookies to ensure you get the best experience on our website.",dismiss:"Got it!",allow:"Allow cookies",deny:"Decline",link:"Learn more",href:"https://www.cookiesandyou.com",close:"&#x274c;",target:"_blank",policy:"Cookie Policy"},elements:{header:'<span class="cc-header">{{header}}</span>&nbsp;',message:'<span id="cookieconsent:desc" class="cc-message">{{message}}</span>',messagelink:'<span id="cookieconsent:desc" class="cc-message">{{message}} <a aria-label="learn more about cookies" role=button tabindex="0" class="cc-link" href="{{href}}" rel="noopener noreferrer nofollow" target="{{target}}">{{link}}</a></span>',dismiss:'<a aria-label="dismiss cookie message" role=button tabindex="0" class="cc-btn cc-dismiss">{{dismiss}}</a>',allow:'<a aria-label="allow cookies" role=button tabindex="0"  class="cc-btn cc-allow">{{allow}}</a>',deny:'<a aria-label="deny cookies" role=button tabindex="0" class="cc-btn cc-deny">{{deny}}</a>',link:'<a aria-label="learn more about cookies" role=button tabindex="0" class="cc-link" href="{{href}}" rel="noopener noreferrer nofollow" target="{{target}}">{{link}}</a>',close:'<span aria-label="dismiss cookie message" role=button tabindex="0" class="cc-close">{{close}}</span>'},window:'<div role="dialog" aria-live="polite" aria-label="cookieconsent" aria-describedby="cookieconsent:desc" class="cc-window {{classes}}">\x3c!--googleoff: all--\x3e{{children}}\x3c!--googleon: all--\x3e</div>',revokeBtn:'<div class="cc-revoke {{classes}}">{{policy}}</div>',compliance:{info:'<div class="cc-compliance">{{dismiss}}</div>',"opt-in":'<div class="cc-compliance cc-highlight">{{deny}}{{allow}}</div>',"opt-out":'<div class="cc-compliance cc-highlight">{{deny}}{{allow}}</div>'},type:"info",layouts:{basic:"{{messagelink}}{{compliance}}","basic-close":"{{messagelink}}{{compliance}}{{close}}","basic-header":"{{header}}{{message}}{{link}}{{compliance}}"},layout:"basic",position:"bottom",theme:"block",static:!1,palette:null,revokable:!1,animateRevokable:!0,showLink:!0,dismissOnScroll:!1,dismissOnTimeout:!1,dismissOnWindowClick:!1,ignoreClicksFrom:["cc-revoke","cc-btn"],autoOpen:!0,autoAttach:!0,whitelistPage:[],blacklistPage:[],overrideHTML:null};function o(){this.initialise.apply(this,arguments)}function s(e){this.openingTimeout=null,t.removeClass(e,"cc-invisible")}function r(t){t.style.display="none",t.removeEventListener(e.transitionEnd,this.afterTransition),this.afterTransition=null}function a(){var e=this.options.position.split("-"),t=[];return e.forEach(function(e){t.push("cc-"+e)}),t}function c(n){var o=this.options,s=document.createElement("div"),r=o.container&&1===o.container.nodeType?o.container:document.body;s.innerHTML=n;var a=s.children[0];return a.style.display="none",t.hasClass(a,"cc-window")&&e.hasTransition&&t.addClass(a,"cc-invisible"),this.onButtonClick=function(n){var o=t.traverseDOMPath(n.target,"cc-btn")||n.target;if(t.hasClass(o,"cc-btn")){var s=o.className.match(new RegExp("\\bcc-("+i.join("|")+")\\b")),r=s&&s[1]||!1;r&&(this.setStatus(r),this.close(!0))}t.hasClass(o,"cc-close")&&(this.setStatus(e.status.dismiss),this.close(!0));t.hasClass(o,"cc-revoke")&&this.revokeChoice()}.bind(this),a.addEventListener("click",this.onButtonClick),o.autoAttach&&(r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a)),a}function l(e){return"000000"==(e=t.normaliseHex(e))?"#222":t.getLuminance(e)}function u(e,t){for(var i=0,n=e.length;i<n;++i){var o=e[i];if(o instanceof RegExp&&o.test(t)||"string"==typeof o&&o.length&&o===t)return!0}return!1}return o.prototype.initialise=function(i){this.options&&this.destroy(),t.deepExtend(this.options={},n),t.isPlainObject(i)&&t.deepExtend(this.options,i),function(){var t=this.options.onInitialise.bind(this);if(!window.navigator.cookieEnabled)return t(e.status.deny),!0;if(window.CookiesOK||window.navigator.CookiesOK)return t(e.status.allow),!0;var i=Object.keys(e.status),n=this.getStatus(),o=i.indexOf(n)>=0;o&&t(n);return o}.call(this)&&(this.options.enabled=!1),u(this.options.blacklistPage,location.pathname)&&(this.options.enabled=!1),u(this.options.whitelistPage,location.pathname)&&(this.options.enabled=!0);var o=this.options.window.replace("{{classes}}",function(){var i=this.options,n="top"==i.position||"bottom"==i.position?"banner":"floating";t.isMobile()&&(n="floating");var o=["cc-"+n,"cc-type-"+i.type,"cc-theme-"+i.theme];i.static&&o.push("cc-static");o.push.apply(o,a.call(this));(function(i){var n=t.hash(JSON.stringify(i)),o="cc-color-override-"+n,s=t.isPlainObject(i);this.customStyleSelector=s?o:null,s&&function(i,n,o){if(e.customStyles[i])return void++e.customStyles[i].references;var s={},r=n.popup,a=n.button,c=n.highlight;r&&(r.text=r.text?r.text:t.getContrast(r.background),r.link=r.link?r.link:r.text,s[o+".cc-window"]=["color: "+r.text,"background-color: "+r.background],s[o+".cc-revoke"]=["color: "+r.text,"background-color: "+r.background],s[o+" .cc-link,"+o+" .cc-link:active,"+o+" .cc-link:visited"]=["color: "+r.link],a&&(a.text=a.text?a.text:t.getContrast(a.background),a.border=a.border?a.border:"transparent",s[o+" .cc-btn"]=["color: "+a.text,"border-color: "+a.border,"background-color: "+a.background],a.padding&&s[o+" .cc-btn"].push("padding: "+a.padding),"transparent"!=a.background&&(s[o+" .cc-btn:hover, "+o+" .cc-btn:focus"]=["background-color: "+(a.hover||l(a.background))]),c?(c.text=c.text?c.text:t.getContrast(c.background),c.border=c.border?c.border:"transparent",s[o+" .cc-highlight .cc-btn:first-child"]=["color: "+c.text,"border-color: "+c.border,"background-color: "+c.background]):s[o+" .cc-highlight .cc-btn:first-child"]=["color: "+r.text]));var u=document.createElement("style");document.head.appendChild(u),e.customStyles[i]={references:1,element:u.sheet};var h=-1;for(var p in s)s.hasOwnProperty(p)&&u.sheet.insertRule(p+"{"+s[p].join(";")+"}",++h)}(n,i,"."+o);return s}).call(this,this.options.palette);this.customStyleSelector&&o.push(this.customStyleSelector);return o}.call(this).join(" ")).replace("{{children}}",function(){var e={},i=this.options;i.showLink||(i.elements.link="",i.elements.messagelink=i.elements.message);Object.keys(i.elements).forEach(function(n){e[n]=t.interpolateString(i.elements[n],function(e){var t=i.content[e];return e&&"string"==typeof t&&t.length?t:""})});var n=i.compliance[i.type];n||(n=i.compliance.info);e.compliance=t.interpolateString(n,function(t){return e[t]});var o=i.layouts[i.layout];o||(o=i.layouts.basic);return t.interpolateString(o,function(t){return e[t]})}.call(this)),s=this.options.overrideHTML;if("string"==typeof s&&s.length&&(o=s),this.options.static){var r=c.call(this,'<div class="cc-grower">'+o+"</div>");r.style.display="",this.element=r.firstChild,this.element.style.display="none",t.addClass(this.element,"cc-invisible")}else this.element=c.call(this,o);(function(){var i=this.setStatus.bind(this),n=this.close.bind(this),o=this.options.dismissOnTimeout;"number"==typeof o&&o>=0&&(this.dismissTimeout=window.setTimeout(function(){i(e.status.dismiss),n(!0)},Math.floor(o)));var s=this.options.dismissOnScroll;if("number"==typeof s&&s>=0){var r=function(t){window.pageYOffset>Math.floor(s)&&(i(e.status.dismiss),n(!0),window.removeEventListener("scroll",r),this.onWindowScroll=null)};this.options.enabled&&(this.onWindowScroll=r,window.addEventListener("scroll",r))}var a=this.options.dismissOnWindowClick,c=this.options.ignoreClicksFrom;if(a){var l=function(o){for(var s=!1,r=o.path.length,a=c.length,u=0;u<r;u++)if(!s)for(var h=0;h<a;h++)s||(s=t.hasClass(o.path[u],c[h]));s||(i(e.status.dismiss),n(!0),window.removeEventListener("click",l),window.removeEventListener("touchend",l),this.onWindowClick=null)}.bind(this);this.options.enabled&&(this.onWindowClick=l,window.addEventListener("click",l),window.addEventListener("touchend",l))}}).call(this),function(){"info"!=this.options.type&&(this.options.revokable=!0);t.isMobile()&&(this.options.animateRevokable=!1);if(this.options.revokable){var e=a.call(this);this.options.animateRevokable&&e.push("cc-animate"),this.customStyleSelector&&e.push(this.customStyleSelector);var i=this.options.revokeBtn.replace("{{classes}}",e.join(" ")).replace("{{policy}}",this.options.content.policy);this.revokeBtn=c.call(this,i);var n=this.revokeBtn;if(this.options.animateRevokable){var o=t.throttle(function(e){var i=!1,o=window.innerHeight-20;t.hasClass(n,"cc-top")&&e.clientY<20&&(i=!0),t.hasClass(n,"cc-bottom")&&e.clientY>o&&(i=!0),i?t.hasClass(n,"cc-active")||t.addClass(n,"cc-active"):t.hasClass(n,"cc-active")&&t.removeClass(n,"cc-active")},200);this.onMouseMove=o,window.addEventListener("mousemove",o)}}}.call(this),this.options.autoOpen&&this.autoOpen()},o.prototype.destroy=function(){this.onButtonClick&&this.element&&(this.element.removeEventListener("click",this.onButtonClick),this.onButtonClick=null),this.dismissTimeout&&(clearTimeout(this.dismissTimeout),this.dismissTimeout=null),this.onWindowScroll&&(window.removeEventListener("scroll",this.onWindowScroll),this.onWindowScroll=null),this.onWindowClick&&(window.removeEventListener("click",this.onWindowClick),this.onWindowClick=null),this.onMouseMove&&(window.removeEventListener("mousemove",this.onMouseMove),this.onMouseMove=null),this.element&&this.element.parentNode&&this.element.parentNode.removeChild(this.element),this.element=null,this.revokeBtn&&this.revokeBtn.parentNode&&this.revokeBtn.parentNode.removeChild(this.revokeBtn),this.revokeBtn=null,function(i){if(t.isPlainObject(i)){var n=t.hash(JSON.stringify(i)),o=e.customStyles[n];if(o&&!--o.references){var s=o.element.ownerNode;s&&s.parentNode&&s.parentNode.removeChild(s),e.customStyles[n]=null}}}(this.options.palette),this.options=null},o.prototype.open=function(t){if(this.element)return this.isOpen()||(e.hasTransition?this.fadeIn():this.element.style.display="",this.options.revokable&&this.toggleRevokeButton(),this.options.onPopupOpen.call(this)),this},o.prototype.close=function(t){if(this.element)return this.isOpen()&&(e.hasTransition?this.fadeOut():this.element.style.display="none",t&&this.options.revokable&&this.toggleRevokeButton(!0),this.options.onPopupClose.call(this)),this},o.prototype.fadeIn=function(){var i=this.element;if(e.hasTransition&&i&&(this.afterTransition&&r.call(this,i),t.hasClass(i,"cc-invisible"))){if(i.style.display="",this.options.static){var n=this.element.clientHeight;this.element.parentNode.style.maxHeight=n+"px"}this.openingTimeout=setTimeout(s.bind(this,i),20)}},o.prototype.fadeOut=function(){var i=this.element;e.hasTransition&&i&&(this.openingTimeout&&(clearTimeout(this.openingTimeout),s.bind(this,i)),t.hasClass(i,"cc-invisible")||(this.options.static&&(this.element.parentNode.style.maxHeight=""),this.afterTransition=r.bind(this,i),i.addEventListener(e.transitionEnd,this.afterTransition),t.addClass(i,"cc-invisible")))},o.prototype.isOpen=function(){return this.element&&""==this.element.style.display&&(!e.hasTransition||!t.hasClass(this.element,"cc-invisible"))},o.prototype.toggleRevokeButton=function(e){this.revokeBtn&&(this.revokeBtn.style.display=e?"":"none")},o.prototype.revokeChoice=function(e){this.options.enabled=!0,this.clearStatus(),this.options.onRevokeChoice.call(this),e||this.autoOpen()},o.prototype.hasAnswered=function(t){return Object.keys(e.status).indexOf(this.getStatus())>=0},o.prototype.hasConsented=function(t){var i=this.getStatus();return i==e.status.allow||i==e.status.dismiss},o.prototype.autoOpen=function(e){!this.hasAnswered()&&this.options.enabled?this.open():this.hasAnswered()&&this.options.revokable&&this.toggleRevokeButton(!0)},o.prototype.setStatus=function(i){var n=this.options.cookie,o=t.getCookie(n.name),s=Object.keys(e.status).indexOf(o)>=0;Object.keys(e.status).indexOf(i)>=0?(t.setCookie(n.name,i,n.expiryDays,n.domain,n.path,n.secure),this.options.onStatusChange.call(this,i,s)):this.clearStatus()},o.prototype.getStatus=function(){return t.getCookie(this.options.cookie.name)},o.prototype.clearStatus=function(){var e=this.options.cookie;t.setCookie(e.name,"",-1,e.domain,e.path)},o}(),e.Location=function(){var e={timeout:5e3,services:["ipinfo"],serviceDefinitions:{ipinfo:function(){return{url:"//ipinfo.io",headers:["Accept: application/json"],callback:function(e,t){try{var i=JSON.parse(t);return i.error?s(i):{code:i.country}}catch(e){return s({error:"Invalid response ("+e+")"})}}}},ipinfodb:function(e){return{url:"//api.ipinfodb.com/v3/ip-country/?key={api_key}&format=json&callback={callback}",isScript:!0,callback:function(e,t){try{var i=JSON.parse(t);return"ERROR"==i.statusCode?s({error:i.statusMessage}):{code:i.countryCode}}catch(e){return s({error:"Invalid response ("+e+")"})}}}},maxmind:function(){return{url:"//js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js",isScript:!0,callback:function(e){window.geoip2?geoip2.country(function(t){try{e({code:t.country.iso_code})}catch(t){e(s(t))}},function(t){e(s(t))}):e(new Error("Unexpected response format. The downloaded script should have exported `geoip2` to the global scope"))}}}}};function i(i){t.deepExtend(this.options={},e),t.isPlainObject(i)&&t.deepExtend(this.options,i),this.currentServiceIndex=-1}function n(e,t,i){var n,o=document.createElement("script");o.type="text/"+(e.type||"javascript"),o.src=e.src||e,o.async=!1,o.onreadystatechange=o.onload=function(){var e=o.readyState;clearTimeout(n),t.done||e&&!/loaded|complete/.test(e)||(t.done=!0,t(),o.onreadystatechange=o.onload=null)},document.body.appendChild(o),n=setTimeout(function(){t.done=!0,t(),o.onreadystatechange=o.onload=null},i)}function o(e,t,i,n,o){var s=new(window.XMLHttpRequest||window.ActiveXObject)("MSXML2.XMLHTTP.3.0");if(s.open(n?"POST":"GET",e,1),s.setRequestHeader("Content-type","application/x-www-form-urlencoded"),Array.isArray(o))for(var r=0,a=o.length;r<a;++r){var c=o[r].split(":",2);s.setRequestHeader(c[0].replace(/^\s+|\s+$/g,""),c[1].replace(/^\s+|\s+$/g,""))}"function"==typeof t&&(s.onreadystatechange=function(){s.readyState>3&&t(s)}),s.send(n)}function s(e){return new Error("Error ["+(e.code||"UNKNOWN")+"]: "+e.error)}return i.prototype.getNextService=function(){var e;do{e=this.getServiceByIdx(++this.currentServiceIndex)}while(this.currentServiceIndex<this.options.services.length&&!e);return e},i.prototype.getServiceByIdx=function(e){var i=this.options.services[e];if("function"==typeof i){var n=i();return n.name&&t.deepExtend(n,this.options.serviceDefinitions[n.name](n)),n}return"string"==typeof i?this.options.serviceDefinitions[i]():t.isPlainObject(i)?this.options.serviceDefinitions[i.name](i):null},i.prototype.locate=function(e,t){var i=this.getNextService();i?(this.callbackComplete=e,this.callbackError=t,this.runService(i,this.runNextServiceOnError.bind(this))):t(new Error("No services to run"))},i.prototype.setupUrl=function(e){var t=this.getCurrentServiceOpts();return e.url.replace(/\{(.*?)\}/g,function(i,n){if("callback"===n){var o="callback"+Date.now();return window[o]=function(t){e.__JSONP_DATA=JSON.stringify(t)},o}if(n in t.interpolateUrl)return t.interpolateUrl[n]})},i.prototype.runService=function(e,t){var i=this;e&&e.url&&e.callback&&(e.isScript?n:o)(this.setupUrl(e),function(n){var o=n?n.responseText:"";e.__JSONP_DATA&&(o=e.__JSONP_DATA,delete e.__JSONP_DATA),i.runServiceCallback.call(i,t,e,o)},this.options.timeout,e.data,e.headers)},i.prototype.runServiceCallback=function(e,t,i){var n=this,o=t.callback(function(t){o||n.onServiceResult.call(n,e,t)},i);o&&this.onServiceResult.call(this,e,o)},i.prototype.onServiceResult=function(e,t){t instanceof Error||t&&t.error?e.call(this,t,null):e.call(this,null,t)},i.prototype.runNextServiceOnError=function(e,t){if(e){this.logError(e);var i=this.getNextService();i?this.runService(i,this.runNextServiceOnError.bind(this)):this.completeService.call(this,this.callbackError,new Error("All services failed"))}else this.completeService.call(this,this.callbackComplete,t)},i.prototype.getCurrentServiceOpts=function(){var e=this.options.services[this.currentServiceIndex];return"string"==typeof e?{name:e}:"function"==typeof e?e():t.isPlainObject(e)?e:{}},i.prototype.completeService=function(e,t){this.currentServiceIndex=-1,e&&e(t)},i.prototype.logError=function(e){var t=this.currentServiceIndex,i=this.getServiceByIdx(t);console.warn("The service["+t+"] ("+i.url+") responded with the following error",e)},i}(),e.Law=function(){var e={regionalLaw:!0,hasLaw:["AT","BE","BG","HR","CZ","CY","DK","EE","FI","FR","DE","EL","HU","IE","IT","LV","LT","LU","MT","NL","PL","PT","SK","ES","SE","GB","UK","GR","EU"],revokable:["HR","CY","DK","EE","FR","DE","LV","LT","NL","PT","ES"],explicitAction:["HR","IT","ES"]};function i(e){this.initialise.apply(this,arguments)}return i.prototype.initialise=function(i){t.deepExtend(this.options={},e),t.isPlainObject(i)&&t.deepExtend(this.options,i)},i.prototype.get=function(e){var t=this.options;return{hasLaw:t.hasLaw.indexOf(e)>=0,revokable:t.revokable.indexOf(e)>=0,explicitAction:t.explicitAction.indexOf(e)>=0}},i.prototype.applyLaw=function(e,t){var i=this.get(t);return i.hasLaw||(e.enabled=!1,"function"==typeof e.onNoCookieLaw&&e.onNoCookieLaw(t,i)),this.options.regionalLaw&&(i.revokable&&(e.revokable=!0),i.explicitAction&&(e.dismissOnScroll=!1,e.dismissOnTimeout=!1)),e},i}(),e.initialise=function(i,n,o){var s=new e.Law(i.law);n||(n=function(){}),o||(o=function(){});var r=Object.keys(e.status),a=t.getCookie("cookieconsent_status");r.indexOf(a)>=0?n(new e.Popup(i)):e.getCountryCode(i,function(t){delete i.law,delete i.location,t.code&&(i=s.applyLaw(i,t.code)),n(new e.Popup(i))},function(t){delete i.law,delete i.location,o(t,new e.Popup(i))})},e.getCountryCode=function(t,i,n){t.law&&t.law.countryCode?i({code:t.law.countryCode}):t.location?new e.Location(t.location).locate(function(e){i(e||{})},n):i({})},e.utils=t,e.hasInitialised=!0,window.cookieconsent=e}}(window.cookieconsent||{});

data/sitemap.md

@@ -0,0 +1,4 @@
+---
+layout: sitemap
+permalink: /sitemap.xml
+---

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-consulting
 version: !ruby/object:Gem::Version
-  version: 0.3.3
+  version: 0.4.0
 platform: ruby
 authors:
 - David Mougeolle
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-08-21 00:00:00.000000000 Z
+date: 2019-08-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -62,7 +62,6 @@ files:
 - LICENSE
 - README.md
 - _includes/banner.html
-- _includes/bouncing.svg
 - _includes/contact.html
 - _includes/date.html
 - _includes/footer.html
@@ -82,7 +81,7 @@ files:
 - _layouts/page.html
 - _layouts/post.html
 - _layouts/redirect.html
-- _layouts/sitemap.xml
+- _layouts/sitemap.html
 - _sass/base/_page.scss
 - _sass/base/_reset.scss
 - _sass/base/_typography.scss
@@ -90,6 +89,7 @@ files:
 - _sass/components/_box.scss
 - _sass/components/_button.scss
 - _sass/components/_contact.scss
+- _sass/components/_cookieconsent.scss
 - _sass/components/_facts.scss
 - _sass/components/_features.scss
 - _sass/components/_form.scss
@@ -152,6 +152,7 @@ files:
 - assets/images/pic09.jpg
 - assets/images/pic10.jpg
 - assets/images/pic11.jpg
+- assets/images/pillars-of-creation.jpg
 - assets/images/screenshot.jpg
 - assets/images/thumbs/01.jpg
 - assets/images/thumbs/02.jpg
@@ -163,6 +164,7 @@ files:
 - assets/images/thumbs/08.jpg
 - assets/js/breakpoints.min.js
 - assets/js/browser.min.js
+- assets/js/cookieconsent.min.js
 - assets/js/jquery.min.js
 - assets/js/main.js
 - assets/js/util.js
@@ -181,6 +183,7 @@ files:
 - assets/webfonts/fa-solid-900.ttf
 - assets/webfonts/fa-solid-900.woff
 - assets/webfonts/fa-solid-900.woff2
+- sitemap.md
 homepage: https://github.com/moodule/jekyll-theme-consulting
 licenses:
 - CC-BY-4.0
@@ -204,5 +207,5 @@ rubyforge_project:
 rubygems_version: 2.7.6.2
 signing_key: 
 specification_version: 4
-summary: A sober Jekyll template for businesses, with multilingual support.
+summary: A sober, hassle-free, full-featured, Jekyll template for businesses.
 test_files: []

data/_includes/bouncing.svg

@@ -1,53 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   id="svg4709"
-   version="1.1"
-   preserveAspectRatio="{{ include.alignment }} meet"
-   width="{{ include.width }}"
-   height="{{ include.height }}"
-   viewBox="{{ include.view-box }}"
-   fill="{{ include.fill }}"
-   fill-opacity="{{ include.opacity }}">
-  <defs
-     id="defs4703" />
-  <metadata
-     id="metadata4706">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     transform="translate(0,-177)"
-     id="layer1">
-    <path
-       id="path4079"
-       d="M 180,252.99343 A 161.29763,18.552469 0 0 0 18.702358,271.54579 161.29763,18.552469 0 0 0 180,290.09815 161.29763,18.552469 0 0 0 341.29764,271.54579 161.29763,18.552469 0 0 0 180,252.99343 Z m -4.29225,3.04943 A 143.84518,15.756892 0 0 1 319.5527,271.80004 143.84518,15.756892 0 0 1 175.70775,287.5567 143.84518,15.756892 0 0 1 31.862794,271.80004 143.84518,15.756892 0 0 1 175.70775,256.04286 Z"
-       style="display:inline;" />
-    <path
-       id="path4897"
-       d="M 180.00026,259.01994 A 119.52375,12.80648 0 0 0 60.476291,271.82691 119.52375,12.80648 0 0 0 180.00026,284.63336 119.52375,12.80648 0 0 0 299.52371,271.82691 119.52375,12.80648 0 0 0 180.00026,259.01994 Z m 0.45734,1.88464 a 93.001042,10.715625 0 0 1 93.00104,10.71563 93.001042,10.715625 0 0 1 -93.00104,10.71562 93.001042,10.715625 0 0 1 -93.001043,-10.71562 93.001042,10.715625 0 0 1 93.001043,-10.71563 z"
-       style="display:inline;" />
-    <path
-       id="rect4865"
-       d="m 179.57318,201.90247 a 4.1010414,5.9247762 0 0 0 -3.83077,5.51853 h -0.0465 a 53.652364,173.78127 0 0 1 1.66915,40.10507 94.634349,28.224152 0 0 1 0.0806,0.67851 94.634349,28.224152 0 0 1 -53.27271,25.36228 v 0.007 a 60.589583,3.5915198 0 0 0 -4.7625,1.40043 60.589583,3.5915198 0 0 0 60.63454,3.58634 60.589583,3.5915198 0 0 0 60.54462,-3.59151 h -60.58958 l 60.58905,-0.0109 a 60.589583,3.5915198 0 0 0 -5.29113,-1.44591 v -0.0124 a 94.634341,28.224152 0 0 1 -52.91667,-25.29509 52.545509,173.78127 0 0 1 1.57406,-40.78359 h -0.0336 a 4.1010414,5.9247762 0 0 0 -3.83336,-5.51852 z"
-       style="display:inline;" />
-    <ellipse
-       ry="5.1877427"
-       rx="5.5455174"
-       cy="191.16115"
-       cx="180"
-       id="path4105"
-       style="display:inline;" />
-  </g>
-</svg>