diff --git a/server/templates/master.dust b/server/templates/master.dust index 63dd696..a6d1cec 100644 --- a/server/templates/master.dust +++ b/server/templates/master.dust @@ -7,7 +7,7 @@ - + @@ -33,7 +33,10 @@ Security Integration -
+
+ + +
{?error} diff --git a/server/templates/pages/markets.dust b/server/templates/pages/markets.dust index 5c17328..426f498 100644 --- a/server/templates/pages/markets.dust +++ b/server/templates/pages/markets.dust @@ -8,60 +8,54 @@
-
-
-
-

Preparing your home for the future

-

Working together to help you understand what’s possible.

- Our Services - Contact Us -
-
-

Flexible and reliable

-

We design our systems to adapt to your requirements whist ensuring dependability, and we work to the same exacting standards.

-

Communication is key

-

Full disclosure at every stage of your project allow us to be more efficient and effective at what we do, and keeps you better informed in the process.

-

Unrivalled support

-

Looking after your equipment once we’ve finished is an integral part of our service, keeping you and your system fully up to date.

-
+
+
+

Preparing your home for the future

+

Working together to help you understand what’s possible.

+ Our Services + Contact Us +
+
+

Flexible and reliable

+

We design our systems to adapt to your requirements whist ensuring dependability, and we work to the same exacting standards.

+

Communication is key

+

Full disclosure at every stage of your project allow us to be more efficient and effective at what we do, and keeps you better informed in the process.

+

Unrivalled support

+

Looking after your equipment once we’ve finished is an integral part of our service, keeping you and your system fully up to date.

-
-
-
-

Taking projects from inception to completion

-

Our ability to work alongside your team increases efficiency.

- Contact us -
-
-

Spanning all markets

-

We work in a variety of demanding sectors, transferring the comfort, usability and functionally that you would expect at home, to projects all over the world.

-

Time management

-

Diligent planning and effective communication allows us to deliver the required technology on schedule, increasing job efficiency and productivity.

-

Exceptional results

-

Good quality cabling infrastructure is at the heart of our installs, and gives you the capacity to raise or lower the specification, whilst future-proofing the property in process.

-
+
+
+

Taking projects from inception to completion

+

Our ability to work alongside your team increases efficiency.

+ Contact us +
+
+

Spanning all markets

+

We work in a variety of demanding sectors, transferring the comfort, usability and functionally that you would expect at home, to projects all over the world.

+

Time management

+

Diligent planning and effective communication allows us to deliver the required technology on schedule, increasing job efficiency and productivity.

+

Exceptional results

+

Good quality cabling infrastructure is at the heart of our installs, and gives you the capacity to raise or lower the specification, whilst future-proofing the property in process.

-
-
-
-

Beautiful system design, seamlessly integrated

-

Even cables can look good, whether visible or hidden

- Contact us -
-
-

Complimenting your vision

-

We work closely with interior designers to ensure that the technology perfectly matches the decor, for a modern look and sleek finish.

-

Client consultation

-

Technology exists in a variety of different styles, it’s important that it not only looks great but functions exactly as intended - this is achieved through detailed client consultation at every stage of the project.

-

Quality through design

-

Our experience in selecting the correct products for the desired application paired with meticulous attention to detail results in immaculate installations, perfectly placed.

-
+
+
+

Beautiful system design, seamlessly integrated

+

Even cables can look good, whether visible or hidden

+ Contact us +
+
+

Complimenting your vision

+

We work closely with interior designers to ensure that the technology perfectly matches the decor, for a modern look and sleek finish.

+

Client consultation

+

Technology exists in a variety of different styles, it’s important that it not only looks great but functions exactly as intended - this is achieved through detailed client consultation at every stage of the project.

+

Quality through design

+

Our experience in selecting the correct products for the desired application paired with meticulous attention to detail results in immaculate installations, perfectly placed.

