lkm/stomping-grounds
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fuck

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
server/templates/pages/process.dust
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>

64
server/templates/pages/services.dust
View File

@ -1,33 +1,35 @@
<div class="row page services"> <div class="row page services">
<h1><span>Our Services</span></h1> <h1><span>Our Services</span></h1>
<div class="snap-top-static snap-top-menu"> <div class="snap-top-static snap-top-menu">
<a class="nav entertainment col m-3" href="services/entertainment">Entertainment</a> <a class="nav entertainment col m-3" href="services/entertainment">Entertainment</a>
<a class="nav security col m-3" href="services/security">Security</a> <a class="nav security col m-3" href="services/security">Security</a>
<a class="nav integration col m-3" href="services/integration">Integration</a> <a class="nav integration col m-3" href="services/integration">Integration</a>
</div> </div>
<div class="biggie cinema"></div> <div class="biggie cinema"></div>
<div class="describe-service r"> <div class="describe-service r">
<h2><a class="nav" href="services/entertainment#video"><strong>Home</strong>Cinema</a></h2> <h2><a class="nav" href="services/entertainment#video"><strong>Home</strong>Cinema</a></h2>
<p>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.</p> <p>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.</p>
<a class="bluebutton mtb nav" href="services/entertainment#video">Read more...</a> <a class="bluebutton mtb nav" href="services/entertainment#video">Read more...</a>
</div> </div>
<div class="biggie audio"></div> <div class="biggie audio"></div>
<div class="describe-service"> <div class="describe-service">
<h2><a class="nav" href="/services/entertainment#audio"><strong>Home</strong>Audio</a></h2> <h2><a class="nav" href="/services/entertainment#audio"><strong>Home</strong>Audio</a></h2>
<p>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.</p> <p>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.</p>
<a class="bluebutton mtb nav" href="services/entertainment#audio">Read more...</a> <a class="bluebutton mtb nav" href="services/entertainment#audio">Read more...</a>
</div> </div>
<div class="biggie security"></div> <div class="biggie security"></div>
<div class="describe-service r"> <div class="describe-service r">
<h2><a class="nav" href="/services/security"><strong>Home</strong>Security</a></h2> <h2><a class="nav" href="/services/security"><strong>Home</strong>Security</a></h2>
<p>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.</p> <p>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.</p>
<a class="bluebutton mtb nav" href="services/security">Read more...</a> <a class="bluebutton mtb nav" href="services/security">Read more...</a>
</div> </div>
<div class="biggie automation"></div> <div class="biggie automation"></div>
<div class="describe-service"> <div class="describe-service">
<h2><a class="nav" href="/services/integration"><strong>Home</strong>Automation</a></h2> <h2><a class="nav" href="/services/integration"><strong>Home</strong>Automation</a></h2>
<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>
{>"partials/footer"/} <div class="col">
{>"partials/footer"/}
</div>
</div> </div>

2
src/js/app.js
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>')
}); });

17
src/sass/_content.scss
View File

@ -52,15 +52,7 @@
} }
.page.process { .page.process {
.bgel{ @include backgrounder("process-background", "jpg", "no-repeat center/cover");
position:fixed;
top:0;
width:100%;
height:120vh;
@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 {

11
src/sass/_layout.scss
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;
} }