Improved music page

pages/music/music.go

@@ -2,8 +2,37 @@ package music
 
 import "github.com/aerogo/aero"
 import "github.com/animenotifier/notify.moe/components"
+import "github.com/animenotifier/arn"
 
 // Get renders the music page.
 func Get(ctx *aero.Context) string {
-	return ctx.HTML(components.Music())
+	tracks := []*arn.SoundTrack{}
+
+	tracks = append(tracks, &arn.SoundTrack{
+		ID: "1",
+		Media: []arn.ExternalMedia{
+			arn.ExternalMedia{
+				Service:   "Soundcloud",
+				ServiceID: "127672476",
+			},
+		},
+		Tags: []string{
+			"anime:7622",
+		},
+	})
+
+	tracks = append(tracks, &arn.SoundTrack{
+		ID: "2",
+		Media: []arn.ExternalMedia{
+			arn.ExternalMedia{
+				Service:   "Soundcloud",
+				ServiceID: "270777538",
+			},
+		},
+		Tags: []string{
+			"anime:11469",
+		},
+	})
+
+	return ctx.HTML(components.Music(tracks))
 }

pages/music/music.pixy

@@ -1,5 +1,11 @@
-component Music
+component Music(tracks []*arn.SoundTrack)
 	h2.page-title Music
 
-	iframe(src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/127672476&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true")
-	//- <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/127672476&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
+	.sound-tracks
+		each track in tracks
+			.sound-track
+				each anime in track.Anime()
+					a.sound-track-anime-link.ajax(href="/anime/" + anime.ID)
+						img.sound-track-anime-image(src=anime.Image.Small, alt=anime.Title.Canonical, title=anime.Title.Canonical)
+				
+				iframe(src="https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/" + track.Media[0].ServiceID + "?auto_play=false&hide_related=true&show_comments=true&show_user=true&show_reposts=false&visual=true")

pages/music/music.scarlet

@@ -0,0 +1,15 @@
+.sound-tracks
+	vertical
+
+.sound-track
+	horizontal
+	margin-bottom 1rem
+
+	iframe
+		width 100%
+
+.sound-track-anime-link
+	//
+
+.sound-track-anime-image
+	max-width 142px