Mercurial > public > bravenewsurf

annotate bns_website/templates/music.html @ 81:4735fdc82b48

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Added a buy now button to the listen page.
author Brian Neal <bgneal@gmail.com>
date Fri, 25 Nov 2011 20:03:19 -0600
parents 1d50a0db4f21
children f320699478d7
rev   line source
bgneal@9 1 {% extends 'base.html' %}
bgneal@81 2 {% load url from future %}
bgneal@9 3 {% load core_tags %}
bob@51 4
bgneal@9 5 {% block title %}Listen{% endblock %}
bob@51 6
bob@51 7 {% block custom_css %}
bob@51 8 <link type="text/css" href="{{ STATIC_URL }}jplayer_skin/blue.monday/jplayer.blue.monday.css" rel="stylesheet" />
bob@51 9 {% endblock %}
bob@51 10
bob@51 11 {% block custom_js %}
bob@51 12 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
bob@68 13 <script type="text/javascript" src="{{ STATIC_URL }}js/jplayer/jquery.jplayer.min.js"></script>
bob@68 14 <script type="text/javascript" src="{{ STATIC_URL }}js/jplayer/jplayer.playlist.min.js"></script>
bob@51 15 <script type="text/javascript">
bob@51 16 $(document).ready(function(){
bob@51 17
bob@51 18 new jPlayerPlaylist({
bob@51 19 jPlayer: "#jquery_jplayer_1",
bob@51 20 cssSelectorAncestor: "#jp_container_1"},
bob@51 21 [
bob@51 22 {
bob@57 23 artist:"El Supernaut",
bob@57 24 title:"Wonderman from Initiö",
bob@51 25 mp3:"{{ STATIC_URL }}music/1.mp3"
bob@51 26 },
bob@51 27 {
bob@57 28 artist:"Los Twang! Marvels",
bob@57 29 title:"Sea of Glory",
bob@51 30 mp3:"{{ STATIC_URL }}music/2.mp3"
bob@57 31 },
bob@57 32 {
bob@57 33 artist:"El Ray",
bob@57 34 title:"Cherry Cheeks",
bob@57 35 mp3:"{{ STATIC_URL }}music/3.mp3"
bob@57 36 },
bob@57 37 {
bob@57 38 artist:"The Coffin Daggers",
bob@57 39 title:"Borgo Pass",
bob@57 40 mp3:"{{ STATIC_URL }}music/4.mp3"
bob@57 41 },
bob@57 42 {
bob@57 43 artist:"Aqualads",
bob@57 44 title:"Washout",
bob@57 45 mp3:"{{ STATIC_URL }}music/5.mp3"
bob@57 46 },
bob@57 47 {
bob@57 48 artist:"The TomorrowMen",
bob@57 49 title:"Momentium",
bob@57 50 mp3:"{{ STATIC_URL }}music/6.mp3"
bob@57 51 },
bob@57 52 {
bob@57 53 artist:"The Phantom Four",
bob@57 54 title:"El Palmero",
bob@57 55 mp3:"{{ STATIC_URL }}music/7.mp3"
bob@57 56 },
bob@57 57 {
bob@57 58 artist:"Atomic Mosquitos",
bob@57 59 title:"Mosquito Royale",
bob@57 60 mp3:"{{ STATIC_URL }}music/8.mp3"
bob@57 61 },
bob@57 62 {
bob@57 63 artist:"Los Kahunas",
bob@57 64 title:"7 Mares",
bob@57 65 mp3:"{{ STATIC_URL }}music/9.mp3"
bob@57 66 },
bob@57 67 {
bob@57 68 artist:"The Bambi Molesters",
bob@57 69 title:"As the Dark Wave Swells",
bob@57 70 mp3:"{{ STATIC_URL }}music/10.mp3"
bob@57 71 },
bob@57 72 {
bob@57 73 artist:"The Barbwires",
bob@57 74 title:"La Caja del Muerto",
bob@57 75 mp3:"{{ STATIC_URL }}music/11.mp3"
bob@57 76 },
bob@57 77 {
bob@68 78 artist:"Frankie & the Pool Boys",
bob@57 79 title:"Ewa on the Beach",
bob@57 80 mp3:"{{ STATIC_URL }}music/12.mp3"
bob@57 81 },
bob@57 82 {
bob@57 83 artist:"The Thunderchiefs",
bob@57 84 title:"Estratosfera",
bob@57 85 mp3:"{{ STATIC_URL }}music/13.mp3"
bob@57 86 },
bob@57 87 {
bob@57 88 artist:"The Secret Samurai",
bob@57 89 title:"The Khazar",
bob@57 90 mp3:"{{ STATIC_URL }}music/14.mp3"
bob@57 91 },
bob@57 92 {
bob@68 93 artist:"The Madeira",
bob@57 94 title:"Witch Doctor",
bob@57 95 mp3:"{{ STATIC_URL }}music/15.mp3"
bob@57 96 },
bob@57 97 {
bob@68 98 artist:"The Eliminators",
bob@57 99 title:"Walking Tall",
bob@57 100 mp3:"{{ STATIC_URL }}music/16.mp3"
bob@57 101 },
bob@57 102 {
bob@57 103 artist:"Surfer Joe",
bob@57 104 title:"North Swell",
bob@57 105 mp3:"{{ STATIC_URL }}music/17.mp3"
bob@57 106 },
bob@57 107 {
bob@57 108 artist:"The Deadbeats",
bob@57 109 title:"Karabasan",
bob@57 110 mp3:"{{ STATIC_URL }}music/18.mp3"
bob@57 111 },
bob@57 112 {
bob@57 113 artist:"Daikaiju",
bob@57 114 title:"Laser Runner",
bob@57 115 mp3:"{{ STATIC_URL }}music/19.mp3"
bob@57 116 },
bob@57 117 {
bob@57 118 artist:"The Anacondas",
bob@57 119 title:"Floating Home",
bob@57 120 mp3:"{{ STATIC_URL }}music/20.mp3"
bob@51 121 }
bob@51 122 ],
bob@51 123 {
bob@51 124 playlistOptions: {
bob@51 125 enableRemoveControls: true,
bob@51 126 autoPlay: false
bob@51 127 },
bob@68 128 swfPath: "{{ STATIC_URL }}js/jplayer",
bob@51 129 solution:"html, flash",
bob@54 130 oggSupport: false,
bob@54 131 supplied: "mp3"
bob@51 132 });
bob@51 133 });
bob@51 134 </script>
bob@51 135 {% endblock %}
bob@51 136
bgneal@9 137 {% block content %}
bgneal@9 138 {% navbar 'music' %}
bgneal@9 139 <h1>Listen</h1>
bgneal@81 140
bgneal@81 141 <div class="row">
bgneal@81 142 <div class="span8">
bgneal@81 143
bob@51 144 <div id="jquery_jplayer_1" class="jp-jplayer"></div>
bob@51 145
bob@51 146 <div id="jp_container_1" class="jp-audio">
bob@51 147 <div class="jp-type-playlist">
bob@51 148 <div class="jp-gui jp-interface">
bob@51 149 <ul class="jp-controls">
bob@51 150 <li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
bob@51 151 <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
bob@51 152 <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
bob@51 153 <li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
bob@51 154 <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
bob@51 155 <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
bob@51 156 <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
bob@51 157 <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
bob@51 158 </ul>
bob@51 159 <div class="jp-progress">
bob@51 160 <div class="jp-seek-bar">
bob@51 161 <div class="jp-play-bar"></div>
bob@51 162 </div>
bob@51 163 </div>
bob@51 164 <div class="jp-volume-bar">
bob@51 165 <div class="jp-volume-bar-value"></div>
bob@51 166 </div>
bob@51 167 <div class="jp-time-holder">
bob@51 168 <div class="jp-current-time"></div>
bob@51 169 <div class="jp-duration"></div>
bob@51 170 </div>
bob@51 171 <ul class="jp-toggles">
bob@51 172 <li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
bob@51 173 <li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
bob@51 174 <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
bob@51 175 <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
bob@51 176 </ul>
bob@51 177 </div>
bob@51 178 <div class="jp-playlist">
bob@51 179 <ul>
bob@51 180 <li></li>
bob@51 181 </ul>
bob@51 182 </div>
bob@51 183 <div class="jp-no-solution">
bob@51 184 <span>Update Required</span>
bob@51 185 To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
bob@51 186 </div>
bob@51 187 </div>
bob@51 188 </div>
bgneal@81 189
bgneal@81 190 </div>
bgneal@81 191 <div class="span7 offset1">
bgneal@81 192 <div class="alert-message block-message info">
bgneal@81 193 <h2>Like what you hear?</h2>
bgneal@81 194 <a href="{% url 'buy' %}" class="btn large primary bns">Buy Now! »</a>
bgneal@81 195 </div>
bgneal@81 196 </div>
bgneal@81 197 </div>
bgneal@9 198 {% endblock %}