Rebranded from ProzillaOS to Prozilla OS

README.md

@@ -6,7 +6,7 @@ ProzillaOS is a web-based operating system inspired by Ubuntu Linux and Windows
 
 **Live demo: [os.prozilla.dev](https://os.prozilla.dev/)**
 
-<img src="public/assets/banner-logo-title.png" alt="Banner with ProzillaOS' name and logo"/>
+<img src="public/assets/banner-logo-title-small.png" alt="Banner with the logo of Prozilla OS"/>
 
 > Please note that Prozilla OS is a WIP and far from complete. Many additional features will be added in the near future.
 

public/documents/info.md

@@ -1,4 +1,4 @@
-<img src="/assets/banner-logo-title.png" width="1440" height="700" style="aspect-ratio: 3 / 1; width: 100%; height: auto; object-fit: cover;" alt="Banner with ProzillaOS' name and logo"/>
+<img src="/assets/banner-logo-title-small.png" width="1440" height="700" style="aspect-ratio: 3 / 1; width: 100%; height: auto; object-fit: cover;" alt="Banner with the logo of Prozilla OS"/>
 
 # Info
 

public/documents/links.md

@@ -2,14 +2,14 @@
 
 **Prozilla OS**
 
-- GitHub: https://github.com/Prozilla/Prozilla-OS
+- [GitHub](https://github.com/Prozilla/Prozilla-OS)
 
 **Prozilla**
 
-- Website: https://prozilla.dev/
-- Ko-fi: https://ko-fi.com/prozilla 
+- [Website (prozilla.dev)](https://prozilla.dev/)
+- [Ko-fi](https://ko-fi.com/prozilla) 
 
 **Crumbling City**
 
-- Website: https://daisygames.org/crumbling-city/
-- Steam page: https://store.steampowered.com/app/1520290/Crumbling_City/
+- [Website (daisygames.org/crumbling-city)](https://daisygames.org/crumbling-city/)
+- [Steam page](https://store.steampowered.com/app/1520290/Crumbling_City/)

src/components/applications/settings/AboutSettings.jsx

@@ -4,6 +4,7 @@ import utilStyles from "../../../styles/utils.module.css";
 import Vector2 from "../../../features/math/vector2.js";
 import { useWindowsManager } from "../../../hooks/windows/windowsManagerContext.js";
 import { useVirtualRoot } from "../../../hooks/virtual-drive/virtualRootContext.js";
+import { NAME } from "../../../constants/branding.js";
 
 export function AboutSettings() {
 	const windowsManager = useWindowsManager();
@@ -11,8 +12,8 @@ export function AboutSettings() {
 
 	return (<>
 		<div className={styles["Option"]}>
-			<p className={styles["Label"]}>About ProzillaOS</p>
-			<p className={utilStyles["Text-light"]}>ProzillaOS is a web-based operating system inspired by Ubuntu Linux and Windows made with React.js by Prozilla.</p>
+			<p className={styles["Label"]}>About {NAME}</p>
+			<p className={utilStyles["Text-light"]}>{NAME} is a web-based operating system inspired by Ubuntu Linux and Windows made with React.js by Prozilla.</p>
 			<div className={styles["Button-group"]}>
 				<Button
 					className={`${styles.Button} ${utilStyles["Text-bold"]}`}

src/components/taskbar/menus/HomeMenu.jsx

@@ -12,6 +12,7 @@ import { useEffect, useState } from "react";
 import Vector2 from "../../../features/math/vector2.js";
 import utilStyles from "../../../styles/utils.module.css";
 import { APPS } from "../../../constants/applications.js";
+import { NAME } from "../../../constants/branding.js";
 
 /**
  * @param {object} props 
@@ -95,7 +96,7 @@ export function HomeMenu({ active, setActive, search }) {
 					</button>
 				</div>
 				<div className={styles.Apps}>
-					<h1 className={utilStyles["Text-bold"]}>ProzillaOS</h1>
+					<h1 className={utilStyles["Text-bold"]}>{NAME}</h1>
 					<div className={appStyles["App-list"]}>
 						{AppsManager.APPLICATIONS.map(({ name, id }) => 
 							<button

src/features/utils/browser.js

@@ -1,9 +1,11 @@
+import { NAME } from "../../constants/branding.js";
+
 /**
  * Simulates closing the viewport by opening a blank page
  * @param {boolean} requireConfirmation
  */
 export function closeViewport(requireConfirmation = false) {
-	if (requireConfirmation && window.confirm("Are you sure you want to shut down ProzillaOS?")) {
+	if (requireConfirmation && window.confirm(`Are you sure you want to shut down ${NAME}?`)) {
 		console.info("Closing viewport");
 		window.open("about:blank", "_self");
 	}

src/features/virtual-drive/defaultData.js

@@ -55,7 +55,7 @@ export function loadDefaultData(virtualRoot) {
 								file.setSource(source);
 							});
 						}
-					}).createFile("ProzillaOS", "png", (file) => {
+					}).createFile("Prozilla-OS", "png", (file) => {
 						file.setSource("/assets/banner-logo-title.png");
 					}).createFolder("Crumbling City", (folder) => {
 						folder.createFile("Japan", "png", (file) => {

src/index.js

@@ -3,7 +3,7 @@ import ReactDOM from "react-dom/client";
 import "./styles/global.css";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
-import { ASCII_LOGO } from "./constants/branding.js";
+import { ASCII_LOGO, NAME } from "./constants/branding.js";
 
 export const START_DATE = new Date();
 
@@ -17,7 +17,7 @@ root.render(
 
 // Log welcome message
 const asciiLogoWidth = ASCII_LOGO.split("\n")[1].length;
-const welcomeMessage = "Welcome to ProzillaOS";
+const welcomeMessage = `Welcome to ${NAME}`;
 const space = "\n\n" + " ".repeat(Math.ceil((asciiLogoWidth - welcomeMessage.length) / 2));
 console.info(ASCII_LOGO + space + welcomeMessage);