jekyll-theme-consulting 0.10.17 → 0.11.6

data/404.md

@@ -0,0 +1,39 @@
+---
+layout: home
+lang-ref: 404-page
+title: Error 404
+permalink: /404.html
+header:
+    title: 404
+    subtitle: Error
+    style:
+        class: inverted
+        image:
+            url: /assets/images/content/pillars-of-creation.webp
+            position: right
+            size: auto 100vh
+banner:
+    title: "Page not found"
+    description: >-
+        Looking for more?
+    style:
+        class: inverted
+        image:
+            url: "/assets/images/content/pillars-of-creation.webp"
+            position: right
+            size: auto 100vh
+    button:
+        url: "#contact"
+        label: "Contact me :)"
+---
+<!-- Section -->
+<section>
+    <header class="major">
+        <h2>Getting back to the main website</h2>
+    </header>
+    <p>All the pages of the website are listed in the navigation menu.</p>
+    <p>You can access it by clicking the ||| icon in the top left corner of your screen.</p>
+</section>
+
+
+{% include contact.html %}

data/_includes/banner.html

@@ -1,8 +1,10 @@
 <!-- Banner -->
 <section id="banner"
-{%- if include.style -%}
-class="{{ include.style.class | default: '' }}"
-style="background-image: url({{ include.style.image | absolute_url }}); background-position: {{ include.style.position | default: 'center' }} -5em; background-size: {{ include.style.size | default: '100% auto' }};"
+{% 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 %}>
   <div class="content">
     <header>
@@ -11,7 +13,7 @@ style="background-image: url({{ include.style.image | absolute_url }}); backgrou
     </header>
     {% if include.description %}<p>{{ include.description }}</p>{% endif %}
     <ul class="actions">
-      <li><a href="{{ include.button.url | default: '#' }}" class="button primary big scrolly">{{ include.button.label | default: 'Ask for advice!' }}</a></li>
+      <li><a href="{{ include.button.url | default: '#' }}" class="button primary big">{{ include.button.label | default: 'Ask for advice!' }}</a></li>
     </ul>
   </div>
 </section>

data/_includes/head.html

@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="{{ 'assets/css/small.css' | absolute_url }}" media="screen and (max-width:736px)" />
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700&display=swap" type="text/css" media="all">
     <link rel="stylesheet" href="{{ 'assets/css/fontawesome-all.min.css' | absolute_url }}" type="text/css" media="all">
+    <link rel="stylesheet" href="{{ 'assets/css/font-certifications.min.css' | absolute_url}}" type="text/css" media="all">
     <link rel="stylesheet" href="{{ 'assets/css/cookieconsent.min.css' | absolute_url }}" type="text/css" media="all">
     {%- if include.stylesheets -%}
     {%- for file in include.stylesheets -%}

data/_includes/header.html

@@ -1,8 +1,10 @@
 <!-- Header -->
 <header id="header"
-{%- if include.style -%}
-class="{{ include.style.class | default: '' }}"
-style="background-image: url({{ include.style.image | absolute_url }}); background-position: {{ include.style.position | default: 'center' }} top; background-size: {{ include.style.size | default: '100% auto' }};"
+{% 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 %}>
     <a href="{{ '' | absolute_url }}" class="logo">
         <span class="title">
@@ -10,5 +12,4 @@ style="background-image: url({{ include.style.image | absolute_url }}); backgrou
         </span>
         <span class="subtitle"> - {{ include.subtitle }}</span>
     </a>
-    {% include language.html %}
 </header>

data/_includes/navigation.html

@@ -8,7 +8,7 @@
             <ul>
                 {%- for subitem in item.menu -%}
                 <li {% if subitem.url == page.url %} class="current" {% endif %}>
-                    <a href="{{ subitem.url | absolute_url }}" class="scrolly">{{ subitem.title }}</a>
+                    <a href="{{ subitem.url | absolute_url }}">{{ subitem.title }}</a>
                 </li>
                 {%- endfor -%}
             </ul>

data/_includes/scripts.html

@@ -1,6 +1,5 @@
 <!-- Scripts -->
 <script src="{{ 'assets/js/jquery.min.js' | absolute_url }}" type="text/javascript" defer ></script>
