Add pufferpanel and radio

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

BIN
images/azuracast.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
images/pufferpanel.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

View file

@ -51,12 +51,30 @@
</div> </div>
</button> </button>
</a> </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/"> <a href="https://live.jimbosfiles.com/">
<button class="custom-button stream"> <button class="custom-button stream">
<div class="color-part"></div> <div class="color-part"></div>
<div class="button-content"> <div class="button-content">
<img class="button-image" src="./images/owncast.png" alt="Button Logo" style="width: 5em; height: auto;"> <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> </div>
</button> </button>
</a> </a>

View file

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