jekyll-theme-ethereal 0.4.4 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4829788dcf229f8607a851a59fef4b0ec3cf867b70a3f35e70e28e029e4b59cf
-  data.tar.gz: 4a6a05fae117d3f0bf8311dc2b6c79fa5d6761e6f2aa2cfb5f9f9b0c4e3040fb
+  metadata.gz: '0538aea84f31c26de9427c683131e533d10a48fcd2ba27f57b71a9a378b77cc4'
+  data.tar.gz: d524d247a7d8fd95041613f43aa3db2c35862345aabea82845718fc12e778eea
 SHA512:
-  metadata.gz: 84a8f7a6e7fc1cde37561390945f799ce909d665f0e87ff4491e88009c7ed958ead8c79a78d79968c94e78e96de4de52a57bbae4a3ac1fd9e62dd2cb626a4a4c
-  data.tar.gz: 7c16413fcb5637f37c7b7d0f508af66d4e24b2fc298cbac3d77ae9cefdd79039c4793be66022d797a70bdbaa3e526ee5f35ac221a36304de1f7e6a5306824c81
+  metadata.gz: 6dd5bfe81371dd59d541508a218712f6e0aa3d5e99245b1055c56424461bcea706dec112f9f90b1e7e0a2c09f82c754f2142b1e0b7b37915fefeff5c6689684b
+  data.tar.gz: 96d4ebf5ad61645991ff0557827f2f12bf07cca96af5bce2d96d71311ff122262ef3c6073efdbd6be1ebca6ea4a6e0c9ec6c60c68671a64339156b5b0fc19319

data/_includes/contact_script.html

@@ -1,4 +1,4 @@
-<script type="text/javascript">
+<script type="text/javascript" >
     const contactFormElement = document.getElementById("{{ include.form_id | default: 'contact-form' }}");
     const nameInputElement = document.getElementById("{{ include.name_input_id | default: 'contact-name' }}");
     const emailInputElement = document.getElementById("{{ include.email_input_id | default: 'contact-email' }}");
@@ -49,4 +49,4 @@
         });
     };
 </script>
-<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
+<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" defer></script>

data/_includes/head.html

@@ -4,7 +4,14 @@
     <title>{{ include.title }} - {{ include.subtitle }}</title>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
-    <link rel="stylesheet" href="{{ 'assets/css/main.css' | absolute_url }}" />
+    <link rel="stylesheet" href="{{ 'assets/css/main.css' | absolute_url }}" media="all" />
+    <link rel="stylesheet" href="{{ 'assets/css/large.css' | absolute_url }}" media="screen and (min-width: 981px) and (max-width:1680px)" />
+    <link rel="stylesheet" href="{{ 'assets/css/medium.css' | absolute_url }}" media="screen and (min-width: 737px) and (max-width:980px)" />
+    <link rel="stylesheet" href="{{ 'assets/css/small.css' | absolute_url }}" media="screen and (max-width:736px)" />
+    <link rel="stylesheet" href="{{ 'assets/css/short.css' | absolute_url }}" media="screen and (min-aspect-ratio:16/7)" />
+    <link rel="preload" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300i,400i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet';this.media='all'">
+    <link rel="preload" href="{{ 'assets/css/fontawesome-all.min.css' | absolute_url }}" as="style" onload="this.onload=null;this.rel='stylesheet';this.media='all'">
+    <link rel="preload" href="{{ 'assets/css/cookieconsent.css' | absolute_url }}" as="style" onload="this.onload=null;this.rel='stylesheet';this.media='all'">
     {%- if include.stylesheets -%}
     {%- for file in include.stylesheets -%}
     <link rel="stylesheet" href="{{ file.url | absolute_url }}" />

data/_includes/panel_map.html

@@ -1,111 +1,85 @@
 <link rel="stylesheet" href="{{ 'assets/css/mapbox-gl.css' | absolute_url }}" />
-<style>
-body { margin: 0; padding: 0; }
-#map-container { position: relative; top: 0; bottom: 0; width: 100%; };
- 
-#marker {
-    background-size: cover;
-    width: 50px;
-    height: 50px;
-    border-radius: 50%;
-    cursor: pointer;
-}
- 
-.mapboxgl-popup {
-    max-width: 240px;
-}
-
-.mapboxgl-popup-close-button {
-  display: none;
-}
-
-.mapboxgl-popup-content {
-  color: #000000;
-  max-width: 220px;
-}
-
-.mapboxgl-popup-content-wrapper {
-  padding: 1%;
-}
-</style>
+<link rel="stylesheet" href="{{ 'assets/css/mapbox-gl.panel.css' | absolute_url }}" />
 <div class="intro {{ include.style.header.joined }} {{ include.style.header.color }}">
     <h2 class="major">{{ include.header.title }}</h2>
     <p>{{ include.header.description }}</p>
 </div>
 <div id='map-container'></div>
