daw/page-music.php

<?php
/*
Template Name: Music
*/

get_header(); ?>

	<div class="container">
		<article id="content" class="single" role="main">
			<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
			<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
				<div id="music" class="entry-content">
					<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( '%s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark">Music</a></h2>
					<?php the_content(); ?>
					<div class="row">
						<div class="col-sm-4">
						<p>&nbsp;</p>
						</div>
						<div class="col-sm-4">
						</div>
						<div class="col-sm-4">
						</div>
					</div>
					<div class="row">
						<div class="col-sm-2">
							<h5 class="cm-type"><em>Averages:</em></h5>
						</div>
						<div class="col-sm-2">
							<h5 class="cm-type"><em>Types:</em></h5>
						</div>
						<div class="col-sm-4">
						</div>
						<div class="col-sm-4">
						</div>
					</div>
					<div class="row">
						<div class="col-sm-2">
							
							<ul class="list-group">
								<li class="list-group-item active">Tracks</li>
									<li class='list-group-item'>Year<span class='badge'>7151</span></li>
									<li class='list-group-item'>Month<span class='badge'>687</span></li>
									<li class='list-group-item'>Day<span class='badge'>37</span></li>
								</li>
							</ul>
							<ul class="list-group">
								<li class="list-group-item active">Albums</li>
									<li class='list-group-item'>Year<span class='badge'>160</span></li>
									<li class='list-group-item'>Month<span class='badge'>11</span></li>
								</li>
							</ul>
						</div>
						<div class="col-sm-2">		
							<div id="key">

							</div>
						</div>
						<div class="col-sm-4">
							<div class="music-types">
								<canvas id="typechart" width="300" height="300"></canvas>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="music-typed">
								<canvas id="artchart" width="300" height="300"></canvas>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<h5 class="cm-type"><em>By Month:</em></h5>
							<div class="timeline">
								<canvas id="timechart" width="900" height="400"></canvas>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<div id="music-notes">
								<p><small><sup>*</sup>Note: 12 Categories is limiting. Bluegrass is country, Rhythm and Blues includes Fats Domino and Mary J. Blige. Peter Tosh is World music. Brian Eno is somtimes ambient and sometimes electronic. I tagged alot of pop music as electronic when I hear very few real instruments. I also noticed that because pop songs are shorter there are much more plays.  I capped off the plays below at 200. </small></p>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<div id="music-notes">
							<p>&nbsp;</p>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<div id="linechart"></div>
						</div>
					</div>

					<div class="row">
						<div class="col-sm-4">
							<h5 class="cm-type"><em>Recent</em></h5>
							<ul class="list-group">
								<div class="recent"></div>
							</ul>
						</div>
						<div class="col-sm-4">
							<h5 class="cm-type"><em>Top Artists - Last Week</em></h5>
							<ul class="list-group">
								<div class="wartists"></div>
							</ul>
						</div>
						<div class="col-sm-4">
							<h5 class="cm-type"><em>Top Tracks - Last Week</em></h5>
							<ul class="list-group">
								<div class="wtracks"></div>
							</ul>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-4">
							<h5 class="cm-type"><em>Top Artists - Last 6 Months</em></h5>
							<ul class="list-group">
								<div class="artists"></div>
							</ul>
						</div>
						<div class="col-sm-8">
							<h5 class="cm-type"><em>Top Tracks - Last 6 Months</em></h5>
							<ul class="list-group">
								<div class="tracks"></div>
							</ul>
						</div>
					</div>
					
					<h5 class="cm-type"><em>Top 200 Albums From the Last Year</em></h5>
					<div class="albums"></div>
				</div>
			</div>
			<?php endwhile; ?>
		</article>
	</div>
<?php get_footer(); ?>