colinmorris / atypicality Goto Github PK

It doesn't seem to work using chrome's mobile emulator, but it does work with $force_mobile = true. I'm hoping it will turn out to work when tested on an actual mobile device.

At some point (since the last gh-pages) it seems to have shrunk due to CSS drift.

(Trying to load non-existent fonts like Canela etc.)

(Especially important for mobile mode)

Minimal subset looks like it should be:

artist,track,Year,energy,liveness,tempo,speechiness,acousticness,instrumentalness,valence,danceability,mean_energy,mean_liveness,mean_tempo,mean_speechiness,mean_acousticness,mean_instrumentalness,mean_valence,mean_danceability

i.e. the little circles that show up on vertices of the radar chart corresponding to attributes we want to draw attention to.

I think they look a little goofy right now, but I can't put my finger on why. Maybe they're just too big? Or they might look better as a different shape, or with a different fill/border.

Right now they look weird.

• Clicking on intro text to jump to song-explorer
• Some debugging bound to contextmenu events in song-explorer

Or at the very least, they need their background and z-index set such that they're easily readable in mobile mode.

(Currently there's a big todo right before Royals)

(Could also try just making the whole scrolling scene longer, or giving it some ease-in)

• correct tempo for example songs whose bpm is doubled or halved
• remove the notes about these errors from the copy
• add some kind of footnote disclosing this
• (maybe) rescale tempo to 0-1 based on min/max

Don't know how difficult this would be, but I noticed that if you select a new song from the Similar/Dissimilar/More By sections that the year/decade controls don't update with that new information. Is that manageable to add?

There's probably an easy CSS fix for this...

They should be positioned directly beneath the previous card.

(Possibly inside the previous card, or in cards of their own, though on some mobile devices, the fixed 300px width of the players is greater than the current width of the cards)

Making the "scrollytelling" portion work on mobile. Lacking horizontal space to play with, we probably want cards that scroll from top-to-bottom over (or under) the radar chart.

Michael mentioned he had some reservations about using the word "atypical" in the title.

Given space constraints, may make more sense to use dropdowns for some or all of the controls in the explorer (for decade, year, and song).

Also, hover modality for comparison won't work. Need to consider whether there's a good alternative.

I'm using { and } for left and right quotation marks for now, for the sake of avoiding a lot of tedious copy-pasting.

• nicer-looking cards
• decade selector font > year selector font in song-explorer
• make selectors in song-explorer look more like links/buttons
• style label elements in 'related songs' sections of song-explorer to make them stand out from songs themselves
• consider decreasing font size of card text on mobile? Currently 16px, which limits the amount of text that can fit on a line significantly