Kenwood
/
cumtanks.snowsune.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix styles for mobile

This commit is contained in:
Kenwood 2025-06-26 12:09:46 -04:00
parent b04f473a62
commit aba799b174
4 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
www/Alice_close_up_sheath_shot.png-autosave.kra
View File

Binary file not shown.

10
www/data.json
View File

@ -2,7 +2,7 @@
"liquids": [ "liquids": [
{ {
"name": "Coyote Cum", "name": "Coyote Cum",
"volume": 12, "volume": 7,
"color": "#f1f2f2", "color": "#f1f2f2",
"url": "https://www.f-list.net/c/alice%20prairie" "url": "https://www.f-list.net/c/alice%20prairie"
}, },
@ -11,10 +11,16 @@
"volume": 9, "volume": 9,
"color": "#523a33", "color": "#523a33",
"url": "https://www.f-list.net/c/Glyren" "url": "https://www.f-list.net/c/Glyren"
},
{
"name": "Kan'vi Cum (Glowing)",
"volume": 18,
"color": "#FF56BD",
"url": "https://www.f-list.net/c/Zae"
} }
], ],
"settings": { "settings": {
"tankTopOffset": 265, "tankTopOffset": 265,
"tankBottomOffset": 100 "tankBottomOffset": 101
} }
} }

2
www/index.html
View File

@ -76,7 +76,7 @@
let currentHeight = 0; let currentHeight = 0;
let cumulativeVolume = 0; let cumulativeVolume = 0;
tankData.liquids.forEach((liquid) => { tankData.liquids.forEach((liquid, i) => {
const layer = document.createElement("div"); const layer = document.createElement("div");
layer.className = "liquid-layer"; layer.className = "liquid-layer";
layer.style.backgroundColor = liquid.color; layer.style.backgroundColor = liquid.color;

5
www/styles.css
View File

@ -29,6 +29,7 @@ h1 {
overflow: hidden; overflow: hidden;
border-radius: 0; border-radius: 0;
margin: 0 auto; margin: 0 auto;
width: 1200px;
left: 0; left: 0;
top: 0; top: 0;
padding: 0; padding: 0;
@ -132,8 +133,8 @@ h1 {
height: 100px; height: 100px;
pointer-events: auto; pointer-events: auto;
/* DEBUG: Temporary visible area for clickable link */ /* DEBUG: Temporary visible area for clickable link */
/* outline: 2px dashed #ff0; outline: 2px dashed #ff0;
background: rgba(255, 255, 0, 0.2); */ background: rgba(255, 255, 0, 0.2);
} }
.artist-link a { .artist-link a {