Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added better landing page for the app
- Loading branch information
Showing
2 changed files
with
62 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,65 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <script> | ||
| document.location = "go.html" | ||
| </script> | ||
| </head>x | ||
| <link rel="stylesheet" href="styles.css" type="text/css" media="screen"> | ||
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> | ||
| <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> | ||
| <script src="js/underscore-min.js" type="text/javascript" charset="utf-8"></script> | ||
| <title> The Autocanonizer</title> | ||
| <script src="js/favsongs.js" type="text/javascript" charset="utf-8"></script> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div id="wrap" class="navbar navbar-inverse"> | ||
| <div class="navbar-inner"> | ||
| <div class="container"> | ||
| <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> | ||
| <span class="icon-bar"></span> | ||
| <span class="icon-bar"></span> | ||
| <span class="icon-bar"></span> | ||
| </a> | ||
| <a id='show-search' class="brand">The Autocanonizer</a> | ||
| <div class="nav-collapse collapse"> | ||
| <ul class="nav"> | ||
| <li class="active"><a id='show-main' href="index.html">Main</a></li> | ||
| <li><a id='show-loader' href="loader.html">Pick a song</a></li> | ||
| <li><a id='show-about' href="http://musicmachinery.com/2014/03/13/the-autocanonizer/">About</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div id="hero" class="hero-unit"> | ||
| <div class="container"> | ||
| <h1> The Autocanonizer</h1> | ||
| <h4> Get Bach to basics and turn your favorite song into a musical canon.</h4> | ||
| <br> | ||
| <a href="go.html?trid=TRLZWAN142E39CDD1A"><img src='ss.png'></a> | ||
| <p> | ||
| <div class="container lead span11"> | ||
| <b>The Autocanonizer</b> takes your favorite song and turns it into a musical canon | ||
| by playing the song against a varying, time-offset copy of itself. The best way to | ||
| understand exactly what this does is to listen to this | ||
| autocanonized version of Adele's <a href="go.html?trid=TRLZWAN142E39CDD1A">Someone like | ||
| you</a>. After that, go and <a href="loader.html">Pick a song</a> to listen to | ||
| other autocanonized songs. | ||
| <br> | ||
| <p style="margin-top:20px;"> | ||
| If you find an awesome autocanonized song, tweet it with #autocanonizer and we may add it | ||
| to the <a href="loader.html">gallery</a>. | ||
| </div> | ||
| <hr> | ||
| <div class="container span11"> | ||
| <small> | ||
| Created at SXSW Music Hack Championship 2014 by | ||
| <a href="http://twitter.com/plamere">Paul Lamere</a>. | ||
| Powered by <a href="http://echonest.com">The Echo Nest</a>. | ||
| </small> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> | ||
|
|
||
|
|
