neuropoly / neuro.polymtl.ca

NeuroPoly's Website
https://neuro.polymtl.ca
3 stars 5 forks source link

Filter list of publications interactively with labels #81

Closed jcohenadad closed 1 year ago

jcohenadad commented 1 year ago

We have a lot of publications (good problem to have!), meaning that people glancing at our publication list might be overwhelmed and not easily find the information they need. For example, prospective students who only want to see publications related to "MRI physics" would like to only display these publications.

A nice solution, implemented at Mila, would be to allow users to select filters, to interactively display publications on demand.

Suggested list of labels (one publication can have multiple labels):

Other suggestions?

TODO:

TODO in subsequent PRs:

Fixes #80

jcohenadad commented 1 year ago

Thanks to ChatGPT I was able to implement something similar, using custom JS. Here is a prototype:

https://user-images.githubusercontent.com/2482071/229586961-a0f65d20-7651-4040-90f5-205b6e5c7c6b.mov

version: https://github.com/neuropoly/neuro.polymtl.ca/pull/81/commits/8cd92f08b3cf1126015a27dc30d7330f56a3f749

jcohenadad commented 1 year ago

Improved cosmetic in afde473c24026fe34774a69d04e8367690868458:

image

jcohenadad commented 1 year ago

Additional cosmetic improvement (first citation): ef96ff0b38fc7862f863953975eb8bad930b3230 image

jcohenadad commented 1 year ago

With added labels d2b20ce328f3fabc18f7855f1aa7544181ed288a:

image

jcohenadad commented 1 year ago

Separated by year 53566ebbd57f79ba0b137f5869a63fd1aa663f61:

image

jcohenadad commented 1 year ago

Working version, generated with bibeasy (working branch: https://github.com/jcohenadad/bibeasy/pull/18/commits/64a30db3f8c602865a472543fd5dc94a01b76a51) 39eb1e9b521967f2ff747fe77fed4dc7e36395d7:

image

jcohenadad commented 1 year ago

Added labels: (cannot use space in them, otherwise it makes the code more complicated):

image