scratch
/file.html |
@@ -18,22 +18,24 @@ |
|
<!-- DropZone --> |
<link href="bower_components/dropzone/dist/min/dropzone.min.css" rel="stylesheet"> |
|
<!-- Site-wide style CCS --> |
<link href="css/style.css" rel="stylesheet"> |
|
<!-- Local style --> |
<link href="css/files/style.css" rel="stylesheet"> |
<!-- Site-wide style CCS --> |
<link href="css/style.css" rel="stylesheet"> |
</head> |
|
<body> |
|
<!-- Main component for a primary marketing message or call to action --> |
<div class="paralax-background"></div> |
<div class="jumbotron"> |
<h1>scratch copy</h1> |
<p class="quote">the asset sharer</p> |
</div> |
|
<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 class="lead">Asset sharing platform</p> |
</div> |
|
<ul class="nav nav-tabs"> |
<li><a href="index.html">Home</a></li> |
@@ -122,7 +124,7 @@ |
|
<div id="footer"> |
<div class="container"> |
<p class="text-muted credit">Copyright <i class="glyphicon glyphicon-copyright-mark"></i> 2017 <a href="http://grimore.org">Wizardry and Steamworks</a>.</p> |
<p class="text-muted credit text-center">Copyright <i class="glyphicon glyphicon-copyright-mark"></i> 2017 <a href="http://grimore.org">Wizardry and Steamworks</a>.</p> |
</div> |
</div> |
|
@@ -241,8 +243,9 @@ |
}; |
}); |
</script> |
<!-- Jumbotron parallax effect --> |
<script> |
var jumboHeight = $('.jumbotron').outerHeight(); |
const jumboHeight = $('.jumbotron').outerHeight(); |
function parallax(){ |
var scrolled = $(window).scrollTop(); |
$('.paralax-background').css('height', (jumboHeight-scrolled) + 'px'); |