This file was deleted.

Binary file not shown.
Deleted file not rendered
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN -26.7 KB img/bathroom/a.jpg
Deleted file not rendered
BIN -86.8 KB img/bathroom/b.jpg
Deleted file not rendered
BIN -11.5 KB img/bathroom/bidet.jpg
Deleted file not rendered
BIN -112 KB img/bathroom/c.jpg
Deleted file not rendered
Deleted file not rendered
BIN -10.8 KB img/bathroom/sink.jpg
Deleted file not rendered
BIN -15.3 KB img/bedroom/a.jpg
Deleted file not rendered
BIN -68.8 KB img/bedroom/b.jpg
Deleted file not rendered
Deleted file not rendered
BIN -15.4 KB img/bedroom/horse.jpg
Deleted file not rendered
Deleted file not rendered
BIN -16.1 KB img/bedroom/vase.jpg
Deleted file not rendered
BIN -142 KB img/kitchen/a.jpg
Deleted file not rendered
BIN -39.5 KB img/kitchen/b.jpg
Deleted file not rendered
Deleted file not rendered
Deleted file not rendered
Deleted file not rendered
BIN -67.2 KB img/living/a.jpg
Deleted file not rendered
BIN -34.2 KB img/living/b.jpg
Deleted file not rendered
BIN -9.98 KB img/living/lamp.jpg
Deleted file not rendered
BIN -20.8 KB img/living/pillow.jpg
Deleted file not rendered
Deleted file not rendered
@@ -13,13 +13,10 @@
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" type="text/css" href="css/component.css" />


<title>London</title>

<!--Javascript Libraries-->
<script src="js/modernizr-custom.js"></script>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/greensock-js/src/uncompressed/TweenMax.js"></script>
<script src="js/greensock-js/src/uncompressed/jquery.gsap.js"></script>
@@ -36,78 +33,8 @@

<body>
<div class="container">
<div class="storefront" id="store_1">
<p>
<div class="display">

<div id="slideshow" class="slideshow">
<div class="slide">
<div class="scene">
<div class="views">
<div class="view">
<img class="view__img" src="img/bedroom/a.jpg" alt="Side" />
<div class="item item--horse">
<img class="item__img" src="img/bedroom/horse.jpg" alt="Horse" data-transform-z="20" />
<div class="item__info">
<h3 class="item__title">Deco Horse</h3>
<div class="item__price"><sup>$</sup>59</div>
<button class="button button--buy"><i class="icon icon--shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
</div>
<button class="button button--close"><i class="icon icon--close"></i><span class="text-hidden">Close</span></button>
</div>
</div>
<div class="view view--rotate view--rotate-left">
<img class="view__img" src="img/bedroom/b.jpg" alt="Front" />
<div class="item item--blanket">
<img class="item__img" src="img/bedroom/blanket.jpg" alt="Blanket" data-transform-z="90" />
<div class="item__info">
<h3 class="item__title">Blanket</h3>
<div class="item__price"><sup>$</sup>129</div>
<button class="button button--buy"><i class="icon icon--shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
</div>
<button class="button button--close"><i class="icon icon--close"></i><span class="text-hidden">Close</span></button>
</div>
<div class="item item--picture">
<img class="item__img" src="img/bedroom/picture.jpg" alt="Picture" data-transform-z="80" />
<div class="item__info">
<h3 class="item__title">Golden Frame</h3>
<div class="item__price"><sup>$</sup>39</div>
<button class="button button--buy"><i class="icon icon--shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
</div>
<button class="button button--close"><i class="icon icon--close"></i><span class="text-hidden">Close</span></button>
</div>
</div>
</div>
</div>
</div>


<nav class="nav">
<a href="#" class="nav__item"><span class="text-hidden">The Master Bedroom</span></a>
</nav>
<div class="titles">
<h2 class="title">The Bedroom <span class="title__sub">Relax</span></h2>
</div>
</div><!-- /container -->


<script src="js/classie.js"></script>
<script src="js/main.js"></script>
<script>
(function() {
var slideshow = new Slideshow(document.getElementById('slideshow'));
})();
</script>

<!-- For the demo ad only -->


</p>
</div>
</div>
<div class="storefront" id="store_2">
<div class="display">
DISPLAY
<div class="display" id="display-1">
<div class="display-item layer-0 item-test">
</div>
</div>
</div>

This file was deleted.

Large diffs are not rendered by default.

This file was deleted.

@@ -1,46 +1,15 @@
body{
margin: 0px;
padding: 0px;
width: 100%;
overflow-y: hidden;
background-color: #f7f7f7;
}
.container{
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
.display {

}
.storefront{
position: absolute;
width: 100%;
top: 0px;
left: 0px;
background-image: url('res/prototype/storefront_template_2.jpg');
height: 100%;
background-size: 100% auto;
background-position: center;
text-align:center;
}
.display{
position: relative;
width: 50%;
height: 50%;
background-color: red;
top:50%;
left:50%;
-ms-transform: translate(-50%,-50%); /* IE 9 */
-webkit-transform: translate(-50%,-50%); /* Safari */
transform: translate(-50%,-50%);

}
.display-item {

#store_1{
left: 0px;
}
#store_2{
left: 100vw;

.layer-0 {

}

.item-test {

}
Deleted file not rendered
Deleted file not rendered