fixed font sizes for smaller screens on most pages

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%); }

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
+    // If you snitch the code for this easter egg
-    // then I'll close the source and
+    // then I'll permanently remove the easter egg. 
-    // 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;">`

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">

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;">

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>

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>

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;