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