KubeCon CloudNativeCon Europe 2023 homepage made usable

Especially for virtual attendees on laptop or workstation.

The page in question: https://kubecon-cloudnativecon-europe.com/home-full/

Homepage before:

Homepage after:

What I am unhappy about in the initial homepage

• tini-tiny table with talks list
• lots of useless elements that occupy screen space
• scroll-in-a-scroll

Sched is not cutting it for me - there's no video of the talk in there, not even a link to videostream.
I just need a long list of talk videos... right on the homepage.

I found this page https://kubecon-cloudnativecon-europe.com/agenda/ too late. "Co-located Events + Sessions" just doesn't sound like what I am looking for. And it too has useless right column...

How to add JS to make homepage pretty

Option 1, with autoloading of the script that adjusts KubeCon homepage. Using Tampermonkey or similar Chrome plugin.

Chrome, 112.0 version

1. Install Tampermonkey plugin into Chrome
2. pin Tampermonkey plugin in browser header

1. Click Tampermonkey plugin icon in browser header, select "Create a new script..."

1. add fix-homepage.js file contents to the script body. Can examine the JS - nothing fancy in there, find element-set style.

1. Select tab "Settings" right above script edit area. Section "Includes/Excludes", "User matches" box, click "Add..." button - put https://kubecon-cloudnativecon-europe.com/home-full/ in the pop-up window

1. !! Click "Save" !!

1. Reload KubeCon homepage

2. It should autoload the script every time kubecon homepage loads

Option 2. Use content snippets. No plugins. No autoload.

Chrome browser

1. Load webpage https://kubecon-cloudnativecon-europe.com/home-full/ , right click on page content, click "Inspect"
2. In developer tools panel, select "Sources" tab, in that select "Snippets" tab
3. Click "+ New snippet"

1. Put contents of fix-homepage.js file into the snippet body window. Save snippet (Ctrl+S).

2. Run snippet - click on run button

1. You don't have to create snippet each time, but you have to run it each time

Manual (artistic) process of fixing the homepage

Delete the buttons on the right to the schedule

Who needs these buttons here?! They are also in left-side menu and that's where I would look for them

Make left column full-width

Remove the useless "Community in Bloom" header

Remove equally useless "Hello, Jane" header

Seriously? You just put "Hello user" there?! Did you make sysadmin write this website for you? :)

Find container with schedule and remove fixed height to get rid of, oh gosh, scroll-in-a-scroll

P.S. What about Mobile?

Are they hiding the schedule at all for mobile devices? LOL