A free, easy-to-use, simple and minimal web template built with Shoelace, designed for creating a radio directory.
- 😊 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!
The first step is to click the Use this template button above the file list to create a new repository.
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>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.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>Find audio tag in index.html file:
<audio class="audio" src="https://radio.digitalmalayali.in/listen/stream/radio.mp3" preload="none"></audio>Logo - Broadcast pin icon from Bootstrap.