This commit is contained in:
Robin Hägg 2015-09-11 15:29:25 +02:00
parent 85a9641af0
commit efce4fa2dc
5 changed files with 47 additions and 48 deletions

View File

@ -1,5 +1,4 @@
<div class="page row process"> <div class="page row process">
<div class="bgel">&nbsp;</div>
<div class="process-band response-band"> <div class="process-band response-band">
<div class="cgbg title-box"> <div class="cgbg title-box">
<h1>Our Process</h1> <h1>Our Process</h1>

View File

@ -29,5 +29,7 @@
<p>Connect your home and experience the comfort, convenience and simplicity of a smarter way of life. Control your entertainment, security, lighting and climate through your smartphone or tablet and prepare your property for the future of HomeTechnology.</p> <p>Connect your home and experience the comfort, convenience and simplicity of a smarter way of life. Control your entertainment, security, lighting and climate through your smartphone or tablet and prepare your property for the future of HomeTechnology.</p>
<a class="bluebutton mtb nav" href="services/integration">Read more...</a> <a class="bluebutton mtb nav" href="services/integration">Read more...</a>
</div> </div>
<div class="col">
{>"partials/footer"/} {>"partials/footer"/}
</div> </div>
</div>

View File

@ -15,6 +15,6 @@ $(function() {
app.burger = new app.views.BurgerHover({ el: $('header') }); app.burger = new app.views.BurgerHover({ el: $('header') });
Backbone.history.start({ silent: true, pushState: true }); Backbone.history.start({ silent: true, pushState: true });
console.log(app) $(document.head).append('<style> .splash,.splashspacer{height: ' + Math.max(window.innerHeight, window.innerWidth) + 'px !important;}</style>')
}); });

View File

@ -52,15 +52,7 @@
} }
.page.process { .page.process {
.bgel{
position:fixed;
top:0;
width:100%;
height:120vh;
@include backgrounder("process-background", "jpg", "no-repeat center/cover"); @include backgrounder("process-background", "jpg", "no-repeat center/cover");
min-height:500px;
}
overflow:visible;
height:1%; height:1%;
width:100%; width:100%;
@ -171,12 +163,11 @@
.splash { .splash {
top:0; top:0;
height:100%;
min-height:600px; min-height:600px;
width:100%; width:100%;
position:fixed; position:fixed;
z-index:1; z-index:1;
@media (pointer:coarse){ @media all and(max-height:600px){
position:absolute; position:absolute;
} }
.splash-text { .splash-text {
@ -192,8 +183,8 @@
} }
} }
.splashspacer{ .splashspacer{
height:90%; margin-top:-50px;
min-height:500px; min-height:600px;
width:100%; width:100%;
} }
.postsplash { .postsplash {

View File

@ -100,6 +100,7 @@ html {
//Header //Header
header { header {
top:0; top:0;
position:absolute;
@media all and(min-height:900px){ @media all and(min-height:900px){
position:fixed; position:fixed;
} }
@ -162,8 +163,10 @@ header {
} }
.burger {display:none;} .burger {display:none;}
.coverer{width:0px;height:0px; .coverer {
transition:background 1s ease;} width:0px;height:0px;
transition:background 1s ease;
}
@media all and(max-width:800px){ @media all and(max-width:800px){
.burger { .burger {
display:block; display:block;
@ -236,6 +239,7 @@ header {
//Default body styles //Default body styles
html,body{height:100%;width:100%;position:relative;} html,body{height:100%;width:100%;position:relative;}
body { body {
overflow-x: hidden;
overflow-y: scroll; overflow-y: scroll;
> main { > main {
overflow-x: hidden; overflow-x: hidden;
@ -245,6 +249,9 @@ body {
min-height: calc(100% - 60px); min-height: calc(100% - 60px);
> .page { > .page {
position:absolute; position:absolute;
&:not(.servicepage){
margin-top:60px;
}
@media all and(min-height:900px){ @media all and(min-height:900px){
margin-top:60px; margin-top:60px;
} }