samalyx
/
ref.jaxoff.tv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated 'Details' page, added images and switched quote

This commit is contained in:
dalfuss 2025-10-11 21:52:24 +02:00
parent bb5a2fbd51
commit a531acf45a
7 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/custom.css
View File

@ -134,7 +134,7 @@ small {
} }
.character-image-jax { .character-image-jax {
background-image: url(../img/Smile.png); background-image: url(../img/Smile-Elfears.png);
} }
.character-image-aidan { .character-image-aidan {

BIN
img/EarLeft.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 310 KiB

BIN
img/EarRight.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 KiB

BIN
img/Smile-Elfears.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 977 KiB

BIN
img/Tatt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 KiB

BIN
img/patch.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

36
index.html
View File

@ -56,18 +56,18 @@
<div <div
class="card bg-dark text-white character-image character-image-jax image-credit-icon position-relative"> class="card bg-dark text-white character-image character-image-jax image-credit-icon position-relative">
<a href="./img/Smile.png" class="character-image character-image-jax lightbox" <a href="./img/Smile-Elfears.png" class="character-image character-image-jax lightbox"
data-caption="VTube Model by vgen.co/m1lkyblanc" data-group="gallery" style="opacity: 0%;"></a> data-caption="VTube Model by vgen.co/m1lkyblanc" data-group="gallery" style="opacity: 0%;"></a>
<!-- Mini squares with background images --> <!-- Mini squares with background images -->
<div class="d-flex w-100 p-2"> <div class="d-flex w-100 p-2">
<a href="./img/Smile.png" class="lightbox flex-fill mx-1 rounded bg-secondary mini-bg-box"
style="background-image: url('./img/Smile.png'); "
data-caption="VTube Model by vgen.co/m1lkyblanc" data-group="gallery"></a>
<a href="./img/temp-refsheet.png" class="lightbox flex-fill mx-1 rounded bg-secondary mini-bg-box" <a href="./img/temp-refsheet.png" class="lightbox flex-fill mx-1 rounded bg-secondary mini-bg-box"
style="background-image: url('./img/temp-refsheet.png'); " style="background-image: url('./img/temp-refsheet.png'); "
data-caption="Temp Refsheet" data-group="gallery"></a> data-caption="Temp Refsheet" data-group="gallery"></a>
<a href="./img/a3l_is_catchibi.png" class="lightbox flex-fill mx-1 rounded bg-secondary mini-bg-box"
style="background-image: url('./img/a3l_is_catchibi.png'); "
data-caption="Cat Chibi by vgen.co/A3l_is" data-group="gallery"></a>
<a href="./img/jax_daki.jpg" class="lightbox flex-fill mx-1 rounded bg-secondary mini-bg-box" <a href="./img/jax_daki.jpg" class="lightbox flex-fill mx-1 rounded bg-secondary mini-bg-box"
style="background-image: url('./img/jax_daki_thumb.png'); border-style: solid; border-color: red; ;" style="background-image: url('./img/jax_daki_thumb.png'); border-style: solid; border-color: red; ;"
data-caption="Femboy Hooters Dakimakura Front by Ori Ottero (orifans.com)" data-caption="Femboy Hooters Dakimakura Front by Ori Ottero (orifans.com)"
@ -192,9 +192,9 @@
<!--pic 1--> <!--pic 1-->
<div class="col-6"> <div class="col-6">
<a href="./img/jax_aes1.jpg" class="lightbox" data-group="aesthetic"> <a href="./img/EarLeft.png" class="lightbox" data-group="aesthetic" data-caption="Right Ear">
<div class="text-white m-1 aesthetic-img" <div class="text-white m-1 aesthetic-img"
style="background-image: url(./img/jax_aes1.jpg)"> style="background-image: url(./img/EarLeft.png)">
</div> </div>
</a> </a>
</div> </div>
@ -203,9 +203,9 @@
<!--pic 2--> <!--pic 2-->
<div class="col-6"> <div class="col-6">
<a href="./img/jax_aes2.jpg" class="lightbox" data-group="aesthetic"> <a href="./img/EarRight.png" class="lightbox" data-group="aesthetic" data-caption="Left Ear">
<div class="text-white m-1 aesthetic-img" <div class="text-white m-1 aesthetic-img"
style="background-image:url(./img/jax_aes2.jpg);""> style="background-image:url(./img/EarRight.png);"">
</div> </div>
</a> </a>
</div> </div>
@ -214,9 +214,9 @@
<!--pic 3--> <!--pic 3-->
<div class=" col-6"> <div class=" col-6">
<a href="./img/jax_aes3.jpg" class="lightbox" data-group="aesthetic"> <a href="./img/Tatt.png" class="lightbox" data-group="aesthetic" data-caption="Tummy Tattoo Design (by Ottero / orifans.com)">
<div class="text-white m-1 aesthetic-img" <div class="text-white m-1 aesthetic-img"
style="background-image:url(./img/jax_aes3.jpg);"></div> style="background-image:url(./img/Tatt.png);" ></div>
</a> </a>
</div> </div>
@ -224,9 +224,9 @@
<!--pic 4--> <!--pic 4-->
<div class="col-6"> <div class="col-6">
<a href="./img/jax_aes4.jpg" class="lightbox" data-group="aesthetic"> <a href="./img/patch.png" class="lightbox" data-group="aesthetic" data-caption="Nipple Patch Shape">
<div class="text-white m-1 aesthetic-img" <div class="text-white m-1 aesthetic-img"
style="background-image:url(./img/jax_aes4.jpg);"> style="background-image:url(./img/patch.png);">
</div> </div>
</a> </a>
</div> </div>
@ -236,12 +236,13 @@
<hr class="my-2" style="border-width:3px;border-radius:5px;"> <hr class="my-2" style="border-width:3px;border-radius:5px;">
<p class="text-center" <p class="text-center"
style="font-weight: bold;font-style: italic; font-size: 2em;">"I was not style="font-weight: bold;font-style: italic; font-size: 2em;">"Sein scheiß Name ist JAX OFF!?"<br />
made to be subtle."</p> <small>-<a href="https://linktr.ee/radishruby" target="_blank">RadishRuby</a> 2025</small>
</p>
<hr class="my-2" style="border-width:3px;border-radius:5px;"> <hr class="my-2" style="border-width:3px;border-radius:5px;">
<a href="https://www.youtube.com/watch?v=pa14VNsdSYM" target="_blank" <!-- <a href="https://www.youtube.com/watch?v=pa14VNsdSYM" target="_blank"
class="link-song"> class="link-song">
<i class="fa-solid fa-play"></i> <i class="fa-solid fa-play"></i>
Only Girl (In The World) - Rihanna Only Girl (In The World) - Rihanna
@ -261,7 +262,7 @@
class="link-song"> class="link-song">
<i class="fa-solid fa-play"></i> <i class="fa-solid fa-play"></i>
Material Girl - Madonna Material Girl - Madonna
</a> </a>-->
<br class="mb-2"> <br class="mb-2">
@ -453,6 +454,7 @@
</div> </div>
<!--Images for Gallery--> <!--Images for Gallery-->
<a href="./img/a3l_is_catchibi.png" class="lightbox img-invisible" data-caption="Cat Chibi by vgen.co/A3l_is" data-group="gallery"></a>
<a href="./img/yuna.jpeg" class="lightbox img-invisible" data-caption="Colourful Sketch by twitter.com/yunaaaa______" data-group="gallery"></a> <a href="./img/yuna.jpeg" class="lightbox img-invisible" data-caption="Colourful Sketch by twitter.com/yunaaaa______" data-group="gallery"></a>
<a href="./img/milk-loading.png" class="lightbox img-invisible" data-caption="Loading Screen by vgen.co/m1lkyblanc" data-group="gallery"></a> <a href="./img/milk-loading.png" class="lightbox img-invisible" data-caption="Loading Screen by vgen.co/m1lkyblanc" data-group="gallery"></a>
<a href="./img/cookieless_sketch.png" class="lightbox img-invisible" data-caption="Sketch by twitter.com/Cookieless_Art" data-group="gallery"></a> <a href="./img/cookieless_sketch.png" class="lightbox img-invisible" data-caption="Sketch by twitter.com/Cookieless_Art" data-group="gallery"></a>