Pro-Grade Ham Radio Displays: Integrating OpenHamClock into PiSignage

758 words, 4 minutes read time.

A Helping Hand Needed for a Fellow Programmer

I’m reaching out to see if you can lend a hand to a talented software developer who’s currently on the job hunt. With over 30 years of experience in C#, .NET (Core/6–8), REST APIs, SQL Server, Angular/Razor, Kubernetes, and cloud CI/CD, he’s a seasoned pro with a proven track record of leading modernization projects and delivering production systems.

Some of his notable accomplishments include DB2 to SQL migrations, building real-time SignalR apps, and developing full-stack API and frontend projects. Based in Southeast Michigan, he’s looking for senior engineering, architecture, or technical lead roles that will challenge him and utilize his skills.

If you’re in a position to help, you can check out his resume and portfolio at http://charles.friasteam.com.

Let’s all look out for each other – if you know of any opportunities that might be a good fit, could you please consider passing this along to your network?

If you are a ham radio operator, you know that a HamClock is the ultimate shack companion. But what if you want to move beyond a dedicated small screen and integrate that data-rich display into a professional digital signage environment?

By using PiSignage, you can rotate your HamClock with other station metrics, weather, or club announcements. However, getting a clean, secure, and “pop-up free” experience requires a few tricks.

In this post, I’ll show you how to deploy OpenHamClock using Docker and how to strip away the UI clutter for a seamless kiosk experience.

The Setup

To follow along, you will need a PiSignage server instance. I personally run mine as a Docker container, which keeps the server stack isolated and easy to back up.

1. The Docker Compose Configuration

PiSignage and modern browsers often require secure contexts (HTTPS) for certain features. Since the standard HamClock output is HTTP, we’ll use a two-service setup: the clock itself and a lightweight SSL-wrap sidecar using socat and openssl.

docker-componse.yml

services: openhamclock: image: ghcr.io/accius/openhamclock:latest container_name: openhamclock expose: - "3000" environment: - CALLSIGN=<CALL SIGN> - LOCATOR=<Grid Square Locator> - THEME=dark - UNITS=imperial restart: unless-stopped ssl-wrap: image: alpine container_name: hamclock-ssl ports: - "3000:3000" command: > sh -c "apk add --no-cache socat openssl && openssl req -x509 -newkey rsa:2048 -keyout /tmp/key.pem -out /tmp/cert.pem -days 365 -nodes -subj '/CN=localhost' && cat /tmp/cert.pem /tmp/key.pem > /tmp/combined.pem && socat OPENSSL-LISTEN:3000,cert=/tmp/combined.pem,verify=0,fork,reuseaddr TCP:openhamclock:3000" restart: unless-stopped

2. Silencing the “What’s New” Pop-ups

When using HamClock as a signage element, you want it to be “set and forget.” The “What’s New” slide-ins are helpful for desktop users but ruin a clean kiosk display.

While there is a formal change request pending for a toggle, you can currently “force” these elements to stay hidden by injecting a bit of CSS directly into the distribution files. Run this command within your app environment:

find /app/dist -name "*.css" -exec sh -c 'echo "div[style*=\"whatsNewSlideIn\"], div[style*=\"backdrop-filter\"] { display: none !important; }" >> {}' \;

3. Setting Up the Slide in PiSignage

Once your containers are humming along, you need to tell PiSignage how to display the clock.