-<script src="{{ 'assets/js/mapbox-gl.js' | absolute_url }}" /></script>
-<script defer>
-mapboxgl.accessToken = "{{ include.data.token }}";
-var map = new mapboxgl.Map({
-    container: "map-container",
-    style: "{{ include.data.style }}",
-    center: [{{ include.data.center.longitude | default: 0.0 }}, {{ include.data.center.latitude | default: 0.0 }}],
-    zoom: {{ include.data.zoom | default: 1 }},
-    dragPan: true
-});
-
+<script>
 var data_points;
-fetch("{{ include.data.file | absolute_url }}")
-  .then(response => data_points = response.json())
-  .then(json => data_points = json);
 
-map.on('load', function () {
-
-    map.addLayer({
-        "id": "points",
-        "type": "symbol",
-        "source": {
-            "type": "geojson",
-            "data": data_points
-        },
-        "layout": {
-            // get the icon name from the source's "icon" property
-            // concatenate the name to get an icon from the style's sprite sheet
-            "icon-image": ["concat", ["get", "icon"], "-15"],
-            "icon-size": 1,
-            "icon-allow-overlap": true,
-            // get the title name from the source's "title" property
-            "text-field": ["get", "{{ include.data.markers.title | default: 'name' }}"],
-            "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
-            "text-offset": [0, 0.6],
-            "text-anchor": "top"
-        },
-        "paint": {
-            "icon-color": "#ffcc00",
-            "icon-halo-color": "#2266AA",
-            "text-color": "#ffffff"
-        }
+function fillMapContainer() {
+    fetch("{{ include.data.file | absolute_url }}")
+        .then(response => data_points = response.json())
+        .then(json => data_points = json);
+    
+    mapboxgl.accessToken = "{{ include.data.token }}";
+    var map = new mapboxgl.Map({
+        container: "map-container",
+        style: "{{ include.data.style }}",
+        center: [{{ include.data.center.longitude | default: 0.0 }}, {{ include.data.center.latitude | default: 0.0 }}],
+        zoom: {{ include.data.zoom | default: 1 }},
+        dragPan: true
     });
 
-});
+    map.on('load', function () {
 
+        map.addLayer({
+            "id": "points",
+            "type": "symbol",
+            "source": {
+                "type": "geojson",
+                "data": data_points
+            },
+            "layout": {
+                // get the icon name from the source's "icon" property
+                // concatenate the name to get an icon from the style's sprite sheet
+                "icon-image": ["concat", ["get", "icon"], "-15"],
+                "icon-size": 1,
+                "icon-allow-overlap": true,
+                // get the title name from the source's "title" property
+                "text-field": ["get", "{{ include.data.markers.title | default: 'name' }}"],
+                "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
+                "text-offset": [0, 0.6],
+                "text-anchor": "top"
+            },
+            "paint": {
+                "icon-color": "#ffcc00",
+                "icon-halo-color": "#2266AA",
+                "text-color": "#ffffff"
+            }
+        });
 
-// When a click event occurs on a feature in the places layer, open a popup at the
-// location of the feature, with description HTML from its properties.
-map.on('click', 'points', function(e) {
-    var coordinates = e.features[0].geometry.coordinates.slice();
-    var description = e.features[0].properties.{{ include.data.markers.popup.text }};
-     
-    // Ensure that if the map is zoomed out such that multiple
-    // copies of the feature are visible, the popup appears
-    // over the copy being pointed to.
-    while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {
-        coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;
-    }
-     
-    new mapboxgl.Popup()
-        .setLngLat(coordinates)
-        .setHTML(description)
-        .addTo(map);
-});
-     
+    });
+
+    // When a click event occurs on a feature in the places layer, open a popup at the
+    // location of the feature, with description HTML from its properties.
+    map.on('click', 'points', function(e) {
+        var coordinates = e.features[0].geometry.coordinates.slice();
+        var description = e.features[0].properties.{{ include.data.markers.popup.text }};
+         
+        // Ensure that if the map is zoomed out such that multiple
+        // copies of the feature are visible, the popup appears
+        // over the copy being pointed to.
+        while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {
+            coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;
+        }
+         
+        new mapboxgl.Popup()
+            .setLngLat(coordinates)
+            .setHTML(description)
+            .addTo(map);
+    });
+         
     // Change the cursor to a pointer when the mouse is over the places layer.
-map.on('mouseenter', 'points', function() {
-    map.getCanvas().style.cursor = 'pointer';
-});
-     
+    map.on('mouseenter', 'points', function() {
+        map.getCanvas().style.cursor = 'pointer';
+    });
+         
     // Change it back to a pointer when it leaves.
-map.on('mouseleave', 'points', function() {
-    map.getCanvas().style.cursor = '';
-});
+    map.on('mouseleave', 'points', function() {
+        map.getCanvas().style.cursor = '';
+    });
+}
 </script>
+<script src="{{ 'assets/js/mapbox-gl.min.js' | absolute_url }}" onload="fillMapContainer()" defer ></script>

data/_includes/scripts.html

@@ -1,24 +1,13 @@
 <!-- Scripts -->
-<script src="{{ 'assets/js/jquery.min.js' | absolute_url }}" type="text/javascript" ></script>
-<script src="{{ 'assets/js/browser.min.js' | absolute_url }}" type="text/javascript" ></script>
-<script src="{{ 'assets/js/breakpoints.min.js' | absolute_url }}" type="text/javascript" ></script>
-<script src="{{ 'assets/js/lazy-loading.js' | absolute_url }}" type="text/javascript" ></script>
-<script src="{{ 'assets/js/main.js' | absolute_url }}" type="text/javascript" ></script>
-<script src="{{ 'assets/js/cookieconsent.min.js' | absolute_url }}" data-cfasync="false" type="text/javascript" ></script>
-<script>
-window.cookieconsent.initialise({
-    "palette": {
-        "popup": {
-            "background": "#252e39"
-        },
-        "button": {
-            "background": "#14a7d0"
-        }
-    }
-});
-</script>
+<script src="{{ 'assets/js/jquery.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.js' | absolute_url }}" type="text/javascript" defer ></script>
+<script src="{{ 'assets/js/main.js' | absolute_url }}" type="text/javascript" defer ></script>
+<script src="{{ 'assets/js/cookieconsent.min.js' | absolute_url }}" data-cfasync="false" type="text/javascript" defer ></script>
+<script src="{{ 'assets/js/cookieconsent.style.min.js' | absolute_url }}" type="text/javascript" defer ></script>
 {%- if include.scripts -%}
 {%- for file in include.scripts -%}
-<script src="{{ file.url | absolute_url }}" type="text/javascript" ></script>
+<script src="{{ file.url | absolute_url }}" type="text/javascript" defer ></script>
 {%- endfor -%}
 {%- endif -%}

data/_includes/search.html

@@ -8,11 +8,13 @@
     <ul id="search-results">
     </ul>
 </nav>
-<script src="{{ 'assets/js/simple-jekyll-search.min.js' | absolute_url }}" type="text/javascript" ></script>
 <script>
-SimpleJekyllSearch({
-  searchInput: document.getElementById('search-input'),
-  resultsContainer: document.getElementById('search-results'),
-  json: "{{ '/index.json' | absolute_url }}"
-})
+function attachSearchFunction() {
+    SimpleJekyllSearch({
+        searchInput: document.getElementById('search-input'),
+        resultsContainer: document.getElementById('search-results'),
+        json: "{{ '/index.json' | absolute_url }}"
+    });
+}
 </script>
+<script src="{{ 'assets/js/simple-jekyll-search.min.js' | absolute_url }}" onload="attachSearchFunction()" type="text/javascript" defer ></script>

data/_layouts/default.html

@@ -23,16 +23,16 @@
         <!-- Page Wrapper -->
         <div id="page-wrapper">
 
-            {% include language.html %}
-
             <!-- Wrapper -->
             <div id="wrapper">
 
+                {% include language.html %}
+
                 {{ content }}
 
-            </div>
+                {% include footer.html %}
 
-            {% include footer.html %}
+            </div>
 
         </div>
 

data/_sass/large/base/_typography.scss

@@ -0,0 +1,11 @@
+html {
+    @include breakpoint('<=xlarge') {
+        font-size: 12pt;
+        font-size: 1.1vmax;
+    }
+
+    @include breakpoint('<=large') {
+        font-size: 11pt;
+        font-size: 1.5vmax;
+    }
+}

data/_sass/large.scss

@@ -0,0 +1,48 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/vendor';
+@import 'libs/breakpoints';
+
+/*
+Ethereal by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+// Breakpoints.
+
+@include breakpoints((
+    xlarge:   ( 1281px,  1680px ),
+    large:    ( 981px,   1280px )
+));
+
+// Base.
+
+@import 'large/base/reset';
+@import 'large/base/page';
+@import 'large/base/typography';
+
+// Component.
+
+@import 'large/components/form';
+@import 'large/components/icon';
+@import 'large/components/image';
+@import 'large/components/list';
+@import 'large/components/actions';
+@import 'large/components/icons';
+@import 'large/components/grid-icons';
+@import 'large/components/contact-icons';
+@import 'large/components/table';
+@import 'large/components/button';
+@import 'large/components/gallery';
+@import 'large/components/panel';
+@import 'large/components/panel-banner';
+@import 'large/components/panel-spotlight';
+
+// Layout.
+
+@import 'large/layout/footer';
+@import 'large/layout/header';
+@import 'large/layout/page-wrapper';
+@import 'large/layout/wrapper';