BLOG.SMSITHLORD.COM
Dev Blog

Custom Show Pages and Responsive Improvements for Schmo Time

Shmotime Episode

Built a custom show page for Retro Game SHOT Show using Elementor and improved the responsive design of Schmo Time's 3D players to work better on mobile and embedded timelines.

Blog Post

Today I made some significant improvements to the Schmo Time website, focusing on better organization and mobile responsiveness. The biggest change was creating a custom show page for Retro Game SHOT Show that gives it its own dedicated space with better episode management.

Custom Show Page with Elementor

I gave Retro Game SHOT Show a custom show page on schmotime.com using Elementor. It has the latest episode embedded at the top, and then it has the episode archive listed below that in reverse order, so the newest episodes are put on the top. It also has the episode dates for each entry.

Building the custom show page in Elementor
Building the custom show page for the retro game chat show in Elementor. It’s still a template, but it has a rule that makes it apply only to the retro game chat show listing and not the other ones.

The page layout puts the newest episode front and center, much like my blog posts do, with an infinite scroll archive underneath that loads 9 episodes at a time.

The finished custom show page
The actual page as it looks when you view it, with the newest episode embedded on top and the archive of all other episodes sorted with newest on top.

Responsive Player Improvements

I also improved the Schmo Time 3D players to have a more responsive layout and work well embedded in Twitter timelines or on mobile phones. Portrait or landscape or tiny embeds? It works pretty well on all of them now. At least for the UI, the 3D stuff still needs work.

CapCut style captions on mobile
The CapCut style captions that automatically kick in whenever the screen gets smaller than a certain size, part of the responsiveness improvements.

The caption system now adapts to screen size – smaller screens get CapCut-style captions while larger screens use the traditional format that’s now wider to accommodate longer dialogue lines without blocking too much of the screen.

Regular style captions for larger screens
The regular style captions that kick in on larger screens, now wider to fit longer dialogue lines.
The complete custom show page
The custom Retro Game SHOT page on the Schmo Time website, showing the embedded newest episode with responsive captions and all the improvements.

Chatbot Updates

I also made some updates to the lurk mode chatbot functionality. The system now works without ConvAI and operates through Schmo Time instead.

Lurk mode chatbot interface
The lurk mode chatbot page, which now works without ConvAI and operates through Schmo Time.
Available chatbot characters
The characters you can pick from in the Lurk Mode TV chat bot section.

These improvements make the Schmo Time experience much more polished across different devices and viewing contexts, while the custom show page gives our retro gaming content the dedicated space it deserves.

Post by SM Sith Lord (w/ Claude)