fuck
This commit is contained in:
Robin Hägg
parent
181795fcb2
commit
0c7e0693d3
@ -11,6 +11,11 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<meta name="description" content="We design, install and support modern technology for the modern home. We offer many services including but not limited to Home Entertainment, Security and Intergation">
|
||||
<meta name="keywords" content="Technology,Automation,Integration,Home">
|
||||
<meta name="author" content="HomeTechnology">
|
||||
<title>HomeTechnology</title>
|
||||
|
||||
<link type="text/css" rel="stylesheet" href="/css/main.css" />
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
|
||||
@ -13,8 +13,8 @@
|
||||
<div class="col m-6 ratio-port">
|
||||
<h2>Preparing your home for the future</h2>
|
||||
<h3>Working together to help you understand what’s possible.</h3>
|
||||
<a class="bluebutton mtb nav" href="/services">What we do</a>
|
||||
<a class="bluebutton mtb nav" href="/process">How we do it</a>
|
||||
<a class="bluebutton mtb nav" href="/services">Our Services</a>
|
||||
<a class="bluebutton mtb nav" href="/contact">Contact Us</a>
|
||||
</div>
|
||||
<div class="col m-6 ratio-port">
|
||||
<h4>Flexible and reliable</h4>
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
<li><a class="nav" href="/services/integration">Integration</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col s-4 m-2 contact">
|
||||
<div class="col s-4 m-3 contact">
|
||||
<h3><a class="nav" href="/contact">Contact</a></h3>
|
||||
<ul>
|
||||
<li><a class="nav" href="/contact">Email & Phone</a></li>
|
||||
|
||||
@ -5,14 +5,17 @@ module.exports = {
|
||||
"click nav": "toggle"
|
||||
},
|
||||
attach: function(){
|
||||
console.log("att")
|
||||
$('.coverer').scroll(function(e){
|
||||
console.log("Scroll")
|
||||
e.preventDefault()
|
||||
})
|
||||
},
|
||||
toggle: function() {
|
||||
$(window).scrollTop();
|
||||
this.$el.toggleClass('visible');
|
||||
if(this.$el.hasClass('visible')) {
|
||||
$(document.body).css('overflow-y','hidden')
|
||||
}else{
|
||||
$(document.body).css('overflow-y','scroll')
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -3,8 +3,8 @@ module.exports = {
|
||||
var thisView = this;
|
||||
this.ipadImgEl = $('img', this.el);
|
||||
$(window).scroll(function(){
|
||||
thisView.ipadImgEl.css('top', thisView.$el.height() - Math.min(Math.max(window.pageYOffset+(window.innerHeight/1.1) - thisView.$el.offset().top, 0),thisView.$el.height()))
|
||||
console.log(Math.max(thisView.$el.height() - thisView.ipadImgEl.height(),0))
|
||||
thisView.ipadImgEl.css('top', Math.max(thisView.$el.height() - Math.min(Math.max(window.pageYOffset+(window.innerHeight/1.1) - thisView.$el.offset().top, 0),thisView.$el.height()), thisView.$el.height() - thisView.ipadImgEl.height()))
|
||||
|
||||
})
|
||||
}
|
||||
};
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 113 KiB After Width: | Height: | Size: 99 KiB |
@ -8,6 +8,7 @@
|
||||
background:$transblack;
|
||||
min-height:500px;
|
||||
height:100%;
|
||||
height:calc(100% - 150px);
|
||||
.set-btm{
|
||||
width:100%;
|
||||
text-align: right;
|
||||
@ -51,7 +52,15 @@
|
||||
}
|
||||
|
||||
.page.process {
|
||||
.bgel{position:fixed;top:0;width:100%;height:100%;@include backgrounder("process-background", "jpg", "no-repeat center/cover");}
|
||||
.bgel{
|
||||
position:fixed;
|
||||
top:0;
|
||||
width:100%;
|
||||
height:120vh;
|
||||
@include backgrounder("process-background", "jpg", "no-repeat center/cover");
|
||||
min-height:500px;
|
||||
}
|
||||
overflow:visible;
|
||||
height:1%;
|
||||
width:100%;
|
||||
|
||||
@ -162,7 +171,7 @@
|
||||
* { color:$softwhite; }
|
||||
|
||||
.splash {
|
||||
height:100%;
|
||||
height:105vh;
|
||||
min-height:500px;
|
||||
width:100%;
|
||||
position:fixed;
|
||||
@ -172,7 +181,7 @@
|
||||
}
|
||||
.splash-text {
|
||||
position:absolute;
|
||||
bottom:20%;
|
||||
bottom:23%;
|
||||
left:0;
|
||||
right:0;
|
||||
text-align: center;
|
||||
@ -183,7 +192,7 @@
|
||||
}
|
||||
}
|
||||
.splashspacer{
|
||||
height:100%;
|
||||
height:105vh;
|
||||
min-height:500px;
|
||||
width:100%;
|
||||
}
|
||||
@ -588,7 +597,7 @@
|
||||
}
|
||||
}
|
||||
.customers-say {
|
||||
background:url(../img/customers-say.jpg) top/cover no-repeat;
|
||||
background:url(../img/customers-say.jpg) top left/cover no-repeat;
|
||||
min-height:600px;
|
||||
height:50%;
|
||||
@include std-shadow-in;
|
||||
@ -597,9 +606,11 @@
|
||||
h2 {
|
||||
@include std-shadow-text;
|
||||
position:absolute;
|
||||
bottom:5%;
|
||||
padding:5%;
|
||||
bottom:3%;
|
||||
padding:3%;
|
||||
color:$softwhite;
|
||||
font-size:4em;
|
||||
@media all and(max-width:900px){font-size: 2.8em;}
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
@ -62,7 +62,7 @@ html {
|
||||
|
||||
.snap-top-menu {
|
||||
@media all and(min-height:900px){
|
||||
margin-top:53px;
|
||||
margin-top:60px;
|
||||
}
|
||||
|
||||
padding:0 0 0 0;
|
||||
@ -99,6 +99,7 @@ html {
|
||||
//Header
|
||||
header {
|
||||
position:absolute;
|
||||
top:0;
|
||||
@media all and(min-height:900px){
|
||||
position:fixed;
|
||||
}
|
||||
@ -106,7 +107,6 @@ header {
|
||||
@include std-shadow;
|
||||
background:$softblack;
|
||||
width:100%;
|
||||
padding-top:2px;
|
||||
height:60px;
|
||||
display:inline-block;
|
||||
padding-right:3%;
|
||||
@ -123,6 +123,27 @@ header {
|
||||
padding: 0 15px;
|
||||
vertical-align:-50%;
|
||||
|
||||
&.current > a:before {
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
> a {
|
||||
font-variant:small-caps;
|
||||
font-size: 1.1em;
|
||||
font-weight:600 !important;
|
||||
position:relative;
|
||||
&:before {
|
||||
position:absolute;
|
||||
bottom:-3px;
|
||||
left:5px;
|
||||
right:5px;
|
||||
content:" ";
|
||||
border-bottom:1.7px solid $softwhite;
|
||||
opacity:0;
|
||||
transition:opacity 0.5s ease;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: 600 !important;
|
||||
font-size: 1.1em;
|
||||
@ -162,7 +183,7 @@ header {
|
||||
position:fixed;
|
||||
width:100%;
|
||||
height:100%;
|
||||
top:53px;
|
||||
top:60px;
|
||||
left:0;
|
||||
background:$transblack;
|
||||
}
|
||||
@ -172,9 +193,9 @@ header {
|
||||
z-index:12;
|
||||
display:block;
|
||||
position:fixed;
|
||||
top:53px;
|
||||
top:60px;
|
||||
height:100%;
|
||||
background:tomato;
|
||||
background:$softerblack;
|
||||
right:-100%;
|
||||
transition:right 0.5s ease;
|
||||
min-width:200px;
|
||||
@ -214,7 +235,7 @@ header {
|
||||
|
||||
|
||||
//Default body styles
|
||||
html,body{position:relative; height:100%;width:100%;}
|
||||
html,body{position:absolute; min-height:110vh;width:100%;}
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
@ -224,6 +245,7 @@ body {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
min-height: calc(100% - 60px);
|
||||
min-height:110vh;
|
||||
margin: -7px auto;
|
||||
> .page {
|
||||
position:absolute;
|
||||
|
||||
@ -69,7 +69,7 @@
|
||||
box-shadow: 3px 3px 30px 0 rgba(0,0,0,.1);
|
||||
}
|
||||
@mixin std-shadow-text {
|
||||
text-shadow: 3px 3px 30px rgba(0,0,0,.1);
|
||||
text-shadow: 3px 3px 10px rgba(0,0,0,.1);
|
||||
}
|
||||
@mixin std-shadow-in {
|
||||
box-shadow: inset 3px 3px 30px 0 rgba(0,0,0,.1);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user