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

Format and add home link

This commit is contained in:
Snowsune 2025-09-26 12:44:07 -04:00
parent 99e7ddc991
commit f495711b01
2 changed files with 236 additions and 234 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
www/index.html
View File

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cumtanks.snowsune.net</title>
@ -17,58 +18,37 @@
<link rel="stylesheet" href="styles.css" />
<script src="https://cdn.jsdelivr.net/npm/timesago@1"></script>
</head>
</head>
<body>
<img
src="preview.png"
alt="Preview"
style="display: none"
aria-hidden="true"
/>
<body>
<img src="preview.png" alt="Preview" style="display: none" aria-hidden="true" />
<div class="homepage-link">
<a href="https://snowsune.net" title="Back to snowsune.net">
<img src="https://snowsune.net/static/stickers/bep_bounce.gif" alt="Home"
style="width: 20px; height: 20px; vertical-align: middle; margin-right: 5px;">
Back to snowsune.net!
</a>
</div>
<div class="container">
<div class="tank-container">
<img
src="Alice_close_up_sheath_background.png"
alt="Tank Background Back"
class="background-image background-image-back"
/>
<img
src="Alice_close_up_sheath_shot.png"
alt="Tank Background Foreground"
class="background-image background-image-fore"
/>
<img src="Alice_close_up_sheath_background.png" alt="Tank Background Back"
class="background-image background-image-back" />
<img src="Alice_close_up_sheath_shot.png" alt="Tank Background Foreground"
class="background-image background-image-fore" />
<!-- Liquid layers will be inserted here by JavaScript! -->
<div class="artist-link">
<a
href="https://x.com/Raven4Seth"
target="_blank"
rel="noopener noreferrer"
>Art by SethRaven4</a
>
<a href="https://x.com/Raven4Seth" target="_blank" rel="noopener noreferrer">Art by SethRaven4</a>
</div>
</div>
<div class="settings">
<h2>Settings</h2>
<label>
Tank Top Offset (px):
<input
type="number"
id="tankTopOffset"
value="22"
min="0"
max="800"
/>
<input type="number" id="tankTopOffset" value="22" min="0" max="800" />
</label>
<label>
Tank Bottom Offset (px):
<input
type="number"
id="tankBottomOffset"
value="40"
min="0"
max="800"
/>
<input type="number" id="tankBottomOffset" value="40" min="0" max="800" />
</label>
</div>
<div class="logbook">
@ -200,8 +180,7 @@
li.classList.add("log-shimmer");
}
li.textContent = `${
window.timesago ? timesago(epoch * 1000) : log.date
li.textContent = `${window.timesago ? timesago(epoch * 1000) : log.date
} — ${log.text}`;
logList.appendChild(li);
});
@ -235,16 +214,12 @@
<footer class="tiny-footer">
<span>
Art by
<a
href="https://x.com/Raven4Seth"
target="_blank"
rel="noopener noreferrer"
>SethRave4</a
>
<a href="https://x.com/Raven4Seth" target="_blank" rel="noopener noreferrer">SethRave4</a>
&bull; Message
<a href="mailto:vixi@snowsune.net">vixi@snowsune.net</a> for
questions/comments/anything!
</span>
</footer>
</body>
</body>
</html>

27
www/styles.css
View File

@ -246,3 +246,30 @@ h1 {
background-position: 0 0;
}
}
.homepage-link {
position: fixed;
top: 20px;
right: 20px;
z-index: 1000;
}
.homepage-link a {
display: inline-block;
padding: 8px 16px;
background: rgba(0, 0, 0, 0.7);
color: #fff;
text-decoration: none;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
transition: all 0.3s ease;
border: 2px solid rgba(255, 255, 255, 0.2);
}
.homepage-link a:hover {
background: rgba(255, 255, 255, 0.9);
color: #23232b;
border-color: rgba(255, 255, 255, 0.8);
transform: translateY(-1px);
}