Create the Weblink Asset

  • Log in to your PiSignage Admin Panel.
  • Navigate to Assets > Add > Weblink.
  • Fill in the details:
    • Name: OpenHamClock
    • Link Address: https://<YOUR-HOSTNAME>:3000/?kiosk=true
  • Click Save.
  • Pro Tip: The ?kiosk=true suffix is critical. It tells HamClock to hide its own internal menus and headers, giving you a dedicated, high-contrast dashboard perfect for a wall-mounted display.

    Deploy to Your Player

  • Go to Playlists and add your new “OpenHamClock” asset.
  • Set the Duration: Set this to 0 for a permanent display, or a high number (like 300 for 5 minutes) if it’s part of a rotation.
  • Go to Groups, select your player, and deploy the playlist.
  • Your screen should refresh and show a beautiful, clean HamClock interface within seconds!

    Running PiSignage in Docker?

    For those of you looking to keep your entire server stack contained, running the PiSignage central server in Docker is the way to go. It keeps your host OS clean and makes management a breeze.

    If you’d like me to discuss how to set up a dockerized PiSignage server, please comment below!

    — 73 —

    Call to Action

    Getting this stack to play nice wasn’t a “one-and-done” install. It was a hard-fought process that took multiple attempts to finally crack the code on bypassing those “What’s New” screens and forcing a clean kiosk display. But the victory is in the uptime.

    Don’t just lurk. If you’ve got the guts to show how you’re rebuilding your station on the wreckage of the old ways, drop a comment below. How are you occupying the victory today?

    SUPPORTSUBSCRIBECONTACT ME

    D. Bryan King

    Sources

    Disclaimer:

    I love sharing what I’m learning, but please keep in mind that everything I write here—including this post—is just my personal take. These are my own opinions based on my research and my understanding of things at the time I’m writing them. Since life moves way too fast and things change quickly, please use your own best judgment and consult the experts for your specific situations!

    #AlpineLinux #AmateurRadioDashboard #amateurRadioTechnology #Automation #containerization #CSSInjection #CustomCSS #DetroitHamRadio #devops #DigitalDashboard #DigitalSignage #DisplaySolutions #Docker #DockerCompose #DXCluster #EN82le #GHCR #gridSquare #hamRadio #HamRadioKiosk #hamRadioSoftware #hamRadioTools #HamClock #HomeLab #HTTPSWrapper #KioskMode #KioskSetup #KioskTrue #Linux #MaidenheadLocator #networkSecurity #OpenSource #OpenHamClock #OpenSSL #piSignage #PiSignageDocker #PiSignageTips #RadioStationDisplay #RaspberryPi #RaspberryPiProjects #realTimeData #RemoteMonitoring #ScreenRotation #SelfHosted #ServerManagement #ShackClock #SignalTracking #SmartShack #Socat #SoftwareWorkaround #SolarData #SSLWrap #StationIntegration #TechGuide #TechnicalTutorial #UITweaks #W8DBK #WebDevelopment #WebLinkAsset
    🎃 Plan each day with spooky fun 🕸️ Our Cauldrons & Candy Corn Horizontal Daily Dashboard for Notability is here! 7 festive pages to organize your week 🦇 https://etsy.me/3LdDeov #Etsy #Notabilityplanner #digitaldashboard #halloweenplanning #fallplanner #smallbusiness #etsyfinds

    5 mẫu xe hơi tiên phong sử dụng bảng đồng hồ kỹ thuật số từ nhiều thập kỷ trước! 🚗💨 Công nghệ này đã xuất hiện sớm hơn chúng ta nghĩ. Thật thú vị!
    #ôtô #côngnghệ #xehoi #donghokythuatso #innovation #tech #cars #digitaldashboard #vietnam

    https://vietnamnet.vn/5-mau-xe-tien-phong-voi-bang-dong-ho-ky-thuat-so-tu-hang-chuc-nam-truoc-2442044.html

    5 mẫu xe tiên phong với bảng đồng hồ kỹ thuật số từ hàng chục năm trước

    Trước khi bảng đồng hồ kỹ thuật số trở nên phổ biến như hiện tại, bạn có biết chúng đã từng có mặt trên những mẫu xe xuất hiện từ cách đây hàng chục năm.

    Vietnamnet.vn

    Buckle up, it's time for a journey back to the '80s 🚗 Discover how digital dashboards revolutionized the driving experience!

    Read more 👉 https://enemyofaverage.com/1980s-digital-dashboard-revolution/

    #DigitalDisplays #DigitalDashboard #1980S #Cars

    10 Amazing Cars From the 1980s Digital Dashboard Revolution

    The 80s was a decade obsessed with digital displays, and that obsession wasn't confined to our living rooms. The 1980s introduced the digital dashboard.

    Enemy of Average

    9 Amazing Cars That Embraced the 1980s Digital Dashboard Revolution
    https://enemyofaverage.com/1980s-digital-dashboard-revolution/

    #DigitalDisplays #DigitalDashboard #1980S #Cars

    10 Amazing Cars From the 1980s Digital Dashboard Revolution

    The 80s was a decade obsessed with digital displays, and that obsession wasn't confined to our living rooms. The 1980s introduced the digital dashboard.

    Enemy of Average
    🌟 "Countdown to innovation! Impulsion's final version is almost here. Stay tuned for a game-changing tool that redefines your digital routine. #Impulsion #DigitalDashboard"
    Fascinating panel discussion on evidence informed planning and decision making in Ireland at the launch of the #RegionalDevelopment Monitor 
#geohive #RSES #digitaldashboard #opensource #data
    This live interactive tool can be added to depending on the needs of the regions, the data and technology is harnessed into this one resource developed by @[email protected] with @[email protected] @[email protected] @[email protected] #digitaldashboard @[email protected] @[email protected] #regionaldevelopment
    Justin Gleeson @[email protected] giving a live demo of the Regional Development Monitor today at its launch@EMRAssembly @[email protected] and @[email protected] #digitaldashboard @[email protected] @[email protected] #regionaldevelopment
    Justin Gleeson @[email protected] demoing the Regional Development Monitor, an analytic #digitaldashboard with #mappingtools that will guide future planning frameworks and policies across ireland with @[email protected] @[email protected] and @[email protected] @[email protected] #regionaldevelopment