Skip to content

Jeremy Groot / stellervista-Intranet

Go to a project
Toggle navigation
Toggle navigation pinning
9bdf3981 by Jeff Balicki
Options

sss 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 77745407
Inline Side-by-side
Showing 13 changed files with 43 additions and 13 deletions
...@@ -14596,6 +14596,7 @@ h1 + p, .h1 + p { ...@@ -14596,6 +14596,7 @@ h1 + p, .h1 + p {
14596 } 14596 }
14597 14597
14598 .header-section, 14598 .header-section,
14599 .full-image-login,
14599 .full-image, 14600 .full-image,
14600 .image-loaded { 14601 .image-loaded {
14601 height: 530px; 14602 height: 530px;
...@@ -14666,7 +14667,7 @@ h1 + p, .h1 + p { ...@@ -14666,7 +14667,7 @@ h1 + p, .h1 + p {
14666 height: 95vh; 14667 height: 95vh;
14667 } 14668 }
14668 .page-template-login .header-section, 14669 .page-template-login .header-section,
14669 .page-template-login .full-image, 14670 .page-template-login .full-image-login,
14670 .page-template-login .image-loaded { 14671 .page-template-login .image-loaded {
14671 height: 100vh; 14672 height: 100vh;
14672 min-height: 800px; 14673 min-height: 800px;
...@@ -14677,12 +14678,12 @@ h1 + p, .h1 + p { ...@@ -14677,12 +14678,12 @@ h1 + p, .h1 + p {
14677 } 14678 }
14678 @media only screen and (max-width: 768px) { 14679 @media only screen and (max-width: 768px) {
14679 .page-template-login .header-section, 14680 .page-template-login .header-section,
14680 .page-template-login .full-image, 14681 .page-template-login .full-image-login,
14681 .page-template-login .image-loaded { 14682 .page-template-login .image-loaded {
14682 height: 115vh; 14683 height: 115vh;
14683 } 14684 }
14684 } 14685 }
14685 .page-template-login .full-image::after { 14686 .page-template-login .full-image-login::after {
14686 content: ""; 14687 content: "";
14687 display: block; 14688 display: block;
14688 position: absolute; 14689 position: absolute;
...@@ -14695,11 +14696,11 @@ h1 + p, .h1 + p { ...@@ -14695,11 +14696,11 @@ h1 + p, .h1 + p {
14695 background-image: url("../images/logo-border.png"); 14696 background-image: url("../images/logo-border.png");
14696 } 14697 }
14697 @media only screen and (max-width: 768px) { 14698 @media only screen and (max-width: 768px) {
14698 .page-template-login .full-image::after { 14699 .page-template-login .full-image-login::after {
14699 bottom: -20px; 14700 bottom: -20px;
14700 } 14701 }
14701 } 14702 }
14702 .page-template-login .full-image::before { 14703 .page-template-login .full-image-login::before {
14703 color: #3DB149; 14704 color: #3DB149;
14704 font-size: 30px; 14705 font-size: 30px;
14705 content: "Bank like you live here."; 14706 content: "Bank like you live here.";
...@@ -14712,7 +14713,7 @@ h1 + p, .h1 + p { ...@@ -14712,7 +14713,7 @@ h1 + p, .h1 + p {
14712 z-index: 99; 14713 z-index: 99;
14713 } 14714 }
14714 @media only screen and (max-width: 768px) { 14715 @media only screen and (max-width: 768px) {
14715 .page-template-login .full-image::before { 14716 .page-template-login .full-image-login::before {
14716 width: 100%; 14717 width: 100%;
14717 } 14718 }
14718 } 14719 }
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -25015,7 +25015,18 @@ ...@@ -25015,7 +25015,18 @@
25015 img = new Image(); 25015 img = new Image();
25016 img.src = b; 25016 img.src = b;
25017 img.onload = function () { 25017 img.onload = function () {
25018 c.classList.add('image-loaded'), c.style.backgroundImage = 'linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 91%, rgba(0, 0, 0, 0) 100%), url(' + b + ')'; 25018 c.classList.add('image-loaded'), c.style.backgroundImage = 'linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 100%), url(' + b + ')';
25019 };
25020 });
25021 var a1 = document.querySelector('.blur-image');
25022 document.addEventListener("DOMContentLoaded", function () {
25023 if (!a1) return !1;
25024 var b2 = a.getAttribute("data-src"),
25025 c2 = document.querySelector('.full-image-login'),
25026 img2 = new Image();
25027 img2.src = b2;
25028 img2.onload = function () {
25029 c2.classList.add('image-loaded'), c2.style.backgroundImage = 'linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 91%, rgba(0, 0, 0, 0) 100%), url(' + b2 + ')';
25019 }; 25030 };
25020 }); 25031 });
25021 $$1(document).ready(function ($) {}); 25032 $$1(document).ready(function ($) {});
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -25,7 +25,7 @@ if ( is_page_template( 'page-templates/no-title.php' ) ) { ...@@ -25,7 +25,7 @@ if ( is_page_template( 'page-templates/no-title.php' ) ) {
25 25
26 26
27 <div class="hero-container header-section blur-image" data-src="<?php echo the_post_thumbnail_url(); ?>" style="--med-image: url(<?php echo the_post_thumbnail_url('medium'); ?>);"> 27 <div class="hero-container header-section blur-image" data-src="<?php echo the_post_thumbnail_url(); ?>" style="--med-image: url(<?php echo the_post_thumbnail_url('medium'); ?>);">
28 <div class="full-image"> 28 <div class="full-image-login">
29 <div class="container"> 29 <div class="container">
30 <div class="hero-content row"> 30 <div class="hero-content row">
31 <div class="col align-self-center"> 31 <div class="col align-self-center">
......
...@@ -15,8 +15,25 @@ document.addEventListener("DOMContentLoaded", function() { ...@@ -15,8 +15,25 @@ document.addEventListener("DOMContentLoaded", function() {
15 img.src = b; 15 img.src = b;
16 16
17 img.onload = function() { 17 img.onload = function() {
18
18 c.classList.add('image-loaded'), 19 c.classList.add('image-loaded'),
19 c.style.backgroundImage = 'linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 91%, rgba(0, 0, 0, 0) 100%), url(' + b + ')'; 20 c.style.backgroundImage = 'linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 100%), url(' + b + ')';
21 };
22 });
23
24 var a1 = document.querySelector('.blur-image');
25
26 document.addEventListener("DOMContentLoaded", function() {
27 if (!a1) return !1;
28 var b2 = a.getAttribute("data-src"),
29 c2 = document.querySelector('.full-image-login'),
30 img2 = new Image;
31
32 img2.src = b2;
33
34 img2.onload = function() {
35 c2.classList.add('image-loaded'),
36 c2.style.backgroundImage = 'linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 91%, rgba(0, 0, 0, 0) 100%), url(' + b2 + ')';
20 }; 37 };
21 }); 38 });
22 39
......
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
10 } 10 }
11 11
12 .header-section, 12 .header-section,
13 .full-image-login,
13 .full-image, 14 .full-image,
14 .image-loaded { 15 .image-loaded {
15 height: 530px; 16 height: 530px;
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 } 12 }
13 13
14 .header-section, 14 .header-section,
15 .full-image, 15 .full-image-login,
16 .image-loaded { 16 .image-loaded {
17 height: 100vh; 17 height: 100vh;
18 min-height: 800px; 18 min-height: 800px;
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
24 height: 115vh; 24 height: 115vh;
25 } 25 }
26 } 26 }
27 .full-image::after { 27 .full-image-login::after {
28 content: ""; 28 content: "";
29 display: block; 29 display: block;
30 position: absolute; 30 position: absolute;
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
39 bottom:-20px; 39 bottom:-20px;
40 } 40 }
41 } 41 }
42 .full-image::before { 42 .full-image-login::before {
43 color: #3DB149; 43 color: #3DB149;
44 font-size: 30px; 44 font-size: 30px;
45 content: "Bank like you live here."; 45 content: "Bank like you live here.";
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 Author: the Understrap Contributors 5 Author: the Understrap Contributors
6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors 6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors
7 Template: understrap 7 Template: understrap
8 Version: 1.2.0022 8 Version: 1.2.0023
9 License: GNU General Public License v2 or later 9 License: GNU General Public License v2 or later
10 License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 License URI: http://www.gnu.org/licenses/gpl-2.0.html
11 Text Domain: understrap-child 11 Text Domain: understrap-child
......