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

63
www/index.html
View File

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

27
www/styles.css
View File

@ -246,3 +246,30 @@ h1 {
background-position: 0 0; 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);
}