jekyll-theme-consulting 0.11.8 → 0.11.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: da844646417b70ea45a113f257b86a980a6865d30e1023dec8df7ffbdf0897cd
-  data.tar.gz: 90da845a2fb58684f102c60f9c171d1a22382dffc22d5725afcaf4f80e193757
+  metadata.gz: cb80f0d60e62b2a455f0a35663b833cfa678c1a0478960350e8963cf1466048f
+  data.tar.gz: 1d6f28fe95b2d29508f600c65e0201bfbed4c4364990b0c799fc17504628b1eb
 SHA512:
-  metadata.gz: 98d23a67e737af00821f5609f422453029657d68ac297ed8c56a9b9e992fc04387f69f8badecedbcf3e960abd9b9c2768c3e0acf6ac807e37826f5518faf8374
-  data.tar.gz: 333dde6d9f4d1e50f1f153db3e2db34f08dcd61aa6805088e77e411538ee544f86c1519115c7121ca200e47e96741488ae098db4b30932d2b7ae3a0ac034bde6
+  metadata.gz: 2e730e36bd5c134ab281910c8e2cf4e21a6a9b185c762a6aa4f902afecfe5e48b0e9cdad45f5be25f5c78ab7d56829198374f2c2bacddcfd5806870937987637
+  data.tar.gz: aa97b5a4239f1c3f9d7d83d6daf6df032331de2c06ae15003c96ab1d6a20df90d3f727c8c60e1914f89273376cc27eeb0353076b2f486eeebde9f8b943f869b0

data/_includes/banner.html

@@ -1,11 +1,5 @@
 <!-- Banner -->
-<section id="banner"
-{% if include.style.class %}class="{{ include.style.class | default: '' }}"{% endif %}
-{% if include.style.image %}style="
-background-image: url({{ 'assets/css/images/split.curve.svg' | absolute_url }}), url({{ include.style.image.url | absolute_url }});
-background-position: {{ include.style.image.position | default: 'right' }} -5em, {{ include.style.image.position | default: 'right' }} -5em;
-background-size: {{ include.style.image.size | default: 'auto 100vh' }}, {{ include.style.image.size | default: 'auto 100vh' }};"
-{% endif %}>
+<section id="banner" class="{{ include.class | default: '' }}">
   <div class="content">
     <header>
       <h1>{{ include.title }}</h1>

data/_includes/front.html

@@ -0,0 +1,15 @@
+{%- assign class = include.background.class | default: header.class | default: banner.class | default: '' -%}
+
+<div id="header-background" class="{{ class | default: '' }}"
+{% if include.background.image %}style="
+background-image: url({{ 'assets/css/images/split.curve.wide.svg' | absolute_url }}), url({{ include.background.image.url | absolute_url }});
+background-position: center top, {{ include.background.image.position | default: 'right' }} top;
+background-size: cover, {{ include.background.image.size | default: '66% 100%' }};"
+{% endif %}>
+    {%- if include.header -%}
+    {% include header.html title=header.title subtitle=header.subtitle class=class %}
+    {%- endif -%}
+    {%- if include.banner -%}
+    {% include banner.html title=banner.title subtitle=banner.subtitle description=banner.description button=banner.button class=class %}
+    {%- endif -%}
+</div>

data/_includes/header.html

@@ -1,11 +1,5 @@
 <!-- Header -->
-<header id="header"
-{% if include.style.class %}class="{{ include.style.class | default: '' }}"{% endif %}
-{% if include.style.image %}style="
-background-image: url({{ 'assets/css/images/split.curve.svg' | absolute_url }}), url({{ include.style.image.url | absolute_url }});
-background-position: {{ include.style.image.position | default: 'right' }} top, {{ include.style.image.position | default: 'right' }} top;
-background-size: {{ include.style.image.size | default: 'auto 100vh' }}, {{ include.style.image.size | default: 'auto 100vh' }};"
-{% endif %}>
+<header id="header" class="{{ include.class | default: '' }}">
     <a href="{{ '' | absolute_url }}" class="logo">
         <span class="title">
             <strong>{{ include.title }}</strong>

data/_layouts/default.html

@@ -2,7 +2,6 @@
 ---
 {%- assign lang = page.lang | default: layout.lang | default: site.lang | default: 'en' -%}
 {%- assign menu = site.data.menus[page.menu][lang] -%}
