Homestuck has always been an incredible creative collaboration, and especially beloved by the community and critical in that collaboration is the webcomic and world's humongous soundtrack, comprising well over 500 tracks by dozens of musicians and artists. This wiki aims to be an interesting and useful resource for anyone interested in that music, as well as an archive for all things related.

Pertaining to the history of this site: it was originally made as a remake of Homestuck's official Bandcamp, which saw its content particularly reduced on 10/25/19. This site aims to be a more reliable resource and reference: track art (conspicuously missing from the Bandcamp) is archived here, solo albums (among other missing albums, like [[album:Squiddles!]]) are all indexed in the one place, and URLs will always stay consistent. And of course, also included are links for listening on Bandcamp and other services.

The code for this website is open source (GPL-3.0), and can be explored or forked here. I don't actively keep track of issues or PRs raised there; if you want to get in touch with feature requests or comments on the code, my contact info is here!

${getFlashGridHTML({ entries: (flashData @@ -1303,7 +1303,7 @@ async function writeAlbumPage(album) { const trackToListItem = track => fixWS`

(${getDurationString(track.duration)}) - ${track.name} + ${track.name} ${track.artists !== album.artists && fixWS` by ${getArtistString(track.artists)} ` || ``} @@ -1363,8 +1363,8 @@ async function writeAlbumPage(album) { }, nav: { links: [ - ['index.html', 'Home'], - [`${C.ALBUM_DIRECTORY}/${album.directory}/index.html`, album.name], + ['./', 'Home'], + [`${C.ALBUM_DIRECTORY}/${album.directory}/`, album.name], [null, generateAlbumNavLinks(album)] ], content: fixWS` @@ -1393,9 +1393,9 @@ async function writeTrackPage(track) { }, nav: { links: [ - ['index.html', 'Home'], - [`${C.ALBUM_DIRECTORY}/${album.directory}/index.html`, album.name], - [`${C.TRACK_DIRECTORY}/${track.direcotry}/index.html`, track.name], + ['./', 'Home'], + [`${C.ALBUM_DIRECTORY}/${album.directory}/`, album.name], + [`${C.TRACK_DIRECTORY}/${track.direcotry}/`, track.name], [null, generateAlbumNavLinks(album, track)] ], content: fixWS` @@ -1440,7 +1440,7 @@ async function writeTrackPage(track) {

- ${track.name} + ${track.name} by ${getArtistString(track.artists)}

- ${track.name} + ${track.name} by ${getArtistString(track.artists)}

- ${track.name} + ${track.name} by ${getArtistString(track.artists)}
${track.duration && `(${getDurationString(track.duration)})` || ``} - ${track.name} + ${track.name} ${track.artists.includes(artistName) && track.artists.length > 1 && `(with ${getArtistString(track.artists.filter(a => a !== artistName))})` || ``} ${contrib.what && `(${getContributionString(contrib) || 'contributed'})` || ``} ${flashes.length && `
(Featured in ${joinNoOxford(flashes.map(getFlashLinkHTML))})
` || ``} @@ -1538,7 +1538,7 @@ async function writeArtistPage(artistName) { // Shish! const kebab = C.getArtistDirectory(artistName); - const index = `${C.ARTIST_DIRECTORY}/${kebab}/index.html`; + const index = `${C.ARTIST_DIRECTORY}/${kebab}/`; await OLD_writePage([C.ARTIST_DIRECTORY, kebab], artistName, fixWS`
@@ -1574,7 +1574,7 @@ async function writeArtistPage(artistName) { return fixWS`
${thing.album ? fixWS` - ${thing.name} + ${thing.name} ` : '(cover art)'} ${thing.coverArtists.length > 1 && `(with ${getArtistString(thing.coverArtists.filter(({ who }) => who !== artistName))})`} ${contrib.what && `(${getContributionString(contrib)})`} @@ -1588,7 +1588,7 @@ async function writeArtistPage(artistName) { const contributionString = flash.contributors.filter(({ who }) => who === artistName).map(getContributionString).join(' '); return fixWS`
- ${flash.name} + ${flash.name} ${contributionString && `(${contributionString})`} (${getDateString({date: flash.date})})
${thing.album ? fixWS` - ${thing.name} + ${thing.name} ` : '(album commentary)'} ${flashes.length && `
(Featured in ${joinNoOxford(flashes.map(getFlashLinkHTML))})
`}

- ${getAlbum(thing).name} + ${getAlbum(thing).name} ${showDate && `(${getDateString({date: thing[dateProperty]})})`}

- ${flash.act} + ${flash.act}

- ${neeeighm} + ${neeeighm} by ${getArtistString(track.artists)}

${artistNames.includes(who) - ? `${who}` + ? `${who}` : who }${what && ` (${getContributionString({what})})`}

Flashes & Games

Side 1 (Acts 1-5)

Side 2 (Acts 6-7)

Outside Canon (Misc. Games)

Side 1 (Acts 1-5)

Side 2 (Acts 6-7)

Outside Canon (Misc. Games)

${act}

${f.name}
${f.name}

- ${album.name} + ${album.name} ${extraText}

- ${artistName} + ${artistName} (${C.getArtistNumContributions(artistName, {allTracks, albumData, flashData})} c.)

- ${name} + ${name} (${commentary} ${commentary === 1 ? 'entry' : 'entries'})

- ${name} + ${name} (~${getDurationString(duration)})

- ${name} + ${name} (${getDateString({date})})

${track.name}

${album.name}

${track.name}
${track.name}

${track.name}

- ${track.name} + ${track.name} (${getDurationString(track.duration)})

- ${track.name} + ${track.name} (${s(getTracksThatReference(track).length, 'time')} referenced)

${track.name}

- ${album.name} + ${album.name} (${(() => { const things = [album, ...album.tracks]; const cThings = things.filter(x => x.commentary); @@ -2024,14 +2024,14 @@ function writeListingPages() { .map(album => [album, ...album.tracks]) .filter(x => x.some(y => y.commentary)) .map(([ album, ...tracks ]) => fixWS` -

${album.name}

${album.commentary && fixWS`

${transformMultiline(album.commentary)}

` || ``} ${tracks.filter(t => t.commentary).map(track => fixWS` -

${track.name}

${transformMultiline(track.commentary)}

@@ -2059,19 +2059,19 @@ function writeListingPages() {

Miscellaneous:

${[ {name: 'Official', albumData: officialAlbumData, code: 'official'}, {name: 'Fandom', albumData: fandomAlbumData, code: 'fandom'} ].map(category => fixWS` -

${category.name}: (Random Album, Random Track)

${album.name}
${album.name}

`).join('\n')}

- Home - / Listings + Home + / Listings ${currentDirectoryParts && `/ ` + ( + }/">` + ( currentDirectoryParts === 'all-commentary' ? `All Commentary` : currentDirectoryParts === 'random' ? `Random Pages` : listingDescriptors.find(([ ldDirectoryParts ]) => ldDirectoryParts === currentDirectoryParts)[1] @@ -2126,7 +2126,7 @@ function generateHeaderForListings(listingDescriptors, currentDirectoryParts) { function generateSidebarForListings(listingDescriptors, currentDirectoryParts) { return fixWS` -
Listings
+

Listings

- ${ldTitle} + ${ldTitle}
- All Commentary + All Commentary
- Random Pages + Random Pages

${name}${name}${name}${who}${who}(${urls.map(iconifyURL).join(', ')})Next${artist}${artist} @@ -2405,9 +2405,9 @@ function generateAlbumNavLinks(album, currentTrack = null) { const next = currentTrack && album.tracks[index + 1] const [ previousLine, nextLine, randomLine ] = [ - previous && `Previous`, - next && `Next`, - `${currentTrack ? 'Random' : 'Random Track'}` + previous && `Previous`, + next && `Next`, + `${currentTrack ? 'Random' : 'Random Track'}` ]; if (previousLine || nextLine) { @@ -2447,10 +2447,10 @@ function generateAlbumChronologyLinks(album, currentTrack = null) { } function generateSidebarForAlbum(album, currentTrack = null) { - const trackToListItem = track => `

${track.name}

`; + const trackToListItem = track => `

${track.name}

`; const listTag = getAlbumListTag(album); return fixWS` -

${album.name}

${album.usesGroups ? fixWS`

- ${track.group} + ${track.group} ${listTag === 'ol' ? `(${i + 1}–${arr.length - arr.slice().reverse().findIndex(t => t.group === track.group)})` : ``}

Official

Get involved!

News

- Home - Listings - Flashes & Games - About & Credits - Feedback & Suggestions - Changelog (${SITE_RELEASE}: ${SITE_VERSION}) + Home + Listings + Flashes & Games + About & Credits + Feedback & Suggestions + Changelog (${SITE_RELEASE}: ${SITE_VERSION})

${act.act}

${act.act}

Flashes & Games

Flashes & Games

${album.name}

${album.name}

${track.name}

${track.name}

Listings

Listings

${album.name}

${album.name}