annotate index.html @ 10:6840f77b83aa

commit
author Yading Song <yading.song@eecs.qmul.ac.uk>
date Sun, 21 Apr 2013 10:55:35 +0200
parents ed610a0bbf83
children f445c3017523
rev   line source
yading@9 1 <!DOCTYPE html>
yading@9 2 <html lang="en">
yading@9 3 <head>
yading@9 4 <meta charset="utf-8">
yading@9 5 <title>BrutalizeMe</title>
yading@9 6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
yading@9 7 <meta name="description" content="">
yading@9 8 <meta name="author" content="">
yading@9 9
yading@9 10 <!-- Le styles -->
yading@9 11 <link href="css/bootstrap.css" rel="stylesheet">
yading@9 12 <style type="text/css">
yading@9 13 body {
yading@9 14 padding-top: 20px;
yading@9 15 padding-bottom: 40px;
yading@9 16 }
yading@9 17
yading@9 18 /* Custom container */
yading@9 19 .container-narrow {
yading@9 20 margin: 0 auto;
yading@9 21 max-width: 700px;
yading@9 22 }
yading@9 23
yading@9 24 .container-narrow > hr {
yading@9 25 margin: 30px 0;
yading@9 26 }
yading@9 27
yading@9 28 /* Main marketing message and sign up button */
yading@9 29 .jumbotron {
yading@9 30 margin: 60px 0;
yading@9 31 text-align: center;
yading@9 32 }
yading@9 33
yading@9 34 .jumbotron h1 {
yading@9 35 font-size: 72px;
yading@9 36 line-height: 1;
yading@9 37 }
yading@9 38
yading@9 39 .jumbotron .btn {
yading@9 40 font-size: 21px;
yading@9 41 padding: 14px 24px;
yading@9 42 }
yading@9 43
yading@9 44 /* Supporting marketing content */
yading@9 45 .marketing {
yading@9 46 margin: 60px 0;
yading@9 47 }
yading@9 48
yading@9 49 .marketing p + h4 {
yading@9 50 margin-top: 28px;
yading@9 51 }
yading@9 52 </style>
yading@9 53 <link href="css/bootstrap-responsive.css" rel="stylesheet">
yading@9 54
yading@9 55 <!-- Fav and touch icons -->
yading@9 56 <link rel="shortcut icon" href="../assets/ico/favicon.ico">
yading@9 57 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
yading@9 58 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
yading@9 59 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
yading@9 60 <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
yading@9 61 <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css"/>
yading@9 62 <link rel="stylesheet" href="css/styles.css"/>
yading@9 63 <script src="js/jquery.min.js"></script>
yading@9 64 <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
yading@9 65 <script type="text/javascript" src="js/main.js"></script>
yading@9 66 <script type="text/javascript" src="js/infoSongs.js"></script>
yading@9 67 <script type="text/javascript" src="js/genre.js"></script>
yading@9 68
yading@9 69 </head>
yading@9 70
yading@9 71 <body>
yading@9 72 <div id="dz-root"></div>
yading@9 73 <div class="container-narrow">
yading@9 74
yading@9 75 <hr>
yading@9 76
yading@9 77 <div class="jumbotron">
yading@9 78 <h1>BrutalizeMe</h1>
yading@9 79
yading@9 80 <p class="lead">Do it</p>
yading@9 81
yading@9 82 </div>
yading@9 83 <hr>
yading@9 84
yading@10 85 <form name="input" action="receiveinput" method="get">
yading@10 86 Choose the music you want to brutalize: <input type="text" name="userinput" /><br />
yading@10 87 <input type="submit" value="Submit" />
yading@10 88
yading@9 89 <hr>
yading@9 90
yading@9 91 <div class="footer">
yading@9 92 <p></p>
yading@9 93 </div>
yading@9 94
yading@9 95 </div>
yading@9 96 <!-- /container -->
yading@9 97
yading@9 98 <!-- Le javascript
yading@9 99 ================================================== -->
yading@9 100 <!-- Placed at the end of the document so the pages load faster -->
yading@9 101
yading@9 102 <script src="js/bootstrap.js"></script>
yading@9 103
yading@9 104
yading@9 105 </body>
yading@9 106 </html>