adding video

2 files changed, 42 insertions, 0 deletions

diff --git a/public/assets/javascripts/app.js b/public/assets/javascripts/app.js
index 9b46a3e..f26a782 100644
--- a/public/assets/javascripts/app.js
+++ b/public/assets/javascripts/app.js
@@ -17,6 +17,14 @@ else {
 
 new WOW().init();
 
+$('.hero .circle').click( function(){
+    $('.videoModal').addClass('active');
+});
+
+$('.videoModal .ion-ios7-close-empty').click( function(){
+    $('.videoModal').removeClass('active');
+});
+
 
 var scene, cam, map;
 
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 20498c0..4544fa3 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -92,6 +92,40 @@ a{
   text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
 }
 
+.videoModal {
+	position: fixed;
+	width: 0;
+	height: 0;
+	background: rgba(255,255,255,0);
+	display: table;
+	opacity:0;
+	z-index: -1;
+	-webkit-transition:0.4s background
+	-moz-transition:0.4s background;
+	transition:0.4s background;
+}
+
+.videoModal.active {
+	opacity:1;
+	z-index: 6;
+	width: 100%;
+	height: 100%;
+	background: rgba(255,255,255,0.9);
+}
+
+.videoModal .ion-ios7-close-empty {
+	position: absolute;
+	right: 50px;
+	top: 60px;
+	font-size: 80px;
+	cursor:pointer;
+	color:#444;
+}
+
+.videoModal .ion-ios7-close-empty:hover {
+	color:black;
+}
+
 #help-button {
   display: none;
 	border-right:0px!important;