-{%- assign header = page.header | default: layout.header | default: site.header -%}
 {%- assign title = page.title | default: layout.title | default: site.title -%}
 {%- assign description = page.description | default: layout.description | default: site.description -%}
 {%- assign stylesheets = page.stylesheets | default: layout.stylesheets | default: site.stylesheets -%}
@@ -26,8 +25,6 @@
         <div id="main">
             <div class="inner">
 
-                {% include header.html title=header.title subtitle=header.subtitle style=header.style %}
-
                 {{ content }}
 
             </div>

data/_layouts/home.html

@@ -1,9 +1,9 @@
 ---
 layout: default
 ---
+{%- assign header = page.header | default: layout.header | default: site.header -%}
 {%- assign banner = page.banner | default: layout.banner | default: site.banner -%}
-{%- assign title = banner.title | default: page.title | default: layout.title | default: site.title -%}
-{%- assign subtitle = banner.subtitle | default: page.subtitle | default: layout.subtitle | default: site.subtitle -%}
-{%- assign description = banner.description | default: page.description | default: layout.description | default: site.description -%}
-{% include banner.html title=title subtitle=subtitle description=description button=banner.button style=banner.style %}
+{%- assign background = page.background | default: layout.background | default: site.background -%}
+
+{% include front.html header=header banner=banner background=background %}
 {{ content }}

data/_layouts/page.html

@@ -1,4 +1,8 @@
 ---
 layout: default
 ---
+{%- assign header = page.header | default: layout.header | default: site.header -%}
+{%- assign background = page.background | default: layout.background | default: site.background -%}
+
+{% include front.html header=header background=background %}
 {{ content }}

data/_layouts/post.html

@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: page
 ---
 <article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
 

data/_sass/main/layout/_banner.scss

@@ -3,9 +3,6 @@
 #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;
@@ -38,6 +35,10 @@
         }
     }
 
+    header p {
+        text-transform: none !important;
+    }
+
     @include orientation(portrait) {
         @include vendor('flex-direction', 'column-reverse');
 
@@ -64,3 +65,9 @@
         }
     }
 }
+
+/* Inverted */
+
+section#banner.inverted {
+    background-color: transparent !important;
+}

data/_sass/main/layout/_header.scss

@@ -1,12 +1,15 @@
 /* Header */
 
+#header-background {
+    background-size: cover, 70% 100%;
+    background-position: center top, right top;
+    background-repeat: no-repeat, no-repeat;
+}
+
 #header {
     @include vendor('display', 'flex');
     border-bottom: solid 5px _palette(accent);
     position: relative;
-    background-size: 100% auto;
-    background-position: center top;
-    background-repeat: no-repeat;
 
     > * {
         margin-bottom: 0;
@@ -27,6 +30,9 @@
 /* Inverted */
 
 #header.inverted {
-    background-color: _palette(bg-alt-inverted);
     border-bottom: solid 5px _palette(accent-inverted);
 }
+
+#header-background.inverted {
+    background-color: _palette(bg-alt-inverted);
+}

data/_sass/main/layout/_main.scss

@@ -9,7 +9,7 @@
         margin: 0 auto;
         max-width: 110em;
 
-        > section {
+        section {
             border-top: solid 2px _palette(border);
             padding: 1em 1em 1em 4em;
 

data/_sass/main/layout/_menu.scss

@@ -116,7 +116,7 @@
             color: inherit;
 
             &:hover {
-                color: _palette(accent-inverted);
+                color: _palette(accent-cp);
             }
 
             &.opener {
@@ -126,7 +126,7 @@
 
                 &:hover {
                     &:before {
-                        color: _palette(accent-inverted);
+                        color: _palette(accent-cp);
                     }
                 }
             }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-consulting
 version: !ruby/object:Gem::Version
-  version: 0.11.8
+  version: 0.11.9
 platform: ruby
 authors:
 - Moodule
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-03-03 00:00:00.000000000 Z
+date: 2021-03-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -84,6 +84,7 @@ files:
 - _includes/fact.html
 - _includes/feature.html
 - _includes/footer.html
+- _includes/front.html
 - _includes/head.html
 - _includes/header.html
 - _includes/language.html
@@ -313,7 +314,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.7
+rubygems_version: 3.2.13
 signing_key:
 specification_version: 4
 summary: A sober, hassle-free, full-featured, Jekyll template for businesses.