- {>"partials/footer"/} + {>"partials/footer"/}
diff --git a/src/js/app.js b/src/js/app.js index 3235b3a..c1e2c7f 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 }); - $(document.head).append('') + $(document.head).append('') }); diff --git a/src/js/views/burger-hover.js b/src/js/views/burger-hover.js index a8cb674..3f03a5d 100644 --- a/src/js/views/burger-hover.js +++ b/src/js/views/burger-hover.js @@ -12,7 +12,7 @@ module.exports = { toggle: function() { $(window).scrollTop(); this.$el.toggleClass('visible'); - if(this.$el.hasClass('visible')) { + if(this.$el.hasClass('visible') && window.innerWidth <= 800) { $(document.body).css('overflow-y','hidden') }else{ $(document.body).css('overflow-y','scroll') diff --git a/src/js/views/prev-next.js b/src/js/views/prev-next.js index ce3ca4e..d973464 100644 --- a/src/js/views/prev-next.js +++ b/src/js/views/prev-next.js @@ -22,6 +22,8 @@ module.exports = { thisView.next() } }); + + }, attach: function() { diff --git a/src/sass/_content.scss b/src/sass/_content.scss index 2beeab3..b8f137d 100644 --- a/src/sass/_content.scss +++ b/src/sass/_content.scss @@ -19,15 +19,37 @@ * { color:$softwhite; } h1 { margin-top:0; - font-size:7vw; font-weight: 600; - @media all and(max-width:800px){font-size:10vw;} + font-size: 5em; + @media all and (min-width:100px){font-size:10px;} + @media all and (min-width:150px){font-size:12px;} + @media all and (min-width:200px){font-size:16px;} + @media all and (min-width:250px){font-size:20px;} + @media all and (min-width:300px){font-size:30px;} + @media all and (min-width:400px){font-size:40px;} + @media all and (min-width:500px){font-size:50px;} + @media all and (min-width:640px){font-size:50px;} + @media all and (min-width:740px){font-size:60px;} + @media all and (min-width:880px){font-size:70px;} + @media all and (min-width:1000px){font-size:80px;} + @media all and (min-width:1440px){font-size:120px;} } h2 { - font-size:3vw; border-right:2px solid $htblue; padding-right:2%; - @media all and(max-width:800px){font-size:5vw;} + font-size: 3em; + @media all and (min-width:100px){font-size:5px;} + @media all and (min-width:150px){font-size:6px;} + @media all and (min-width:200px){font-size:8px;} + @media all and (min-width:250px){font-size:10px;} + @media all and (min-width:300px){font-size:15px;} + @media all and (min-width:400px){font-size:20px;} + @media all and (min-width:500px){font-size:25px;} + @media all and (min-width:640px){font-size:25px;} + @media all and (min-width:740px){font-size:30px;} + @media all and (min-width:880px){font-size:35px;} + @media all and (min-width:1000px){font-size:40px;} + @media all and (min-width:1440px){font-size:60px;} } } @@ -183,7 +205,7 @@ } } .splashspacer{ - margin-top:-50px; + margin-top:-75px; min-height:600px; width:100%; } @@ -561,9 +583,7 @@ .slide { opacity:0; transition: opacity 1s ease,z-index 0s linear 1s; - margin:auto; - &.homeowners, &.developers {position:absolute;top:0;} - + &.homeowners,&.developers {position:absolute;top:0;} &.active { opacity:1; z-index:1; diff --git a/src/sass/_layout.scss b/src/sass/_layout.scss index badc131..bac87b7 100644 --- a/src/sass/_layout.scss +++ b/src/sass/_layout.scss @@ -59,7 +59,41 @@ html { } } } +.prev-next { + .arrow { + cursor: pointer; + position:absolute; + top:50vh; + height:60px; + width:60px; + border-radius:100%; + text-align: center; + opacity: 0.6; + transition: transform 0.3s linear; + z-index:2; + } + .prev { + left:40px; + background:url(/img/prev-arrow.svg) center/cover; + } + .next { + right:40px; + background:url(/img/next-arrow.svg) center/cover; + } + @media all and(orientation:portrait) { + .prev{transform:rotateX(90deg) !important} + .next{transform:rotateX(90deg) !important} + } + @media all and(max-width:1440px) { + .prev{transform:rotateX(90deg) !important} + .next{transform:rotateX(90deg) !important} + } + .hidden { + &.prev{transform:rotateX(90deg) !important} + &.next{transform:rotateX(90deg) !important} + } +} .snap-top-menu { @media all and(min-height:900px){ margin-top:60px; @@ -94,7 +128,6 @@ html { &.snap-top-static.hidden { opacity:0; } - display:none; } //Header @@ -264,7 +297,7 @@ body { } &.anim-fade .page { &.animate { - transition: opacity 0.5s ease-out; + transition: opacity 0.5s linear; position: absolute; } &.leave {