Freecorn1854/freecorn-landing-page
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add pufferpanel and radio

Browse source
This commit is contained in:
Jimbo 2024-08-21 02:15:05 -04:00
parent 44b13fe5f8
commit dcad130fa4
4 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
images/azuracast.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
images/pufferpanel.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.7 KiB

20
index.html
View file

@ -51,12 +51,30 @@
</div>
</button>
</a>
<a href="https://panel.jimbosfiles.com">
<button class="custom-button panel">
<div class="color-part"></div>
<div class="button-content">
<img class="button-image" src="./images/pufferpanel.png" style="width: 4.3em; height: auto;">
<span class="button-text">Pufferpanel</span>
</div>
</button>
</a>
<a href="https://live.jimbosfiles.com/">
<button class="custom-button stream">
<div class="color-part"></div>
<div class="button-content">
<img class="button-image" src="./images/owncast.png" alt="Button Logo" style="width: 5em; height: auto;">
<span class="button-text">Jimbo Streaming</span>
<span class="button-text">Streaming</span>
</div>
</button>
</a>
<a href="https://radio.jimbosfiles.com/public/jimbops/">
<button class="custom-button radio">
<div class="color-part"></div>
<div class="button-content">
<img class="button-image" src="./images/azuracast.png" alt="Button Logo" style="width: 5em; height: auto;">
<span class="button-text">Radio</span>
</div>
</button>
</a>

2
styles.css
View file

@ -82,7 +82,9 @@ header img {
.cloud .color-part { background-color: #5ca9d6; }
.warden .color-part { background-color: #63b8a4; }
.git .color-part { background-color: #8abf50; }
.panel .color-part { background-color: #8ad3db; }
.stream .color-part { background-color: #F54E31; }
.radio .color-part { background-color: #253785; }
.mastodon .color-part { background-color: #776bc9; }
.lemmy .color-part { background-color: #183038; }
.element .color-part { background-color: #4ca68c; }