index.html

<!DOCTYPE html>
<html>

  <head>
    <meta charset='utf-8' />
    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
    <meta name="description" content="Beatboxing-hank : Experimental beatboxing with youtube" />

    <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
	<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/beatboxing.css">

    <title>Beatboxing-hank</title>
  </head>

  <body>

    <!-- HEADER -->
    <div id="header_wrap" class="outer">
        <header class="inner">
          <a id="forkme_banner" href="https://github.com/danmana/beatboxing-hank">View on GitHub</a>

          <h1 id="project_title">Beatboxing-hank</h1>
          <h2 id="project_tagline">Experimental beatboxing with youtube videos
			<span>
				View the original 
				<a href="https://www.youtube.com/watch?v=s9shPouRWCs">Crash Course Psychology #16</a>
				video by Hank Green
			</span>
		  </h2>
<!--
            <section id="downloads">
              <a class="zip_download_link" href="https://github.com/danmana/beatboxing-hank/zipball/master">Download this project as a .zip file</a>
              <a class="tar_download_link" href="https://github.com/danmana/beatboxing-hank/tarball/master">Download this project as a tar.gz file</a>
            </section>
-->
        </header>
    </div>

    <!-- MAIN CONTENT -->
    <div id="main_content_wrap" class="outer">
      <section id="main_content" class="inner">

		<div id="player"></div>
		
        <h3><a name="welcome-to-github-pages" class="anchor" href="#welcome-to-github-pages"><span class="octicon octicon-link"></span></a>Compose Your Beat and hit PLAY!</h3>
		
		<p>Use one of these phonemes to compose a beat: <b class="phonemes">t ch s sh f p a ai e o u</b><br>
		Tip: you can use spaces for short pauses.
		</p>

		<div class="clearfix">
			<textarea id="beatbox-text"> p ts s p ts s p ts s ssss 
p ts s p ts s p ts s ooou 
ptptshsh ppttshsh ptptshsh ppttshsh uua
ptptshsh ppttshsh ptptshsh ppttshsh ooou
ptptshsh ppttshsh ptptshsh ppttshsh uua
</textarea>
			<a href="#" id="beatbox-button" class="play"></a>
			<div style="clear:both;"></div>
		</div>

      </section>
    </div>

    <!-- FOOTER  -->
    <div id="footer_wrap" class="outer">
      <footer class="inner">
        <p class="copyright">Beatboxing-hank maintained by <a href="https://github.com/danmana">danmana</a></p>
        <p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
      </footer>
    </div>
	
	<script src="./javascripts/beatboxing.js"></script>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-51392121-1', 'danmana.github.io');
  ga('send', 'pageview');

</script>


  </body>
</html>