diff --git a/server/templates/pages/process.dust b/server/templates/pages/process.dust index 8d1b35e..8b376de 100644 --- a/server/templates/pages/process.dust +++ b/server/templates/pages/process.dust @@ -1,5 +1,4 @@
-
 

Our Process

diff --git a/server/templates/pages/services.dust b/server/templates/pages/services.dust index ea22b68..03ad720 100644 --- a/server/templates/pages/services.dust +++ b/server/templates/pages/services.dust @@ -1,33 +1,35 @@
-

Our Services

- -
-
-

HomeCinema

-

Fanatical about film? It’s time to bring that experience home. Our entertainment systems range from simple wall-mounted setups to fully immersive media rooms that are designed to deliver cutting-edge visuals and acoustics that will blow you away.

- Read more... -
-
-
-

HomeAudio

-

Streaming music directly from your smartphone or tablet is an awesomely simple way to experience your media. Our multiroom audio systems allow you the freedom to play your music in any room of your home and with our seamless installation, you can experience high-fidelity audio with minimal visual impact.

- Read more... -
-
-
-

HomeSecurity

-

Looking after your home is important and necessary. Modern technology can be your eyes and ears, informing you when something’s not right and letting you know when everything is running smoothly. Smart security systems connect with your home network, giving you access to your property, wherever you are in the world.

- Read more... -
-
-
-

HomeAutomation

-

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.

- Read more... -
- {>"partials/footer"/} +

Our Services

+ +
+
+

HomeCinema

+

Fanatical about film? It’s time to bring that experience home. Our entertainment systems range from simple wall-mounted setups to fully immersive media rooms that are designed to deliver cutting-edge visuals and acoustics that will blow you away.

+ Read more... +
+
+
+

HomeAudio

+

Streaming music directly from your smartphone or tablet is an awesomely simple way to experience your media. Our multiroom audio systems allow you the freedom to play your music in any room of your home and with our seamless installation, you can experience high-fidelity audio with minimal visual impact.

+ Read more... +
+
+
+

HomeSecurity

+

Looking after your home is important and necessary. Modern technology can be your eyes and ears, informing you when something’s not right and letting you know when everything is running smoothly. Smart security systems connect with your home network, giving you access to your property, wherever you are in the world.

+ Read more... +
+
+
+

HomeAutomation

+

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.

+ Read more... +
+
+ {>"partials/footer"/} +
\ No newline at end of file diff --git a/src/js/app.js b/src/js/app.js index 54ffa8a..3235b3a 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -15,6 +15,6 @@ $(function() { app.burger = new app.views.BurgerHover({ el: $('header') }); Backbone.history.start({ silent: true, pushState: true }); - console.log(app) + $(document.head).append('') }); diff --git a/src/sass/_content.scss b/src/sass/_content.scss index cbb5cf6..2beeab3 100644 --- a/src/sass/_content.scss +++ b/src/sass/_content.scss @@ -52,15 +52,7 @@ } .page.process { - .bgel{ - position:fixed; - top:0; - width:100%; - height:120vh; - @include backgrounder("process-background", "jpg", "no-repeat center/cover"); - min-height:500px; - } - overflow:visible; + @include backgrounder("process-background", "jpg", "no-repeat center/cover"); height:1%; width:100%; @@ -171,12 +163,11 @@ .splash { top:0; - height:100%; min-height:600px; width:100%; position:fixed; z-index:1; - @media (pointer:coarse){ + @media all and(max-height:600px){ position:absolute; } .splash-text { @@ -192,8 +183,8 @@ } } .splashspacer{ - height:90%; - min-height:500px; + margin-top:-50px; + min-height:600px; width:100%; } .postsplash { diff --git a/src/sass/_layout.scss b/src/sass/_layout.scss index a182c02..badc131 100644 --- a/src/sass/_layout.scss +++ b/src/sass/_layout.scss @@ -100,6 +100,7 @@ html { //Header header { top:0; + position:absolute; @media all and(min-height:900px){ position:fixed; } @@ -162,8 +163,10 @@ header { } .burger {display:none;} - .coverer{width:0px;height:0px; - transition:background 1s ease;} + .coverer { + width:0px;height:0px; + transition:background 1s ease; + } @media all and(max-width:800px){ .burger { display:block; @@ -236,6 +239,7 @@ header { //Default body styles html,body{height:100%;width:100%;position:relative;} body { + overflow-x: hidden; overflow-y: scroll; > main { overflow-x: hidden; @@ -245,6 +249,9 @@ body { min-height: calc(100% - 60px); > .page { position:absolute; + &:not(.servicepage){ + margin-top:60px; + } @media all and(min-height:900px){ margin-top:60px; }