Radiohub

A free, easy-to-use, simple and minimal web template built with Shoelace, designed for creating a radio directory.

Features

• 😊 No installation or fancy setup; just add station details and streaming URL!
• 📻 Stream stations without leaving the directory!
• ⚡ Uses Shoelace, a powerful web component library!
• 😍 Country flags are powered by Flag Icons!

Usage

The first step is to click the Use this template button above the file list to create a new repository.

Add station name and website

Go to index.html file and find header:

<div slot="header">
    <strong>Radio Digital Malayali</strong>
    <sl-icon-button name="arrow-up-right" label="Visit Website" href="https://radio.digitalmalayali.in/" target="_blank">   
    </sl-icon-button>
</div>

Add station logo and description

Make sure to keep the description short, with 10-13 words, and the logo at a size of 300 pixels in a 1:1 ratio. In index.html file, find img tag:

<img slot="image" src="assets/RDM.webp" alt="Radio Digital Malayali Logo" />
A 24/7 Indian lo-fi music web radio initiative by Digital Malayali.

Add country, language and category

Find badges in index.html file. Use the two-letter country code (ISO 3166-1-alpha-2) to display flags:

<div class="badges">
    <sl-badge variant="success">India<span class="fi fi-in fis"></span></sl-badge>
    <sl-badge variant="success">Malayalam</sl-badge>
    <sl-badge variant="success">Music</sl-badge>
</div>

Add streaming URL

Find audio tag in index.html file:

<audio class="audio" src="https://radio.digitalmalayali.in/listen/stream/radio.mp3" preload="none"></audio>

Credits

Logo - Broadcast pin icon from Bootstrap.