Restored from video

Dervisevic · Dervisevic · commit 349245835e64 · 2015-05-13T13:12:03.000+02:00
diff --git a/gh-pages-files/index.css b/gh-pages-files/index.css
@@ -44,7 +44,7 @@ a.github-bar { position:fixed; top:0; z-index:200; padding:10px 0; width:100%; d
 
 .header-wrapper { position:relative; }
 
-.wrap-my-slide { height: 90vh; position:relative; }
+.wrap-my-slide { height: 60vh; position:relative; }
 .slide-a-long { height:100%; }
 .slide-a-long div { height:100%; }
 .slide { background-size:cover; background-position:center center; padding-top:240px; }
@@ -66,7 +66,7 @@ header { position:absolute; top:60px; width:100%; }
 .anchor .circle { background:#00bed5; border-radius:200px; height:110px; width:110px; text-align:center; display:table-cell; vertical-align:middle; color:#fff; font-size:80px; }
 .anchor .circle span { position:relative; bottom: 10px;  }
 
-.what-is-it { padding: 30px 0 80px 0; }
+.what-is-it { padding:80px 0; }
 .code { background:#00bed5; }
 .example { padding:80px 15px; }
 
@@ -164,13 +164,3 @@ footer small { display: inline-block; margin-top: 20px; font-family:roboto, sans
     }
 
 }
-
-.black {
-  color: black;
-}
-
-.title {
-  margin-top: -7px;
-  padding: 60px 0 70px;
-  background-color: #f5f5f5;
-}
diff --git a/index.html b/index.html
@@ -27,7 +27,7 @@
   <body ng-app="schemaForm" ng-controller="PageCtrl">
     <a href="https://github.com/Textalk/angular-schema-form" class="github-banner hidden-xs"><img src="gh-pages-files/img/github-banner.png" alt=""/></a>
     <a href="https://github.com/Textalk/angular-schema-form" class="github-bar visible-xs"><span class="glyphicon glyphicon-star" aria-hidden="true"></span> us on GitHub</a>
-    <!-- <div class="header-wraper"> restore later
+    <div class="header-wraper">
       <div class="wrap-my-slide">
         <div class="slide-a-long hidden-xs">
           <div class="slide" id="slide1">
@@ -57,36 +57,18 @@ <h3>Reason #3</h3>
               <p>Nothing says freedom like this.</p>
             </div>
           </div>
-        </div> -->
-
-        <iframe class="video" src="https://www.youtube.com/embed/duBFMipRq2o?rel=0" frameborder="0" allowfullscreen></iframe>
-
-        <div class="title">
-          <div class="container pushdown">
-            <div id="logo">
-              <img src="gh-pages-files/img/logo.png" alt="Angular Schema Form" />
-            </div>
-            <h1 class="black">Generate forms from a JSON schema, with AngularJS!</h1>
-          </div>
         </div>
 
-    <!-- <header> Restore later
+        <header>
           <div class="container">
             <div id="logo">
               <img src="gh-pages-files/img/logo.png" alt="Angular Schema Form" />
             </div>
             <h1>Generate forms from a JSON schema, with AngularJS!</h1>
           </div>
         </header>
-        <div class="anchor hidden-xs">
-          <div class="container">
-            <a href="#what-is-it">
-              <div class="circle"><span>⌵</span></div>
-            </a>
-          </div>
-        </div>
       </div>
-    </div>-->
+    </div>
 
     <div id="what-is-it" class="container what-is-it">
       <div class="col-sm-12">
@@ -221,7 +203,6 @@ <h5>RTFM<br/>FTW</h5>
     </div>
   </div>
 
-
   <div class="container add-ons">
     <h2>Add-ons</h2>
     <p>
@@ -356,14 +337,14 @@ <h5>Thank you &amp; good bye!</h5>
           'comment': 'At least i have chicken.'
         };
 
-        var videoSize = { width: $(window).innerWidth() + 'px', height: Math.floor($(window).innerWidth() / 1.777777) + 'px' };
-        $('.video').css(videoSize);
-
-        // If you want to keep full screen on window resize
-        $(window).resize(function(){
-          videoSize = { width: $(window).innerWidth() + 'px', height: Math.floor($(window).innerWidth() / 1.777777) + 'px' }
-          $('.video').css(videoSize);
-        });
+        // var videoSize = { width: $(window).innerWidth() + 'px', height: Math.floor($(window).innerWidth() / 1.777777) + 'px' };
+        // $('.video').css(videoSize);
+        //
+        // // If you want to keep full screen on window resize
+        // $(window).resize(function(){
+        //   videoSize = { width: $(window).innerWidth() + 'px', height: Math.floor($(window).innerWidth() / 1.777777) + 'px' }
+        //   $('.video').css(videoSize);
+        // });
 
         /*
             Navigation for addons list.
