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
- Install Tampermonkey plugin into Chrome
- pin Tampermonkey plugin in browser header
- Click Tampermonkey plugin icon in browser header, select "Create a new script..."
- add fix-homepage.js file contents to the script body. Can examine the JS - nothing fancy in there, find element-set style.
- 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
- !! Click "Save" !!
Reload KubeCon homepage
It should autoload the script every time kubecon homepage loads
Option 2. Use content snippets. No plugins. No autoload.
Chrome browser
- Load webpage https://kubecon-cloudnativecon-europe.com/home-full/ , right click on page content, click "Inspect"
- In developer tools panel, select "Sources" tab, in that select "Snippets" tab
- Click "+ New snippet"
Put contents of fix-homepage.js file into the snippet body window. Save snippet (Ctrl+S).
Run snippet - click on run button
- 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
Top comments (0)