Added ./libs/ direcroty (and the pages).

This commit is contained in:
2025-11-14 19:43:15 +01:00
parent d4ad6a62d1
commit ef3088c3f1
20 changed files with 444 additions and 112 deletions
+11 -11
View File
@@ -28,9 +28,9 @@
<body>
<div id="mainDiv">
<div id="navBarContainer" data-alt="byte, playDisabled"></div>
<div id="navBarContainer" data-alt="byte, noAnim"></div>
<ul>
<ul class="toyUl">
<li class="toyLi">
<button onclick="slideTransition('/toys/license', event)" class="toyContainer borderedRect">
<img class="toyImg" src="/assets/boykisserLicense.png">
@@ -40,15 +40,6 @@
</div>
</button>
</li>
<!-- <li class="toyLi">
<button onclick="slideTransition('/toys/sc-tracker', event)" class="toyContainer borderedRect">
<img class="toyImg" src="/assets/backgrounds/embedImage.png">
<div class="toyTextContainer">
<h1>Helldivers 2 Super Credit Tracker</h1>
<p class="desc">Tracks your Helldivers 2 Super Credit farming sessions.</p>
</div>
</button>
</li> -->
<li class="toyLi">
<button onclick="slideTransition('/toys/loading', event)" class="toyContainer borderedRect">
<img class="toyImg" src="/assets/byte_dice_fancy_64x64.png">
@@ -57,6 +48,15 @@
<p class="desc">The same loading screen as the website uses but less clutter and infinite. (Loading the rest of the description...)</p>
</div>
</button>
</li>
<li class="toyLi">
<button onclick="slideTransition('/libs', event)" class="toyContainer borderedRect">
<img class="toyImg" src="/assets/js.png" style="border-radius: 16px;">
<div class="toyTextContainer">
<h1>Libraries</h1>
<p class="desc">A few JS libraries that I have made.</p>
</div>
</button>
</li>
</ul>
</div>
+1 -1
View File
@@ -191,7 +191,7 @@
<p id="credits_600x400">Original by Chilli<br>Remade by Byte Dice at bytedice.net/toys</p>
</div>
<div id="navBarContainer" data-alt="byte, playDisabled"></div>
<div id="navBarContainer" data-alt="byte, noAnim"></div>
</div>
<div id="loadingScreen"></div>
-80
View File
@@ -1,80 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="/global/navBar.css">
<link rel="stylesheet" href="/global/globalStyle.css">
<link rel="stylesheet" href="/global/loadingScreen.css">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="/assets/favicon_32x32.png">
<title>Byte Dice - Super Credit Tracker</title>
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://bytedice.net/toys/sc-tracker">
<meta name="description" content="Tracks your Helldivers 2 Super Credit farming sessions.">
<meta name="keywords" content="Byte Dice, pixel art, procedural generation, game art, digital art, ByteDice showcase, Helldivers, Super Credits">
<meta name="author" content="Byte Dice">
<meta property="og:title" content="Byte Dice">
<meta property="og:description" content="Tracks your Helldivers 2 Super Credit farming sessions.">
<meta property="og:url" content="https://bytedice.net/toys/sc-tracker">
<meta property="og:type" content="website">
<meta property="og:image" content="/assets/backgrounds/embedImage.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="720">
<!-- No twitter embeds except for card. Elon can go and fucking return it to its previous owners. -->
<meta name="twitter:card" content="summary_large_image">
</head>
<body>
<!-- Only recommended for solo farming since it can be hard to get teammates to announce every detail about POIs -->
<!--
TODO: Output these stats:
* Total SC gained
* Average SC per POI
* Average SC per mission
* Average time in mission
* Average time between missions
* Average SC per minute (and per hour)
* Squad size
* Planet/Biome
TODO: Get these inputs.
* Buttons to [add / undo the last] 10 SC or 100 SC
* Button to Start/Stop timer
* Button to Lap timer (lap mission complete & mission start)
* Loadout selector (1 for each player)
* Only includes:
* [jump pack / warp pack / none]
* [explosive weapon or grenade / AMR-like weapon / both]
* Boosters: [stamina / muscle / infusion / HSO / dead sprint]
* Squad size slider
* Biome picker (mega-city toggle too)
-->
<div id="mainDiv">
<div id="navBarContainer" data-alt="byte, playDisabled"></div>
</div>
<div id="loadingScreen"></div>
<!-- global -->
<script src="/global/globalScript.js"></script>
<script src="/global/pxDensity.js"></script>
<script src="/global/loadingScreen.js"></script>
<script src="/global/navBar.js"></script>
<script src="/global/screenTransition.js"></script>
<!-- local -->
<script src="script.js"></script>
</body>
</html>
-1
View File
@@ -1 +0,0 @@
CURRENT_PAGE = PAGES.SC_TRACKER
View File
+12 -6
View File
@@ -1,8 +1,7 @@
.toyContainer {
border: none;
width: calc(64px * var(--pxDensity));
/* height: calc(48px * var(--pxDensity)); */
display: grid;
width: 100%;
grid-template-columns: 1fr;
grid-template-rows: calc(32px * var(--pxDensity)) 1fr;
color: inherit;
@@ -10,9 +9,10 @@
.toyImg {
image-rendering: pixelated;
overflow: hidden;
max-width: calc(62px * var(--pxDensity));
height: calc(32px * var(--pxDensity));
margin: 0% auto;
width: 100%;
height: 100%;
object-fit: contain;
margin: auto auto;
}
.toyTextContainer {
background-color: var(--navBar_SecondInner);
@@ -40,8 +40,14 @@ button:active {
filter: brightness(0.85);
transform: translateY(calc(1px * var(--pxDensity)));
}
.toyUl {
padding: calc(3px * var(--pxDensity));
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: calc(6px * var(--pxDensity))
}
.toyLi {
margin: calc(3px * var(--pxDensity));
margin: 0;
}
ul {
margin: 0%;