diff --git a/pages/music/music.pixy b/pages/music/music.pixy index ad400e24..4e9c00ac 100644 --- a/pages/music/music.pixy +++ b/pages/music/music.pixy @@ -11,11 +11,13 @@ component Music(tracks []*arn.SoundTrack) SoundTrack(track) component SoundTrack(track *arn.SoundTrack) - .sound-track(id=track.ID) - a.sound-track-anime-link.ajax(href="/anime/" + track.MainAnime().ID) - img.sound-track-anime-image.lazy(data-src=track.MainAnime().Image.Small, alt=track.MainAnime().Title.Canonical, title=track.MainAnime().Title.Canonical) + .sound-track.mountable(id=track.ID) + .sound-track-content + a.sound-track-anime-link.ajax(href="/anime/" + track.MainAnime().ID) + img.sound-track-anime-image.lazy(data-src=track.MainAnime().Image.Small, alt=track.MainAnime().Title.Canonical, title=track.MainAnime().Title.Canonical) + + iframe.lazy(data-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") - iframe.lazy(data-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") - .sound-track-footer - span posted by - a.ajax(href=track.CreatedByUser().Link())= track.CreatedByUser().Nick \ No newline at end of file + .sound-track-footer + span posted by + a.ajax(href=track.CreatedByUser().Link())= track.CreatedByUser().Nick \ No newline at end of file diff --git a/pages/music/music.scarlet b/pages/music/music.scarlet index 80ab7059..fcaa5a19 100644 --- a/pages/music/music.scarlet +++ b/pages/music/music.scarlet @@ -2,6 +2,9 @@ vertical .sound-track + vertical + +.sound-track-content horizontal iframe diff --git a/pages/profile/profile.go b/pages/profile/profile.go index 1c3fa464..c719a4f2 100644 --- a/pages/profile/profile.go +++ b/pages/profile/profile.go @@ -9,7 +9,7 @@ import ( ) const maxPosts = 5 -const maxTracks = 5 +const maxTracks = 4 // Get user profile page. func Get(ctx *aero.Context) string { diff --git a/pages/profile/profile.scarlet b/pages/profile/profile.scarlet index 80742404..15704c88 100644 --- a/pages/profile/profile.scarlet +++ b/pages/profile/profile.scarlet @@ -90,4 +90,22 @@ profile-boot-duration = 2s // Categories .profile-category - margin-bottom content-padding \ No newline at end of file + margin-bottom content-padding + + .sound-tracks + horizontal-wrap + justify-content space-around + + .sound-track-anime-link + display none + + .sound-track + flex 1 + flex-basis 500px + padding 1rem + +> 800px + .profile-category + .sound-tracks + .sound-track-anime-link + display block \ No newline at end of file