-<script src="{{ 'assets/js/jquery.scrolly.min.js' | absolute_url }}" type="text/javascript" defer ></script>
 <script src="{{ 'assets/js/browser.min.js' | absolute_url }}" type="text/javascript" defer ></script>
 <script src="{{ 'assets/js/breakpoints.min.js' | absolute_url }}" type="text/javascript" defer ></script>
 <script src="{{ 'assets/js/lazy-loading.min.js' | absolute_url }}" type="text/javascript" defer ></script>

data/_includes/sidebar.html

@@ -7,6 +7,8 @@
     {% include navigation.html menu=include.menu %}
 
     {% include social.html %}
+    
+    {% include language.html %}
 
   </div>
 

data/_includes/social.html

@@ -35,4 +35,4 @@
         <li><a href="{{ site.linkedin.url }}" class="icon brands fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
         {%- endif -%}
     </ul>
-</div>
+</div>

data/_includes/thread.html

@@ -18,7 +18,6 @@
         </article>
         {%- endfor -%}
     </div>
+    <p class="rss-subscribe">subscribe <a href="{{ '/feed.xml' | absolute_url }}">via RSS</a></p>
 </section>
-
-<p class="rss-subscribe">subscribe <a href="{{ '/feed.xml' | absolute_url }}">via RSS</a></p>
 {%- endif -%}

data/_sass/large.scss

@@ -29,6 +29,7 @@
 @import 'large/components/list';
 @import 'large/components/actions';
 @import 'large/components/icons';
+@import 'large/components/language';
 @import 'large/components/contact';
 @import 'large/components/pagination';
 @import 'large/components/table';

data/_sass/large/base/_typography.scss

@@ -1,15 +0,0 @@
-body, input, select, textarea {
-    @include breakpoint('<=xlarge') {
-        font-size: 11pt;
-    }
-
-    @include breakpoint('<=large') {
-        font-size: 10pt;
-    }
-}
-
-@include breakpoint('<=xlarge') {
-    h1 {
-        font-size: 3.5em;
-    }
-}

data/_sass/large/layout/_main.scss

@@ -1,23 +0,0 @@
-#main {
-    > .inner {
-        @include breakpoint('<=xlarge') {
-            > section {
-                @include padding(5em, 5em);
-            }
-
-            #header {
-                padding: 2em 5em 1em 5em;
-            }
-        }
-
-        @include breakpoint('<=large') {
-            > section {
-                @include padding(4em, 4em);
-            }
-
-            #header {
-                padding: 2em 4em 1em 4em;
-            }
-        }
-    }
-}

data/_sass/main.scss

@@ -23,6 +23,7 @@
 @import 'main/components/list';
 @import 'main/components/actions';
 @import 'main/components/icons';
+@import 'main/components/language';
 @import 'main/components/contact';
 @import 'main/components/pagination';
 @import 'main/components/table';

data/_sass/main/base/_page.scss

@@ -12,6 +12,7 @@ body {
 // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 html {
     box-sizing: border-box;
+    scroll-behavior: smooth;
 }
 
 *, *:before, *:after {

data/_sass/main/components/_features.scss

@@ -15,46 +15,6 @@
         position: relative;
         width: 50%;
 
-        .ensem {
-            background-image: url('images/ensem.svg');
-        }
-
-        .cie {
-            background-image: url('images/cie.svg');
-        }
-
-        .cnefic {
-            background-image: url('images/cnefic.svg');
-        }
-
-        .eisti {
-            background-image: url('images/eisti.svg');
-        }
-
-        .ieam {
-            background-image: url('images/ieam.svg');
-        }
-
-        .ifag {
-            background-image: url('images/ifag.svg');
-        }
-
-        .ifg {
-            background-image: url('images/ifg.svg');
-        }
-
-        .marine {
-            background-image: url('images/marine.svg');
-        }
-
-        .ub {
-            background-image: url('images/ub.svg');
-        }
-
-        .uca {
-            background-image: url('images/uca.svg');
-        }
-
         .icon {
             @include vendor('flex-grow', '0');
             @include vendor('flex-shrink', '0');

data/_sass/main/components/_icon.scss

@@ -19,6 +19,23 @@
         }
     }
 
