diff --git a/assets/style/home.scss b/assets/style/home.scss index 3b2362c7..b8fba33b 100644 --- a/assets/style/home.scss +++ b/assets/style/home.scss @@ -9,28 +9,17 @@ } } +.page.page-home{ + width: 90%; + margin: 0 auto; +} + .main-block { - width: 100%; - margin-top: 5px; - - .telephone { - font-size: 1.25em; - margin-left: 30px; - } - h1 { font-size: 18pt; text-align: center; font-weight: normal; - margin: 1em 0 0; + margin: 1.2em 0 0; padding: 0; } } - -@media screen and (max-device-width: 500px) { - .main-block { - .telephone { - display: none; - } - } -} \ No newline at end of file diff --git a/assets/style/tape-viewer.scss b/assets/style/tape-viewer.scss index 9b37e62e..98d7b3d5 100644 --- a/assets/style/tape-viewer.scss +++ b/assets/style/tape-viewer.scss @@ -1,5 +1,5 @@ .tape-block{ - width: 70%; + width: 60%; max-width: 1000px; margin: 2em auto; @@ -11,7 +11,7 @@ } } -.tape-block-content{ +.tape-block__body{ position: relative; width: 100%; @@ -53,7 +53,7 @@ margin: 1.5em auto; } - .tape-block-content { + .tape-block__body { .tape { width: 62px; height: 62px; diff --git a/client/pages/home.js b/client/pages/home.js index 29672560..dc28ac10 100644 --- a/client/pages/home.js +++ b/client/pages/home.js @@ -3,27 +3,36 @@ */ module.exports = function (app) { - app.controller("HomePageController", function ($scope, config) { + app.controller('HomePageController', function ($scope, config) { var fotorama; - $scope.pageClass = "page-home"; + $scope.pageClass = 'page-home'; var $tape = $('.tape-block'); - var $fotorama = $('.fotorama'); + var $fotorama = $tape.find('.tape-block__content'); $tape.addClass('simplified'); $fotorama.on('fotorama:ready', function () { $tape.removeClass('simplified'); fotorama.setOptions({ - nav: 'dots' + nav: 'dots', + transition: 'crossfade', + autoplay: '6000', + arrows: 'false', + width: '100%', + fit: 'cover', + loop: 'true' }); }); fotorama = $fotorama.fotorama().data('fotorama'); - fotorama.load([ - {img: 'http://static.shburg.org/art/img/cat1.jpg'}, - {img: 'http://static.shburg.org/art/img/cat2.jpg'}, - {img: 'http://static.shburg.org/art/img/cat3.jpg'} - ]); + + setTimeout(function(){ + fotorama.load([ + {img: 'http://static.shburg.org/art/img/cat1.jpg'}, + {img: 'http://static.shburg.org/art/img/cat2.jpg'}, + {img: 'http://static.shburg.org/art/img/cat3.jpg'} + ]); + }, 100); }); }; \ No newline at end of file diff --git a/templates/views/home.html b/templates/views/home.html index 6f5cdfd6..d05788a4 100644 --- a/templates/views/home.html +++ b/templates/views/home.html @@ -1,36 +1,28 @@