//index.html |
@@ -9,7 +9,7 @@ |
<meta name="author" content="Wizardry and Steamworks"> |
<link rel="icon" href="favicon.ico"> |
|
<title>scratch</title> |
<title>scratch copy</title> |
|
<!-- Bootstrap core CSS --> |
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> |
@@ -21,15 +21,15 @@ |
</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 class="active"><a href="#">Home</a></li> |
@@ -48,7 +48,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> |
|
@@ -56,6 +56,9 @@ |
<script src="bower_components/jquery/dist/jquery.min.js"></script> |
<!-- BootStrap --> |
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> |
<!-- SoundJS --> |
<script src="bower_components/SoundJS/lib/soundjs-NEXT.combined.js"></script> |
<!-- Jumbotron parallax effect --> |
<script> |
var jumboHeight = $('.jumbotron').outerHeight(); |
function parallax(){ |
@@ -67,5 +70,35 @@ |
parallax(); |
}); |
</script> |
<script> |
$(document).ready(() => { |
if (!createjs.Sound.initializeDefaultPlugins() || |
createjs.BrowserDetect.isIOS || |
createjs.BrowserDetect.isAndroid || |
createjs.BrowserDetect.isBlackberry) |
return; |
|
const hiss = [ |
"snd/hisses/hiss_1.mp3", |
"snd/hisses/hiss_2.mp3", |
"snd/hisses/hiss_3.mp3", |
"snd/hisses/hiss_4.mp3", |
"snd/hisses/hiss_5.mp3", |
"snd/hisses/hiss_6.mp3", |
"snd/hisses/hiss_7.mp3", |
"snd/hisses/hiss_8.mp3", |
"snd/hisses/hiss_9.mp3", |
"snd/hisses/hiss_10.mp3", |
]; |
|
createjs.Sound.onLoadComplete = |
(event) => createjs.Sound.play(event.src); |
createjs.Sound.addEventListener("fileload", |
(event) => createjs.Sound.play(event.src)); |
createjs.Sound.registerSound( |
hiss[~~(Math.random() * hiss.length)] |
); |
}); |
</script> |
</body> |
</html> |