Provide search function to 'Events' page #293
Conversation
With 1000+ events taking place at FOSDEM table got so long that finding anything takes time. DataTables framework allows us to search, sort etc. Enlarge table to take 100% of width, merge 'Day' and 'Start' columns into one and sort by it. Separators with track names are gone now.
We no longer have rows with Track name so let add column with this information. Had to rename 'Attachments' into 'Files' to make table fit in page.
FixedHeader extension makes table header always visible - it stays on top of page while user scrolls page.
Mark plug-in highlights searched phrase.
Small styling change to keep search elements side by side.
|
https://marcin.juszkiewicz.com.pl/test/schedule2.html shows how page looks. |
|
argh, broke sorting instead of fixing. Will continue tomorrow. |
|
ok, works. |
|
not sure we want external cdn links, and in any case we need to adjust CSP for that I think. Anyway: thanks for your work, it is definitely nice! |
|
You can also host those files. I did not know where to put them so used external. |
|
@gerryd : thoughts? |
|
So far we have avoided any javascript in the website, but I'm not opposed to change that. I'm not in favour of loading resources from a CDN, though, we aim to be fully self-hosted, so I'd much prefer if we could host them ourselves. I suppose there are some provisions in nanoc to that effect? |
|
It can be used with Javascript disabled. But then it needs some CSS work as table gets too packed. |
Since 2020 I am maintaining alternative view of FOSDEM schedule. With search and links to slides/attachements and videos. Current version is available at https://gpages.juszkiewicz.com.pl/fosdem-videos/ page.
I am fine with keeping and maintaining it where it is now but each year people ask me why it is not part of FOSDEM website.
So I decided to take a look at FOSDEM website to integrate it there.
DataTables is MIT licensed, files are used from CDN, with SHA384 hashes provided to make sure that browser loads the same files.
Closes: #279