scratch
| /index.html |
|---|
| @@ -16,6 +16,8 @@ |
| <!-- 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> |
| @@ -23,9 +25,10 @@ |
| <div class="container"> |
| <!-- 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"> |
| @@ -36,11 +39,9 @@ |
| <div class="row"> |
| <div class="col-md-4"> |
| <h2>About</h2> |
| <p><strong>scratch</strong> is a platform for small-sized asset sharing developed by <a href="http://grimore.org">Wizardry and Steamworks</a> and published under the <a href="https://creativecommons.org/publicdomain/zero/1.0/">Creative Commons CC 1.0 Universal (CC0 1.0)</a> license. The sharing platform covers images, text snippets, movie clips and any sort of media that can be conveniently shared by generating short, public and obfuscated URLs that are easily accessible.</p> |
| <!-- <p><a class="btn btn-default" href="#" role="button">View details »</a></p> --> |
| </div> |
| </div> |
| </div> <!-- /container --> |
| @@ -55,5 +56,16 @@ |
| <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> |
| </body> |
| </html> |