scratch – Diff between revs 65 and 68

Subversion Repositories:

?pathlinks?

Rev 65 – Rev 71 – Go to most recent revision – Details – Blame – Last modification – View Log

     <!-- Bootstrap core CSS -->
     <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
     <!-- Font Awesome -->
     <link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+    <!-- Site-wide style CCS -->
     <link href="css/style.css" rel="stylesheet">
   </head>
   <body>
     <div class="container">
     <div class="container">
+      <!-- Main component for a primary marketing message or call to action -->
-      <!-- Main component for a primary marketing message or call to action -->
+      <div class="paralax-background"></div>
       <div class="jumbotron">
         <h1>Scratch</h1>
-        <p>Asset sharing platform.</p>
+        <p class="lead">Asset sharing platform</p>
       </div>
       <ul class="nav nav-tabs">
-        <li class="active"><a href="#">Home</a></li>
-        <li><a href="file.html">File</a></li>
+        <li class="active"><a href="#">Home</a></li>
-        <li><a href="text.html">Text</a></li>
+        <li><a href="file.html">File</a></li>
-      </ul>
+        <li><a href="text.html">Text</a></li>
       </ul>
       <div class="row">
         <div class="col-md-4">
     <!-- jQuery -->
     <script src="bower_components/jquery/dist/jquery.min.js"></script>
     <!-- BootStrap -->
+    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
+    <script>
+    var jumboHeight = $('.jumbotron').outerHeight();
+    function parallax(){
+        var scrolled = $(window).scrollTop();
+        $('.paralax-background').css('height', (jumboHeight-scrolled) + 'px');
+    }
+    $(window).scroll(function(e){
+        parallax();
+    });
-    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
+    </script>
   </body>