From a8bef3ea6b7ea014535b7087f9bbd69579818f35 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Mon, 24 Nov 2014 01:12:48 +0300
Subject: [PATCH] taped fotorama on home page

---
 assets/graphics/tape-lb.png   | Bin 0 -> 491 bytes
 assets/graphics/tape-rb.png   | Bin 0 -> 470 bytes
 assets/graphics/tape-tl.png   | Bin 0 -> 470 bytes
 assets/graphics/tape-tr.png   | Bin 0 -> 491 bytes
 assets/style/tape-viewer.scss |  43 ++++++++++++++++++++++++++++++++++
 client/pages/home.js          |   2 ++
 views/home.html               |  20 ++++++++++++++++
 views/index.html              |   4 ++++
 8 files changed, 69 insertions(+)
 create mode 100644 assets/graphics/tape-lb.png
 create mode 100644 assets/graphics/tape-rb.png
 create mode 100644 assets/graphics/tape-tl.png
 create mode 100644 assets/graphics/tape-tr.png
 create mode 100644 assets/style/tape-viewer.scss

diff --git a/assets/graphics/tape-lb.png b/assets/graphics/tape-lb.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d77b4a84e340c4fdfb72410ce9e9968ba5d8f55
GIT binary patch
literal 491
zcmeAS@N?(olHy`uVBq!ia0vp^Ng&L^3?w7FrEP%}OS+@4BLl<6e(pbstU$g(vPY0F
z14ES>14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a><Y92N=O9wgt!7}2>ABx8<6qo
z(<cb`q09nrAd9^u$S;_IU#gF{S)$|LHEo~}W0JSK3quF1tOt<8S>O>_%)r1c1j3A$
z?$-SQDv<SbaSVw#{C2u8Uz34AEB8Z&CF&Q#^c)`F+wp;6QU%lA|Dr5f_H)nfdAUgJ
z(3|}=mHA$bOaF+ZtIpZ9*R%6=G+V~wIHS%|KaH216PFk;D^8q}C)4=E{lTPt8usU-
z1a9;1`q6qo?0xqn70tU@3wALvO+4dzuryMfFMj$vr>6C*f3>hoc;cv16FXJZ+vMcA
z>!Bu(c4bVOHub`;B$b(0L<@Iu9K8Nj{-mqU!+wLQE^kr}Px909EMA-Q<Q-Glr6nGl
z=Fd&h+9}WfSn;H%P~omgGKoqzFJAZR+Ew&-LdS}3)fFx3D_9gdSQMN(9qUq<PjWIi
zak}YDx^_ii;~xJBHy)oU7x(cg7Y_+hIGD6vRVZn~0oSuaHru90XfFH`az%W9kJf*g
S6&!t_aQ1Zdb6Mw<&;$S!BeXpL

literal 0
HcmV?d00001

diff --git a/assets/graphics/tape-rb.png b/assets/graphics/tape-rb.png
new file mode 100644
index 0000000000000000000000000000000000000000..22d6e6083b6d176e6e366d9de15f0eb1def29fa4
GIT binary patch
literal 470
zcmeAS@N?(olHy`uVBq!ia0vp^Ng&L^3?w7FrEP%}OS+@4BLl<6e(pbstU$g(vPY0F
z14ES>14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a><Y92N=O9wgt!7}IQaJM8<73!
z(<dN#JSkZRNU@g$`2{oZOY!zeG$(QvTLFa_lf2zs7&=&GJ%Aj}0*}aI1_o{+5N5n|
zx9$&60f(oHV@Sl|x6@;}4jBlv2v;{w63*bY^FGMka+I4x&f&|y@C`Gf-tK$D^F#cM
zUHOk0`gbo_vHQIUd$G83mPV)dn{z3PEW4Jhdn#~P$C70_hk46`T{Tl|3Vtf2Bsm?}
zRaMCoQYYf7@+q>X`Nb^71)q#rCIxUPEEFhnQvQ}!+`A(u^2kGb!A@6>TCtUDJGxeM
z2nnR#+fsK}scA#UkLHeft{>6`zepe5wjn-B_tlkY8n2kE1tX4#yPTXQ`nAn^6-(gP
z;J2wA2b5w`1P|}G?JUT1R0?5ow7BoeXQ<7uI8XT7tIXJEaW6i7i+jP+x8t?ZdyQB*
uQB&1~z{z@xT=o1rq=cWbE;@c#cb!~&h1zq&zGz@TF?hQAxvX<aXaWFkyQQ)K

literal 0
HcmV?d00001

diff --git a/assets/graphics/tape-tl.png b/assets/graphics/tape-tl.png
new file mode 100644
index 0000000000000000000000000000000000000000..22d6e6083b6d176e6e366d9de15f0eb1def29fa4
GIT binary patch
literal 470
zcmeAS@N?(olHy`uVBq!ia0vp^Ng&L^3?w7FrEP%}OS+@4BLl<6e(pbstU$g(vPY0F
z14ES>14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a><Y92N=O9wgt!7}IQaJM8<73!
z(<dN#JSkZRNU@g$`2{oZOY!zeG$(QvTLFa_lf2zs7&=&GJ%Aj}0*}aI1_o{+5N5n|
zx9$&60f(oHV@Sl|x6@;}4jBlv2v;{w63*bY^FGMka+I4x&f&|y@C`Gf-tK$D^F#cM
zUHOk0`gbo_vHQIUd$G83mPV)dn{z3PEW4Jhdn#~P$C70_hk46`T{Tl|3Vtf2Bsm?}
zRaMCoQYYf7@+q>X`Nb^71)q#rCIxUPEEFhnQvQ}!+`A(u^2kGb!A@6>TCtUDJGxeM
z2nnR#+fsK}scA#UkLHeft{>6`zepe5wjn-B_tlkY8n2kE1tX4#yPTXQ`nAn^6-(gP
z;J2wA2b5w`1P|}G?JUT1R0?5ow7BoeXQ<7uI8XT7tIXJEaW6i7i+jP+x8t?ZdyQB*
uQB&1~z{z@xT=o1rq=cWbE;@c#cb!~&h1zq&zGz@TF?hQAxvX<aXaWFkyQQ)K

literal 0
HcmV?d00001

diff --git a/assets/graphics/tape-tr.png b/assets/graphics/tape-tr.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d77b4a84e340c4fdfb72410ce9e9968ba5d8f55
GIT binary patch
literal 491
zcmeAS@N?(olHy`uVBq!ia0vp^Ng&L^3?w7FrEP%}OS+@4BLl<6e(pbstU$g(vPY0F
z14ES>14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a><Y92N=O9wgt!7}2>ABx8<6qo
z(<cb`q09nrAd9^u$S;_IU#gF{S)$|LHEo~}W0JSK3quF1tOt<8S>O>_%)r1c1j3A$
z?$-SQDv<SbaSVw#{C2u8Uz34AEB8Z&CF&Q#^c)`F+wp;6QU%lA|Dr5f_H)nfdAUgJ
z(3|}=mHA$bOaF+ZtIpZ9*R%6=G+V~wIHS%|KaH216PFk;D^8q}C)4=E{lTPt8usU-
z1a9;1`q6qo?0xqn70tU@3wALvO+4dzuryMfFMj$vr>6C*f3>hoc;cv16FXJZ+vMcA
z>!Bu(c4bVOHub`;B$b(0L<@Iu9K8Nj{-mqU!+wLQE^kr}Px909EMA-Q<Q-Glr6nGl
z=Fd&h+9}WfSn;H%P~omgGKoqzFJAZR+Ew&-LdS}3)fFx3D_9gdSQMN(9qUq<PjWIi
zak}YDx^_ii;~xJBHy)oU7x(cg7Y_+hIGD6vRVZn~0oSuaHru90XfFH`az%W9kJf*g
S6&!t_aQ1Zdb6Mw<&;$S!BeXpL

literal 0
HcmV?d00001

diff --git a/assets/style/tape-viewer.scss b/assets/style/tape-viewer.scss
new file mode 100644
index 00000000..3996084d
--- /dev/null
+++ b/assets/style/tape-viewer.scss
@@ -0,0 +1,43 @@
+.tape-block{
+  width: 70%;
+  max-width: 700px;
+  min-width: 300px;
+
+  margin: 100px auto 0;
+}
+
+.tape-block-content{
+  position: relative;
+  width: 100%;
+
+  .tape {
+    width: 98px;
+    height: 98px;
+    position: absolute;
+    z-index: 10;
+  }
+
+  .tape-tl {
+    top: -25px;
+    left: -25px;
+    background-image: url(/graphics/tape-tl.png);
+  }
+
+  .tape-tr {
+    top: -25px;
+    right: -25px;
+    background-image: url(/graphics/tape-tr.png);
+  }
+
+  .tape-bl {
+    bottom: 0;
+    left: -25px;
+    background-image: url(/graphics/tape-lb.png);
+  }
+
+  .tape-br {
+    bottom: 0;
+    right: -25px;
+    background-image: url(/graphics/tape-rb.png);
+  }
+}
\ No newline at end of file
diff --git a/client/pages/home.js b/client/pages/home.js
index 89541658..bef103b1 100644
--- a/client/pages/home.js
+++ b/client/pages/home.js
@@ -5,5 +5,7 @@
 module.exports = function (app) {
     app.controller("HomePageController", function ($scope) {
         $scope.pageClass = "page-home";
+
+        $(".fotorama").fotorama();
     });
 };
\ No newline at end of file
diff --git a/views/home.html b/views/home.html
index e9ed0c3b..c2e9fb65 100644
--- a/views/home.html
+++ b/views/home.html
@@ -1,3 +1,23 @@
 <div>
+    <div class="tape-block">
+        <div class="tape-block-content">
+            <div class="tape tape-tl"></div>
+            <div class="tape tape-tr"></div>
+            <div class="tape tape-bl"></div>
+            <div class="tape tape-br"></div>
+            <div class="fotorama"
+                 data-transition="crossfade"
+                 data-autoplay="6000"
+                 data-arrows="false"
+                 data-width="100%"
+                 data-fit="cover"
+                 data-loop="true">
+                <img src="http://static.shlisselburg.org/art/graphics/sample2.jpg" alt="">
+                <img src="http://static.shlisselburg.org/art/graphics/sample4.jpg" alt="">
+                <img src="http://static.shlisselburg.org/art/graphics/sample5.jpg" alt="">
+            </div>
+        </div>
+    </div>
+
     <timeline></timeline>
 </div>
\ No newline at end of file
diff --git a/views/index.html b/views/index.html
index 01e833b2..e9d690ce 100644
--- a/views/index.html
+++ b/views/index.html
@@ -11,6 +11,10 @@
     <script src="/bower_components/angular/angular.min.js"></script>
     <script src="/bower_components/angular-route/angular-route.min.js"></script>
     <script src="/bower_components/angular-animate/angular-animate.min.js"></script>
+
+    <link rel="stylesheet" href="/bower_components/fotorama/fotorama.css">
+    <script src="/bower_components/fotorama/fotorama.js"></script>
+
     <script src="data.js"></script>
     <script src="/app.js"></script>
 </head>