+    &.certs {
+        speak: never;
+        font-style: normal;
+        font-weight: normal;
+        font-variant: normal;
+        text-transform: none;
+        line-height: 1;
+
+        /* Better Font Rendering =========== */
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+            
+        &:before {
+            font-family: 'Certifications' !important;
+        }
+    }
+
     &.brands {
         &:before {
             font-family: 'Font Awesome 5 Brands';

data/_sass/main/components/_language.scss

@@ -0,0 +1,33 @@
+.language {
+    position: absolute;
+    padding: 0 1em 0 0;
+    bottom: 0;
+    right: 0;
+    text-align: right;
+
+    li {
+        display: inline-block;
+        margin: 0;
+        padding: 0 1em 0 0;
+
+        &:last-child {
+            padding-right: 0;
+        }
+
+        .icon {
+            color: inherit;
+
+            &:before {
+                font-size: 1.25em;
+            }
+        }
+    }
+
+    a {
+        border: none;
+    }
+    
+    .en:lang(en), .fr:lang(fr), .de:lang(de){
+        font-weight: bold;
+    }
+}

data/_sass/main/layout/_header.scss

@@ -22,39 +22,6 @@
 
     .icons {
     }
-
-    .language {
-        position: absolute;
-        padding: 0 1em 0 0;
-        right: 0;
-        text-align: right;
-
-        li {
-            display: inline-block;
-            margin: 0;
-            padding: 0 1em 0 0;
-
-            &:last-child {
-                padding-right: 0;
-            }
-
-            .icon {
-                color: inherit;
-
-                &:before {
-                    font-size: 1.25em;
-                }
-            }
-        }
-
-        a {
-            border: none;
-        }
-        
-        .en:lang(en), .fr:lang(fr), .de:lang(de){
-            font-weight: bold;
-        }
-    }
 }
 
 /* Inverted */

data/_sass/main/layout/_main.scss

@@ -10,8 +10,8 @@
         max-width: 110em;
 
         > section {
-            @include padding(6em, 6em);
             border-top: solid 2px _palette(border);
+            padding: 1em 1em 1em 4em;
 
             &:first-of-type {
                 border-top: 0 !important;
@@ -19,7 +19,7 @@
         }
 
         #header {
-            padding: 2em 6em 1em 6em;
+            padding: 2em 4em 1em 4em;
             margin: 0;
         }
     }

data/_sass/main/layout/_sidebar.scss

@@ -142,7 +142,7 @@
         &#sidebar-logo-button svg {
             position: absolute;
             top: 20%;
-            left: 20%;
+            left: 16%;
             width: 40%;
             height: 40%;
             font-size: 1.5rem;
@@ -219,15 +219,15 @@
         color: _palette(accent);
 
         &:hover {
-            color: _palette(accent);
-        }
+            color: _palette(accent-cp);
 
-        &#sidebar-logo-button svg {
-            fill: _palette(accent);
-            stroke: _palette(accent);
+            &#sidebar-logo-button svg {
+                fill: _palette(accent-cp);
+                stroke: _palette(accent-cp);
+            }
         }
 
-        &#sidebar-logo-button:hover svg {
+        &#sidebar-logo-button svg {
             fill: _palette(accent);
             stroke: _palette(accent);
         }

data/_sass/medium.scss

@@ -28,6 +28,7 @@
 @import 'medium/components/list';
 @import 'medium/components/actions';
 @import 'medium/components/icons';
+@import 'medium/components/language';
 @import 'medium/components/contact';
 @import 'medium/components/pagination';
 @import 'medium/components/table';

data/_sass/medium/base/_typography.scss

@@ -1,5 +0,0 @@
-@include breakpoint('<=medium') {
-	h1 {
-		font-size: 3.25em;
-	}
-}

data/_sass/small.scss

@@ -30,6 +30,7 @@
 @import 'small/components/list';
 @import 'small/components/actions';
 @import 'small/components/icons';
+@import 'small/components/language';
 @import 'small/components/contact';
 @import 'small/components/pagination';
 @import 'small/components/table';

data/_sass/small/layout/_main.scss

@@ -1,16 +0,0 @@
-/* Main */
-
-#main {
-    > .inner {
-        @include breakpoint('<=small') {
-            section {
-            	padding: 1em 1em 1em 4em;
-            }
-        }
-
-        #header {
-            padding: 2em 4em 1em 4em;
-            margin: 0;
-        }
-    }
-}