Patrick Eaton MTSU alumnus

Lights, Camera, Donation: MTSU Alum Gifts Massive LED Screen to Film Program

May 27, 2025 at 10:44 am by WGNS News

MURFREESBORO, Tenn. — The future is getting brighter for Middle Tennessee State University film and television students in the College of Media and Entertainment thanks.... Read More
Claude finished the response Uploaded image Uploaded image I need a widget for my radio stations web stream. I don't want it EXACTLY like this one, but I want it close. I want it to always float at the bottom of the page. I want it cleaner than the one I uploaded with just the text "listen live" and the play button and volume controls. The colors should be gradients. The play button should be #bc152f to #800d1c top to bottom and the backdrop should be #262626 to #1a1a1a also top down. text should be #cccccc and in [Montserrat](https://fonts.google.com/specimen/Montserrat) which is the site default. Make it clean, bottom justified, float with the page and appear on top of everything (ads included). also make sure it is hidden on "WGNSRadio.com/weather" Show more Searched the web, loaded tools, updated tasks Searched the web, loaded tools, updated tasks I couldn't find your direct stream URL publicly, and the widget needs one for the play button to work. Created a file, updated tasks, read a file Created a file, updated tasks, read a file Done. Paste the whole file just before in your site template. Everything you asked for is in there: your exact gradients, #cccccc Montserrat text, max z-index so it sits above ads, fixed to the bottom, and it removes itself on /weather (case-insensitive, trailing-slash tolerant — edit HIDDEN_PATHS to add more pages). A few extras I built in: a buffering spinner while the stream connects, a cache-buster so listeners rejoin the live stream instead of stale buffer after pausing, automatic bottom padding so the bar never covers your footer, safe-area padding for iPhones, and the volume slider hides on very small screens (mute button stays). Your stream URL https://ice5.securenetsystems.net/WGNSM is set in the CONFIG block at the top of the script if you ever need to change it. C:\Users\Dalto\AppData\Roaming\Claude\local-agent-mode-sessions\893118ac-7708-4d90-8667-80c9222bb116\c7393925-0904-445b-a32a-8bc2e9618a18\local_26ea1176-dffd-4ce5-87a5-8b1f0e89999b\outputs\wgns-listen-live-widget.html Code Uploaded image take away the circle, just a red play button. and maybe its left justified? like the attached image. Edited 7 files Edited 7 files Updated preview: Read a file Read a file Circle's gone — now it's a bare play triangle with your red gradient applied to the icon itself, sized up to 34px, sitting left-justified next to "Listen Live". Volume controls moved to the right edge like the reference. The buffering spinner also switched to red to match. Same file, ready to paste. C:\Users\Dalto\AppData\Roaming\Claude\local-agent-mode-sessions\893118ac-7708-4d90-8667-80c9222bb116\c7393925-0904-445b-a32a-8bc2e9618a18\local_26ea1176-dffd-4ce5-87a5-8b1f0e89999b\outputs\wgns-listen-live-widget.html Code Its real tiny on mobile. Love it on desktop though Edited a file, read a file Edited a file, read a file Desktop is untouched. On screens 600px and under, everything scales up for thumbs: 46px play triangle, 18px text, bigger mute icon, a wider slider with a 22px thumb, and a taller bar. Under 400px the slider drops out so nothing gets cramped. Swap in the updated file and check it on your phone — if it's still smaller than you'd like, tell me and I'll bump the sizes further. C:\Users\Dalto\AppData\Roaming\Claude\local-agent-mode-sessions\893118ac-7708-4d90-8667-80c9222bb116\c7393925-0904-445b-a32a-8bc2e9618a18\local_26ea1176-dffd-4ce5-87a5-8b1f0e89999b\outputs\wgns-listen-live-widget.html Code Claude is AI and can make mistakes. Please double-check responses. Give us feedback Wgns listen live widget · HTML
Listen Live