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> |