|
|
@@ -3,29 +3,33 @@
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>Audio Axis</title>
|
|
|
+ <link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet'>
|
|
|
<link href="/static/base.css" rel="stylesheet">
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<header>
|
|
|
- <img src="/static/audioaxis-white.png" alt="Audio Axis">
|
|
|
+ <img src="/static/audioaxis-white.png" alt="Audio Axis" class="aa">
|
|
|
</header>
|
|
|
<article>
|
|
|
{{range .Songs}}
|
|
|
<section class="song">
|
|
|
- <div class="info">
|
|
|
- <a href="http://www.youtube.com/watch?v={{.Yid}}">{{.Name}}</a>
|
|
|
- {{.User}}
|
|
|
- </div>
|
|
|
- <div class="thumb">
|
|
|
- <img src="http://i.ytimg.com/vi/{{.Yid}}/1.jpg" alt="{{.Name}}">
|
|
|
- </div>
|
|
|
- <canvas id="{{.Yid}}" width="700" height="20"></canvas>
|
|
|
- <br>
|
|
|
- <img src="/static/player_play.png" alt="Play" onclick="play('{{.Yid}}')" id="play_{{.Yid}}">
|
|
|
- <img src="/static/player_pause.png" alt="Pause" onclick="pause('{{.Yid}}')" id="pause_{{.Yid}}">
|
|
|
- <img src="/static/player_stop.png" alt="Stop" onclick="stop('{{.Yid}}')">
|
|
|
- <br class="clear">
|
|
|
+ <div class="info">
|
|
|
+ <a href="http://www.youtube.com/watch?v={{.Yid}}">{{.Name}}</a>
|
|
|
+ </div>
|
|
|
+ <div class="user">
|
|
|
+ {{.User}}
|
|
|
+ </div>
|
|
|
+ <br class="clear">
|
|
|
+ <div class="thumb">
|
|
|
+ <img src="http://i.ytimg.com/vi/{{.Yid}}/1.jpg" alt="{{.Name}}">
|
|
|
+ </div>
|
|
|
+ <canvas id="{{.Yid}}" width="700" height="20"></canvas>
|
|
|
+ <br>
|
|
|
+ <img src="/static/player_play.png" alt="Play" onclick="play('{{.Yid}}')" id="play_{{.Yid}}">
|
|
|
+ <img src="/static/player_pause.png" alt="Pause" onclick="pause('{{.Yid}}')" id="pause_{{.Yid}}">
|
|
|
+ <img src="/static/player_stop.png" alt="Stop" onclick="stop('{{.Yid}}')">
|
|
|
+ <br class="clear">
|
|
|
</section>
|
|
|
{{else}}
|
|
|
No songs found
|
raylu