fix: Improvements to the release notes formatting and navigation. Closes

 #443

client/src/components/Credits.module.css

@@ -11,9 +11,9 @@
 .all-credits {
   animation: scroll-up var(--credits-duration, 3s) linear infinite;
 }
-.all-credits:hover {
+/*.all-credits:hover {
   animation-play-state: paused;
-}
+}*/
 
 @keyframes scroll-up {
   to {

client/src/components/Starmap/SystemMarker/SystemLabel.tsx

@@ -30,7 +30,7 @@ const SystemLabel: React.FC<{
   const textTexture = React.useMemo(() => {
     let texture = new TextTexture({
       color,
-      fontFamily: 'Electrolize, "Gill Sans", sans-serif',
+      fontFamily: 'Electrolize, "Outfit", sans-serif',
       fontSize: 128,
       alignment: "right",
       text: name,

client/src/main.tsx

@@ -2,6 +2,7 @@ import ReactDOM from "react-dom/client";
 import "./theme.css";
 import App from "./App";
 import {initializeTabId} from "@thorium/tab-id";
+import "@fontsource/outfit";
 
 initializeTabId();
 

client/src/pages/Releases/index.tsx

@@ -1,13 +1,18 @@
+import {FaArrowLeft} from "react-icons/fa";
 import {Link} from "react-router-dom";
 // Uses a Vite plugin to load the actual data
 import releaseNotes from "./release-notes.json";
 
 const Releases = () => {
   return (
     <div className="overflow-y-auto h-full">
-      <div className="prose lg:prose-xl max-w-prose mx-auto mt-8 ">
-        <Link to="/">Go Back</Link>
-        <h1>Release Notes</h1>
+      <div className="prose lg:prose-base relative max-w-prose mx-auto mt-8 ">
+        <Link
+          to="/"
+          className="fixed block left-4 no-underline z-10 sm:bg-black/70 sm:py-1 sm:px-2 rounded-full sm:hover:bg-white/10"
+        >
+          <FaArrowLeft className="inline -mt-1" /> Go Back
+        </Link>
         <div className="p-8 rounded-box md:mt-16 mb-16 backdrop-filter backdrop-blur backdrop-brightness-50 backdrop-contrast-125 prose-h1:text-xl">
           <div dangerouslySetInnerHTML={{__html: releaseNotes.data}} />
         </div>

client/src/theme.css

@@ -22,8 +22,8 @@ body {
 }
 
 body {
-  font-family: "Gill Sans", system-ui, -apple-system, "Segoe UI", Roboto,
-    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  font-family: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica,
+    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
 }
 .alert {
   @apply relative flex items-center justify-between p-4 rounded-box bg-neutral text-neutral-content bg-opacity-50;

package.json

@@ -161,6 +161,7 @@
     "access": "restricted"
   },
   "dependencies": {
+    "@fontsource/outfit": "^4.5.10",
     "react": "^18.2.0"
   }
 }