Merge pull request #1 from retiarylime/fix-subtitle-line

Remove subtitle line break, update Dockerfile to use Node.js 20, add Electrolize font to head.html, and ensure proper loading in toolbox-main.scss

Author: retiarylime

Dockerfile

@@ -1,5 +1,5 @@
 # Build
-FROM node:18-alpine AS build
+FROM node:20-alpine AS build
 
 WORKDIR /usr/src/app
 

js/main.js

@@ -14,6 +14,7 @@ const {
 /* ************** Options ************** */
 
 const initialTheme = {
+    textAlign: "center",
     ...getAllPresets()[15],
     background: "#62518d",
     borderSize: 5,

partials/head.html

@@ -43,8 +43,11 @@
     <link href="https://fonts.googleapis.com/css2?family=Kalam&display=swap" rel="preload" as="style"
         crossorigin="anonymous">
     <link href="https://fonts.googleapis.com/css2?family=Kalam&display=swap" rel="stylesheet" crossorigin="anonymous">
+    <link href="https://fonts.googleapis.com/css2?family=Electrolize&display=swap" rel="preload" as="style"
+        crossorigin="anonymous">
+    <link href="https://fonts.googleapis.com/css2?family=Electrolize&display=swap" rel="stylesheet" crossorigin="anonymous">
     <link
-        href="https://fonts.googleapis.com/css2?family=Anonymous+Pro&family=Athiti&family=Della+Respira&family=Electrolize&family=Kalam&family=Lancelot&family=Life+Savers&family=Maven+Pro&family=Passero+One&family=Pixelify+Sans&family=Playball&family=Poppins&family=Quattrocento&family=Red+Hat+Display&family=Source+Code+Pro&family=Ubuntu&display=swap"
+        href="https://fonts.googleapis.com/css2?family=Anonymous+Pro&family=Athiti&family=Della+Respira&family=Kalam&family=Lancelot&family=Life+Savers&family=Maven+Pro&family=Passero+One&family=Pixelify+Sans&family=Playball&family=Poppins&family=Quattrocento&family=Red+Hat+Display&family=Source+Code+Pro&family=Ubuntu&display=swap"
         rel="stylesheet">
 
     <!-- Favicon -->

styles/toolbox-main.scss

@@ -55,6 +55,13 @@
             .title,
             .subtitle {
                 transition: 0.25s ease;
+                white-space: nowrap;
+            }
+
+            // Ensure Electrolize font loads properly
+            .title[style*="Electrolize"],
+            .subtitle[style*="Electrolize"] {
+                font-family: "Electrolize", monospace !important;
             }
 
             img {