Rebranded from ProzillaOS to Prozilla OS
This commit is contained in:
Prozilla
parent
22e0852ae7
commit
f1966c2220
18 changed files with 49 additions and 45 deletions
14
README.md
14
README.md
|
|
@ -1,14 +1,14 @@
|
|||
<img alt="License" src="https://img.shields.io/github/license/prozilla/Prozilla-OS?style=flat-square&color=ee5253&label=License"> <img alt="Stars" src="https://img.shields.io/github/stars/prozilla/prozilla-os?style=flat-square&color=feca57&label=%E2%AD%90"> <img alt="Forks" src="https://img.shields.io/github/forks/prozilla/prozilla-os?style=flat-square&color=54a0ff&label=Forks">
|
||||
|
||||
# <img src="public/assets/logo.svg" align="left" width=40 height=40 alt="Logo"/> ProzillaOS
|
||||
# <img src="public/assets/logo.svg" align="left" width=40 height=40 alt="Logo"/> Prozilla OS
|
||||
|
||||
ProzillaOS is a web-based operating system inspired by Ubuntu Linux and Windows made with React by Prozilla.
|
||||
Prozilla OS is a web-based operating system inspired by Ubuntu Linux and Windows made with React by Prozilla.
|
||||
|
||||
**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 ProzillaOS is a WIP and far from complete. Many additional features will be added in the near future.
|
||||
> Please note that Prozilla OS is a WIP and far from complete. Many additional features will be added in the near future.
|
||||
|
||||
## Documentation
|
||||
|
||||
|
|
@ -25,13 +25,13 @@ See [docs](docs/README.md) for more info.
|
|||
|
||||
See [docs/design](docs/design/README.md) for more info.
|
||||
|
||||
ProzillaOS was designed in Figma by Prozilla. You can view the design file [here](https://www.figma.com/file/bEE5RyWgV0QILcXpZWEk2r/ProzillaOS?type=design&node-id=0%3A1&mode=design&t=7KR1tKCp9H5cK3hf-1).
|
||||
Prozilla OS was designed in Figma by Prozilla. You can view the design file [here](https://www.figma.com/file/bEE5RyWgV0QILcXpZWEk2r/ProzillaOS?type=design&node-id=0%3A1&mode=design&t=7KR1tKCp9H5cK3hf-1).
|
||||
|
||||
### Preview
|
||||
|
||||
<img src="public/assets/screenshots/screenshot-files-settings-taskbar-desktop.png" alt="Screenshot of ProzillaOS"/>
|
||||
<img src="public/assets/screenshots/screenshot-files-settings-taskbar-desktop.png" alt="Screenshot of Prozilla OS"/>
|
||||
|
||||
## Support ProzillaOS
|
||||
## Support Prozilla OS
|
||||
|
||||
You can support this project by donating to **[ko-fi.com/prozilla](https://ko-fi.com/prozilla)**.
|
||||
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@ Folders | kebab-case | `virtual-drive`
|
|||
Local `.module.css` files | PascalCase | `Desktop.module.css`
|
||||
Global `.module.css` files | kebab-case | `utils.module.css`
|
||||
Variables | camelCase | ```const fooBar = true;```
|
||||
Global constant variables | MACRO_CASE | ```export const NAME = "ProzillaOS";```
|
||||
Global constant variables | MACRO_CASE | ```export const NAME = "Prozilla OS";```
|
||||
Classes | PascalCase | ```class WindowsManager { }```
|
||||
React components | PascalCase | ```export function WindowsView({ }) { }```
|
||||
Functions | camelCase | ```function focusWindow() { }```
|
||||
|
|
|
|||
|
|
@ -2,19 +2,19 @@
|
|||
|
||||
# Design
|
||||
|
||||
ProzillaOS is designed in Figma by Prozilla. You can view the design file [here](https://www.figma.com/file/bEE5RyWgV0QILcXpZWEk2r/ProzillaOS?type=design&node-id=0%3A1&mode=design&t=7KR1tKCp9H5cK3hf-1).
|
||||
Prozilla OS is designed in Figma by Prozilla. You can view the design file [here](https://www.figma.com/file/bEE5RyWgV0QILcXpZWEk2r/ProzillaOS?type=design&node-id=0%3A1&mode=design&t=7KR1tKCp9H5cK3hf-1).
|
||||
|
||||
### Preview
|
||||
|
||||
<img src="../../public/assets/screenshots/screenshot-files-settings-taskbar-desktop.png" alt="Screenshot of ProzillaOS"/>
|
||||
<img src="../../public/assets/screenshots/screenshot-files-settings-taskbar-desktop.png" alt="Screenshot of Prozilla OS"/>
|
||||
|
||||
### Font
|
||||
|
||||
The font used by ProzillaOS is [Poppins](https://fonts.google.com/specimen/Poppins) from Google Fonts by Indian Type Foundry, Jonny Pinhorn.
|
||||
The font used by Prozilla OS is [Poppins](https://fonts.google.com/specimen/Poppins) from Google Fonts by Indian Type Foundry, Jonny Pinhorn.
|
||||
|
||||
### UI Icons
|
||||
|
||||
ProzillaOS uses [Font Awesome](https://fontawesome.com/) icons (some modified) in its UI.
|
||||
Prozilla OS uses [Font Awesome](https://fontawesome.com/) icons (some modified) in its UI.
|
||||
|
||||
### App Icons
|
||||
|
||||
|
|
|
|||
|
|
@ -6,4 +6,4 @@ An application for viewing media like images and videos.
|
|||
|
||||
## Screenshot
|
||||
|
||||
|
||||
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
# <img src="../../../../public/assets/applications/icons/settings.svg" width=30 height=30 style="vertical-align: middle; background: none;"/> Settings
|
||||
|
||||
Allows the user to change their settings and personalize their instance of ProzillaOS.
|
||||
Allows the user to change their settings and personalize their instance of Prozilla OS.
|
||||
|
||||
## Screenshot
|
||||
|
||||
|
|
|
|||
|
|
@ -4,6 +4,6 @@
|
|||
|
||||
> Related document: [Virtual Drive](../virtual-drive/README.md)
|
||||
|
||||
ProzillaOS makes use of the local storage to store persistent data. The data is loaded by the virtual root during the initialization process. On the first run, the default data is loaded.
|
||||
Prozilla OS makes use of the local storage to store persistent data. The data is loaded by the virtual root during the initialization process. On the first run, the default data is loaded.
|
||||
|
||||
The data is converted from class instances to a JSON object and then to a string by the virtual root before it is stored in the local storage. To load data from the local storage, an inverse process is used.
|
||||
BIN
public/assets/banner-logo-title-small.png
Normal file
BIN
public/assets/banner-logo-title-small.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 224 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 287 KiB After Width: | Height: | Size: 288 KiB |
|
|
@ -1,13 +1,13 @@
|
|||
<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
|
||||
|
||||
This is ProzillaOS, a web-based operating system made with React.js by [Prozilla](https://prozilla.dev/).
|
||||
This is Prozilla OS, a web-based operating system made with React.js by [Prozilla](https://prozilla.dev/).
|
||||
|
||||
## Open Source
|
||||
|
||||
ProzillaOS is [open source](https://github.com/Prozilla/Prozilla-OS)! Feel free to fork this project and create your own OS or share feedback by creating an issue on the GitHub page.
|
||||
Prozilla OS is [open source](https://github.com/Prozilla/Prozilla-OS)! Feel free to fork this project and create your own OS or share feedback by creating an issue on the GitHub page.
|
||||
|
||||
## Support ProzillaOS
|
||||
## Support Prozilla OS
|
||||
|
||||
You can support this project by donating to [ko-fi.com/prozilla](https://ko-fi.com/prozilla).
|
||||
|
|
@ -1,15 +1,15 @@
|
|||
# Links
|
||||
|
||||
**ProzillaOS**
|
||||
**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/)
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" style="background-color: hsl(212, 14%, 10%);">
|
||||
<head>
|
||||
<title>ProzillaOS | Web-based Operating System</title>
|
||||
<meta name="description" content="ProzillaOS is an open-source web-based operating system inspired by Ubuntu Linux and Windows made with React.js by Prozilla."/>
|
||||
<title>Prozilla OS | Web-based Operating System</title>
|
||||
<meta name="description" content="Prozilla OS is an open-source web-based operating system inspired by Ubuntu Linux and Windows made with React.js by Prozilla."/>
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
|
|
@ -16,9 +16,9 @@
|
|||
<meta name="theme-color" content="#54a0ff"/>
|
||||
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:title" content="ProzillaOS | Web-based Operating System"/>
|
||||
<meta property="og:site_name" content="ProzillaOS"/>
|
||||
<meta property="og:description" content="ProzillaOS is an open-source web-based operating system inspired by Ubuntu Linux and Windows made with React.js by Prozilla."/>
|
||||
<meta property="og:title" content="Prozilla OS | Web-based Operating System"/>
|
||||
<meta property="og:site_name" content="Prozilla OS"/>
|
||||
<meta property="og:description" content="Prozilla OS is an open-source web-based operating system inspired by Ubuntu Linux and Windows made with React.js by Prozilla."/>
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta property="og:image" content="%PUBLIC_URL%/assets/banner-logo-title.png"/>
|
||||
<meta property="og:locale" content="en_US">
|
||||
|
|
@ -38,18 +38,18 @@
|
|||
"mainEntity": [
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "Is ProzillaOS open source?",
|
||||
"name": "Is Prozilla OS open source?",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "Yes, the source code for ProzillaOS is hosted on <a href=\"https://github.com/Prozilla/prozilla-os\">GitHub</a>."
|
||||
"text": "Yes, the source code for Prozilla OS is hosted on <a href=\"https://github.com/Prozilla/prozilla-os\">GitHub</a>."
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "Is ProzillaOS a real operating system?",
|
||||
"name": "Is Prozilla OS a real operating system?",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "No, ProzillaOS is a web-based operating system that runs entirely in your browser. It does not have the same capabilities as an operating system like Ubuntu Linux and runs completely virtually."
|
||||
"text": "No, Prozilla OS is a web-based operating system that runs entirely in your browser. It does not have the same capabilities as an operating system like Ubuntu Linux and runs completely virtually."
|
||||
}
|
||||
}
|
||||
]
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run ProzillaOS.</noscript>
|
||||
<noscript>You need to enable JavaScript to run Prozilla OS.</noscript>
|
||||
<div id="root"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"short_name": "ProzillaOS",
|
||||
"name": "ProzillaOS",
|
||||
"short_name": "Prozilla OS",
|
||||
"name": "Prozilla OS",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/android-chrome-192x192.png",
|
||||
|
|
|
|||
|
|
@ -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"]}`}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
import { ANSI } from "./applications/terminal.js";
|
||||
|
||||
export const NAME = "ProzillaOS";
|
||||
export const NAME = "Prozilla OS";
|
||||
|
||||
export const ASCII_LOGO = `
|
||||
:.
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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) => {
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue