From 2dd3847a81ae7fdfe4509bbd611f0fc503bed1a5 Mon Sep 17 00:00:00 2001
From: ByteDice <bytedice.official@gmail.com>
Date: Sun, 28 Jun 2026 15:31:07 +0200
Subject: [PATCH] fixed font sizes for smaller screens on most pages

---
 global/globalStyle.css  | 2 +-
 global/loadingScreen.js | 9 ++++-----
 libs/index.html         | 2 +-
 libs/test/index.html    | 2 +-
 toys/index.html         | 2 +-
 toys/license/index.html | 2 +-
 toys/style.css          | 3 ++-
 7 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/global/globalStyle.css b/global/globalStyle.css
index e5140de..90b2f9f 100644
--- a/global/globalStyle.css
+++ b/global/globalStyle.css
@@ -31,7 +31,7 @@ canvas {
 }
 .pxFont {
   font-family: "Roboto", sans-serif;
-  font-size: 1rem;
+  ; font-size: min(5vmin, 2vmax, 1rem)
 }
 @keyframes slide-left {
   0% { transform: translateX(0%); }
diff --git a/global/loadingScreen.js b/global/loadingScreen.js
index b0601dc..db2a544 100644
--- a/global/loadingScreen.js
+++ b/global/loadingScreen.js
@@ -10,9 +10,9 @@ loadingScreenEl.innerHTML = `
   <img class="loadingImg" draggable="false" src="/assets/byteDiceBlinkAnim_32x32.png" id="loadingImg">
 
   <div style="margin-left: calc(3px * var(--pxDensity)); display: flex;" id="fakeLoadingToggle">
-    <p class="encased" style="height: 100%">
+    <p class="encased" style="height: 100%; font-size: min(5vmin, 2vmax, 25px)">
       Use extended loading screen?<br>
-      <small style="margin: 0px; font-size: 10px;">(For immersion)</small>
+      <small style="margin: 0px; font-size: min(5vmin, 2vmax, 10px)">(For immersion)</small>
     </p>
     <div class="encased" style="height: inherit; display: flex;">
       <label class="switch" style="margin: auto;">
@@ -44,9 +44,8 @@ let selectedTip = "undefined"
 
 function newTip() {
   if (randomIntFrom0(1000) == 0) {
-    // If you snitch this easter egg code
-    // then I'll close the source and
-    // permanently remove the easter egg. 
+    // If you snitch the code for this easter egg
+    // then I'll permanently remove the easter egg. 
     selectedTip = `You like kissing boys, don't you?<br>
       <img src="/assets/boykissers/boykisser_64x64.png"
       style="aspect-ratio: 1 / 1; width: min-content; height: min-content;">`
diff --git a/libs/index.html b/libs/index.html
index a768890..48c06e6 100644
--- a/libs/index.html
+++ b/libs/index.html
@@ -31,7 +31,7 @@
 		<img src="/assets/backgrounds/starNoise_512x512.png" draggable="false" id="starNoise">
 		<canvas id="starfallCanvas"></canvas>
 
-    <div id="navBarContainer" data-alt="byte, noAnim, testtube"></div>
+    <div id="navBarContainer" data-alt="byte, testtube"></div>
 
     <ul class="libUl">
 			<li class="libLi">
diff --git a/libs/test/index.html b/libs/test/index.html
index 9af3263..164d431 100644
--- a/libs/test/index.html
+++ b/libs/test/index.html
@@ -31,7 +31,7 @@
 		<img src="/assets/backgrounds/starNoise_512x512.png" draggable="false" id="starNoise">
 		<canvas id="starfallCanvas"></canvas>
 
-    <div id="navBarContainer" data-alt="byte, noAnim, return"></div>
+    <div id="navBarContainer" data-alt="byte, return"></div>
 
 		<div class="borderedRect" style="margin: calc(3px * var(--pxDensity)); max-width: 30em">
 			<h1 style="margin-bottom: calc(1px * var(--pxDensity)); font-size: 2em; color: red; text-decoration: underline;">
diff --git a/toys/index.html b/toys/index.html
index 01c63af..a6f46fb 100644
--- a/toys/index.html
+++ b/toys/index.html
@@ -52,7 +52,7 @@
       </div>
     </div>
 
-    <div id="navBarContainer" data-alt="byte, noAnim"></div>
+    <div id="navBarContainer" data-alt="byte"></div>
   </div>
 
   <div id="loadingScreen"></div>
diff --git a/toys/license/index.html b/toys/license/index.html
index df444bb..d8cf77f 100644
--- a/toys/license/index.html
+++ b/toys/license/index.html
@@ -194,7 +194,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, noAnim"></div>
+    <div id="navBarContainer" data-alt="byte"></div>
   </div>
 
   <div id="loadingScreen"></div>
diff --git a/toys/style.css b/toys/style.css
index e08cf7e..4f4baad 100644
--- a/toys/style.css
+++ b/toys/style.css
@@ -24,6 +24,7 @@
   overflow-y: scroll;
   overflow-x: hidden;
   height: calc(16px * var(--pxDensity));
+	font-size: min(5vmin, 2vmax, 25px);
 }
 h1 {
   font-size: max(1.2em, 2.5vmin);
@@ -46,7 +47,7 @@ button:active {
 	padding: calc(3px * var(--pxDensity));
 	display: inline-flex;
 	width: fit-content;
-	justify-content: flex-start;
+	justify-content: center;
 	flex-wrap: wrap;
 	gap: calc(6px * var(--pxDensity));
 	margin: 0 auto;