diff --git a/config/site.yaml b/config/site.yaml old mode 100755 new mode 100644 index c9b6986..f80ef22 --- a/config/site.yaml +++ b/config/site.yaml @@ -7,7 +7,7 @@ taxonomies: - category - tag metadata: - description: . + description: 'Official website of Itsblue Development.' summary: enabled: true format: short diff --git a/config/system.yaml b/config/system.yaml old mode 100755 new mode 100644 index bb0ba8f..ed6a23e --- a/config/system.yaml +++ b/config/system.yaml @@ -82,7 +82,7 @@ pages: - form - forms cache: - enabled: true + enabled: false check: method: file driver: auto diff --git a/pages/01.home/01._hero/Hero.jpg b/pages/01.home/01._hero/Hero.jpg new file mode 100644 index 0000000..26b1f5b Binary files /dev/null and b/pages/01.home/01._hero/Hero.jpg differ diff --git a/pages/01.home/01._hero/hero.md b/pages/01.home/01._hero/hero.md old mode 100755 new mode 100644 index 16d6ff3..d0c82b4 --- a/pages/01.home/01._hero/hero.md +++ b/pages/01.home/01._hero/hero.md @@ -1,8 +1,10 @@ --- title: 'Home Hero' +media_order: 'header.jpg,Hero.jpg' menu: Top -hero_classes: 'parallax text-light' -hero_image: header.jpg +hero_classes: 'parallax text-light overlay-dark' +hero_image: Hero.jpg +hero_positionY: 80 --- # Welcome diff --git a/pages/01.home/02._highlights/features.md b/pages/01.home/02._highlights/features.md old mode 100755 new mode 100644 index fc957df..c9991bc --- a/pages/01.home/02._highlights/features.md +++ b/pages/01.home/02._highlights/features.md @@ -1,17 +1,28 @@ --- title: 'Homepage Highlights' +media_order: laserCutter.svg menu: Highlights class: offset-box features: - - icon: 'fas fa-code' + iconFa: 'fas fa-code' header: Coding - - icon: 'fas fa-cubes' + iconFa: 'fas fa-cubes' header: '3D printing' - - icon: 'fas fa-microchip' + iconFa: 'fas fa-microchip' header: Microcontrollers + - + iconFa: 'fas fa-bahai' + iconBase64: /user/pages/01.home/02._highlights/laserCutter.svg + header: 'Laser cutting' + - + iconFa: 'far fa-file' + header: Foiling + - + iconFa: 'fas fa-server' + header: 'Server management' --- # What's our field of activity? diff --git a/pages/01.home/02._highlights/laserCutter.svg b/pages/01.home/02._highlights/laserCutter.svg new file mode 100644 index 0000000..6f2e745 --- /dev/null +++ b/pages/01.home/02._highlights/laserCutter.svg @@ -0,0 +1,62 @@ + + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + image/svg+xml + + + + + + + + diff --git a/pages/01.home/06._links/features.md b/pages/01.home/06._links/features.md old mode 100644 new mode 100755 index 4f3cbad..cb6444b --- a/pages/01.home/06._links/features.md +++ b/pages/01.home/06._links/features.md @@ -4,17 +4,17 @@ menu: Features class: standard features: - - icon: 'fab fa-gitlab' + iconFa: 'fab fa-gitlab' header: 'Our GitLab ' text: 'We use Gitlab for most of our projects, you can explore them here.' url: 'https://git.itsblue.de/explore' - - icon: 'fab fa-google-play' + iconFa: 'fab fa-google-play' header: 'Google Play' text: 'This is our developer account on GooglePlay where you can find all of our apps for android.' url: 'https://play.google.com/store/apps/developer?id=Itsblue+Development' - - icon: 'fas fa-pencil-ruler' + iconFa: 'fas fa-pencil-ruler' header: 'MakerLab Murnau' text: 'This is where our hardware development and production takes place.' url: 'https://makerlab-murnau.de/' diff --git a/pages/02.scstw/02._highlights/features.md b/pages/02.scstw/02._highlights/features.md index e143744..408a710 100755 --- a/pages/02.scstw/02._highlights/features.md +++ b/pages/02.scstw/02._highlights/features.md @@ -4,23 +4,23 @@ menu: Highlights class: offset-box features: - - icon: 'fas fa-tachometer-alt' + iconFa: 'fas fa-tachometer-alt' header: 'Super simple' text: 'Simplicity and ease of use is one of the major features of the ScStw.' - - icon: 'fa fa-suitcase' + iconFa: 'fa fa-suitcase' header: 'Super portable' text: 'The ScStw litterally fits in your suitcase!' - - icon: 'fas fa-clock' + iconFa: 'fas fa-clock' header: 'Easy to deploy' text: 'The ScStw can be fully deployed within 15 minutes.' - - icon: 'fas fa-wifi' + iconFa: 'fas fa-wifi' header: 'Fully wireless' text: 'Stop fighting with cables and start climbing!' - - icon: 'fa fa-money-bill-alt' + iconFa: 'fa fa-money-bill-alt' header: Affordable text: 'You don''t need to spend an arm or a leg for percise timing.' --- diff --git a/pages/02.scstw/modular.md b/pages/02.scstw/modular.md old mode 100644 new mode 100755 diff --git a/pages/03.apps/01.bluerock/item.md b/pages/03.apps/01.bluerock/item.md old mode 100644 new mode 100755 diff --git a/pages/03.apps/02.speed-climbing-stopwatch/item.md b/pages/03.apps/02.speed-climbing-stopwatch/item.md old mode 100644 new mode 100755 diff --git a/pages/03.apps/03.speed-climbing-reaction-trainer/item.md b/pages/03.apps/03.speed-climbing-reaction-trainer/item.md old mode 100644 new mode 100755 diff --git a/pages/forms/contact/form.md b/pages/forms/contact/form.md old mode 100644 new mode 100755 diff --git a/themes/itsblue/.gitignore b/themes/itsblue/.gitignore old mode 100644 new mode 100755 diff --git a/themes/itsblue/blueprints/modular/features.yaml b/themes/itsblue/blueprints/modular/features.yaml index 390674c..7a0c853 100755 --- a/themes/itsblue/blueprints/modular/features.yaml +++ b/themes/itsblue/blueprints/modular/features.yaml @@ -25,9 +25,12 @@ form: label: Features fields: - .icon: + .iconFa: type: iconpicker - label: Icon + label: Icon (Fontawesome) + .iconBase64: + type: text + label: Icon (base64) .header: type: text label: Header diff --git a/themes/itsblue/blueprints/modular/hero.yaml b/themes/itsblue/blueprints/modular/hero.yaml index 5e8abf5..8403a1a 100755 --- a/themes/itsblue/blueprints/modular/hero.yaml +++ b/themes/itsblue/blueprints/modular/hero.yaml @@ -19,5 +19,14 @@ form: label: Hero Image preview_images: true description: 'If not specified, this defaults to the first image found in the page''s folder' + header.hero_positionY: + type: text + label: Image Y Position + description: 'The initial y Position of the hero image (in percent)' + default: 100 + validate: + type: int + min: 0 + max: 100 diff --git a/themes/itsblue/css-compiled/theme.css b/themes/itsblue/css-compiled/theme.css index 322ff71..9058b76 100644 --- a/themes/itsblue/css-compiled/theme.css +++ b/themes/itsblue/css-compiled/theme.css @@ -1 +1 @@ -html{height:100%}#body-wrapper .container{padding:2rem 0 2rem}.header-fixed #body-wrapper{padding-top:4rem}.header-fixed .hero+#start>#body-wrapper{padding-top:0}section.section{padding-left:1rem;padding-right:1rem;position:relative}.overlay-light,.overlay-dark,.overlay-light-gradient,.overlay-dark-gradient{z-index:0}.hero{display:flex;align-items:center;justify-content:center;padding-top:6rem;padding-bottom:7rem;background-size:cover;background-position:center}.hero h1{color:#242931;font-size:4rem}.hero h2{color:rgba(36,41,49,0.8);font-size:2.5rem}.hero.hero-fullscreen{min-height:100vh}.hero.hero-large{min-height:500px}.hero.hero-medium{min-height:400px}.hero.hero-small{min-height:110px}.hero.hero-tiny{min-height:8rem}.header-fixed .hero{background-position:50% 0}@media (max-width: 840px){.hero h1{font-size:3rem}.hero h2{font-size:1.75rem}}@media (max-width: 600px){.hero h1{font-size:2rem}.hero h2{font-size:1.25rem}}.hero.text-light h1{color:#fff}.hero.text-light h2{color:rgba(255,255,255,0.8)}.hero p{font-size:.9rem;font-weight:300}.hero #to-start{display:inline-block;position:absolute;bottom:10px;font-size:2rem;cursor:pointer}.image-overlay{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}.overlay-light .image-overlay{background:rgba(255,255,255,0.4)}.overlay-light-gradient .image-overlay{background:linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2))}.overlay-dark .image-overlay{background:rgba(0,0,0,0.4)}.overlay-dark-gradient .image-overlay{background:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.2))}html{font-size:16px}@media screen and (min-width: 480px){html{font-size:calc(16px + 4 * ((100vw - 480px) / 800))}}@media screen and (min-width: 1280px){html{font-size:20px}}h1,h2,h3,h4,h5,h6{margin-top:2rem;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;color:#3a414e}h1,.h1{font-size:3rem}h2,.h2{font-size:1.8rem}h6,.h6{font-weight:400}.title-center h1,.title-center h2{text-align:center}.title-h1h2 h1{font-weight:100;margin-bottom:0;line-height:1.1}.title-h1h2 h1 strong,.title-h1h2 h1 bold{font-weight:400}.title-h1h2 h1+h2{line-height:1.1;margin-top:0}.title-h1h2 h1+h2,.title-center h1+h2{margin-bottom:50px;font-weight:700}a:focus{outline:none !important;box-shadow:none !important}img{max-width:100%}.table>table{border-spacing:0;border-collapse:collapse;width:100%}pre code,pre.xdebug-var-dump{background:#fafafa;display:block;padding:1rem !important;line-height:1.5;color:inherit;border-radius:2px;overflow-x:auto}pre[class*="language-"] code{border-radius:inherit;padding:0 !important;overflow-x:initial}pre code:not(.hljs):not([class*="language-"]){background:#f8f8f8}i.fa.fa-heart.pulse,i.fa.fa-heart-o.pulse{color:#920}b,strong{font-weight:700}.heavy{font-weight:700}.light{font-weight:200}.text-light{color:rgba(255,255,255,0.8)}.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6{color:rgba(255,255,255,0.9)}#error{text-align:center;position:relative;margin-top:5rem}#error .icon{font-size:50px}#messages{margin-bottom:1rem}#messages .icon{font-size:1rem}ul,ol{margin-left:1.6rem}ul ul,ul ol,ol ul,ol ol{margin-left:1.6rem}ul{list-style:disc outside}ol{list-style:decimal outside}.notices{margin:1.5rem 0}.notices p{margin:1rem 0}form .button-wrapper{margin-top:0.75rem;margin-bottom:1rem}form .btn{background-color:transparent;border:0;border-radius:0;box-shadow:inset 0 0 0 2px #e7e9ed;color:#454d5d !important;cursor:pointer;display:inline-block;font-size:0.9em;font-weight:_font(weight-bold);height:3em;letter-spacing:_font(kerning-alt);line-height:3em;padding:0 2.5em;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;font-size:12pt}@media (max-width: 840px){form .btn{font-size:9pt}}form .btn:hover{box-shadow:inset 0 0 0 2px #3085EE;background-color:transparent}form .btn:hover:active{background-color:rgba(48,133,238,0.15)}form .btn.icon{padding-left:1.35em}form .btn.icon:before{margin-right:0.5em}form .btn.fit{display:block;width:100%}form .btn.small{font-size:0.8em}form .btn.big{font-size:1.35em}form .btn.btn-primary{background-color:#3085EE;box-shadow:none;color:#fff !important}form .btn.btn-primary:hover{background-color:#126bd9}form .btn.btn-primary:hover:active{background-color:#5fa1f2}form .form-label{display:none}form span.required{color:#e85600;font-weight:700;font-size:1.2rem}form .form-input[type=range]{appearance:slider-horizontal}form .form-input[type=range]:focus{box-shadow:none;border:none}form .form-input[type=text],form .form-input[type=email],form textarea.form-input{background:#edeef1;border:0;border-radius:0;color:#454d5d;display:block;outline:0;padding:1em;text-decoration:none;width:100%;height:2.75em;text-size-adjust:1.5;font-size:15pt}@media (max-width: 840px){form .form-input[type=text],form .form-input[type=email],form textarea.form-input{font-size:11pt}}form .form-input[type=text]::placeholder,form .form-input[type=email]::placeholder,form textarea.form-input::placeholder{color:#454d5d;opacity:.5}form .form-input[type=text]:invalid,form .form-input[type=email]:invalid,form textarea.form-input:invalid{box-shadow:none}form .form-input[type=text]:focus,form .form-input[type=email]:focus,form textarea.form-input:focus{box-shadow:inset 0 0 0 2px #3085EE}form textarea.form-input{padding:.65em 1em;height:7em;resize:vertical}form .form-field.half{float:left;width:50%}@media (max-width: 600px){form .form-field.half{float:none;width:100%}}form .form-field.half.left{padding:0 .65em 0 0}@media (max-width: 600px){form .form-field.half.left{padding:0}}form .form-field.half.right{padding:0 0 0 .65em}@media (max-width: 600px){form .form-field.half.right{padding:0}}form .form-group:not(.form-field-toggleable) .checkboxes{display:inherit}form .form-group:not(.form-field-toggleable) .checkboxes label{display:inherit;padding:.1rem .4rem .1rem 1.2rem;margin:inherit}form .form-group:not(.form-field-toggleable) .checkboxes label:before{display:none}form .form-group:not(:last-child){margin-bottom:1.2rem}#grav-login>form{margin:2rem auto 0;max-width:350px}#grav-login .form-label{display:none}#grav-login .form-data{margin:1rem 0}#grav-login .form-input{text-align:center}#grav-login .button-wrapper{text-align:right}#grav-login .button-wrapper .form-data.rememberme{margin:0;float:left}#grav-login .login-form button[type="submit"]{background:#3085EE;border-color:#227ded;color:#fff}#grav-login .login-form button[type="submit"]:focus,#grav-login .login-form button[type="submit"]:hover{background:#1877ec;border-color:#1370e3;color:#fff}#grav-login .login-form button[type="submit"]:active,#grav-login .login-form button[type="submit"].active{background:#1372e7;border-color:#126bd9;color:#fff}#grav-login .twofa-form button[type="submit"]:first-child{background:#3085EE;border-color:#227ded;color:#fff;float:right;margin-left:4px}#grav-login .twofa-form button[type="submit"]:first-child:focus,#grav-login .twofa-form button[type="submit"]:first-child:hover{background:#1877ec;border-color:#1370e3;color:#fff}#grav-login .twofa-form button[type="submit"]:first-child:active,#grav-login .twofa-form button[type="submit"]:first-child.active{background:#1372e7;border-color:#126bd9;color:#fff}.mobile-container{position:absolute;top:40%;left:0;margin:0 auto;z-index:2}.mobile-logo svg,.mobile-logo img{height:42px;margin-top:.7rem;margin-left:1.4rem}.mobile-logo svg path,.mobile-logo img path{fill:#fff}.mobile-menu{display:none;top:0;right:0;z-index:3}.header-fixed .mobile-menu{position:fixed}@media (max-width: 840px){.mobile-menu{display:block}}.mobile-menu .button_container{position:absolute;top:1.3rem;right:1rem;height:24px;width:28px;cursor:pointer;z-index:100;transition:opacity .25s ease, top 0.5s ease}.mobile-menu .button_container:hover{opacity:.7}.mobile-menu .button_container.active{position:fixed}.mobile-menu .button_container.active .top{transform:translateY(8px) translateX(0) rotate(45deg);background:#FFF}.mobile-menu .button_container.active .middle{opacity:0;background:#FFF}.mobile-menu .button_container.active .bottom{transform:translateY(-8px) translateX(0) rotate(-45deg);background:#FFF}.mobile-menu .button_container span{background:#3085EE;border:none;height:4px;width:100%;position:absolute;top:0;left:0;transition:all .35s ease;cursor:pointer}.mobile-menu .button_container span:nth-of-type(2){top:8px}.mobile-menu .button_container span:nth-of-type(3){top:16px}.overlay{position:fixed;background:#000;top:0;left:0;width:100%;height:0%;opacity:0;visibility:hidden;transition:opacity .35s, visibility .35s, height .35s}.overlay.open{opacity:.95;visibility:visible;height:100%}.overlay nav{position:relative;margin:0 auto;text-align:center}.overlay-menu{height:calc(100% - 90px);overflow-y:scroll}.overlay-menu>.tree{text-align:left}.treemenu.treemenu-root{margin-top:1rem;margin-left:1.4rem}.treemenu li{list-style:none;margin:0;padding:5px 0;line-height:2rem;background:rgba(102,113,137,0)}.treemenu li a{display:block;margin-left:1.2rem;font-size:1.5rem;color:#bfbfbf;text-decoration:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.treemenu li a:hover,.treemenu li a:focus,.treemenu li a.active{color:#3e8def !important;text-decoration:none}.treemenu ul{margin:0 0 0 1rem}.treemenu .toggler{cursor:pointer;vertical-align:top;font-size:1.5rem;line-height:1.5rem;width:auto;margin-right:0.7rem;float:left;font-family:'Font Awesome 5 Free';vertical-align:middle;font-weight:900}.treemenu .toggler:before{display:inline-block;margin-right:2pt}.treemenu li.tree-empty>.toggler{opacity:0.3;cursor:default}.treemenu li.tree-empty>.toggler:before{content:"\f0c8"}.treemenu li.tree-closed>.toggler:before{content:"\f0fe"}.treemenu li.tree-opened>.toggler:before{content:"\f146"}.mobile-nav-open{overflow-y:hidden}.default-animation,#header,#header .navbar-section,#header .logo svg,#header .logo img,.modular-features.small .feature-icon i,.modular-features .feature-icon{transition:all 0.5s ease}.pulse{animation-name:pulse_animation;animation-duration:2000ms;transform-origin:70% 70%;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes pulse_animation{0%{transform:scale(1)}30%{transform:scale(1)}40%{transform:scale(1.08)}50%{transform:scale(1)}60%{transform:scale(1)}70%{transform:scale(1.05)}80%{transform:scale(1)}100%{transform:scale(1)}}#header{width:100%;height:4rem;border-bottom:1px solid rgba(172,179,194,0.2);font-size:0.7rem;font-weight:700;background:#fff;color:#454d5d}#header .logo svg path{fill:#222}.header-dark #header:not(.scrolled){background:#222;color:#fff}.header-dark #header:not(.scrolled) a:not(.submenu){color:rgba(255,255,255,0.7) !important}.header-dark #header:not(.scrolled) a:not(.submenu):hover,.header-dark #header:not(.scrolled) a:not(.submenu).active{color:#fff !important}.header-dark #header:not(.scrolled) .dropmenu ul ul a:not(.submenu){color:#454d5d !important}.header-dark #header:not(.scrolled) .logo svg path{fill:#fff}.header-dark.header-transparent #header:not(.scrolled){background:rgba(0,0,0,0.05)}.header-transparent #header:not(.scrolled){background:rgba(255,255,255,0.05)}#header .navbar-section{height:4rem}@media (max-width: 840px){#header .navbar-section{margin-right:2rem}}@media (max-width: 840px){#header .navbar-section.desktop-menu{display:none}}#header .logo svg,#header .logo img{height:42px;display:inherit}.header-fixed #header{position:fixed;top:0;z-index:2}body.header-fixed.header-animated #header.scrolled{height:2.3rem}body.header-fixed.header-animated #header.scrolled .navbar-section{height:2.3rem}body.header-fixed.header-animated #header.scrolled .logo svg,body.header-fixed.header-animated #header.scrolled .logo img{height:28px}body.header-fixed.header-animated #header.scrolled ~ .mobile-menu .button_container{top:0.5rem}.login-status-wrapper{white-space:nowrap}body.sticky-footer{height:100%;min-height:100vh;display:flex;flex-direction:column}body.sticky-footer #page-wrapper{flex:1 0 auto}#footer{color:#acb3c2;padding:1rem 1rem 0;text-align:center}@media (max-width: 840px){.dropmenu{display:none}}.dropmenu ul{white-space:nowrap;margin:0}.dropmenu ul:not(.submenu){display:flex}.dropmenu ul li{position:relative;margin:0}.dropmenu ul li a{text-decoration:none;padding:9px 30px 9px 20px;display:block;color:#454d5d}.dropmenu ul li a:hover,.dropmenu ul li a:focus,.dropmenu ul li a.active{color:#3085EE !important}.dropmenu ul li a:before{content:'\f107';font-family:'Font Awesome 5 Free';vertical-align:middle;float:right;margin-right:-20px}.dropmenu ul li a:only-child{padding-right:20px}.dropmenu ul li a:only-child:before{content:''}.dropmenu ul ul li a:before{content:'\f105'}.dropmenu ul ul{position:absolute;top:100%;list-style:none;background:#fff;box-shadow:0 3px 5px rgba(0,0,0,0.1);opacity:0;pointer-events:none}.dropmenu ul ul ul{position:absolute;left:100%;top:0}.dropmenu>ul>li{display:inline-block}.dropmenu.animated ul li{transition:background .7s, color 0.5s}.dropmenu.animated ul li:hover>ul{opacity:1;pointer-events:all;transform:translateY(0)}.dropmenu.animated ul ul{transition:transform .3s, opacity .5s;opacity:0;transform:translateY(-10px)}.submenu{display:block}.submenu li:first-child a{padding:18px 30px 9px 20px}@media (max-width: 840px){.submenu li:first-child a{padding:unset}}.submenu li:last-child a{padding:9px 30px 18px 20px}@media (max-width: 840px){.submenu li:last-child a{padding:unset}}.extra-spacing:not(.col-12),:not(.col12)>.e-content{padding-right:1rem}@media (max-width: 840px){.extra-spacing:not(.col-12),:not(.col12)>.e-content{padding-right:0}}#breadcrumbs{padding-left:0;display:flex;align-items:center;margin-top:-1rem;margin-bottom:1rem}#breadcrumbs i{display:none}#breadcrumbs span,#breadcrumbs a{padding:0 0.5rem}#breadcrumbs span:first-child,#breadcrumbs a:first-child{padding-left:0}#breadcrumbs span:not(:first-child)::before,#breadcrumbs a:not(:first-child)::before{color:#e7e9ed;content:"/";padding-right:1rem}.blog-listing .bricklayer-column{padding-left:0px;padding-right:25px}.blog-listing .card{margin-bottom:25px;border:0;box-shadow:0 10px 45px -9px rgba(0,0,0,0.1)}.blog-listing .card-footer{text-align:right}.blog-listing .blog-date{font-size:13px}.content-title{margin-bottom:2rem}.content-title h2{margin-bottom:0.5rem}.label{font-size:12px;text-transform:uppercase}ul.pagination{justify-content:center}.prev-next{margin-top:4rem}#sidebar ul.related-pages{box-shadow:none;padding:0;z-index:1}#sidebar ul.related-pages li{border-bottom:1px solid #e7e9ed}#sidebar ul.related-pages li:last-child{border-bottom:0}#sidebar ul.archives{list-style:none;margin-left:0}#sidebar ul.archives .label{vertical-align:text-top}.modular-hero #to-start{bottom:3.5rem}.modular-features{text-align:center}.modular-features.offset-box .frame-box{margin:-3rem -1.4rem 3rem;padding:1rem 1rem;background:#fff;box-shadow:0 0 75px 0 rgba(69,77,93,0.1)}.modular-features.small .columns{margin-top:-1rem}.modular-features.small .column:hover .feature-icon i{color:#3085EE}.modular-features.small .feature-icon{display:block;justify-content:left}.modular-features.small .feature-icon i{position:relative;display:inherit;font-size:70px;margin:0 auto 1rem;transform:none;left:auto;top:auto;color:#acb3c2}.modular-features.small .feature-icon h6{text-transform:none}.modular-features .frame-box{padding:3rem 0}.modular-features .frame-box>p{max-width:600px;margin-left:auto;margin-right:auto}.modular-features .column{padding:1rem}.modular-features .column:hover .feature-icon{color:#acb3c2}.modular-features .column:hover .feature-icon h6{color:#3085EE}.modular-features .column:hover .feature-content{color:#667189}.modular-features .feature-icon{font-size:130px;height:100px;color:#e7e9ed;display:flex;align-items:center;justify-content:center;position:relative;margin:1rem 0}.modular-features .feature-icon i{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.modular-features .feature-icon h6{background:#fff;line-height:1;z-index:1;text-transform:uppercase;font-weight:600;margin:0;display:block;color:#667189}.modular-features .feature-content{color:#acb3c2}.modular-text{padding-top:4rem;padding-bottom:4rem}.modular-text .columns.left{flex-direction:row-reverse} +html{height:100%}#body-wrapper .container{padding:2rem 0 2rem}.header-fixed #body-wrapper{padding-top:4rem}.header-fixed .hero+#start>#body-wrapper{padding-top:0}section.section{padding-left:1rem;padding-right:1rem;position:relative}.overlay-light,.overlay-dark,.overlay-light-gradient,.overlay-dark-gradient{z-index:0}.hero{display:flex;align-items:center;justify-content:center;padding-top:6rem;padding-bottom:7rem;background-size:cover;background-position:center}.hero h1{color:#242931;font-size:4rem}.hero h2{color:rgba(36,41,49,0.8);font-size:2.5rem}.hero.hero-fullscreen{min-height:100vh}.hero.hero-large{min-height:500px}.hero.hero-medium{min-height:400px}.hero.hero-small{min-height:110px}.hero.hero-tiny{min-height:8rem}.header-fixed .hero{background-position:50% 0}@media (max-width: 840px){.hero h1{font-size:3rem}.hero h2{font-size:1.75rem}}@media (max-width: 600px){.hero h1{font-size:2rem}.hero h2{font-size:1.25rem}}.hero.text-light h1{color:#fff}.hero.text-light h2{color:rgba(255,255,255,0.8)}.hero p{font-size:.9rem;font-weight:300}.hero #to-start{display:inline-block;position:absolute;bottom:10px;font-size:2rem;cursor:pointer}.image-overlay{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}.overlay-light .image-overlay{background:rgba(255,255,255,0.4)}.overlay-light-gradient .image-overlay{background:linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2))}.overlay-dark .image-overlay{background:rgba(0,0,0,0.4)}.overlay-dark-gradient .image-overlay{background:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.2))}html{font-size:16px}@media screen and (min-width: 480px){html{font-size:calc(16px + 4 * ((100vw - 480px) / 800))}}@media screen and (min-width: 1280px){html{font-size:20px}}h1,h2,h3,h4,h5,h6{margin-top:2rem;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;color:#3a414e}h1,.h1{font-size:3rem}h2,.h2{font-size:1.8rem}h6,.h6{font-weight:400}.title-center h1,.title-center h2{text-align:center}.title-h1h2 h1{font-weight:100;margin-bottom:0;line-height:1.1}.title-h1h2 h1 strong,.title-h1h2 h1 bold{font-weight:400}.title-h1h2 h1+h2{line-height:1.1;margin-top:0}.title-h1h2 h1+h2,.title-center h1+h2{margin-bottom:50px;font-weight:700}a:focus{outline:none !important;box-shadow:none !important}img{max-width:100%}.table>table{border-spacing:0;border-collapse:collapse;width:100%}pre code,pre.xdebug-var-dump{background:#fafafa;display:block;padding:1rem !important;line-height:1.5;color:inherit;border-radius:2px;overflow-x:auto}pre[class*="language-"] code{border-radius:inherit;padding:0 !important;overflow-x:initial}pre code:not(.hljs):not([class*="language-"]){background:#f8f8f8}i.fa.fa-heart.pulse,i.fa.fa-heart-o.pulse{color:#920}b,strong{font-weight:700}.heavy{font-weight:700}.light{font-weight:200}.text-light{color:rgba(255,255,255,0.8)}.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6{color:rgba(255,255,255,0.9)}#error{text-align:center;position:relative;margin-top:5rem}#error .icon{font-size:50px}#messages{margin-bottom:1rem}#messages .icon{font-size:1rem}ul,ol{margin-left:1.6rem}ul ul,ul ol,ol ul,ol ol{margin-left:1.6rem}ul{list-style:disc outside}ol{list-style:decimal outside}.notices{margin:1.5rem 0}.notices p{margin:1rem 0}form .button-wrapper{margin-top:0.75rem;margin-bottom:1rem}form .btn{background-color:transparent;border:0;border-radius:0;box-shadow:inset 0 0 0 2px #e7e9ed;color:#454d5d !important;cursor:pointer;display:inline-block;font-size:0.9em;font-weight:_font(weight-bold);height:3em;letter-spacing:_font(kerning-alt);line-height:3em;padding:0 2.5em;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;font-size:12pt}@media (max-width: 840px){form .btn{font-size:9pt}}form .btn:hover{box-shadow:inset 0 0 0 2px #3085EE;background-color:transparent}form .btn:hover:active{background-color:rgba(48,133,238,0.15)}form .btn.icon{padding-left:1.35em}form .btn.icon:before{margin-right:0.5em}form .btn.fit{display:block;width:100%}form .btn.small{font-size:0.8em}form .btn.big{font-size:1.35em}form .btn.btn-primary{background-color:#3085EE;box-shadow:none;color:#fff !important}form .btn.btn-primary:hover{background-color:#126bd9}form .btn.btn-primary:hover:active{background-color:#5fa1f2}form .form-label{display:none}form span.required{color:#e85600;font-weight:700;font-size:1.2rem}form .form-input[type=range]{appearance:slider-horizontal}form .form-input[type=range]:focus{box-shadow:none;border:none}form .form-input[type=text],form .form-input[type=email],form textarea.form-input{background:#edeef1;border:0;border-radius:0;color:#454d5d;display:block;outline:0;padding:1em;text-decoration:none;width:100%;height:2.75em;text-size-adjust:1.5;font-size:15pt}@media (max-width: 840px){form .form-input[type=text],form .form-input[type=email],form textarea.form-input{font-size:11pt}}form .form-input[type=text]::placeholder,form .form-input[type=email]::placeholder,form textarea.form-input::placeholder{color:#454d5d;opacity:.5}form .form-input[type=text]:invalid,form .form-input[type=email]:invalid,form textarea.form-input:invalid{box-shadow:none}form .form-input[type=text]:focus,form .form-input[type=email]:focus,form textarea.form-input:focus{box-shadow:inset 0 0 0 2px #3085EE}form textarea.form-input{padding:.65em 1em;height:7em;resize:vertical}form .form-field.half{float:left;width:50%}@media (max-width: 600px){form .form-field.half{float:none;width:100%}}form .form-field.half.left{padding:0 .65em 0 0}@media (max-width: 600px){form .form-field.half.left{padding:0}}form .form-field.half.right{padding:0 0 0 .65em}@media (max-width: 600px){form .form-field.half.right{padding:0}}form .form-group:not(.form-field-toggleable) .checkboxes{display:inherit}form .form-group:not(.form-field-toggleable) .checkboxes label{display:inherit;padding:.1rem .4rem .1rem 1.2rem;margin:inherit}form .form-group:not(.form-field-toggleable) .checkboxes label:before{display:none}form .form-group:not(:last-child){margin-bottom:1.2rem}#grav-login>form{margin:2rem auto 0;max-width:350px}#grav-login .form-label{display:none}#grav-login .form-data{margin:1rem 0}#grav-login .form-input{text-align:center}#grav-login .button-wrapper{text-align:right}#grav-login .button-wrapper .form-data.rememberme{margin:0;float:left}#grav-login .login-form button[type="submit"]{background:#3085EE;border-color:#227ded;color:#fff}#grav-login .login-form button[type="submit"]:focus,#grav-login .login-form button[type="submit"]:hover{background:#1877ec;border-color:#1370e3;color:#fff}#grav-login .login-form button[type="submit"]:active,#grav-login .login-form button[type="submit"].active{background:#1372e7;border-color:#126bd9;color:#fff}#grav-login .twofa-form button[type="submit"]:first-child{background:#3085EE;border-color:#227ded;color:#fff;float:right;margin-left:4px}#grav-login .twofa-form button[type="submit"]:first-child:focus,#grav-login .twofa-form button[type="submit"]:first-child:hover{background:#1877ec;border-color:#1370e3;color:#fff}#grav-login .twofa-form button[type="submit"]:first-child:active,#grav-login .twofa-form button[type="submit"]:first-child.active{background:#1372e7;border-color:#126bd9;color:#fff}.mobile-container{position:absolute;top:40%;left:0;margin:0 auto;z-index:2}.mobile-logo svg,.mobile-logo img{height:42px;margin-top:.7rem;margin-left:1.4rem}.mobile-logo svg path,.mobile-logo img path{fill:#fff}.mobile-menu{display:none;top:0;right:0;z-index:3}.header-fixed .mobile-menu{position:fixed}@media (max-width: 840px){.mobile-menu{display:block}}.mobile-menu .button_container{position:absolute;top:1.3rem;right:1rem;height:24px;width:28px;cursor:pointer;z-index:100;transition:opacity .25s ease, top 0.5s ease}.mobile-menu .button_container:hover{opacity:.7}.mobile-menu .button_container.active{position:fixed}.mobile-menu .button_container.active .top{transform:translateY(8px) translateX(0) rotate(45deg);background:#FFF}.mobile-menu .button_container.active .middle{opacity:0;background:#FFF}.mobile-menu .button_container.active .bottom{transform:translateY(-8px) translateX(0) rotate(-45deg);background:#FFF}.mobile-menu .button_container span{background:#3085EE;border:none;height:4px;width:100%;position:absolute;top:0;left:0;transition:all .35s ease;cursor:pointer}.mobile-menu .button_container span:nth-of-type(2){top:8px}.mobile-menu .button_container span:nth-of-type(3){top:16px}.overlay{position:fixed;background:#000;top:0;left:0;width:100%;height:0%;opacity:0;visibility:hidden;transition:opacity .35s, visibility .35s, height .35s}.overlay.open{opacity:.95;visibility:visible;height:100%}.overlay nav{position:relative;margin:0 auto;text-align:center}.overlay-menu{height:calc(100% - 90px);overflow-y:scroll}.overlay-menu>.tree{text-align:left}.treemenu.treemenu-root{margin-top:1rem;margin-left:1.4rem}.treemenu li{list-style:none;margin:0;padding:5px 0;line-height:2rem;background:rgba(102,113,137,0)}.treemenu li a{display:block;margin-left:1.2rem;font-size:1.5rem;color:#bfbfbf;text-decoration:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.treemenu li a:hover,.treemenu li a:focus,.treemenu li a.active{color:#3e8def !important;text-decoration:none}.treemenu ul{margin:0 0 0 1rem}.treemenu .toggler{cursor:pointer;vertical-align:top;font-size:1.5rem;line-height:1.5rem;width:auto;margin-right:0.7rem;float:left;font-family:'Font Awesome 5 Free';vertical-align:middle;font-weight:900}.treemenu .toggler:before{display:inline-block;margin-right:2pt}.treemenu li.tree-empty>.toggler{opacity:0.3;cursor:default}.treemenu li.tree-empty>.toggler:before{content:"\f0c8"}.treemenu li.tree-closed>.toggler:before{content:"\f0fe"}.treemenu li.tree-opened>.toggler:before{content:"\f146"}.mobile-nav-open{overflow-y:hidden}.default-animation,#header,#header .navbar-section,#header .logo svg,#header .logo img,.modular-features.small .feature-icon i,.modular-features .feature-icon{transition:all 0.5s ease}.pulse{animation-name:pulse_animation;animation-duration:2000ms;transform-origin:70% 70%;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes pulse_animation{0%{transform:scale(1)}30%{transform:scale(1)}40%{transform:scale(1.08)}50%{transform:scale(1)}60%{transform:scale(1)}70%{transform:scale(1.05)}80%{transform:scale(1)}100%{transform:scale(1)}}#header{width:100%;height:4rem;border-bottom:1px solid rgba(172,179,194,0.2);font-size:0.7rem;font-weight:700;background:#fff;color:#454d5d}#header .logo svg path{fill:#222}.header-dark #header:not(.scrolled){background:#222;color:#fff}.header-dark #header:not(.scrolled) a:not(.submenu){color:rgba(255,255,255,0.7) !important}.header-dark #header:not(.scrolled) a:not(.submenu):hover,.header-dark #header:not(.scrolled) a:not(.submenu).active{color:#fff !important}.header-dark #header:not(.scrolled) .dropmenu ul ul a:not(.submenu){color:#454d5d !important}.header-dark #header:not(.scrolled) .logo svg path{fill:#fff}.header-dark.header-transparent #header:not(.scrolled){background:rgba(0,0,0,0.05)}.header-transparent #header:not(.scrolled){background:rgba(255,255,255,0.05)}#header .navbar-section{height:4rem}@media (max-width: 840px){#header .navbar-section{margin-right:2rem}}@media (max-width: 840px){#header .navbar-section.desktop-menu{display:none}}#header .logo svg,#header .logo img{height:42px;display:inherit}.header-fixed #header{position:fixed;top:0;z-index:2}body.header-fixed.header-animated #header.scrolled{height:2.3rem}body.header-fixed.header-animated #header.scrolled .navbar-section{height:2.3rem}body.header-fixed.header-animated #header.scrolled .logo svg,body.header-fixed.header-animated #header.scrolled .logo img{height:28px}body.header-fixed.header-animated #header.scrolled ~ .mobile-menu .button_container{top:0.5rem}.login-status-wrapper{white-space:nowrap}body.sticky-footer{height:100%;min-height:100vh;display:flex;flex-direction:column}body.sticky-footer #page-wrapper{flex:1 0 auto}#footer{color:#acb3c2;padding:1rem 1rem 0;text-align:center}@media (max-width: 840px){.dropmenu{display:none}}.dropmenu ul{white-space:nowrap;margin:0}.dropmenu ul:not(.submenu){display:flex}.dropmenu ul li{position:relative;margin:0}.dropmenu ul li a{text-decoration:none;padding:9px 30px 9px 20px;display:block;color:#454d5d}.dropmenu ul li a:hover,.dropmenu ul li a:focus,.dropmenu ul li a.active{color:#3085EE !important}.dropmenu ul li a:before{content:'\f107';font-family:'Font Awesome 5 Free';vertical-align:middle;float:right;margin-right:-20px}.dropmenu ul li a:only-child{padding-right:20px}.dropmenu ul li a:only-child:before{content:''}.dropmenu ul ul li a:before{content:'\f105'}.dropmenu ul ul{position:absolute;top:100%;list-style:none;background:#fff;box-shadow:0 3px 5px rgba(0,0,0,0.1);opacity:0;pointer-events:none}.dropmenu ul ul ul{position:absolute;left:100%;top:0}.dropmenu>ul>li{display:inline-block}.dropmenu.animated ul li{transition:background .7s, color 0.5s}.dropmenu.animated ul li:hover>ul{opacity:1;pointer-events:all;transform:translateY(0)}.dropmenu.animated ul ul{transition:transform .3s, opacity .5s;opacity:0;transform:translateY(-10px)}.submenu{display:block}.submenu li:first-child a{padding:18px 30px 9px 20px}@media (max-width: 840px){.submenu li:first-child a{padding:unset}}.submenu li:last-child a{padding:9px 30px 18px 20px}@media (max-width: 840px){.submenu li:last-child a{padding:unset}}.extra-spacing:not(.col-12),:not(.col12)>.e-content{padding-right:1rem}@media (max-width: 840px){.extra-spacing:not(.col-12),:not(.col12)>.e-content{padding-right:0}}#breadcrumbs{padding-left:0;display:flex;align-items:center;margin-top:-1rem;margin-bottom:1rem}#breadcrumbs i{display:none}#breadcrumbs span,#breadcrumbs a{padding:0 0.5rem}#breadcrumbs span:first-child,#breadcrumbs a:first-child{padding-left:0}#breadcrumbs span:not(:first-child)::before,#breadcrumbs a:not(:first-child)::before{color:#e7e9ed;content:"/";padding-right:1rem}.blog-listing .bricklayer-column{padding-left:0px;padding-right:25px}.blog-listing .card{margin-bottom:25px;border:0;box-shadow:0 10px 45px -9px rgba(0,0,0,0.1)}.blog-listing .card-footer{text-align:right}.blog-listing .blog-date{font-size:13px}.content-title{margin-bottom:2rem}.content-title h2{margin-bottom:0.5rem}.label{font-size:12px;text-transform:uppercase}ul.pagination{justify-content:center}.prev-next{margin-top:4rem}#sidebar ul.related-pages{box-shadow:none;padding:0;z-index:1}#sidebar ul.related-pages li{border-bottom:1px solid #e7e9ed}#sidebar ul.related-pages li:last-child{border-bottom:0}#sidebar ul.archives{list-style:none;margin-left:0}#sidebar ul.archives .label{vertical-align:text-top}.modular-hero{background-position:top}.modular-hero #to-start{bottom:3.5rem}@media (max-width: 840px){.modular-hero{background-origin:border-box;padding-bottom:-100px}}.modular-features{text-align:center}.modular-features.offset-box .frame-box{margin:-3rem -1.4rem 3rem;padding:1rem 1rem;background:#fff;box-shadow:0 0 75px 0 rgba(69,77,93,0.1)}.modular-features.small .columns{margin-top:-1rem}.modular-features.small .column:hover .feature-icon i{color:#3085EE}.modular-features.small .feature-icon{display:block;justify-content:left}.modular-features.small .feature-icon i{position:relative;display:inherit;font-size:70px;margin:0 auto 1rem;transform:none;left:auto;top:auto;color:#acb3c2}.modular-features.small .feature-icon h6{text-transform:none}.modular-features .frame-box{padding:3rem 0}.modular-features .frame-box>p{max-width:600px;margin-left:auto;margin-right:auto}.modular-features .column{padding:1rem}.modular-features .column:hover .feature-icon{color:#acb3c2}.modular-features .column:hover .feature-icon h6{color:#3085EE}.modular-features .column:hover .feature-content{color:#667189}.modular-features .feature-icon{font-size:130px;height:100px;color:#e7e9ed;display:flex;align-items:center;justify-content:center;position:relative;margin:1rem 0}.modular-features .feature-icon i{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.modular-features .feature-icon img{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);height:210%}.modular-features .feature-icon h6{background:#fff;line-height:1;z-index:1;text-transform:uppercase;font-weight:600;margin:0;display:block;color:#667189}.modular-features .feature-content{color:#acb3c2}.modular-text{padding-top:4rem;padding-bottom:4rem}.modular-text .columns.left{flex-direction:row-reverse} diff --git a/themes/itsblue/js/site.js b/themes/itsblue/js/site.js index 02915ae..2817618 100755 --- a/themes/itsblue/js/site.js +++ b/themes/itsblue/js/site.js @@ -9,19 +9,21 @@ function scrollHeader() { $("#header").removeClass("scrolled"); } -function parallaxBackground() { - $('.parallax').css('background-positionY', ($(window).scrollTop() * 0.3) + 'px'); +function parallaxBackground(offset) { + $('.parallax').css('background-positionY', (parseInt(offset) - ($(window).scrollTop() * 0.1)) + '%'); } jQuery(document).ready(function($){ scrollHeader(); + var heroBasePosition = $('#header-hero').css('background-positionY'); + // Scroll Events if (!isTouch){ $(document).scroll(function() { scrollHeader(); - parallaxBackground(); + parallaxBackground(heroBasePosition); }); }; diff --git a/themes/itsblue/scss/theme/_onepage.scss b/themes/itsblue/scss/theme/_onepage.scss index 00d8700..44b32bf 100755 --- a/themes/itsblue/scss/theme/_onepage.scss +++ b/themes/itsblue/scss/theme/_onepage.scss @@ -2,6 +2,11 @@ #to-start { bottom: 3.5rem; } + background-position: top; + @include breakpoint(md) { + background-origin: border-box; + padding-bottom: -100px; + } } .modular-features { @@ -43,8 +48,8 @@ top: auto; color: $gray-color; @extend .default-animation; - } + h6 { text-transform: none; } @@ -95,6 +100,14 @@ transform: translateX(-50%) translateY(-50%); } + img { + position: absolute; + left: 50%; + top: 50%; + transform: translateX(-50%) translateY(-50%); + height: 210%; + } + h6 { background: $light-color; line-height: 1; diff --git a/themes/itsblue/templates/modular/features.html.twig b/themes/itsblue/templates/modular/features.html.twig index 9232983..8212e9e 100755 --- a/themes/itsblue/templates/modular/features.html.twig +++ b/themes/itsblue/templates/modular/features.html.twig @@ -11,7 +11,13 @@
{% if feature.url %}{% endif %}
- + {% if feature.iconFa %} + + {% elseif feature.iconBase64 %} + + {% else %} + + {% endif %} {% if feature.header %}
{{ feature.header }}
{% endif %} diff --git a/themes/itsblue/templates/partials/hero.html.twig b/themes/itsblue/templates/partials/hero.html.twig index 527581f..d2b9e2a 100755 --- a/themes/itsblue/templates/partials/hero.html.twig +++ b/themes/itsblue/templates/partials/hero.html.twig @@ -1,4 +1,4 @@ -
+
{{ content|raw }}