Skip to content

Commit

Permalink
update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
@zcraber
zcraber committed Nov 27, 2024
1 parent 8266cff commit 74ec55a
Show file tree
Hide file tree
Showing 2 changed files with 67 additions and 39 deletions.
28 changes: 17 additions & 11 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,27 +16,33 @@ A free, easy-to-use, simple and minimal web template built with [Shoelace](https
## 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](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L38-L42) file and find `header`:
### Add station name, website and description
Make sure to keep the description short, with 10-13 words. Go to [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L47-L51) file and find `header`:

```html
<div slot="header">
<div class="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>
<sl-icon-button name="arrow-up-right" label="Visit Website" href="https://radio.digitalmalayali.in/" target="_blank">
</sl-icon-button>
</div>
A 24/7 Indian lo-fi music web radio initiative by Digital Malayali.
```

### Add station logo and description
Make sure to keep the description short, with 10-13 words, and the logo at a minimum size of 80 pixels in a 1:1 ratio. In [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L43-L44) file, find `img` tag:
### Add station logo
Add a logo at a minimum size of 80 pixels in a 1:1 ratio. In [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L39-L45) file, find `img` tag:

```html
<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.
<div class="logo-container">
<img class="radio-logo" src="assets/RDM.webp" alt="Radio Digital Malayali Logo" />
<sl-button class="play-radio" variant="primary">
<sl-icon slot="prefix" name="play-circle-fill"></sl-icon>
Play
</sl-button>
</div>
```

### Add country, language and category
Find `badges` in [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L45-L49) file. Use the two-letter country code ([ISO 3166-1-alpha-2](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2)) to display flags:
Find `badges` in [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L53-L57) file. Use the two-letter country code ([ISO 3166-1-alpha-2](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2)) to display flags:

```html
<div class="badges">
Expand All @@ -47,7 +53,7 @@ Find `badges` in [index.html](https://github.com/digitalmalayali/radiohub/blob/m
```

### Add streaming URL
Find `audio` tag in [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L55-L56) file:
Find `audio` tag in [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L59-L60) file:

```html
<audio class="audio" src="https://radio.digitalmalayali.in/listen/stream/radio.mp3" preload="none"></audio>
Expand Down
78 changes: 50 additions & 28 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,8 @@
<div class="info">
<div class="header">
<strong>Mixify Radio</strong>
<sl-icon-button name="arrow-up-right" label="Visit Website" href="https://mixify.in/" target="_blank"></sl-icon-button>
<sl-icon-button name="arrow-up-right" label="Visit Website" href="https://mixify.in/"
target="_blank"></sl-icon-button>
</div>
Eternal sanctuary for the soulful tunes of Hindi music.
<div class="badges">
Expand All @@ -87,13 +88,15 @@
<sl-badge variant="success">Music</sl-badge>
</div>
<div class="footer">
<audio class="audio" src="https://server.mixify.in/listen/listen//radio.mp3" preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
<audio class="audio" src="https://server.mixify.in/listen/listen//radio.mp3"
preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
style="display:none;"></sl-range>
</div>
</div>
</div>
</sl-card>

<sl-card>
<div class="card-container">
<div class="logo-container">
Expand All @@ -106,7 +109,8 @@
<div class="info">
<div class="header">
<strong>AM 1050</strong>
<sl-icon-button name="arrow-up-right" label="Visit Website" href="https://www.lavozdesanjusto.com.ar/AM1050" target="_blank"></sl-icon-button>
<sl-icon-button name="arrow-up-right" label="Visit Website"
href="https://www.lavozdesanjusto.com.ar/AM1050" target="_blank"></sl-icon-button>
</div>
An AM radio station from Cordoba, Argentina.
<div class="badges">
Expand All @@ -115,13 +119,16 @@
<sl-badge variant="success">News</sl-badge>
</div>
<div class="footer">
<audio class="audio" src="https://vps-2333016-x.dattaweb.com/listen/am_1050_radio_san_francisco/radio.mp3" preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
<audio class="audio"
src="https://vps-2333016-x.dattaweb.com/listen/am_1050_radio_san_francisco/radio.mp3"
preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
style="display:none;"></sl-range>
</div>
</div>
</div>
</sl-card>

<sl-card>
<div class="card-container">
<div class="logo-container">
Expand All @@ -134,7 +141,8 @@
<div class="info">
<div class="header">
<strong>FM Universo 957</strong>
<sl-icon-button name="arrow-up-right" label="Visit Website" href="https://www.lavozdesanjusto.com.ar/FMUniverso" target="_blank"></sl-icon-button>
<sl-icon-button name="arrow-up-right" label="Visit Website"
href="https://www.lavozdesanjusto.com.ar/FMUniverso" target="_blank"></sl-icon-button>
</div>
#24hsSoloMusica, without pauses, without cuts, without breaks.
<div class="badges">
Expand All @@ -143,13 +151,15 @@
<sl-badge variant="success">Music</sl-badge>
</div>
<div class="footer">
<audio class="audio" src="https://vps-2333016-x.dattaweb.com/listen/fm_universo_957/radio.mp3" preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
<audio class="audio" src="https://vps-2333016-x.dattaweb.com/listen/fm_universo_957/radio.mp3"
preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
style="display:none;"></sl-range>
</div>
</div>
</div>
</sl-card>

<sl-card>
<div class="card-container">
<div class="logo-container">
Expand All @@ -162,7 +172,8 @@
<div class="info">
<div class="header">
<strong>96.7 2GHR FM</strong>
<sl-icon-button name="arrow-up-right" label="Visit Website" href="https://2ghr.org.au/" target="_blank"></sl-icon-button>
<sl-icon-button name="arrow-up-right" label="Visit Website" href="https://2ghr.org.au/"
target="_blank"></sl-icon-button>
</div>
Greater Hume Shire's very own community radio station.
<div class="badges">
Expand All @@ -171,13 +182,15 @@
<sl-badge variant="success">Music</sl-badge>
</div>
<div class="footer">
<audio class="audio" src="https://az1.syd2.hostyourservices.au/listen/2ghr/2ghr" preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
<audio class="audio" src="https://az1.syd2.hostyourservices.au/listen/2ghr/2ghr"
preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
style="display:none;"></sl-range>
</div>
</div>
</div>
</sl-card>

<sl-card>
<div class="card-container">
<div class="logo-container">
Expand All @@ -190,7 +203,8 @@
<div class="info">
<div class="header">
<strong>Radio Top Activa 99.5 FM</strong>
<sl-icon-button name="arrow-up-right" label="Visit Website" href="https://radiotopactiva.blogspot.com/" target="_blank"></sl-icon-button>
<sl-icon-button name="arrow-up-right" label="Visit Website"
href="https://radiotopactiva.blogspot.com/" target="_blank"></sl-icon-button>
</div>
Radio Top Activa broadcasts on 99.5 FM from Challapata, Bolivia.
<div class="badges">
Expand All @@ -199,13 +213,15 @@
<sl-badge variant="success">Music</sl-badge>
</div>
<div class="footer">
<audio class="audio" src="https://autodj.live/listen/radio_top_activa/live" preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
<audio class="audio" src="https://autodj.live/listen/radio_top_activa/live"
preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
style="display:none;"></sl-range>
</div>
</div>
</div>
</sl-card>

<sl-card>
<div class="card-container">
<div class="logo-container">
Expand All @@ -218,7 +234,8 @@
<div class="info">
<div class="header">
<strong>Radio Mocambos</strong>
<sl-icon-button name="arrow-up-right" label="Visit Website" href="https://taina.net.br/" target="_blank"></sl-icon-button>
<sl-icon-button name="arrow-up-right" label="Visit Website" href="https://taina.net.br/"
target="_blank"></sl-icon-button>
</div>
Casa de Cultura Tainã is a non-profit cultural and social entity.
<div class="badges">
Expand All @@ -227,13 +244,15 @@
<sl-badge variant="success">Music</sl-badge>
</div>
<div class="footer">
<audio class="audio" src="https://labradio.taina.net.br/listen/radiomocambos/radio.mp3" preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
<audio class="audio" src="https://labradio.taina.net.br/listen/radiomocambos/radio.mp3"
preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
style="display:none;"></sl-range>
</div>
</div>
</div>
</sl-card>

<sl-card>
<div class="card-container">
<div class="logo-container">
Expand All @@ -246,7 +265,8 @@
<div class="info">
<div class="header">
<strong>Radio Mil Recuerdos</strong>
<sl-icon-button name="arrow-up-right" label="Visit Website" href="https://www.radiomilrecuerdos.net/" target="_blank"></sl-icon-button>
<sl-icon-button name="arrow-up-right" label="Visit Website"
href="https://www.radiomilrecuerdos.net/" target="_blank"></sl-icon-button>
</div>
Memories that live through time in Guayaquil.
<div class="badges">
Expand All @@ -255,13 +275,15 @@
<sl-badge variant="success">Music</sl-badge>
</div>
<div class="footer">
<audio class="audio" src="https://autodj.live/listen/milrecuerdos/radio.mp3" preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
<audio class="audio" src="https://autodj.live/listen/milrecuerdos/radio.mp3"
preload="none"></audio>
<sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
style="display:none;"></sl-range>
</div>
</div>
</div>
</sl-card>

</main>

<footer>
Expand Down

0 comments on commit 74ec55a

Please sign in to comment.