danvics/ProzillaOS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Rebranded with new color palette

Browse source
This commit is contained in:
Prozilla 2024-06-04 21:29:49 +02:00
parent c3a28a5102
commit 7cdaf60a8f
No known key found for this signature in database
GPG key ID: 5858DFE71CAF31EE
103 changed files with 508 additions and 800 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.vscode/tasks.json vendored
View file

@ -2,7 +2,7 @@
"version": "2.0.0",
"tasks": [
{
"label": "Start Prozilla OS",
"label": "Start ProzillaOS",
"type": "shell",
"command": "npm start",
"group": "none",

20
README.md
View file

@ -1,15 +1,13 @@
<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 alt="License" src="https://img.shields.io/github/license/Prozilla/ProzillaOS?style=flat-square&color=ee5253&label=License"> <img alt="Stars" src="https://img.shields.io/github/stars/Prozilla/ProzillaOS?style=flat-square&color=feca57&label=%E2%AD%90"> <img alt="Forks" src="https://img.shields.io/github/forks/Prozilla/ProzillaOS?style=flat-square&color=54a0ff&label=Forks">
# <img src="public/assets/logo.svg" align="left" width="40" height="40" alt="Logo"/> Prozilla OS
# ProzillaOS
Prozilla OS is a web-based operating system inspired by Ubuntu Linux and Windows made with React by Prozilla.
<img src="public/assets/banner-logo-title-small.png" alt="Banner with the logo of ProzillaOS"/>
ProzillaOS 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-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.
## Documentation
See [docs](docs/README.md) for more info.
@ -17,7 +15,9 @@ See [docs](docs/README.md) for more info.
### Quick Links
- [Features](docs/features/README.md)
- [Configuration](docs/configuration/README.md)
- [Design](docs/design/README.md)
- [FAQ](docs/faq/README.md)
- [Roadmap](docs/roadmap/README.md)
- [Contributing](docs/contributing/README.md)
@ -25,13 +25,13 @@ See [docs](docs/README.md) for more info.
See [docs/design](docs/design/README.md) for more info.
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).
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).
### Preview
<img src="public/assets/screenshots/screenshot-files-settings-taskbar-desktop.png" alt="Screenshot of Prozilla OS"/>
<img src="public/assets/screenshots/screenshot-files-info-taskbar-desktop.png" alt="Screenshot of ProzillaOS"/>
## Support Prozilla OS
## Support ProzillaOS
You can support this project by donating to **[ko-fi.com/prozilla](https://ko-fi.com/prozilla)**.

2
deploy.sh
View file

@ -3,7 +3,7 @@
# Edit these variables before deploying
DOMAIN=os.prozilla.dev
COMMIT_MESSAGE="Deployed build to GitHub Pages"
REPO_URL="https://github.com/Prozilla/Prozilla-OS"
REPO_URL="https://github.com/Prozilla/ProzillaOS"
# ------- You don't need to edit anything below this line -------

11
docs/README.md
View file

@ -16,12 +16,13 @@
### Quickstart
1. Clone this repository.
2. Run `npm install`.
3. Run `npm start` and visit [localhost:3000](http://localhost:3000/).
2. Run `npm install` to install dependencies.
3. Run `npm start` to start the web server and go to [localhost:3000](http://localhost:3000/).
### Development
1. Run `npm start` and watch your changes live at [localhost:3000](http://localhost:3000/).
2. Vite's hot module replacement makes sure your changes applied without needing to refresh the website.
### Building & deploying
@ -71,7 +72,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 = "Prozilla OS";```
Global constant variables | MACRO_CASE | ```export const NAME = "ProzillaOS";```
Classes | PascalCase | ```class WindowsManager { }```
React components | PascalCase | ```export function WindowsView({ }) { }```
Functions | camelCase | ```function focusWindow() { }```
@ -79,5 +80,5 @@ Types | PascalCase | ```type FooBar = boolean;```
### External files
- [Design file - Figma](https://www.figma.com/file/bEE5RyWgV0QILcXpZWEk2r/ProzillaOS?type=design&node-id=0%3A1&mode=design&t=7KR1tKCp9H5cK3hf-1)
- [Task board - Notion](https://prozilla.notion.site/8325fabca1fb4f9885b6d6dfd5aa64c8?v=1a59f7ce50914f5ea711fe6460e52868&pvs=4)
- [Design file (Figma)](https://www.figma.com/file/bEE5RyWgV0QILcXpZWEk2r/ProzillaOS?type=design&node-id=0%3A1&mode=design&t=7KR1tKCp9H5cK3hf-1)
- [Task board (Notion)](https://prozilla.notion.site/8325fabca1fb4f9885b6d6dfd5aa64c8?v=1a59f7ce50914f5ea711fe6460e52868&pvs=4)

6
docs/configuration/README.md
View file

@ -2,10 +2,10 @@
# Configuration
Prozilla OS can be configured in numerous ways. The most important one being via the application itself, by going to the Settings app or directly changing the config files in the `~/.config` folder.
ProzillaOS can be configured in numerous ways. The most important one being via the application itself, by going to the Settings app or directly changing the config files in the `~/.config` folder.
As a developer, there are also the following ways to configure Prozilla OS:
As a developer, there are also the following ways to configure ProzillaOS:
- `src/config` - The `src/config` directory holds all global variables used in the rest of the `src` directory, which are mostly string and number constants, but also includes some arrays and dictionaries that can be adjusted to configure Prozilla oS.
- `src/config` - The `src/config` directory holds all global variables used in the rest of the `src` directory, which are mostly string and number constants, but also includes some arrays and dictionaries that can be adjusted to configure ProzillaOS.
- `styles` - Everything related to styles, can be configured in `styles` directory. Most configurations will happen inside `styles/global`, where you can define the fonts, css variables/properties and other details.
- `public/config` - This directory has XML files that serve as the default data for config files used by the app in the virtual drive. These can be edited by the user once they're loaded during initialisation.

8
docs/design/README.md
View file

@ -2,19 +2,19 @@
# Design
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).
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).
### Preview
<img src="../../public/assets/screenshots/screenshot-files-settings-taskbar-desktop.png" alt="Screenshot of Prozilla OS"/>
<img src="../../public/assets/screenshots/screenshot-files-info-taskbar-desktop.png" alt="Screenshot of ProzillaOS"/>
### Font
The font used by Prozilla OS is [Poppins](https://fonts.google.com/specimen/Poppins) from Google Fonts by Indian Type Foundry, Jonny Pinhorn.
The font used by ProzillaOS is [Poppins](https://fonts.google.com/specimen/Poppins) from Google Fonts by Indian Type Foundry, Jonny Pinhorn.
### UI Icons
Prozilla OS uses [Font Awesome](https://fontawesome.com/) icons (some modified) in its UI.
ProzillaOS uses [Font Awesome](https://fontawesome.com/) icons (some modified) in its UI.
### App Icons

6
docs/faq/README.md
View file

@ -2,10 +2,10 @@
# FAQ
### Q: What's the purpose of Prozilla OS?
### Q: What's the purpose of ProzillaOS?
A: Obviously Prozilla OS doesn't solve any issues or anything like that. It's just a fun project I started because I wanted to refine my web development and design skills, as well as my React.js proficiency. At the same time, I also wanted to create an interesting and innovative web application and share it with the community via open source.
A: Obviously ProzillaOS doesn't solve any issues or anything like that. It's just a fun project I started because I wanted to refine my web development and design skills, as well as my React.js proficiency. At the same time, I also wanted to create an interesting and innovative web application and share it with the community via open source.
### Q: What tools did you use to make Prozilla OS?
### Q: What tools did you use to make ProzillaOS?
A: I used Visual Studio Code for coding, Figma for designing, Notion for project management, GitHub for source control. I didn't use any libraries for the main parts of the OS. The libraries I used for specific purposes like certain applications or utilities, can be found in the `package.json` file. I got the icons from Font Awesome and the fonts from Google Fonts.

2
docs/features/apps/media-viewer/README.md
View file

@ -6,4 +6,4 @@ An app for viewing media like images and videos.
## Screenshot
![Media Viewer window showing Prozilla OS.png](screenshot.png)
![Media Viewer window showing ProzillaOS.png](screenshot.png)

2
docs/features/apps/settings/README.md
View file

@ -2,7 +2,7 @@
# <img src="../../../../public/assets/apps/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 Prozilla OS.
Allows the user to change their settings and personalize their instance of ProzillaOS.
## Screenshot

2
docs/features/storage/README.md
View file

@ -4,6 +4,6 @@
> Related document: [Virtual Drive](../virtual-drive/README.md)
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.
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.
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.

12
docs/roadmap/README.md
View file

@ -2,14 +2,4 @@
# Roadmap
This is a list of planned/in progress features.
For more detailed information, check the [task board](https://prozilla.notion.site/8325fabca1fb4f9885b6d6dfd5aa64c8?v=1a59f7ce50914f5ea711fe6460e52868&pvs=4) on Notion.
### Visual Studio Code clone
A fully functional VSC clone called Code Editor.
### App centre
Allows user to download additional apps
For more information about the future plans and development of ProzillaOS, check out the [task board](https://prozilla.notion.site/8325fabca1fb4f9885b6d6dfd5aa64c8?v=1a59f7ce50914f5ea711fe6460e52868&pvs=4) on Notion.

52
index.html
View file

@ -1,33 +1,41 @@
<!DOCTYPE html>
<html lang="en" style="background-color: hsl(212, 14%, 10%);">
<html lang="en" style="background-color: #0D1114;">
<head>
<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">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<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."/>
<link rel="canonical" href="https://os.prozilla.dev/">
<!-- Favicon -->
<link rel="manifest" href="/manifest.json"/>
<link rel="shortcut icon" type="image/svg+xml" href="/assets/logo.svg"/>
<link rel="mask-icon" href="/assets/logo.svg" color="#1dd1a1"/>
<meta name="msapplication-TileColor" content="#222f3e"/>
<meta name="theme-color" content="#54a0ff"/>
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png?v=2">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=2">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png?v=2">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png?v=2">
<link rel="shortcut icon" type="image/svg+xml" href="/icon.svg?v=2"/>
<link rel="apple-touch-icon" href="/favicon-192.png?v=2">
<link rel="mask-icon" href="/icon.svg?v=2" color="#36b29e"/>
<meta name="msapplication-TileColor" content="#0d1114"/>
<meta name="theme-color" content="#0d1114"/>
<link rel="manifest" href="/site.webmanifest?v=2">
<!-- Open Graph -->
<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: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:type" content="website"/>
<meta property="og:image" content="/assets/banner-logo-title.png"/>
<meta property="og:url" content="https://os.prozilla.dev/">
<meta property="og:locale" content="en_US">
<!-- Twitter -->
<meta property="twitter:title" content="Prozilla OS | Web-based Operating System"/>
<meta property="twitter: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="twitter:card" content="summary_large_image"/>
<meta property="twitter:image" content="/assets/banner-logo-title.png"/>
<meta name="twitter:title" content="ProzillaOS | Web-based Operating System"/>
<meta name="twitter:description" content="ProzillaOS is an open-source web-based operating system inspired by Ubuntu Linux and Windows made with React.js by Prozilla."/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="/assets/banner-logo-title.png"/>
<meta name="twitter:url" content="https://os.prozilla.dev/">
<!-- Fonts -->
<link rel="preload" href="/assets/fonts/outfit/Outfit-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin>
@ -41,18 +49,18 @@
"mainEntity": [
{
"@type": "Question",
"name": "Is Prozilla OS open source?",
"name": "Is ProzillaOS open source?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, the source code for Prozilla OS is hosted on <a href=\"https://github.com/Prozilla/prozilla-os\">GitHub</a>."
"text": "Yes, the source code for ProzillaOS is hosted on <a href=\"https://github.com/Prozilla/ProzillaOS\">GitHub</a>."
}
},
{
"@type": "Question",
"name": "Is Prozilla OS a real operating system?",
"name": "Is ProzillaOS a real operating system?",
"acceptedAnswer": {
"@type": "Answer",
"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."
"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."
}
}
]
@ -60,7 +68,7 @@
</script>
</head>
<body>
<noscript>You need to enable JavaScript to run Prozilla OS.</noscript>
<noscript>You need to enable JavaScript to run ProzillaOS.</noscript>
<div id="root"></div>
<script type="module" src="/src/index.tsx"></script>

2
package.json
View file

@ -4,7 +4,7 @@
"private": false,
"author": "Prozilla",
"homepage": "https://os.prozilla.dev/",
"repository": "https://github.com/Prozilla/Prozilla-OS",
"repository": "https://github.com/Prozilla/ProzillaOS",
"type": "module",
"scripts": {
"start": "vite --port 3000",

BIN
public/android-chrome-192x192.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 18 KiB

BIN
public/android-chrome-512x512.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 57 KiB

10
public/assets/apps/file-explorer/icons/file-code.svg
View file

@ -1,16 +1,16 @@
<svg width="150" height="200" viewBox="0 0 150 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_152_55" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="150" height="200">
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#C8D6E5"/>
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#A0A9B3"/>
</mask>
<g mask="url(#mask0_152_55)">
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#C8D6E5"/>
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#E6F2FF"/>
<g filter="url(#filter0_d_152_55)">
<g clip-path="url(#clip0_152_55)">
<path d="M87.5 62.5L150 62.5L87.5 1.78815e-07V62.5Z" fill="#C8D6E5"/>
<path d="M87.5 62.5L150 62.5L87.5 1.78815e-07V62.5Z" fill="#E6F2FF"/>
</g>
</g>
<path d="M47.6562 125L59.7656 112.891H59.7266C63.3984 109.258 63.3594 103.32 59.7266 99.6484C56.0937 95.9766 50.1562 95.9766 46.4844 99.6484L27.7344 118.398C24.0625 122.031 24.0625 127.969 27.7344 131.641L46.5234 150.352C50.1562 154.023 56.0938 153.984 59.7656 150.352C63.4375 146.719 63.4375 140.781 59.7656 137.109L47.6562 125Z" fill="#222F3E"/>
<path d="M122.266 118.359L103.516 99.6094V99.6484C99.8828 95.9766 93.9453 96.0156 90.2734 99.6484C86.6016 103.281 86.6016 109.219 90.2734 112.891L102.383 125L90.2734 137.109C86.6016 140.742 86.6406 146.68 90.2734 150.352C93.9062 154.023 99.8438 154.023 103.516 150.352L122.266 131.602C125.938 127.969 125.938 122.031 122.266 118.359Z" fill="#222F3E"/>
<path d="M47.6562 125L59.7656 112.891H59.7266C63.3984 109.258 63.3594 103.32 59.7266 99.6484C56.0937 95.9766 50.1562 95.9766 46.4844 99.6484L27.7344 118.398C24.0625 122.031 24.0625 127.969 27.7344 131.641L46.5234 150.352C50.1562 154.023 56.0938 153.984 59.7656 150.352C63.4375 146.719 63.4375 140.781 59.7656 137.109L47.6562 125Z" fill="#1E262E"/>
<path d="M122.266 118.359L103.516 99.6094V99.6484C99.8828 95.9766 93.9453 96.0156 90.2734 99.6484C86.6016 103.281 86.6016 109.219 90.2734 112.891L102.383 125L90.2734 137.109C86.6016 140.742 86.6406 146.68 90.2734 150.352C93.9062 154.023 99.8438 154.023 103.516 150.352L122.266 131.602C125.938 127.969 125.938 122.031 122.266 118.359Z" fill="#1E262E"/>
</g>
<defs>
<filter id="filter0_d_152_55" x="65.0281" y="-139.972" width="224.944" height="224.944" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

8
public/assets/apps/file-explorer/icons/file-info.svg
View file

@ -1,15 +1,15 @@
<svg width="150" height="200" viewBox="0 0 150 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_150_59" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="150" height="200">
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#C8D6E5"/>
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#A0A9B3"/>
</mask>
<g mask="url(#mask0_150_59)">
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#C8D6E5"/>
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#E6F2FF"/>
<g filter="url(#filter0_d_150_59)">
<g clip-path="url(#clip0_150_59)">
<path d="M87.5 62.5L150 62.5L87.5 1.78815e-07V62.5Z" fill="#C8D6E5"/>
<path d="M87.5 62.5L150 62.5L87.5 1.78815e-07V62.5Z" fill="#E6F2FF"/>
</g>
</g>
<path d="M75.5 174C86.7717 174 97.5817 169.522 105.552 161.552C113.522 153.582 118 142.772 118 131.5C118 120.228 113.522 109.418 105.552 101.448C97.5817 93.4777 86.7717 89 75.5 89C64.2283 89 53.4183 93.4777 45.448 101.448C37.4777 109.418 33 120.228 33 131.5C33 142.772 37.4777 153.582 45.448 161.552C53.4183 169.522 64.2283 174 75.5 174ZM68.8594 144.781H72.8438V134.156H68.8594C66.6514 134.156 64.875 132.38 64.875 130.172C64.875 127.964 66.6514 126.188 68.8594 126.188H76.8281C79.0361 126.188 80.8125 127.964 80.8125 130.172V144.781H82.1406C84.3486 144.781 86.125 146.558 86.125 148.766C86.125 150.974 84.3486 152.75 82.1406 152.75H68.8594C66.6514 152.75 64.875 150.974 64.875 148.766C64.875 146.558 66.6514 144.781 68.8594 144.781ZM75.5 110.25C76.909 110.25 78.2602 110.81 79.2565 111.806C80.2528 112.802 80.8125 114.154 80.8125 115.562C80.8125 116.971 80.2528 118.323 79.2565 119.319C78.2602 120.315 76.909 120.875 75.5 120.875C74.091 120.875 72.7398 120.315 71.7435 119.319C70.7472 118.323 70.1875 116.971 70.1875 115.562C70.1875 114.154 70.7472 112.802 71.7435 111.806C72.7398 110.81 74.091 110.25 75.5 110.25Z" fill="#222F3E"/>
<path d="M75.5 174C86.7717 174 97.5817 169.522 105.552 161.552C113.522 153.582 118 142.772 118 131.5C118 120.228 113.522 109.418 105.552 101.448C97.5817 93.4777 86.7717 89 75.5 89C64.2283 89 53.4183 93.4777 45.448 101.448C37.4777 109.418 33 120.228 33 131.5C33 142.772 37.4777 153.582 45.448 161.552C53.4183 169.522 64.2283 174 75.5 174ZM68.8594 144.781H72.8438V134.156H68.8594C66.6514 134.156 64.875 132.38 64.875 130.172C64.875 127.964 66.6514 126.188 68.8594 126.188H76.8281C79.0361 126.188 80.8125 127.964 80.8125 130.172V144.781H82.1406C84.3486 144.781 86.125 146.558 86.125 148.766C86.125 150.974 84.3486 152.75 82.1406 152.75H68.8594C66.6514 152.75 64.875 150.974 64.875 148.766C64.875 146.558 66.6514 144.781 68.8594 144.781ZM75.5 110.25C76.909 110.25 78.2602 110.81 79.2565 111.806C80.2528 112.802 80.8125 114.154 80.8125 115.562C80.8125 116.971 80.2528 118.323 79.2565 119.319C78.2602 120.315 76.909 120.875 75.5 120.875C74.091 120.875 72.7398 120.315 71.7435 119.319C70.7472 118.323 70.1875 116.971 70.1875 115.562C70.1875 114.154 70.7472 112.802 71.7435 111.806C72.7398 110.81 74.091 110.25 75.5 110.25Z" fill="#1E262E"/>
</g>
<defs>
<filter id="filter0_d_150_59" x="65.0281" y="-139.972" width="224.944" height="224.944" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

12
public/assets/apps/file-explorer/icons/file-text.svg
View file

@ -1,17 +1,17 @@
<svg width="150" height="200" viewBox="0 0 150 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_150_72" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="150" height="200">
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#C8D6E5"/>
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#A0A9B3"/>
</mask>
<g mask="url(#mask0_150_72)">
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#C8D6E5"/>
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#E6F2FF"/>
<g filter="url(#filter0_d_150_72)">
<g clip-path="url(#clip0_150_72)">
<path d="M87.5 62.5L150 62.5L87.5 1.78815e-07V62.5Z" fill="#C8D6E5"/>
<path d="M87.5 62.5L150 62.5L87.5 1.78815e-07V62.5Z" fill="#E6F2FF"/>
</g>
</g>
<rect x="37.5" y="100" width="75" height="12.5" rx="6.25" fill="#222F3E"/>
<rect x="37.5" y="125" width="75" height="12.5" rx="6.25" fill="#222F3E"/>
<rect x="37.5" y="150" width="75" height="12.5" rx="6.25" fill="#222F3E"/>
<rect x="37.5" y="100" width="75" height="12.5" rx="6.25" fill="#1E262E"/>
<rect x="37.5" y="125" width="75" height="12.5" rx="6.25" fill="#1E262E"/>
<rect x="37.5" y="150" width="75" height="12.5" rx="6.25" fill="#1E262E"/>
</g>
<defs>
<filter id="filter0_d_150_72" x="65.0281" y="-139.972" width="224.944" height="224.944" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

6
public/assets/apps/file-explorer/icons/file.svg
View file

@ -1,12 +1,12 @@
<svg width="150" height="200" viewBox="0 0 150 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_146_65" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="150" height="200">
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#C8D6E5"/>
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#A0A9B3"/>
</mask>
<g mask="url(#mask0_146_65)">
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#C8D6E5"/>
<path d="M25 0C11.1929 0 0 11.1929 0 25V175C0 188.807 11.1929 200 25 200H125C138.807 200 150 188.807 150 175V62.5L87.5 0H25Z" fill="#E6F2FF"/>
<g filter="url(#filter0_d_146_65)">
<g clip-path="url(#clip0_146_65)">
<path d="M87.5 62.5L150 62.5L87.5 1.78815e-07V62.5Z" fill="#C8D6E5"/>
<path d="M87.5 62.5L150 62.5L87.5 1.78815e-07V62.5Z" fill="#E6F2FF"/>
</g>
</g>
</g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

10
public/assets/apps/file-explorer/icons/folder-images.svg
View file

@ -1,14 +1,14 @@
<svg width="200" height="176" viewBox="0 0 200 176" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_146_93" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="200" height="176">
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#FF9F43"/>
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#B39336"/>
</mask>
<g mask="url(#mask0_146_93)">
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#FF9F43"/>
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#FF974D"/>
<g filter="url(#filter0_d_146_93)">
<rect y="37" width="200" height="139" rx="25" fill="#FECA57"/>
<rect y="37" width="200" height="139" rx="25" fill="#FED24C"/>
</g>
<path d="M52 76.1429C52 69.4453 57.4373 64 64.125 64H136.875C143.563 64 149 69.4453 149 76.1429V136.857C149 143.555 143.563 149 136.875 149H64.125C57.4373 149 52 143.555 52 136.857V76.1429Z" fill="#FECA57"/>
<path d="M52 76.1429C52 69.4453 57.4373 64 64.125 64H136.875C143.563 64 149 69.4453 149 76.1429V136.857C149 143.555 143.563 149 136.875 149H64.125C57.4373 149 52 143.555 52 136.857V76.1429ZM113.345 96.3493C112.492 95.0971 111.09 94.3571 109.594 94.3571C108.097 94.3571 106.676 95.0971 105.843 96.3493L89.3602 120.559L84.3396 114.279C83.4682 113.198 82.1609 112.571 80.7969 112.571C79.4328 112.571 78.1066 113.198 77.2541 114.279L65.1291 129.458C64.0303 130.824 63.8219 132.702 64.5797 134.277C65.3375 135.852 66.9289 136.857 68.6719 136.857H86.8594H92.9219H132.328C134.014 136.857 135.568 135.927 136.345 134.429C137.121 132.93 137.027 131.127 136.079 129.742L113.345 96.3493ZM73.2188 94.3571C75.6306 94.3571 77.9436 93.3976 79.649 91.6897C81.3544 89.9818 82.3125 87.6654 82.3125 85.25C82.3125 82.8346 81.3544 80.5182 79.649 78.8103C77.9436 77.1024 75.6306 76.1429 73.2188 76.1429C70.8069 76.1429 68.4939 77.1024 66.7885 78.8103C65.0831 80.5182 64.125 82.8346 64.125 85.25C64.125 87.6654 65.0831 89.9818 66.7885 91.6897C68.4939 93.3976 70.8069 94.3571 73.2188 94.3571Z" fill="#222F3E"/>
<path d="M52 76.1429C52 69.4453 57.4373 64 64.125 64H136.875C143.563 64 149 69.4453 149 76.1429V136.857C149 143.555 143.563 149 136.875 149H64.125C57.4373 149 52 143.555 52 136.857V76.1429Z" fill="#FED24C"/>
<path d="M52 76.1429C52 69.4453 57.4373 64 64.125 64H136.875C143.563 64 149 69.4453 149 76.1429V136.857C149 143.555 143.563 149 136.875 149H64.125C57.4373 149 52 143.555 52 136.857V76.1429ZM113.345 96.3493C112.492 95.0971 111.09 94.3571 109.594 94.3571C108.097 94.3571 106.676 95.0971 105.843 96.3493L89.3602 120.559L84.3396 114.279C83.4682 113.198 82.1609 112.571 80.7969 112.571C79.4328 112.571 78.1066 113.198 77.2541 114.279L65.1291 129.458C64.0303 130.824 63.8219 132.702 64.5797 134.277C65.3375 135.852 66.9289 136.857 68.6719 136.857H86.8594H92.9219H132.328C134.014 136.857 135.568 135.927 136.345 134.429C137.121 132.93 137.027 131.127 136.079 129.742L113.345 96.3493ZM73.2188 94.3571C75.6306 94.3571 77.9436 93.3976 79.649 91.6897C81.3544 89.9818 82.3125 87.6654 82.3125 85.25C82.3125 82.8346 81.3544 80.5182 79.649 78.8103C77.9436 77.1024 75.6306 76.1429 73.2188 76.1429C70.8069 76.1429 68.4939 77.1024 66.7885 78.8103C65.0831 80.5182 64.125 82.8346 64.125 85.25C64.125 87.6654 65.0831 89.9818 66.7885 91.6897C68.4939 93.3976 70.8069 94.3571 73.2188 94.3571Z" fill="#1E262E"/>
</g>
<defs>
<filter id="filter0_d_146_93" x="-20" y="17" width="240" height="179" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

10
public/assets/apps/file-explorer/icons/folder-link.svg
View file

@ -1,14 +1,14 @@
<svg width="200" height="176" viewBox="0 0 200 176" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_146_57" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="200" height="176">
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#FF9F43"/>
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#B39336"/>
</mask>
<g mask="url(#mask0_146_57)">
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#FF9F43"/>
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#FF974D"/>
<g filter="url(#filter0_d_146_57)">
<rect y="37" width="200" height="139" rx="25" fill="#FECA57"/>
<rect y="37" width="200" height="139" rx="25" fill="#FED24C"/>
</g>
<path d="M58 106.5C58 117.772 62.4777 128.582 70.448 136.552C78.4183 144.522 89.2283 149 100.5 149C111.772 149 122.582 144.522 130.552 136.552C138.522 128.582 143 117.772 143 106.5C143 95.2283 138.522 84.4183 130.552 76.448C122.582 68.4777 111.772 64 100.5 64C89.2283 64 78.4183 68.4777 70.448 76.448C62.4777 84.4183 58 95.2283 58 106.5Z" fill="#FECA57"/>
<path d="M58 106.5C58 117.772 62.4777 128.582 70.448 136.552C78.4183 144.522 89.2283 149 100.5 149C111.772 149 122.582 144.522 130.552 136.552C138.522 128.582 143 117.772 143 106.5C143 95.2283 138.522 84.4183 130.552 76.448C122.582 68.4777 111.772 64 100.5 64C89.2283 64 78.4183 68.4777 70.448 76.448C62.4777 84.4183 58 95.2283 58 106.5ZM104.65 127.916C103.09 129.477 100.566 129.477 99.0225 127.916C97.4785 126.355 97.4619 123.832 99.0225 122.288L110.81 110.501L80.5781 110.484C78.3701 110.484 76.5938 108.708 76.5938 106.5C76.5938 104.292 78.3701 102.516 80.5781 102.516H110.81L99.0225 90.7285C97.4619 89.168 97.4619 86.6445 99.0225 85.1006C100.583 83.5566 103.106 83.54 104.65 85.1006L123.244 103.678C124.805 105.238 124.805 107.762 123.244 109.306L104.65 127.916Z" fill="#222F3E"/>
<path d="M58 106.5C58 117.772 62.4777 128.582 70.448 136.552C78.4183 144.522 89.2283 149 100.5 149C111.772 149 122.582 144.522 130.552 136.552C138.522 128.582 143 117.772 143 106.5C143 95.2283 138.522 84.4183 130.552 76.448C122.582 68.4777 111.772 64 100.5 64C89.2283 64 78.4183 68.4777 70.448 76.448C62.4777 84.4183 58 95.2283 58 106.5Z" fill="#FED24C"/>
<path d="M58 106.5C58 117.772 62.4777 128.582 70.448 136.552C78.4183 144.522 89.2283 149 100.5 149C111.772 149 122.582 144.522 130.552 136.552C138.522 128.582 143 117.772 143 106.5C143 95.2283 138.522 84.4183 130.552 76.448C122.582 68.4777 111.772 64 100.5 64C89.2283 64 78.4183 68.4777 70.448 76.448C62.4777 84.4183 58 95.2283 58 106.5ZM104.65 127.916C103.09 129.477 100.566 129.477 99.0225 127.916C97.4785 126.355 97.4619 123.832 99.0225 122.288L110.81 110.501L80.5781 110.484C78.3701 110.484 76.5938 108.708 76.5938 106.5C76.5938 104.292 78.3701 102.516 80.5781 102.516H110.81L99.0225 90.7285C97.4619 89.168 97.4619 86.6445 99.0225 85.1006C100.583 83.5566 103.106 83.54 104.65 85.1006L123.244 103.678C124.805 105.238 124.805 107.762 123.244 109.306L104.65 127.916Z" fill="#1E262E"/>
</g>
<defs>
<filter id="filter0_d_146_57" x="-20" y="17" width="240" height="179" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

8
public/assets/apps/file-explorer/icons/folder-text.svg
View file

@ -1,13 +1,13 @@
<svg width="200" height="176" viewBox="0 0 200 176" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_146_102" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="200" height="176">
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#FF9F43"/>
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#B39336"/>
</mask>
<g mask="url(#mask0_146_102)">
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#FF9F43"/>
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#FF974D"/>
<g filter="url(#filter0_d_146_102)">
<rect y="37" width="200" height="139" rx="25" fill="#FECA57"/>
<rect y="37" width="200" height="139" rx="25" fill="#FED24C"/>
</g>
<path d="M116.272 133.996H84.5701L79.4881 149H57.8291L88.5631 64.058H112.521L143.255 149H121.354L116.272 133.996ZM110.948 118.024L100.421 86.927L90.0151 118.024H110.948Z" fill="#222F3E"/>
<path d="M116.272 133.996H84.5701L79.4881 149H57.8291L88.5631 64.058H112.521L143.255 149H121.354L116.272 133.996ZM110.948 118.024L100.421 86.927L90.0151 118.024H110.948Z" fill="#1E262E"/>
</g>
<defs>
<filter id="filter0_d_146_102" x="-20" y="17" width="240" height="179" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

6
public/assets/apps/file-explorer/icons/folder.svg
View file

@ -1,12 +1,12 @@
<svg width="200" height="176" viewBox="0 0 200 176" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_146_55)">
<mask id="mask0_146_55" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="200" height="176">
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#FF9F43"/>
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#B39336"/>
</mask>
<g mask="url(#mask0_146_55)">
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#FF9F43"/>
<path d="M25 175.5H175C188.789 175.5 200 164.289 200 150.5V50.5C200 36.7109 188.789 25.5 175 25.5H112.5C108.555 25.5 104.844 23.6641 102.5 20.5L95 10.5C90.2734 4.21094 82.8516 0.5 75 0.5H25C11.2109 0.5 0 11.7109 0 25.5V150.5C0 164.289 11.2109 175.5 25 175.5Z" fill="#FF974D"/>
<g filter="url(#filter0_d_146_55)">
<rect y="37" width="200" height="139" rx="25" fill="#FECA57"/>
<rect y="37" width="200" height="139" rx="25" fill="#FED24C"/>
</g>
</g>
</g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

4
public/assets/apps/icons/balls.svg
View file

@ -1,8 +1,8 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_63_49)">
<rect y="6.10352e-05" width="200" height="200" rx="42" fill="#FECA57"/>
<rect y="6.10352e-05" width="200" height="200" rx="42" fill="#FED24C"/>
<g filter="url(#filter0_d_63_49)">
<circle cx="100" cy="100" r="65" fill="#576574"/>
<circle cx="100" cy="100" r="65" fill="#5C6166"/>
</g>
</g>
<defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

6
public/assets/apps/icons/browser.svg
View file

@ -1,12 +1,12 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_4_26" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="8" y="4" width="184" height="193">
<path d="M59.1521 108C54.1521 88 85.1521 46 56.652 42.5C28.152 39 3.65204 73.5 8.65204 117C13.652 160.5 59.152 199 104.152 196.5C149.152 194 189.652 162.5 191.152 110C192.652 57.5 151.152 22.5 130.652 4C124.152 12 111.152 30.5 118.152 56C125.152 81.5 144.652 83 144.652 101C144.652 119 132.652 145 107.152 148C81.6519 151 64.1521 128 59.1521 108Z" fill="#FF6B6B"/>
<path d="M153 100C153 129.271 129.271 153 100 153C70.7289 153 47 129.271 47 100C47 70.7289 70.7289 47 100 47C129.271 47 153 70.7289 153 100Z" fill="#54A0FF"/>
<path d="M153 100C153 129.271 129.271 153 100 153C70.7289 153 47 129.271 47 100C47 70.7289 70.7289 47 100 47C129.271 47 153 70.7289 153 100Z" fill="#4D9CFF"/>
</mask>
<g mask="url(#mask0_4_26)">
<path d="M59.1521 108C54.1521 88 85.1521 46 56.652 42.5C28.152 39 3.65204 73.5 8.65204 117C13.652 160.5 59.152 199 104.152 196.5C149.152 194 189.652 162.5 191.152 110C192.652 57.5 151.152 22.5 130.652 4C124.152 12 111.152 30.5 118.152 56C125.152 81.5 144.652 83 144.652 101C144.652 119 132.652 145 107.152 148C81.6519 151 64.1521 128 59.1521 108Z" fill="#FECA57"/>
<path d="M59.1521 108C54.1521 88 85.1521 46 56.652 42.5C28.152 39 3.65204 73.5 8.65204 117C13.652 160.5 59.152 199 104.152 196.5C149.152 194 189.652 162.5 191.152 110C192.652 57.5 151.152 22.5 130.652 4C124.152 12 111.152 30.5 118.152 56C125.152 81.5 144.652 83 144.652 101C144.652 119 132.652 145 107.152 148C81.6519 151 64.1521 128 59.1521 108Z" fill="#FED24C"/>
<g filter="url(#filter0_d_4_26)">
<circle cx="100" cy="100" r="53" fill="#2E86DE"/>
<circle cx="100" cy="100" r="53" fill="#4D9CFF"/>
</g>
</g>
<defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

11
public/assets/apps/icons/calculator.svg
View file

@ -1,13 +1,13 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M168.75 0H31.25C21.25 0 12.5 8.75 12.5 18.75V181.25C12.5 191.25 21.25 200 31.25 200H168.75C178.75 200 187.5 191.25 187.5 181.25V18.75C187.5 8.75 178.75 0 168.75 0ZM62.5 170C62.5 172.5 60 175 57.5 175H42.5C40 175 37.5 172.5 37.5 170V155C37.5 152.5 40 150 42.5 150H57.5C60 150 62.5 152.5 62.5 155V170ZM62.5 120C62.5 122.5 60 125 57.5 125H42.5C40 125 37.5 122.5 37.5 120V105C37.5 102.5 40 100 42.5 100H57.5C60 100 62.5 102.5 62.5 105V120ZM112.5 170C112.5 172.5 110 175 107.5 175H92.5C90 175 87.5 172.5 87.5 170V155C87.5 152.5 90 150 92.5 150H107.5C110 150 112.5 152.5 112.5 155V170ZM112.5 120C112.5 122.5 110 125 107.5 125H92.5C90 125 87.5 122.5 87.5 120V105C87.5 102.5 90 100 92.5 100H107.5C110 100 112.5 102.5 112.5 105V120ZM162.5 170C162.5 172.5 160 175 157.5 175H142.5C140 175 137.5 172.5 137.5 170V105C137.5 102.5 140 100 142.5 100H157.5C160 100 162.5 102.5 162.5 105V170ZM162.5 70C162.5 72.5 160 75 157.5 75H42.5C40 75 37.5 72.5 37.5 70V30C37.5 27.5 40 25 42.5 25H157.5C160 25 162.5 27.5 162.5 30V70Z" fill="#222F3E"/>
<path d="M168.75 0H31.25C21.25 0 12.5 8.75 12.5 18.75V181.25C12.5 191.25 21.25 200 31.25 200H168.75C178.75 200 187.5 191.25 187.5 181.25V18.75C187.5 8.75 178.75 0 168.75 0ZM62.5 170C62.5 172.5 60 175 57.5 175H42.5C40 175 37.5 172.5 37.5 170V155C37.5 152.5 40 150 42.5 150H57.5C60 150 62.5 152.5 62.5 155V170ZM62.5 120C62.5 122.5 60 125 57.5 125H42.5C40 125 37.5 122.5 37.5 120V105C37.5 102.5 40 100 42.5 100H57.5C60 100 62.5 102.5 62.5 105V120ZM112.5 170C112.5 172.5 110 175 107.5 175H92.5C90 175 87.5 172.5 87.5 170V155C87.5 152.5 90 150 92.5 150H107.5C110 150 112.5 152.5 112.5 155V170ZM112.5 120C112.5 122.5 110 125 107.5 125H92.5C90 125 87.5 122.5 87.5 120V105C87.5 102.5 90 100 92.5 100H107.5C110 100 112.5 102.5 112.5 105V120ZM162.5 170C162.5 172.5 160 175 157.5 175H142.5C140 175 137.5 172.5 137.5 170V105C137.5 102.5 140 100 142.5 100H157.5C160 100 162.5 102.5 162.5 105V170ZM162.5 70C162.5 72.5 160 75 157.5 75H42.5C40 75 37.5 72.5 37.5 70V30C37.5 27.5 40 25 42.5 25H157.5C160 25 162.5 27.5 162.5 30V70Z" fill="#1E262E"/>
<g filter="url(#filter0_d_116_74)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M157.5 175C160 175 162.5 172.5 162.5 170V105C162.5 102.5 160 100 157.5 100H142.5C140 100 137.5 102.5 137.5 105V170C137.5 172.5 140 175 142.5 175H157.5Z" fill="#2E86DE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M157.5 175C160 175 162.5 172.5 162.5 170V105C162.5 102.5 160 100 157.5 100H142.5C140 100 137.5 102.5 137.5 105V170C137.5 172.5 140 175 142.5 175H157.5Z" fill="#FF4D5B"/>
</g>
<g filter="url(#filter1_d_116_74)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M57.5 175C60 175 62.5 172.5 62.5 170V155C62.5 152.5 60 150 57.5 150H42.5C40 150 37.5 152.5 37.5 155V170C37.5 172.5 40 175 42.5 175H57.5ZM57.5 125C60 125 62.5 122.5 62.5 120V105C62.5 102.5 60 100 57.5 100H42.5C40 100 37.5 102.5 37.5 105V120C37.5 122.5 40 125 42.5 125H57.5ZM107.5 175C110 175 112.5 172.5 112.5 170V155C112.5 152.5 110 150 107.5 150H92.5C90 150 87.5 152.5 87.5 155V170C87.5 172.5 90 175 92.5 175H107.5ZM107.5 125C110 125 112.5 122.5 112.5 120V105C112.5 102.5 110 100 107.5 100H92.5C90 100 87.5 102.5 87.5 105V120C87.5 122.5 90 125 92.5 125H107.5Z" fill="#8395A7"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M57.5 175C60 175 62.5 172.5 62.5 170V155C62.5 152.5 60 150 57.5 150H42.5C40 150 37.5 152.5 37.5 155V170C37.5 172.5 40 175 42.5 175H57.5ZM57.5 125C60 125 62.5 122.5 62.5 120V105C62.5 102.5 60 100 57.5 100H42.5C40 100 37.5 102.5 37.5 105V120C37.5 122.5 40 125 42.5 125H57.5ZM107.5 175C110 175 112.5 172.5 112.5 170V155C112.5 152.5 110 150 107.5 150H92.5C90 150 87.5 152.5 87.5 155V170C87.5 172.5 90 175 92.5 175H107.5ZM107.5 125C110 125 112.5 122.5 112.5 120V105C112.5 102.5 110 100 107.5 100H92.5C90 100 87.5 102.5 87.5 105V120C87.5 122.5 90 125 92.5 125H107.5Z" fill="#5C6166"/>
</g>
<g filter="url(#filter2_d_116_74)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M157.5 75C160 75 162.5 72.5 162.5 70V30C162.5 27.5 160 25 157.5 25H42.5C40 25 37.5 27.5 37.5 30V70C37.5 72.5 40 75 42.5 75H157.5Z" fill="#48DBFB"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M157.5 75C160 75 162.5 72.5 162.5 70V30C162.5 27.5 160 25 157.5 25H42.5C40 25 37.5 27.5 37.5 30V70C37.5 72.5 40 75 42.5 75H157.5Z" fill="#4D9CFF"/>
</g>
<defs>
<filter id="filter0_d_116_74" x="117.5" y="80" width="65" height="115" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
@ -15,7 +15,6 @@
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="10"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_116_74"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_116_74" result="shape"/>
@ -25,7 +24,6 @@
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="10"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_116_74"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_116_74" result="shape"/>
@ -35,7 +33,6 @@
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="10"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_116_74"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_116_74" result="shape"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

5
public/assets/apps/icons/code-editor.svg
View file

@ -1,8 +1,8 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4_24)">
<path d="M139.608 13.3976C146.038 13.3976 151.981 16.8284 155.196 22.3976L194.804 91.0001C198.019 96.5694 198.019 103.431 194.804 109L155.196 177.603C151.981 183.172 146.038 186.603 139.608 186.603L60.3923 186.603C53.9615 186.603 48.0192 183.172 44.8038 177.603L5.19615 109C1.98076 103.431 1.98076 96.5694 5.19615 91.0001L44.8038 22.3976C48.0192 16.8284 53.9615 13.3976 60.3923 13.3976L139.608 13.3976Z" fill="#54A0FF"/>
<path d="M135.566 13.3976C144.498 13.3976 152.751 18.1626 157.217 25.8976L192.783 87.5001C197.249 95.2352 197.249 104.765 192.783 112.5L157.217 174.103C152.751 181.838 144.498 186.603 135.566 186.603L64.4338 186.603C55.5021 186.603 47.2489 181.838 42.7831 174.103L7.21687 112.5C2.75105 104.765 2.75106 95.2352 7.21688 87.5001L42.7831 25.8976C47.2489 18.1626 55.5021 13.3976 64.4338 13.3976L135.566 13.3976Z" fill="#4D9CFF"/>
<g filter="url(#filter0_d_4_24)">
<path d="M90.8816 156.889L77.3483 152.948C75.9284 152.547 75.1298 151.055 75.5291 149.63L105.813 44.929C106.212 43.5039 107.698 42.7022 109.118 43.1031L122.652 47.0444C124.072 47.4452 124.87 48.9371 124.471 50.3622L94.1873 155.063C93.7658 156.488 92.3015 157.312 90.8816 156.889ZM65.5899 131.905L75.2407 121.573C76.2612 120.482 76.1947 118.745 75.0632 117.743L54.9629 99.996L75.0632 82.249C76.1947 81.2469 76.2834 79.5101 75.2407 78.419L65.5899 68.087C64.5915 67.0181 62.9054 66.9513 61.8183 67.9756L29.8486 98.0365C28.7171 99.0831 28.7171 100.887 29.8486 101.933L61.8183 132.016C62.9054 133.041 64.5915 132.996 65.5899 131.905ZM138.182 132.039L170.151 101.956C171.283 100.909 171.283 99.1053 170.151 98.0588L138.182 67.9534C137.117 66.9513 135.431 66.9959 134.41 68.0647L124.759 78.3967C123.739 79.4878 123.805 81.2247 124.937 82.2267L145.037 99.996L124.937 117.743C123.805 118.745 123.717 120.482 124.759 121.573L134.41 131.905C135.408 132.996 137.095 133.041 138.182 132.039Z" fill="#222F3E"/>
<path d="M90.8816 156.889L77.3483 152.948C75.9284 152.547 75.1298 151.055 75.5291 149.63L105.813 44.929C106.212 43.5039 107.698 42.7022 109.118 43.1031L122.652 47.0444C124.072 47.4452 124.87 48.9371 124.471 50.3622L94.1873 155.063C93.7658 156.488 92.3015 157.312 90.8816 156.889ZM65.5899 131.905L75.2407 121.573C76.2612 120.482 76.1947 118.745 75.0632 117.743L54.9629 99.996L75.0632 82.249C76.1947 81.2469 76.2834 79.5101 75.2407 78.419L65.5899 68.087C64.5915 67.0181 62.9054 66.9513 61.8183 67.9756L29.8486 98.0365C28.7171 99.083 28.7171 100.887 29.8486 101.933L61.8183 132.016C62.9054 133.041 64.5915 132.996 65.5899 131.905ZM138.182 132.039L170.151 101.956C171.283 100.909 171.283 99.1053 170.151 98.0588L138.182 67.9534C137.117 66.9513 135.431 66.9959 134.41 68.0647L124.759 78.3967C123.739 79.4878 123.805 81.2247 124.937 82.2267L145.037 99.996L124.937 117.743C123.805 118.745 123.717 120.482 124.759 121.573L134.41 131.905C135.408 132.996 137.095 133.041 138.182 132.039Z" fill="#1E262E"/>
</g>
</g>
<defs>
@ -11,7 +11,6 @@
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="10"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4_24"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4_24" result="shape"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

20
public/assets/apps/icons/file-explorer.svg
View file

@ -1,23 +1,23 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_159_76" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="13" width="200" height="175">
<path d="M25 188H175C188.789 188 200 176.789 200 163V63C200 49.2109 188.789 38 175 38H112.5C108.555 38 104.844 36.1641 102.5 33L95 23C90.2734 16.7109 82.8516 13 75 13H25C11.2109 13 0 24.2109 0 38V163C0 176.789 11.2109 188 25 188Z" fill="#FF6B6B"/>
<mask id="mask0_300_70" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="13" width="200" height="175">
<path d="M25 188H175C188.789 188 200 176.789 200 163V63C200 49.2109 188.789 38 175 38H112.5C108.555 38 104.844 36.1641 102.5 33L95 23C90.2734 16.7109 82.8516 13 75 13H25C11.2109 13 0 24.2109 0 38V163C0 176.789 11.2109 188 25 188Z" fill="#FF4D5B"/>
</mask>
<g mask="url(#mask0_159_76)">
<path d="M25 188H175C188.789 188 200 176.789 200 163V63C200 49.2109 188.789 38 175 38H112.5C108.555 38 104.844 36.1641 102.5 33L95 23C90.2734 16.7109 82.8516 13 75 13H25C11.2109 13 0 24.2109 0 38V163C0 176.789 11.2109 188 25 188Z" fill="#FF6B6B"/>
<g filter="url(#filter0_d_159_76)">
<rect y="60" width="200" height="128" rx="25" fill="#576574"/>
<g mask="url(#mask0_300_70)">
<path d="M25 188H175C188.789 188 200 176.789 200 163V63C200 49.2109 188.789 38 175 38H112.5C108.555 38 104.844 36.1641 102.5 33L95 23C90.2734 16.7109 82.8516 13 75 13H25C11.2109 13 0 24.2109 0 38V163C0 176.789 11.2109 188 25 188Z" fill="#FF4D5B"/>
<g filter="url(#filter0_d_300_70)">
<rect y="60" width="200" height="128" rx="25" fill="#29343F"/>
</g>
<rect x="55" y="108" width="90" height="20" rx="10" fill="#8395A7"/>
<rect x="55" y="108" width="90" height="20" rx="10" fill="#5C6166"/>
</g>
<defs>
<filter id="filter0_d_159_76" x="-20" y="40" width="240" height="168" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d_300_70" x="-20" y="40" width="240" height="168" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="10"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_159_76"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_159_76" result="shape"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_300_70"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_300_70" result="shape"/>
</filter>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

10
public/assets/apps/icons/logic-sim.svg
View file

@ -2,16 +2,16 @@
<g clip-path="url(#clip0_293_72)">
<mask id="mask0_293_72" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="199" height="200">
<path d="M68.4062 9.82812C68.4062 4.65879 64.2475 0.5 59.0781 0.5C53.9088 0.5 49.75 4.65879 49.75 9.82812V25.375C36.0299 25.375 24.875 36.5299 24.875 50.25H9.32812C4.15879 50.25 0 54.4088 0 59.5781C0 64.7475 4.15879 68.9062 9.32812 68.9062H24.875V90.6719H9.32812C4.15879 90.6719 0 94.8307 0 100C0 105.169 4.15879 109.328 9.32812 109.328H24.875V131.094H9.32812C4.15879 131.094 0 135.253 0 140.422C0 145.591 4.15879 149.75 9.32812 149.75H24.875C24.875 163.47 36.0299 174.625 49.75 174.625V190.172C49.75 195.341 53.9088 199.5 59.0781 199.5C64.2475 199.5 68.4062 195.341 68.4062 190.172V174.625H90.1719V190.172C90.1719 195.341 94.3307 199.5 99.5 199.5C104.669 199.5 108.828 195.341 108.828 190.172V174.625H130.594V190.172C130.594 195.341 134.753 199.5 139.922 199.5C145.091 199.5 149.25 195.341 149.25 190.172V174.625C162.97 174.625 174.125 163.47 174.125 149.75H189.672C194.841 149.75 199 145.591 199 140.422C199 135.253 194.841 131.094 189.672 131.094H174.125V109.328H189.672C194.841 109.328 199 105.169 199 100C199 94.8307 194.841 90.6719 189.672 90.6719H174.125V68.9062H189.672C194.841 68.9062 199 64.7475 199 59.5781C199 54.4088 194.841 50.25 189.672 50.25H174.125C174.125 36.5299 162.97 25.375 149.25 25.375V9.82812C149.25 4.65879 145.091 0.5 139.922 0.5C134.753 0.5 130.594 4.65879 130.594 9.82812V25.375H108.828V9.82812C108.828 4.65879 104.669 0.5 99.5 0.5C94.3307 0.5 90.1719 4.65879 90.1719 9.82812V25.375H68.4062V9.82812ZM62.1875 50.25H136.812C143.692 50.25 149.25 55.808 149.25 62.6875V137.312C149.25 144.192 143.692 149.75 136.812 149.75H62.1875C55.308 149.75 49.75 144.192 49.75 137.312V62.6875C49.75 55.808 55.308 50.25 62.1875 50.25ZM136.812 62.6875H62.1875V137.312H136.812V62.6875Z" fill="#222F3E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M149.25 62.6875C149.25 55.808 143.692 50.25 136.812 50.25H62.1875C55.308 50.25 49.75 55.808 49.75 62.6875V137.312C49.75 144.192 55.308 149.75 62.1875 149.75H136.812C143.692 149.75 149.25 144.192 149.25 137.312V62.6875ZM62.1875 62.6875H136.812V137.312H62.1875V62.6875Z" fill="#EE5253"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M149.25 62.6875C149.25 55.808 143.692 50.25 136.812 50.25H62.1875C55.308 50.25 49.75 55.808 49.75 62.6875V137.312C49.75 144.192 55.308 149.75 62.1875 149.75H136.812C143.692 149.75 149.25 144.192 149.25 137.312V62.6875ZM62.1875 62.6875H136.812V137.312H62.1875V62.6875Z" fill="#B33640"/>
</mask>
<g mask="url(#mask0_293_72)">
<path d="M68.4062 9.82812C68.4062 4.65879 64.2475 0.5 59.0781 0.5C53.9088 0.5 49.75 4.65879 49.75 9.82812V25.375C36.0299 25.375 24.875 36.5299 24.875 50.25H9.32812C4.15879 50.25 0 54.4088 0 59.5781C0 64.7475 4.15879 68.9062 9.32812 68.9062H24.875V90.6719H9.32812C4.15879 90.6719 0 94.8307 0 100C0 105.169 4.15879 109.328 9.32812 109.328H24.875V131.094H9.32812C4.15879 131.094 0 135.253 0 140.422C0 145.591 4.15879 149.75 9.32812 149.75H24.875C24.875 163.47 36.0299 174.625 49.75 174.625V190.172C49.75 195.341 53.9088 199.5 59.0781 199.5C64.2475 199.5 68.4062 195.341 68.4062 190.172V174.625H90.1719V190.172C90.1719 195.341 94.3307 199.5 99.5 199.5C104.669 199.5 108.828 195.341 108.828 190.172V174.625H130.594V190.172C130.594 195.341 134.753 199.5 139.922 199.5C145.091 199.5 149.25 195.341 149.25 190.172V174.625C162.97 174.625 174.125 163.47 174.125 149.75H189.672C194.841 149.75 199 145.591 199 140.422C199 135.253 194.841 131.094 189.672 131.094H174.125V109.328H189.672C194.841 109.328 199 105.169 199 100C199 94.8307 194.841 90.6719 189.672 90.6719H174.125V68.9062H189.672C194.841 68.9062 199 64.7475 199 59.5781C199 54.4088 194.841 50.25 189.672 50.25H174.125C174.125 36.5299 162.97 25.375 149.25 25.375V9.82812C149.25 4.65879 145.091 0.5 139.922 0.5C134.753 0.5 130.594 4.65879 130.594 9.82812V25.375H108.828V9.82812C108.828 4.65879 104.669 0.5 99.5 0.5C94.3307 0.5 90.1719 4.65879 90.1719 9.82812V25.375H68.4062V9.82812Z" fill="#576574"/>
<path d="M68.4062 9.82812C68.4062 4.65879 64.2475 0.5 59.0781 0.5C53.9088 0.5 49.75 4.65879 49.75 9.82812V25.375C36.0299 25.375 24.875 36.5299 24.875 50.25H9.32812C4.15879 50.25 0 54.4088 0 59.5781C0 64.7475 4.15879 68.9062 9.32812 68.9062H24.875V90.6719H9.32812C4.15879 90.6719 0 94.8307 0 100C0 105.169 4.15879 109.328 9.32812 109.328H24.875V131.094H9.32812C4.15879 131.094 0 135.253 0 140.422C0 145.591 4.15879 149.75 9.32812 149.75H24.875C24.875 163.47 36.0299 174.625 49.75 174.625V190.172C49.75 195.341 53.9088 199.5 59.0781 199.5C64.2475 199.5 68.4062 195.341 68.4062 190.172V174.625H90.1719V190.172C90.1719 195.341 94.3307 199.5 99.5 199.5C104.669 199.5 108.828 195.341 108.828 190.172V174.625H130.594V190.172C130.594 195.341 134.753 199.5 139.922 199.5C145.091 199.5 149.25 195.341 149.25 190.172V174.625C162.97 174.625 174.125 163.47 174.125 149.75H189.672C194.841 149.75 199 145.591 199 140.422C199 135.253 194.841 131.094 189.672 131.094H174.125V109.328H189.672C194.841 109.328 199 105.169 199 100C199 94.8307 194.841 90.6719 189.672 90.6719H174.125V68.9062H189.672C194.841 68.9062 199 64.7475 199 59.5781C199 54.4088 194.841 50.25 189.672 50.25H174.125C174.125 36.5299 162.97 25.375 149.25 25.375V9.82812C149.25 4.65879 145.091 0.5 139.922 0.5C134.753 0.5 130.594 4.65879 130.594 9.82812V25.375H108.828V9.82812C108.828 4.65879 104.669 0.5 99.5 0.5C94.3307 0.5 90.1719 4.65879 90.1719 9.82812V25.375H68.4062V9.82812Z" fill="#5C6166"/>
<g filter="url(#filter0_d_293_72)">
<path d="M24.875 50.25C24.875 36.5299 36.0299 25.375 49.75 25.375H149.25C162.97 25.375 174.125 36.5299 174.125 50.25V149.75C174.125 163.47 162.97 174.625 149.25 174.625H49.75C36.0299 174.625 24.875 163.47 24.875 149.75V50.25Z" fill="#222F3E"/>
<path d="M24.875 50.25C24.875 36.5299 36.0299 25.375 49.75 25.375H149.25C162.97 25.375 174.125 36.5299 174.125 50.25V149.75C174.125 163.47 162.97 174.625 149.25 174.625H49.75C36.0299 174.625 24.875 163.47 24.875 149.75V50.25Z" fill="#29343F"/>
</g>
<g filter="url(#filter1_d_293_72)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M149.25 62.6875C149.25 55.808 143.692 50.25 136.812 50.25H62.1875C55.308 50.25 49.75 55.808 49.75 62.6875V137.312C49.75 144.192 55.308 149.75 62.1875 149.75H136.812C143.692 149.75 149.25 144.192 149.25 137.312V62.6875ZM62.1875 62.6875H136.812V137.312H62.1875V62.6875Z" fill="#EE5253"/>
<path d="M136.812 62.6875H139.312V60.1875H136.812V62.6875ZM62.1875 62.6875V60.1875H59.6875V62.6875H62.1875ZM136.812 137.312V139.812H139.312V137.312H136.812ZM62.1875 137.312H59.6875V139.812H62.1875V137.312ZM136.812 52.75C142.311 52.75 146.75 57.1887 146.75 62.6875H151.75C151.75 54.4273 145.073 47.75 136.812 47.75V52.75ZM62.1875 52.75H136.812V47.75H62.1875V52.75ZM52.25 62.6875C52.25 57.1887 56.6887 52.75 62.1875 52.75V47.75C53.9273 47.75 47.25 54.4273 47.25 62.6875H52.25ZM52.25 137.312V62.6875H47.25V137.312H52.25ZM62.1875 147.25C56.6887 147.25 52.25 142.811 52.25 137.312H47.25C47.25 145.573 53.9273 152.25 62.1875 152.25V147.25ZM136.812 147.25H62.1875V152.25H136.812V147.25ZM146.75 137.312C146.75 142.811 142.311 147.25 136.812 147.25V152.25C145.073 152.25 151.75 145.573 151.75 137.312H146.75ZM146.75 62.6875V137.312H151.75V62.6875H146.75ZM136.812 60.1875H62.1875V65.1875H136.812V60.1875ZM139.312 137.312V62.6875H134.312V137.312H139.312ZM62.1875 139.812H136.812V134.812H62.1875V139.812ZM59.6875 62.6875V137.312H64.6875V62.6875H59.6875Z" fill="#EE5253"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M149.25 62.6875C149.25 55.808 143.692 50.25 136.812 50.25H62.1875C55.308 50.25 49.75 55.808 49.75 62.6875V137.312C49.75 144.192 55.308 149.75 62.1875 149.75H136.812C143.692 149.75 149.25 144.192 149.25 137.312V62.6875ZM62.1875 62.6875H136.812V137.312H62.1875V62.6875Z" fill="#FF4D5B"/>
<path d="M136.812 62.6875H139.312V60.1875H136.812V62.6875ZM62.1875 62.6875V60.1875H59.6875V62.6875H62.1875ZM136.812 137.312V139.812H139.312V137.312H136.812ZM62.1875 137.312H59.6875V139.812H62.1875V137.312ZM136.812 52.75C142.311 52.75 146.75 57.1887 146.75 62.6875H151.75C151.75 54.4273 145.073 47.75 136.812 47.75V52.75ZM62.1875 52.75H136.812V47.75H62.1875V52.75ZM52.25 62.6875C52.25 57.1887 56.6887 52.75 62.1875 52.75V47.75C53.9273 47.75 47.25 54.4273 47.25 62.6875H52.25ZM52.25 137.312V62.6875H47.25V137.312H52.25ZM62.1875 147.25C56.6887 147.25 52.25 142.811 52.25 137.312H47.25C47.25 145.573 53.9273 152.25 62.1875 152.25V147.25ZM136.812 147.25H62.1875V152.25H136.812V147.25ZM146.75 137.312C146.75 142.811 142.311 147.25 136.812 147.25V152.25C145.073 152.25 151.75 145.573 151.75 137.312H146.75ZM146.75 62.6875V137.312H151.75V62.6875H146.75ZM136.812 60.1875H62.1875V65.1875H136.812V60.1875ZM139.312 137.312V62.6875H134.312V137.312H139.312ZM62.1875 139.812H136.812V134.812H62.1875V139.812ZM59.6875 62.6875V137.312H64.6875V62.6875H59.6875Z" fill="#FF4D5B"/>
</g>
</g>
</g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB

6
public/assets/apps/icons/media-viewer.svg
View file

@ -1,10 +1,10 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M181.25 175H18.75C8.39453 175 0 166.605 0 156.25V43.75C0 33.3945 8.39453 25 18.75 25H181.25C191.605 25 200 33.3945 200 43.75V156.25C200 166.605 191.605 175 181.25 175ZM43.75 46.875C31.6688 46.875 21.875 56.6688 21.875 68.75C21.875 80.8312 31.6688 90.625 43.75 90.625C55.8312 90.625 65.625 80.8312 65.625 68.75C65.625 56.6688 55.8312 46.875 43.75 46.875ZM25 150H175V106.25L140.814 72.0645C138.984 70.234 136.016 70.234 134.185 72.0645L81.25 125L59.5645 103.314C57.734 101.484 54.766 101.484 52.9352 103.314L25 131.25V150Z" fill="#2E86DE"/>
<path d="M181.25 175H18.75C8.39453 175 0 166.605 0 156.25V43.75C0 33.3945 8.39453 25 18.75 25H181.25C191.605 25 200 33.3945 200 43.75V156.25C200 166.605 191.605 175 181.25 175ZM43.75 46.875C31.6688 46.875 21.875 56.6688 21.875 68.75C21.875 80.8312 31.6688 90.625 43.75 90.625C55.8312 90.625 65.625 80.8312 65.625 68.75C65.625 56.6688 55.8312 46.875 43.75 46.875ZM25 150H175V106.25L140.814 72.0645C138.984 70.234 136.016 70.234 134.185 72.0645L81.25 125L59.5645 103.314C57.734 101.484 54.766 101.484 52.9352 103.314L25 131.25V150Z" fill="#4D9CFF"/>
<g filter="url(#filter0_d_127_79)">
<path d="M21.875 68.75C21.875 56.6687 31.6687 46.875 43.75 46.875C55.8312 46.875 65.625 56.6687 65.625 68.75C65.625 80.8312 55.8312 90.625 43.75 90.625C31.6687 90.625 21.875 80.8312 21.875 68.75Z" fill="#FECA57"/>
<path d="M21.875 68.75C21.875 56.6687 31.6687 46.875 43.75 46.875C55.8312 46.875 65.625 56.6687 65.625 68.75C65.625 80.8312 55.8312 90.625 43.75 90.625C31.6687 90.625 21.875 80.8312 21.875 68.75Z" fill="#FEE14C"/>
</g>
<g filter="url(#filter1_d_127_79)">
<path d="M175 150H25V131.25L52.9352 103.314C54.766 101.484 57.734 101.484 59.5645 103.314L81.25 125L134.185 72.0644C136.016 70.234 138.984 70.234 140.814 72.0644L175 106.25V150Z" fill="#10AC84"/>
<path d="M175 150H25V131.25L52.9352 103.314C54.766 101.484 57.734 101.484 59.5645 103.314L81.25 125L134.185 72.0644C136.016 70.234 138.984 70.234 140.814 72.0644L175 106.25V150Z" fill="#4DFF8B"/>
</g>
<defs>
<filter id="filter0_d_127_79" x="1.875" y="26.875" width="83.75" height="83.75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

6
public/assets/apps/icons/minesweeper.svg
View file

@ -1,12 +1,12 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_63_42" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="0" width="193" height="200">
<path d="M37.4375 138.791C36.2656 139.143 35.0938 139.455 34 139.807V13.3021C43.9609 10.5291 56.2656 8.02942 68.375 8.02942C82.6328 8.02942 95.0547 11.5836 105.719 14.63L106.227 14.7862C117.359 17.9498 126.695 20.5276 137.125 20.5276C147.594 20.5276 157.789 17.8717 165.641 15.0206C169.508 13.6145 172.633 12.2085 174.781 11.193C175.836 10.6853 176.656 10.2557 177.203 9.98226C177.477 9.82603 177.633 9.74792 177.75 9.6698L177.828 9.63075C181.695 7.44357 186.461 7.44357 190.289 9.70886C194.117 11.9742 196.5 16.0751 196.5 20.5276V120.513C196.5 125.239 193.844 129.574 189.586 131.683L184 120.513C189.586 131.683 189.586 131.683 189.586 131.683H189.547L189.469 131.722L189.195 131.878C188.961 131.996 188.609 132.152 188.219 132.347C187.359 132.738 186.188 133.284 184.703 133.909C181.695 135.198 177.477 136.878 172.398 138.557C162.32 141.955 148.375 145.509 134 145.509C119.547 145.509 108.531 141.838 99.2344 138.752L98.8438 138.635C89.4688 135.511 81.7734 133.011 71.5 133.011C60.7578 133.011 48.0234 135.745 37.4375 138.791Z" fill="#EE5253"/>
<path d="M34 187.5V12.5C34 5.58594 27.2969 0 19 0C10.7031 0 4 5.58594 4 12.5V187.5C4 194.414 10.7031 200 19 200C27.2969 200 34 194.414 34 187.5Z" fill="#AC7653"/>
<path d="M34 187.5V12.5C34 5.58594 27.2969 0 19 0C10.7031 0 4 5.58594 4 12.5V187.5C4 194.414 10.7031 200 19 200C27.2969 200 34 194.414 34 187.5Z" fill="#FF974D"/>
</mask>
<g mask="url(#mask0_63_42)">
<path d="M37.4375 138.791C36.2656 139.143 35.0938 139.455 34 139.807V13.3021C43.9609 10.5291 56.2656 8.02942 68.375 8.02942C82.6328 8.02942 95.0547 11.5836 105.719 14.63L106.227 14.7862C117.359 17.9498 126.695 20.5276 137.125 20.5276C147.594 20.5276 157.789 17.8717 165.641 15.0206C169.508 13.6145 172.633 12.2085 174.781 11.193C175.836 10.6853 176.656 10.2557 177.203 9.98226C177.477 9.82603 177.633 9.74792 177.75 9.6698L177.828 9.63075C181.695 7.44357 186.461 7.44357 190.289 9.70886C194.117 11.9742 196.5 16.0751 196.5 20.5276V120.513C196.5 125.239 193.844 129.574 189.586 131.683L184 120.513C189.586 131.683 189.586 131.683 189.586 131.683H189.547L189.469 131.722L189.195 131.878C188.961 131.996 188.609 132.152 188.219 132.347C187.359 132.738 186.188 133.284 184.703 133.909C181.695 135.198 177.477 136.878 172.398 138.557C162.32 141.955 148.375 145.509 134 145.509C119.547 145.509 108.531 141.838 99.2344 138.752L98.8438 138.635C89.4688 135.511 81.7734 133.011 71.5 133.011C60.7578 133.011 48.0234 135.745 37.4375 138.791Z" fill="#EE5253"/>
<path d="M37.4375 138.791C36.2656 139.143 35.0938 139.455 34 139.807V13.3021C43.9609 10.5291 56.2656 8.02942 68.375 8.02942C82.6328 8.02942 95.0547 11.5836 105.719 14.63L106.227 14.7862C117.359 17.9498 126.695 20.5276 137.125 20.5276C147.594 20.5276 157.789 17.8717 165.641 15.0206C169.508 13.6145 172.633 12.2085 174.781 11.193C175.836 10.6853 176.656 10.2557 177.203 9.98226C177.477 9.82603 177.633 9.74792 177.75 9.6698L177.828 9.63075C181.695 7.44357 186.461 7.44357 190.289 9.70886C194.117 11.9742 196.5 16.0751 196.5 20.5276V120.513C196.5 125.239 193.844 129.574 189.586 131.683L184 120.513C189.586 131.683 189.586 131.683 189.586 131.683H189.547L189.469 131.722L189.195 131.878C188.961 131.996 188.609 132.152 188.219 132.347C187.359 132.738 186.188 133.284 184.703 133.909C181.695 135.198 177.477 136.878 172.398 138.557C162.32 141.955 148.375 145.509 134 145.509C119.547 145.509 108.531 141.838 99.2344 138.752L98.8438 138.635C89.4688 135.511 81.7734 133.011 71.5 133.011C60.7578 133.011 48.0234 135.745 37.4375 138.791Z" fill="#FF4D5B"/>
<g filter="url(#filter0_d_63_42)">
<path d="M34 187.5V12.5C34 5.58594 27.2969 0 19 0C10.7031 0 4 5.58594 4 12.5V187.5C4 194.414 10.7031 200 19 200C27.2969 200 34 194.414 34 187.5Z" fill="#AC7653"/>
<path d="M34 187.5V12.5C34 5.58594 27.2969 0 19 0C10.7031 0 4 5.58594 4 12.5V187.5C4 194.414 10.7031 200 19 200C27.2969 200 34 194.414 34 187.5Z" fill="#FF974D"/>
</g>
</g>
<defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

4
public/assets/apps/icons/settings.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M193.984 65.0781C195.234 68.4766 194.179 72.2656 191.484 74.6875L174.569 90.0781C174.999 93.3203 175.234 96.6406 175.234 100C175.234 103.359 174.999 106.68 174.569 109.922L191.484 125.312C194.179 127.734 195.234 131.523 193.984 134.922C192.265 139.57 190.194 144.023 187.812 148.32L185.976 151.484C183.398 155.781 180.507 159.844 177.343 163.672C175.038 166.484 171.21 167.422 167.773 166.328L146.015 159.414C140.78 163.438 134.999 166.797 128.827 169.336L123.944 191.641C123.163 195.195 120.429 198.008 116.835 198.594C111.444 199.492 105.898 199.961 100.233 199.961C94.5694 199.961 89.0226 199.492 83.6319 198.594C80.0382 198.008 77.3038 195.195 76.5226 191.641L71.6397 169.336C65.4679 166.797 59.6866 163.438 54.4522 159.414L32.7335 166.367C29.296 167.461 25.4679 166.484 23.1632 163.711C19.9991 159.883 17.1085 155.82 14.5304 151.523L12.6944 148.359C10.3116 144.062 8.24131 139.609 6.52256 134.961C5.27256 131.563 6.32725 127.773 9.02256 125.352L25.9366 109.961C25.5069 106.68 25.2726 103.359 25.2726 100C25.2726 96.6406 25.5069 93.3203 25.9366 90.0781L9.02256 74.6875C6.32725 72.2656 5.27256 68.4766 6.52256 65.0781C8.24131 60.4297 10.3116 55.9766 12.6944 51.6797L14.5304 48.5156C17.1085 44.2187 19.9991 40.1563 23.1632 36.3281C25.4679 33.5156 29.296 32.5781 32.7335 33.6719L54.4913 40.5859C59.7257 36.5625 65.5069 33.2031 71.6788 30.6641L76.5616 8.35937C77.3429 4.80469 80.0772 1.99219 83.671 1.40625C89.0616 0.46875 94.6085 0 100.273 0C105.937 0 111.484 0.46875 116.874 1.36719C120.468 1.95312 123.202 4.76562 123.984 8.32031L128.866 30.625C135.038 33.1641 140.819 36.5234 146.054 40.5469L167.812 33.6328C171.249 32.5391 175.077 33.5156 177.382 36.2891C180.546 40.1172 183.437 44.1797 186.015 48.4766L187.851 51.6406C190.234 55.9375 192.304 60.3906 194.023 65.0391L193.984 65.0781ZM100.273 131.25C108.561 131.25 116.509 127.958 122.37 122.097C128.23 116.237 131.523 108.288 131.523 100C131.523 91.712 128.23 83.7634 122.37 77.9029C116.509 72.0424 108.561 68.75 100.273 68.75C91.9845 68.75 84.036 72.0424 78.1755 77.9029C72.315 83.7634 69.0226 91.712 69.0226 100C69.0226 108.288 72.315 116.237 78.1755 122.097C84.036 127.958 91.9845 131.25 100.273 131.25Z" fill="#8395A7"/>
<path d="M193.984 65.0781C195.234 68.4766 194.179 72.2656 191.484 74.6875L174.569 90.0781C174.999 93.3203 175.234 96.6406 175.234 100C175.234 103.359 174.999 106.68 174.569 109.922L191.484 125.312C194.179 127.734 195.234 131.523 193.984 134.922C192.265 139.57 190.194 144.023 187.812 148.32L185.976 151.484C183.398 155.781 180.507 159.844 177.343 163.672C175.038 166.484 171.21 167.422 167.773 166.328L146.015 159.414C140.78 163.438 134.999 166.797 128.827 169.336L123.944 191.641C123.163 195.195 120.429 198.008 116.835 198.594C111.444 199.492 105.898 199.961 100.233 199.961C94.5694 199.961 89.0226 199.492 83.6319 198.594C80.0382 198.008 77.3038 195.195 76.5226 191.641L71.6397 169.336C65.4679 166.797 59.6866 163.438 54.4522 159.414L32.7335 166.367C29.296 167.461 25.4679 166.484 23.1632 163.711C19.9991 159.883 17.1085 155.82 14.5304 151.523L12.6944 148.359C10.3116 144.062 8.24131 139.609 6.52256 134.961C5.27256 131.562 6.32725 127.773 9.02256 125.352L25.9366 109.961C25.5069 106.68 25.2726 103.359 25.2726 100C25.2726 96.6406 25.5069 93.3203 25.9366 90.0781L9.02256 74.6875C6.32725 72.2656 5.27256 68.4766 6.52256 65.0781C8.24131 60.4297 10.3116 55.9766 12.6944 51.6797L14.5304 48.5156C17.1085 44.2188 19.9991 40.1562 23.1632 36.3281C25.4679 33.5156 29.296 32.5781 32.7335 33.6719L54.4913 40.5859C59.7257 36.5625 65.5069 33.2031 71.6788 30.6641L76.5616 8.35938C77.3429 4.80469 80.0772 1.99219 83.671 1.40625C89.0616 0.46875 94.6085 0 100.273 0C105.937 0 111.484 0.46875 116.874 1.36719C120.468 1.95312 123.202 4.76562 123.984 8.32031L128.866 30.625C135.038 33.1641 140.819 36.5234 146.054 40.5469L167.812 33.6328C171.249 32.5391 175.077 33.5156 177.382 36.2891C180.546 40.1172 183.437 44.1797 186.015 48.4766L187.851 51.6406C190.234 55.9375 192.304 60.3906 194.023 65.0391L193.984 65.0781ZM100.273 131.25C108.561 131.25 116.509 127.958 122.37 122.097C128.23 116.237 131.523 108.288 131.523 100C131.523 91.712 128.23 83.7634 122.37 77.9029C116.509 72.0424 108.561 68.75 100.273 68.75C91.9845 68.75 84.036 72.0424 78.1755 77.9029C72.315 83.7634 69.0226 91.712 69.0226 100C69.0226 108.288 72.315 116.237 78.1755 122.097C84.036 127.958 91.9845 131.25 100.273 131.25Z" fill="#5C6166"/>
<g filter="url(#filter0_d_98_54)">
<circle cx="100" cy="100" r="40" fill="#C8D6E5"/>
<circle cx="100" cy="100" r="40" fill="#A0A9B3"/>
</g>
<defs>
<filter id="filter0_d_98_54" x="40" y="40" width="120" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3 KiB

After

Width:  |  Height:  |  Size: 3 KiB

4
public/assets/apps/icons/terminal.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="25" width="200" height="150" rx="25" fill="#5F27CD"/>
<rect y="25" width="200" height="150" rx="25" fill="#974DFF"/>
<g filter="url(#filter0_d_4_23)">
<path d="M87.7901 103.813L49.5288 142.476C47.6835 144.341 44.6918 144.341 42.8467 142.476L38.3839 137.967C36.5418 136.105 36.5382 133.088 38.3761 131.223L68.6991 100.437L38.3763 69.6522C36.5384 67.7863 36.542 64.7694 38.3841 62.9079L42.8467 58.3985C44.692 56.5338 47.6837 56.5338 49.5288 58.3985L87.7901 97.0612C89.6354 98.9257 89.6354 101.949 87.7901 103.813ZM163 140.225V133.859C163 131.222 160.885 129.085 158.275 129.085H98.4251C95.8155 129.085 93.7001 131.222 93.7001 133.859V140.225C93.7001 142.862 95.8155 145 98.4251 145H158.275C160.885 145 163 142.862 163 140.225Z" fill="white"/>
<path d="M87.7901 103.813L49.5288 142.476C47.6835 144.341 44.6918 144.341 42.8467 142.476L38.3839 137.967C36.5418 136.105 36.5382 133.088 38.3761 131.223L68.6991 100.437L38.3763 69.6522C36.5384 67.7863 36.542 64.7694 38.3841 62.9079L42.8467 58.3985C44.692 56.5338 47.6837 56.5338 49.5288 58.3985L87.7901 97.0612C89.6354 98.9257 89.6354 101.949 87.7901 103.813ZM163 140.225V133.859C163 131.222 160.885 129.085 158.275 129.085H98.4251C95.8155 129.085 93.7001 131.222 93.7001 133.859V140.225C93.7001 142.862 95.8155 145 98.4251 145H158.275C160.885 145 163 142.862 163 140.225Z" fill="#E6F2FF"/>
</g>
<defs>
<filter id="filter0_d_4_23" x="17" y="37" width="166" height="128" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

17
public/assets/apps/icons/text-editor.svg
View file

@ -1,19 +1,19 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_77_54)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M27 11C17.0589 11 9 19.0589 9 29V171C9 180.941 17.0589 189 27 189H121C130.941 189 139 180.941 139 171V72L78 11H27Z" fill="#C8D6E5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M27 11C17.0589 11 9 19.0589 9 29V171C9 180.941 17.0589 189 27 189H121C130.941 189 139 180.941 139 171V72L78 11H27Z" fill="#E6F2FF"/>
<g filter="url(#filter0_d_77_54)">
<g clip-path="url(#clip1_77_54)">
<path d="M77.9997 72.0001H139L77.9997 11.0001V72.0001Z" fill="#8395A7"/>
<path d="M77.9997 72.0001H139L77.9997 11.0001V72.0001Z" fill="#A0A9B3"/>
</g>
</g>
<rect x="28" y="91" width="91" height="11" rx="5.5" fill="#1B2631"/>
<rect x="28" y="119" width="91" height="11" rx="5.5" fill="#1B2631"/>
<rect x="28" y="147" width="91" height="11" rx="5.5" fill="#1B2631"/>
<rect x="28" y="91" width="91" height="11" rx="5.5" fill="#29343F"/>
<rect x="28" y="119" width="91" height="11" rx="5.5" fill="#29343F"/>
<rect x="28" y="147" width="91" height="11" rx="5.5" fill="#29343F"/>
<g filter="url(#filter1_d_77_54)">
<path d="M109.723 149.257L106.872 136.905C106.393 134.831 106.76 132.652 107.893 130.85L153.286 58.6C155.634 54.8637 160.563 53.7336 164.304 56.0743L179.053 65.3036C182.788 67.6408 183.931 72.558 181.608 76.3022L136.619 148.835C135.495 150.645 133.696 151.933 131.62 152.413L119.318 155.253C115.013 156.247 110.717 153.562 109.723 149.257Z" fill="#576574"/>
<path d="M109.723 149.257L106.872 136.905C106.393 134.831 106.76 132.652 107.893 130.85L153.286 58.6C155.634 54.8637 160.563 53.7337 164.304 56.0743L179.053 65.3037C182.788 67.6408 183.931 72.5581 181.608 76.3023L136.619 148.835C135.495 150.645 133.696 151.933 131.62 152.413L119.318 155.253C115.013 156.247 110.717 153.562 109.723 149.257Z" fill="#5C6166"/>
</g>
<g filter="url(#filter2_d_77_54)">
<path d="M173.714 42.5976L186.988 50.9041C191.132 53.4941 192.393 58.958 189.804 63.1023L182.716 74.4616L154.442 56.7695L161.531 45.4102C164.116 41.2667 169.573 40.0068 173.714 42.5976Z" fill="#FF9F43"/>
<path d="M173.714 42.5976L186.988 50.9041C191.132 53.4941 192.393 58.958 189.804 63.1023L182.716 74.4616L154.442 56.7695L161.531 45.4102C164.116 41.2667 169.573 40.0068 173.714 42.5976Z" fill="#FEE14C"/>
</g>
</g>
<defs>
@ -22,7 +22,6 @@
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="10"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_77_54"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_77_54" result="shape"/>
@ -32,7 +31,6 @@
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="10"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_77_54"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_77_54" result="shape"/>
@ -42,7 +40,6 @@
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="10"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_77_54"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_77_54" result="shape"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

4
public/assets/apps/icons/wordle.svg
View file

@ -1,7 +1,7 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="6.10352e-05" width="200" height="200" rx="42" fill="#10AC84"/>
<rect y="6.10352e-05" width="200" height="200" rx="42" fill="#36B361"/>
<g filter="url(#filter0_d_63_38)">
<path d="M66.1394 145L39.2594 59.56H63.1394L82.0994 125.32H71.0594L89.7794 59.56H109.579L128.299 125.32H117.379L136.339 59.56H159.979L133.099 145H113.179L94.4594 79.36H104.779L86.0594 145H66.1394Z" fill="#C8D6E5"/>
<path d="M66.1394 145L39.2594 59.56H63.1394L82.0994 125.32H71.0594L89.7794 59.56H109.579L128.299 125.32H117.379L136.339 59.56H159.979L133.099 145H113.179L94.4594 79.36H104.779L86.0594 145H66.1394Z" fill="#E6F2FF"/>
</g>
<defs>
<filter id="filter0_d_63_38" x="15.7299" y="36.0306" width="167.779" height="132.499" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/assets/banner-logo-title-small.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 224 KiB

After

Width:  |  Height:  |  Size: 210 KiB

BIN
public/assets/banner-logo-title.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 287 KiB

After

Width:  |  Height:  |  Size: 273 KiB

BIN
public/assets/screenshots/screenshot-files-info-taskbar-desktop.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 404 KiB

BIN
public/assets/screenshots/screenshot-files-settings-taskbar-desktop.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/assets/wallpapers/abstract-mesh-gradient-orange-red-purple.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 185 KiB

After

Width:  |  Height:  |  Size: 212 KiB

BIN
public/assets/wallpapers/abstract-wallpaper-mesh-gradient-cyan.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 160 KiB

After

Width:  |  Height:  |  Size: 176 KiB

BIN
public/assets/wallpapers/colorful-abstract-wallpaper-blue-red-green.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 253 KiB

After

Width:  |  Height:  |  Size: 282 KiB

BIN
public/assets/wallpapers/colorful-mesh-gradient-yellow-blue-green.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 236 KiB

After

Width:  |  Height:  |  Size: 211 KiB

BIN
public/assets/wallpapers/mesh-gradient-wallpaper-red-purple.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 216 KiB

After

Width:  |  Height:  |  Size: 212 KiB

BIN
public/assets/wallpapers/vibrant-wallpaper-blue-purple-red.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 236 KiB

After

Width:  |  Height:  |  Size: 226 KiB

BIN
public/assets/wallpapers/vibrant-wallpaper-purple-yellow.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 219 KiB

After

Width:  |  Height:  |  Size: 217 KiB

BIN
public/assets/wallpapers/wave-abstract-wallpaper-teal.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 197 KiB

After

Width:  |  Height:  |  Size: 194 KiB

9
public/browserconfig.xml
View file

@ -1,9 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="/mstile-150x150.png"/>
<TileColor>#222f3e</TileColor>
</tile>
</msapplication>
</browserconfig>

8
public/documents/info.md
View file

@ -1,13 +1,13 @@
<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"/>
<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 ProzillaOS"/>
# Info
This is Prozilla OS, a web-based operating system made with React.js by [Prozilla](https://prozilla.dev/).
This is ProzillaOS, a web-based operating system made with React.js by [Prozilla](https://prozilla.dev/).
## Open Source
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.
ProzillaOS is [open source](https://github.com/Prozilla/ProzillaOS)! Feel free to fork this project and create your own OS or share feedback by creating an issue on the GitHub page.
## Support Prozilla OS
## Support ProzillaOS
You can support this project by donating to [ko-fi.com/prozilla](https://ko-fi.com/prozilla).

6
public/documents/links.md
View file

@ -1,8 +1,8 @@
# Links
**Prozilla OS**
**ProzillaOS**
- [GitHub](https://github.com/Prozilla/Prozilla-OS)
- [GitHub](https://github.com/Prozilla/ProzillaOS)
**Prozilla**
@ -11,5 +11,5 @@
**Crumbling City**
- [Website (daisygames.org/crumbling-city)](https://daisygames.org/crumbling-city/)
- [Website (crumblingcity.com)](https://crumblingcity.com/)
- [Steam page](https://store.steampowered.com/app/1520290/Crumbling_City/)

BIN
public/favicon-16.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 765 B

BIN
public/favicon-192.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
public/favicon-32.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/favicon-48.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

BIN
public/favicon.ico
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
public/icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 19 KiB

36
public/assets/logo.svg → public/icon.svg
View file

@ -1,43 +1,43 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_158_164" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="6" width="175" height="185">
<mask id="mask0_255_70" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="6" width="175" height="185">
<path d="M105.792 9C108.101 5 113.875 5 116.184 9L139.377 49.1704C141.686 53.1704 138.799 58.1704 134.181 58.1704H87.7958C83.177 58.1704 80.2902 53.1704 82.5996 49.1704L105.792 9Z" fill="#10AC84"/>
<path d="M32.0528 47.109C31.0566 43.3912 34.4587 39.9891 38.1765 40.9853L76.4129 51.2307C80.1308 52.2269 81.376 56.8742 78.6543 59.5959L50.6634 87.5868C47.9417 90.3085 43.2944 89.0633 42.2982 85.3454L32.0528 47.109Z" fill="#10AC84"/>
<path d="M11.0148 110.663C8.49251 108.897 8.82797 105.062 11.6187 103.761L41.1996 89.9672C43.9903 88.6659 47.1432 90.8736 46.8749 93.9411L44.0302 126.456C43.7618 129.523 40.2734 131.15 37.7511 129.384L11.0148 110.663Z" fill="#10AC84"/>
<path d="M25.5812 162.489C23.2732 162.408 21.918 159.859 23.1418 157.901L37.4348 135.027C38.6586 133.069 41.5436 133.169 42.6278 135.208L55.2904 159.023C56.3746 161.062 54.8448 163.51 52.5368 163.43L25.5812 162.489Z" fill="#10AC84"/>
<path d="M183.179 119.324C183.179 158.864 151.125 190.918 111.585 190.918C72.0443 190.918 39.9904 158.864 39.9904 119.324C39.9904 79.7835 72.0443 47.7296 111.585 47.7296C151.125 47.7296 183.179 79.7835 183.179 119.324Z" fill="#1DD1A1"/>
<path d="M89.9213 144.504C85.1693 144.504 80.8013 143.4 76.8173 141.192C72.8813 138.984 69.7373 135.912 67.3853 131.976C65.0813 127.992 63.9293 123.528 63.9293 118.584C63.9293 113.64 65.0813 109.2 67.3853 105.264C69.7373 101.328 72.8813 98.256 76.8173 96.048C80.8013 93.84 85.1693 92.736 89.9213 92.736C94.6733 92.736 99.0173 93.84 102.953 96.048C106.937 98.256 110.057 101.328 112.313 105.264C114.617 109.2 115.769 113.64 115.769 118.584C115.769 123.528 114.617 127.992 112.313 131.976C110.009 135.912 106.889 138.984 102.953 141.192C99.0173 143.4 94.6733 144.504 89.9213 144.504ZM89.9213 133.272C93.9533 133.272 97.1693 131.928 99.5693 129.24C102.017 126.552 103.241 123 103.241 118.584C103.241 114.12 102.017 110.568 99.5693 107.928C97.1693 105.24 93.9533 103.896 89.9213 103.896C85.8413 103.896 82.5773 105.216 80.1293 107.856C77.7293 110.496 76.5293 114.072 76.5293 118.584C76.5293 123.048 77.7293 126.624 80.1293 129.312C82.5773 131.952 85.8413 133.272 89.9213 133.272Z" fill="#222F3E"/>
<path d="M140.907 144.504C137.211 144.504 133.899 143.904 130.971 142.704C128.043 141.504 125.691 139.728 123.915 137.376C122.187 135.024 121.275 132.192 121.179 128.88H134.283C134.475 130.752 135.123 132.192 136.227 133.2C137.331 134.16 138.771 134.64 140.547 134.64C142.371 134.64 143.811 134.232 144.867 133.416C145.923 132.552 146.451 131.376 146.451 129.888C146.451 128.64 146.019 127.608 145.155 126.792C144.339 125.976 143.307 125.304 142.059 124.776C140.859 124.248 139.131 123.648 136.875 122.976C133.611 121.968 130.947 120.96 128.883 119.952C126.819 118.944 125.043 117.456 123.555 115.488C122.067 113.52 121.323 110.952 121.323 107.784C121.323 103.08 123.027 99.408 126.435 96.768C129.843 94.08 134.283 92.736 139.755 92.736C145.323 92.736 149.811 94.08 153.219 96.768C156.627 99.408 158.451 103.104 158.691 107.856H145.371C145.275 106.224 144.675 104.952 143.571 104.04C142.467 103.08 141.051 102.6 139.323 102.6C137.835 102.6 136.635 103.008 135.723 103.824C134.811 104.592 134.355 105.72 134.355 107.208C134.355 108.84 135.123 110.112 136.659 111.024C138.195 111.936 140.595 112.92 143.859 113.976C147.123 115.08 149.763 116.136 151.779 117.144C153.843 118.152 155.619 119.616 157.107 121.536C158.595 123.456 159.339 125.928 159.339 128.952C159.339 131.832 158.595 134.448 157.107 136.8C155.667 139.152 153.555 141.024 150.771 142.416C147.987 143.808 144.699 144.504 140.907 144.504Z" fill="#222F3E"/>
<path d="M89.9213 144.504C85.1693 144.504 80.8013 143.4 76.8173 141.192C72.8813 138.984 69.7373 135.912 67.3853 131.976C65.0813 127.992 63.9293 123.528 63.9293 118.584C63.9293 113.64 65.0813 109.2 67.3853 105.264C69.7373 101.328 72.8813 98.256 76.8173 96.048C80.8013 93.84 85.1693 92.736 89.9213 92.736C94.6733 92.736 99.0173 93.84 102.953 96.048C106.937 98.256 110.057 101.328 112.313 105.264C114.617 109.2 115.769 113.64 115.769 118.584C115.769 123.528 114.617 127.992 112.313 131.976C110.009 135.912 106.889 138.984 102.953 141.192C99.0173 143.4 94.6733 144.504 89.9213 144.504ZM89.9213 133.272C93.9533 133.272 97.1693 131.928 99.5693 129.24C102.017 126.552 103.241 123 103.241 118.584C103.241 114.12 102.017 110.568 99.5693 107.928C97.1693 105.24 93.9533 103.896 89.9213 103.896C85.8413 103.896 82.5773 105.216 80.1293 107.856C77.7293 110.496 76.5293 114.072 76.5293 118.584C76.5293 123.048 77.7293 126.624 80.1293 129.312C82.5773 131.952 85.8413 133.272 89.9213 133.272Z" fill="#1E262E"/>
<path d="M140.907 144.504C137.211 144.504 133.899 143.904 130.971 142.704C128.043 141.504 125.691 139.728 123.915 137.376C122.187 135.024 121.275 132.192 121.179 128.88H134.283C134.475 130.752 135.123 132.192 136.227 133.2C137.331 134.16 138.771 134.64 140.547 134.64C142.371 134.64 143.811 134.232 144.867 133.416C145.923 132.552 146.451 131.376 146.451 129.888C146.451 128.64 146.019 127.608 145.155 126.792C144.339 125.976 143.307 125.304 142.059 124.776C140.859 124.248 139.131 123.648 136.875 122.976C133.611 121.968 130.947 120.96 128.883 119.952C126.819 118.944 125.043 117.456 123.555 115.488C122.067 113.52 121.323 110.952 121.323 107.784C121.323 103.08 123.027 99.408 126.435 96.768C129.843 94.08 134.283 92.736 139.755 92.736C145.323 92.736 149.811 94.08 153.219 96.768C156.627 99.408 158.451 103.104 158.691 107.856H145.371C145.275 106.224 144.675 104.952 143.571 104.04C142.467 103.08 141.051 102.6 139.323 102.6C137.835 102.6 136.635 103.008 135.723 103.824C134.811 104.592 134.355 105.72 134.355 107.208C134.355 108.84 135.123 110.112 136.659 111.024C138.195 111.936 140.595 112.92 143.859 113.976C147.123 115.08 149.763 116.136 151.779 117.144C153.843 118.152 155.619 119.616 157.107 121.536C158.595 123.456 159.339 125.928 159.339 128.952C159.339 131.832 158.595 134.448 157.107 136.8C155.667 139.152 153.555 141.024 150.771 142.416C147.987 143.808 144.699 144.504 140.907 144.504Z" fill="#1E262E"/>
</mask>
<g mask="url(#mask0_158_164)">
<path d="M105.792 9C108.101 5 113.875 5 116.184 9L139.377 49.1704C141.686 53.1704 138.799 58.1704 134.181 58.1704H87.7958C83.177 58.1704 80.2902 53.1704 82.5996 49.1704L105.792 9Z" fill="#10AC84"/>
<path d="M32.0528 47.1091C31.0566 43.3912 34.4587 39.9892 38.1765 40.9854L76.413 51.2308C80.1308 52.227 81.376 56.8743 78.6544 59.5959L50.6634 87.5869C47.9417 90.3086 43.2944 89.0633 42.2982 85.3455L32.0528 47.1091Z" fill="#10AC84"/>
<path d="M11.0149 110.663C8.49254 108.897 8.828 105.062 11.6187 103.761L41.1996 89.9671C43.9903 88.6658 47.1433 90.8735 46.8749 93.941L44.0302 126.456C43.7619 129.523 40.2735 131.15 37.7511 129.384L11.0149 110.663Z" fill="#10AC84"/>
<path d="M25.5813 162.489C23.2733 162.408 21.918 159.859 23.1418 157.901L37.4348 135.027C38.6586 133.069 41.5436 133.169 42.6278 135.208L55.2904 159.023C56.3746 161.062 54.8449 163.511 52.5369 163.43L25.5813 162.489Z" fill="#10AC84"/>
<g filter="url(#filter0_d_158_164)">
<circle cx="111.585" cy="119.324" r="71.5944" fill="#1DD1A1"/>
<g mask="url(#mask0_255_70)">
<path d="M105.792 9C108.102 5 113.875 5 116.184 9L139.377 49.1704C141.686 53.1704 138.8 58.1704 134.181 58.1704H87.7959C83.1771 58.1704 80.2903 53.1704 82.5997 49.1704L105.792 9Z" fill="#36B39E"/>
<path d="M32.0527 47.109C31.0565 43.3912 34.4586 39.9891 38.1764 40.9853L76.4128 51.2307C80.1307 52.2269 81.3759 56.8742 78.6543 59.5959L50.6633 87.5869C47.9416 90.3085 43.2943 89.0633 42.2981 85.3454L32.0527 47.109Z" fill="#36B39E"/>
<path d="M11.0149 110.663C8.49254 108.897 8.828 105.062 11.6187 103.761L41.1996 89.9673C43.9903 88.6659 47.1433 90.8736 46.8749 93.9411L44.0302 126.456C43.7619 129.523 40.2735 131.15 37.7511 129.384L11.0149 110.663Z" fill="#36B39E"/>
<path d="M25.5813 162.489C23.2733 162.408 21.918 159.859 23.1418 157.901L37.4348 135.027C38.6586 133.069 41.5436 133.169 42.6278 135.208L55.2904 159.023C56.3746 161.062 54.8449 163.51 52.5369 163.43L25.5813 162.489Z" fill="#36B39E"/>
<g filter="url(#filter0_d_255_70)">
<circle cx="111.585" cy="119.324" r="71.5944" fill="#4DFFE1"/>
</g>
<g filter="url(#filter1_d_158_164)">
<path d="M89.9213 144.504C85.1693 144.504 80.8013 143.4 76.8173 141.192C72.8813 138.984 69.7373 135.912 67.3853 131.976C65.0813 127.992 63.9293 123.528 63.9293 118.584C63.9293 113.64 65.0813 109.2 67.3853 105.264C69.7373 101.328 72.8813 98.256 76.8173 96.048C80.8013 93.84 85.1693 92.736 89.9213 92.736C94.6733 92.736 99.0173 93.84 102.953 96.048C106.937 98.256 110.057 101.328 112.313 105.264C114.617 109.2 115.769 113.64 115.769 118.584C115.769 123.528 114.617 127.992 112.313 131.976C110.009 135.912 106.889 138.984 102.953 141.192C99.0173 143.4 94.6733 144.504 89.9213 144.504ZM89.9213 133.272C93.9533 133.272 97.1693 131.928 99.5693 129.24C102.017 126.552 103.241 123 103.241 118.584C103.241 114.12 102.017 110.568 99.5693 107.928C97.1693 105.24 93.9533 103.896 89.9213 103.896C85.8413 103.896 82.5773 105.216 80.1293 107.856C77.7293 110.496 76.5293 114.072 76.5293 118.584C76.5293 123.048 77.7293 126.624 80.1293 129.312C82.5773 131.952 85.8413 133.272 89.9213 133.272ZM140.907 144.504C137.211 144.504 133.899 143.904 130.971 142.704C128.043 141.504 125.691 139.728 123.915 137.376C122.187 135.024 121.275 132.192 121.179 128.88H134.283C134.475 130.752 135.123 132.192 136.227 133.2C137.331 134.16 138.771 134.64 140.547 134.64C142.371 134.64 143.811 134.232 144.867 133.416C145.923 132.552 146.451 131.376 146.451 129.888C146.451 128.64 146.019 127.608 145.155 126.792C144.339 125.976 143.307 125.304 142.059 124.776C140.859 124.248 139.131 123.648 136.875 122.976C133.611 121.968 130.947 120.96 128.883 119.952C126.819 118.944 125.043 117.456 123.555 115.488C122.067 113.52 121.323 110.952 121.323 107.784C121.323 103.08 123.027 99.408 126.435 96.768C129.843 94.08 134.283 92.736 139.755 92.736C145.323 92.736 149.811 94.08 153.219 96.768C156.627 99.408 158.451 103.104 158.691 107.856H145.371C145.275 106.224 144.675 104.952 143.571 104.04C142.467 103.08 141.051 102.6 139.323 102.6C137.835 102.6 136.635 103.008 135.723 103.824C134.811 104.592 134.355 105.72 134.355 107.208C134.355 108.84 135.123 110.112 136.659 111.024C138.195 111.936 140.595 112.92 143.859 113.976C147.123 115.08 149.763 116.136 151.779 117.144C153.843 118.152 155.619 119.616 157.107 121.536C158.595 123.456 159.339 125.928 159.339 128.952C159.339 131.832 158.595 134.448 157.107 136.8C155.667 139.152 153.555 141.024 150.771 142.416C147.987 143.808 144.699 144.504 140.907 144.504Z" fill="#222F3E"/>
<g filter="url(#filter1_d_255_70)">
<path d="M91.768 146.864C87.928 146.864 84.376 146.192 81.112 144.848C77.896 143.504 75.064 141.632 72.616 139.232C70.168 136.832 68.272 134.048 66.928 130.88C65.584 127.664 64.912 124.208 64.912 120.512C64.912 116.768 65.584 113.312 66.928 110.144C68.272 106.976 70.144 104.216 72.544 101.864C74.944 99.464 77.752 97.616 80.968 96.32C84.232 94.976 87.784 94.304 91.624 94.304C95.416 94.304 98.92 94.976 102.136 96.32C105.4 97.616 108.232 99.464 110.632 101.864C113.08 104.216 114.976 107 116.32 110.216C117.664 113.384 118.336 116.84 118.336 120.584C118.336 124.28 117.664 127.736 116.32 130.952C114.976 134.12 113.104 136.904 110.704 139.304C108.304 141.656 105.472 143.504 102.208 144.848C98.992 146.192 95.512 146.864 91.768 146.864ZM91.624 136.568C94.648 136.568 97.288 135.896 99.544 134.552C101.848 133.208 103.624 131.336 104.872 128.936C106.12 126.488 106.744 123.68 106.744 120.512C106.744 118.112 106.384 115.952 105.664 114.032C104.944 112.064 103.912 110.384 102.568 108.992C101.224 107.552 99.616 106.472 97.744 105.752C95.92 104.984 93.88 104.6 91.624 104.6C88.6 104.6 85.936 105.272 83.632 106.616C81.376 107.912 79.624 109.76 78.376 112.16C77.128 114.512 76.504 117.296 76.504 120.512C76.504 122.912 76.864 125.096 77.584 127.064C78.304 129.032 79.312 130.736 80.608 132.176C81.952 133.568 83.56 134.648 85.432 135.416C87.304 136.184 89.368 136.568 91.624 136.568ZM139.581 146.792C135.405 146.792 131.805 146.12 128.781 144.776C125.805 143.384 123.069 141.296 120.573 138.512L127.917 131.24C129.549 133.112 131.349 134.576 133.317 135.632C135.333 136.64 137.661 137.144 140.301 137.144C142.701 137.144 144.549 136.712 145.845 135.848C147.189 134.984 147.861 133.784 147.861 132.248C147.861 130.856 147.429 129.728 146.565 128.864C145.701 128 144.549 127.256 143.109 126.632C141.717 126.008 140.157 125.408 138.429 124.832C136.749 124.256 135.069 123.608 133.389 122.888C131.709 122.12 130.149 121.184 128.709 120.08C127.317 118.928 126.189 117.512 125.325 115.832C124.461 114.104 124.029 111.944 124.029 109.352C124.029 106.232 124.773 103.544 126.261 101.288C127.797 99.032 129.909 97.328 132.597 96.176C135.285 94.976 138.381 94.376 141.885 94.376C145.437 94.376 148.677 95 151.605 96.248C154.581 97.496 157.029 99.2 158.949 101.36L151.605 108.632C150.069 107.048 148.509 105.872 146.925 105.104C145.389 104.336 143.637 103.952 141.669 103.952C139.701 103.952 138.141 104.336 136.989 105.104C135.837 105.824 135.261 106.88 135.261 108.272C135.261 109.568 135.693 110.624 136.557 111.44C137.421 112.208 138.549 112.88 139.941 113.456C141.381 114.032 142.941 114.608 144.621 115.184C146.349 115.76 148.053 116.432 149.733 117.2C151.413 117.968 152.949 118.952 154.341 120.152C155.781 121.304 156.933 122.792 157.797 124.616C158.661 126.392 159.093 128.6 159.093 131.24C159.093 136.088 157.365 139.904 153.909 142.688C150.453 145.424 145.677 146.792 139.581 146.792Z" fill="#1E262E"/>
</g>
</g>
<defs>
<filter id="filter0_d_158_164" x="19.9904" y="27.7297" width="183.189" height="183.189" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_d_255_70" x="19.9905" y="27.7296" width="183.189" height="183.189" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="10"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_158_164"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_158_164" result="shape"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_255_70"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_255_70" result="shape"/>
</filter>
<filter id="filter1_d_158_164" x="43.9293" y="72.7361" width="135.41" height="91.7678" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter1_d_255_70" x="44.9121" y="74.304" width="134.18" height="92.56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="10"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_158_164"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_158_164" result="shape"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_255_70"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_255_70" result="shape"/>
</filter>
</defs>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

20
public/manifest.json
View file

@ -1,20 +0,0 @@
{
"short_name": "Prozilla OS",
"name": "Prozilla OS",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}

BIN
public/mstile-144x144.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
public/mstile-150x150.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
public/mstile-310x150.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
public/mstile-310x310.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 28 KiB

BIN
public/mstile-70x70.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 7.9 KiB

345
public/safari-pinned-tab.svg
View file

@ -1,345 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.14, written by Peter Selinger 2001-2017
</metadata>
<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M3825 6783 c-25 -7 -93 -56 -110 -80 -7 -10 -148 -254 -315 -543
-166 -289 -310 -533 -319 -544 -9 -10 -16 -21 -15 -25 1 -3 -10 -23 -22 -43
-13 -21 -24 -41 -24 -46 0 -4 -8 -17 -17 -28 -10 -11 -19 -24 -20 -29 -1 -6
-27 -53 -59 -105 -56 -92 -58 -97 -58 -167 0 -63 -3 -74 -19 -79 -11 -4 -24 0
-29 7 -8 11 -9 10 -4 -3 3 -10 1 -20 -3 -23 -7 -4 -17 17 -21 45 -3 17 -68 69
-100 80 -22 7 -37 16 -35 20 2 3 -4 6 -13 6 -54 0 -73 5 -66 16 4 7 3 8 -4 4
-7 -4 -40 0 -74 9 -35 9 -70 18 -78 20 -8 2 -49 13 -90 25 -41 11 -82 23 -90
25 -8 1 -42 10 -75 19 -75 21 -90 25 -112 30 -28 6 -434 114 -473 126 -129 37
-265 70 -293 70 -46 -1 -110 -33 -135 -67 -38 -54 -42 -99 -16 -199 13 -49 26
-102 29 -118 3 -16 8 -32 10 -36 2 -4 20 -67 40 -141 19 -74 55 -210 81 -304
25 -93 58 -219 74 -280 16 -60 41 -155 55 -210 48 -184 74 -260 95 -278 31
-26 92 -57 102 -51 4 3 8 0 8 -5 0 -6 -5 -11 -11 -11 -5 0 -8 -4 -5 -9 4 -5 3
-17 0 -26 -6 -14 -9 -14 -23 -2 -35 31 -88 39 -143 21 -20 -7 -40 -9 -44 -6
-4 4 -4 1 0 -5 4 -7 3 -13 -3 -13 -6 0 -77 -32 -158 -71 -82 -39 -152 -71
-158 -72 -5 -1 -12 -4 -15 -7 -5 -5 -59 -32 -70 -35 -3 -1 -39 -17 -80 -37
-73 -35 -161 -76 -345 -161 -176 -82 -208 -101 -228 -135 -35 -60 -18 -143 36
-183 12 -9 166 -116 342 -240 176 -123 322 -227 323 -231 2 -5 10 -8 18 -8 8
0 17 -7 20 -15 4 -8 10 -15 16 -15 8 0 72 -43 88 -60 3 -3 12 -9 21 -15 29
-17 134 -89 139 -95 3 -3 14 -5 25 -5 11 0 19 -6 17 -13 -1 -8 2 -11 8 -7 6 3
8 10 6 14 -3 4 1 8 9 8 7 0 15 -11 18 -24 2 -13 -1 -23 -7 -23 -8 0 -7 -3 1
-8 11 -7 30 -82 20 -82 -3 0 -13 7 -21 16 -9 8 -16 11 -16 5 0 -6 -5 -11 -11
-11 -5 0 -7 5 -4 10 8 12 -67 -30 -76 -43 -4 -5 -11 -7 -17 -3 -6 3 -8 -2 -5
-13 3 -11 -4 -28 -16 -40 -12 -12 -21 -24 -21 -28 0 -5 -13 -28 -29 -53 -15
-25 -92 -148 -170 -275 -79 -126 -169 -272 -201 -323 -32 -50 -61 -105 -63
-121 -9 -54 30 -104 89 -115 11 -2 113 -7 225 -11 112 -4 238 -8 279 -10 41
-2 119 -5 173 -6 61 -2 97 -6 97 -13 0 -6 5 -4 10 4 7 11 12 12 21 3 8 -8 18
-9 31 -2 10 5 18 6 18 2 0 -10 117 -5 152 6 23 8 29 6 44 -17 10 -15 17 -29
16 -32 0 -3 8 -8 20 -13 13 -4 18 -13 14 -23 -3 -8 -2 -13 3 -10 10 6 147
-143 143 -156 -1 -5 2 -7 6 -4 12 7 44 -28 35 -38 -5 -4 -3 -7 2 -6 24 5 37
-1 32 -15 -4 -8 -1 -17 5 -21 7 -4 8 -3 4 4 -15 25 9 10 46 -27 21 -22 38 -37
38 -34 0 3 7 0 15 -7 13 -11 13 -15 3 -23 -9 -6 -7 -7 6 -3 25 9 73 -33 54
-47 -9 -6 -8 -7 5 -3 24 8 133 -70 129 -92 -2 -14 -1 -14 7 -3 7 11 14 10 37
-6 42 -30 116 -73 137 -80 9 -3 17 -10 17 -15 0 -5 4 -7 9 -3 6 3 14 -3 20
-12 6 -10 11 -14 11 -10 0 4 26 -6 58 -23 31 -16 60 -30 65 -30 4 0 28 -10 55
-23 26 -12 66 -29 90 -36 23 -8 42 -18 42 -23 0 -5 4 -7 9 -4 14 9 72 -15 64
-27 -3 -6 -1 -7 6 -3 13 9 111 -14 111 -25 0 -4 9 -5 20 -2 11 3 20 1 20 -5 0
-6 10 -8 22 -4 11 3 19 1 16 -4 -4 -5 12 -10 33 -11 22 0 47 -4 57 -8 9 -4 35
-9 56 -11 22 -2 46 -6 53 -8 7 -3 48 -8 91 -12 78 -6 123 -11 132 -14 3 -1 39
-2 80 -2 41 0 81 -6 89 -12 10 -7 13 -7 8 0 -4 7 8 11 34 12 22 1 38 -2 34 -7
-3 -5 -1 -13 5 -16 6 -4 9 -1 8 7 -2 7 4 14 12 14 8 1 17 3 20 4 19 7 41 7 45
-1 4 -5 13 -5 23 0 18 10 201 34 264 35 20 1 34 4 32 7 -5 9 104 31 117 23 7
-4 9 -3 6 2 -6 10 122 48 160 48 12 0 20 3 18 6 -2 4 13 12 33 19 69 24 147
55 156 63 15 12 38 10 30 -4 -4 -7 -3 -8 5 -4 6 4 9 11 6 15 -2 5 7 13 21 20
21 9 30 9 43 -1 14 -11 14 -11 3 3 -10 14 -10 18 4 23 9 3 21 3 27 -1 7 -3 9
-3 5 2 -4 4 34 31 85 59 152 84 328 209 457 324 25 22 49 38 54 35 5 -4 6 -2
3 4 -8 13 57 76 68 66 4 -5 6 -3 2 2 -6 12 72 101 86 97 5 -1 6 1 4 5 -3 5 11
26 30 48 19 22 32 33 27 25 -4 -8 -3 -11 1 -7 5 4 10 13 11 20 1 7 32 53 68
101 37 49 74 102 82 117 8 16 20 29 26 29 6 0 8 3 5 6 -4 4 1 20 10 35 14 23
19 26 32 16 14 -10 14 -10 4 3 -10 13 -3 33 36 108 26 51 51 89 56 85 4 -5 5
-3 2 3 -7 13 60 187 74 192 5 2 7 8 4 12 -3 5 1 26 9 47 8 21 22 64 31 96 9
31 20 55 23 53 4 -2 8 12 9 32 1 21 9 69 18 107 9 39 18 87 21 108 3 21 7 44
8 52 1 7 8 21 16 31 9 11 10 15 3 10 -9 -5 -13 0 -13 14 0 14 4 19 13 14 9 -5
9 -4 1 5 -7 7 -8 29 -4 55 4 25 8 106 9 183 2 87 7 143 14 152 8 10 9 13 1 8
-7 -4 -14 2 -17 14 -3 12 0 22 9 26 11 4 11 7 -2 20 -17 18 -14 49 5 45 7 -1
10 2 6 8 -3 6 -11 8 -17 4 -5 -3 -8 2 -7 12 2 11 0 25 -4 32 -5 7 -3 12 5 12
10 0 10 2 0 8 -7 5 -13 35 -15 79 -1 39 -6 69 -11 66 -5 -3 -7 8 -4 26 2 17 0
31 -5 31 -5 0 -7 9 -4 20 3 11 2 20 -2 20 -8 0 -37 134 -35 157 1 7 -2 10 -7
7 -9 -5 -14 23 -11 59 1 10 -2 16 -7 13 -6 -4 -31 52 -37 84 -1 8 -15 43 -30
78 -17 40 -18 56 -2 46 7 -5 8 -3 4 5 -5 7 -10 10 -14 7 -3 -3 -34 54 -70 127
-35 72 -73 143 -83 156 -10 13 -17 27 -14 31 3 4 -2 10 -10 14 -8 3 -15 12
-15 21 0 8 -4 15 -10 15 -5 0 -10 5 -10 11 0 6 -7 17 -15 25 -8 8 -11 22 -8
31 4 11 2 14 -5 9 -7 -4 -21 9 -36 32 -13 21 -32 46 -41 55 -9 9 -13 22 -9 28
4 7 3 9 -4 5 -6 -3 -21 8 -33 26 -13 18 -29 39 -37 47 -11 12 -11 16 0 23 10
8 9 9 -4 5 -17 -6 -48 21 -48 43 0 7 -3 10 -6 7 -9 -9 -65 53 -58 64 3 5 2 8
-3 7 -12 -4 -83 55 -83 70 0 7 -4 11 -9 8 -4 -3 -17 4 -27 16 -11 12 -64 57
-119 101 -55 44 -99 84 -98 88 2 5 -4 6 -12 3 -8 -4 -15 -1 -15 5 0 6 -6 11
-14 11 -7 0 -20 8 -27 17 -12 14 -12 16 0 8 10 -5 12 -4 7 4 -4 6 -11 9 -16 6
-5 -3 -19 -1 -30 5 -18 10 -19 14 -8 28 12 15 11 16 -6 2 -16 -13 -20 -12 -32
5 -8 10 -14 16 -14 12 0 -4 -9 -3 -20 3 -11 6 -17 16 -14 22 4 7 3 8 -4 4 -13
-8 -153 64 -146 76 3 4 -2 5 -10 2 -9 -3 -16 -1 -16 6 0 6 -4 9 -9 6 -4 -3
-24 2 -42 12 -32 16 -34 20 -33 67 0 28 -4 56 -10 63 -7 10 -6 16 5 23 12 7
11 9 -2 9 -9 0 -24 15 -33 33 -9 17 -30 53 -46 79 -15 25 -39 66 -53 90 -55
97 -68 120 -83 143 -9 13 -12 30 -8 36 4 8 3 9 -5 5 -6 -4 -14 0 -18 11 -4 10
-27 52 -52 93 -49 84 -468 808 -511 883 -65 117 -158 166 -265 140z"/>
<path d="M2676 5278 c3 -5 10 -6 15 -3 13 9 11 12 -6 12 -8 0 -12 -4 -9 -9z"/>
<path d="M2759 5233 c-13 -16 -12 -17 4 -4 9 7 17 15 17 17 0 8 -8 3 -21 -13z"/>
<path d="M4934 5216 c1 -8 5 -18 8 -22 4 -3 5 1 4 10 -1 8 -5 18 -8 22 -4 3
-5 -1 -4 -10z"/>
<path d="M4974 5196 c1 -8 5 -18 8 -22 4 -3 5 1 4 10 -1 8 -5 18 -8 22 -4 3
-5 -1 -4 -10z"/>
<path d="M5275 5131 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
<path d="M5039 5113 c-13 -16 -12 -17 4 -4 16 13 21 21 13 21 -2 0 -10 -8 -17
-17z"/>
<path d="M5195 5111 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
<path d="M5109 5083 c-13 -16 -12 -17 4 -4 9 7 17 15 17 17 0 8 -8 3 -21 -13z"/>
<path d="M5175 5071 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
<path d="M5135 5060 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
-8 -4 -11 -10z"/>
<path d="M5270 5061 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
<path d="M5230 5006 c0 -2 7 -7 16 -10 8 -3 12 -2 9 4 -6 10 -25 14 -25 6z"/>
<path d="M5479 4908 c-5 -18 -6 -38 -1 -34 7 8 12 36 6 36 -2 0 -4 -1 -5 -2z"/>
<path d="M5636 4842 c-3 -5 1 -9 9 -9 8 0 12 4 9 9 -3 4 -7 8 -9 8 -2 0 -6 -4
-9 -8z"/>
<path d="M5495 4820 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0
-7 -4 -4 -10z"/>
<path d="M5659 4748 c-5 -18 -6 -38 -1 -34 7 8 12 36 6 36 -2 0 -4 -1 -5 -2z"/>
<path d="M5696 4718 c3 -5 10 -6 15 -3 13 9 11 12 -6 12 -8 0 -12 -4 -9 -9z"/>
<path d="M5734 4676 c1 -8 5 -18 8 -22 4 -3 5 1 4 10 -1 8 -5 18 -8 22 -4 3
-5 -1 -4 -10z"/>
<path d="M5790 4680 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M5774 4636 c1 -8 5 -18 8 -22 4 -3 5 1 4 10 -1 8 -5 18 -8 22 -4 3
-5 -1 -4 -10z"/>
<path d="M5830 4545 c0 -7 30 -13 34 -7 3 4 -4 9 -15 9 -10 1 -19 0 -19 -2z"/>
<path d="M5855 4500 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
-8 -4 -11 -10z"/>
<path d="M5940 4486 c0 -2 8 -10 18 -17 15 -13 16 -12 3 4 -13 16 -21 21 -21
13z"/>
<path d="M5895 4461 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
<path d="M5895 4420 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0
-7 -4 -4 -10z"/>
<path d="M5990 4425 c0 -5 5 -17 10 -25 5 -8 10 -10 10 -5 0 6 -5 17 -10 25
-5 8 -10 11 -10 5z"/>
<path d="M5993 4355 c0 -8 4 -12 9 -9 5 3 6 10 3 15 -9 13 -12 11 -12 -6z"/>
<path d="M6035 4300 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
-8 -4 -11 -10z"/>
<path d="M6095 4219 c-3 -4 2 -6 10 -5 21 3 28 13 10 13 -9 0 -18 -4 -20 -8z"/>
<path d="M6116 4087 c3 -10 9 -15 12 -12 3 3 0 11 -7 18 -10 9 -11 8 -5 -6z"/>
<path d="M6230 4056 c0 -2 8 -10 18 -17 15 -13 16 -12 3 4 -13 16 -21 21 -21
13z"/>
<path d="M6194 4022 c4 -3 14 -7 22 -8 9 -1 13 0 10 4 -4 3 -14 7 -22 8 -9 1
-13 0 -10 -4z"/>
<path d="M6159 3993 c-13 -16 -12 -17 4 -4 16 13 21 21 13 21 -2 0 -10 -8 -17
-17z"/>
<path d="M6215 3940 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0
-7 -4 -4 -10z"/>
<path d="M6190 3900 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M6253 3889 c-2 -23 3 -25 10 -4 4 8 3 16 -1 19 -4 3 -9 -4 -9 -15z"/>
<path d="M6296 3862 c-3 -5 1 -9 9 -9 8 0 12 4 9 9 -3 4 -7 8 -9 8 -2 0 -6 -4
-9 -8z"/>
<path d="M6290 3780 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M6307 3679 c7 -7 15 -10 18 -7 3 3 -2 9 -12 12 -14 6 -15 5 -6 -5z"/>
<path d="M6299 3633 c-13 -16 -12 -17 4 -4 16 13 21 21 13 21 -2 0 -10 -8 -17
-17z"/>
<path d="M6553 3525 c0 -8 4 -12 9 -9 5 3 6 10 3 15 -9 13 -12 11 -12 -6z"/>
<path d="M6356 3487 c3 -10 9 -15 12 -12 3 3 0 11 -7 18 -10 9 -11 8 -5 -6z"/>
<path d="M6410 3419 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M6376 3367 c3 -10 9 -15 12 -12 3 3 0 11 -7 18 -10 9 -11 8 -5 -6z"/>
<path d="M6456 3342 c-3 -5 1 -9 9 -9 8 0 12 4 9 9 -3 4 -7 8 -9 8 -2 0 -6 -4
-9 -8z"/>
<path d="M6605 3320 c-3 -6 1 -7 9 -4 18 7 21 14 7 14 -6 0 -13 -4 -16 -10z"/>
<path d="M6434 3302 c4 -3 14 -7 22 -8 9 -1 13 0 10 4 -4 3 -14 7 -22 8 -9 1
-13 0 -10 -4z"/>
<path d="M6425 3200 c-3 -6 1 -7 9 -4 18 7 21 14 7 14 -6 0 -13 -4 -16 -10z"/>
<path d="M6470 3166 c0 -2 7 -7 16 -10 8 -3 12 -2 9 4 -6 10 -25 14 -25 6z"/>
<path d="M6406 3142 c-3 -5 1 -9 9 -9 8 0 12 4 9 9 -3 4 -7 8 -9 8 -2 0 -6 -4
-9 -8z"/>
<path d="M6450 3140 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M6626 2958 c3 -5 10 -6 15 -3 13 9 11 12 -6 12 -8 0 -12 -4 -9 -9z"/>
<path d="M6515 2901 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
<path d="M6475 2880 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
-8 -4 -11 -10z"/>
<path d="M6495 2819 c-3 -4 2 -6 10 -5 21 3 28 13 10 13 -9 0 -18 -4 -20 -8z"/>
<path d="M6466 2802 c-3 -5 1 -9 9 -9 8 0 12 4 9 9 -3 4 -7 8 -9 8 -2 0 -6 -4
-9 -8z"/>
<path d="M6436 2753 c-6 -14 -5 -15 5 -6 7 7 10 15 7 18 -3 3 -9 -2 -12 -12z"/>
<path d="M6475 2760 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0
-7 -4 -4 -10z"/>
<path d="M6516 2753 c-6 -14 -5 -15 5 -6 7 7 10 15 7 18 -3 3 -9 -2 -12 -12z"/>
<path d="M6494 2716 c1 -8 5 -18 8 -22 4 -3 5 1 4 10 -1 8 -5 18 -8 22 -4 3
-5 -1 -4 -10z"/>
<path d="M6496 2538 c3 -4 11 -5 19 -1 21 7 19 12 -4 10 -11 0 -18 -5 -15 -9z"/>
<path d="M1070 2486 c0 -2 7 -7 16 -10 8 -3 12 -2 9 4 -6 10 -25 14 -25 6z"/>
<path d="M6550 2446 c0 -2 7 -7 16 -10 8 -3 12 -2 9 4 -6 10 -25 14 -25 6z"/>
<path d="M6450 2420 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M1353 2405 c0 -8 4 -12 9 -9 5 3 6 10 3 15 -9 13 -12 11 -12 -6z"/>
<path d="M6410 2379 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M1335 2351 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
<path d="M6410 2339 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M6415 2300 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
-8 -4 -11 -10z"/>
<path d="M6410 2260 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M6406 2142 c-3 -5 1 -9 9 -9 8 0 12 4 9 9 -3 4 -7 8 -9 8 -2 0 -6 -4
-9 -8z"/>
<path d="M6410 2046 c0 -2 7 -7 16 -10 8 -3 12 -2 9 4 -6 10 -25 14 -25 6z"/>
<path d="M6390 1979 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M6335 1940 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
-8 -4 -11 -10z"/>
<path d="M6255 1780 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
-8 -4 -11 -10z"/>
<path d="M6260 1720 c-9 -6 -10 -10 -3 -10 6 0 15 5 18 10 8 12 4 12 -15 0z"/>
<path d="M6206 1602 c-3 -5 1 -9 9 -9 8 0 12 4 9 9 -3 4 -7 8 -9 8 -2 0 -6 -4
-9 -8z"/>
<path d="M6119 1578 c-5 -18 -6 -38 -1 -34 7 8 12 36 6 36 -2 0 -4 -1 -5 -2z"/>
<path d="M6173 1535 c0 -8 4 -12 9 -9 5 3 6 10 3 15 -9 13 -12 11 -12 -6z"/>
<path d="M6136 1498 c3 -5 10 -6 15 -3 13 9 11 12 -6 12 -8 0 -12 -4 -9 -9z"/>
<path d="M6053 1425 c0 -8 4 -12 9 -9 5 3 6 10 3 15 -9 13 -12 11 -12 -6z"/>
<path d="M6093 1415 c0 -8 4 -12 9 -9 5 3 6 10 3 15 -9 13 -12 11 -12 -6z"/>
<path d="M6195 1369 c-4 -6 -5 -12 -2 -15 2 -3 7 2 10 11 7 17 1 20 -8 4z"/>
<path d="M5930 1260 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M1859 1228 c-5 -18 -6 -38 -1 -34 7 8 12 36 6 36 -2 0 -4 -1 -5 -2z"/>
<path d="M1957 1173 c-10 -9 -9 -23 1 -23 5 0 9 7 9 15 0 17 -1 18 -10 8z"/>
<path d="M1890 1160 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M5850 1139 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M2035 1111 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
<path d="M5813 1105 c0 -8 4 -12 9 -9 5 3 6 10 3 15 -9 13 -12 11 -12 -6z"/>
<path d="M1914 1102 c4 -3 14 -7 22 -8 9 -1 13 0 10 4 -4 3 -14 7 -22 8 -9 1
-13 0 -10 -4z"/>
<path d="M2110 1000 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M5654 1002 c4 -3 14 -7 22 -8 9 -1 13 0 10 4 -4 3 -14 7 -22 8 -9 1
-13 0 -10 -4z"/>
<path d="M2035 960 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7
-4 -4 -10z"/>
<path d="M2095 960 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
-8 -4 -11 -10z"/>
<path d="M5630 959 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M5694 942 c4 -3 14 -7 22 -8 9 -1 13 0 10 4 -4 3 -14 7 -22 8 -9 1
-13 0 -10 -4z"/>
<path d="M2175 900 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
-8 -4 -11 -10z"/>
<path d="M5675 901 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
<path d="M5555 859 c-3 -4 2 -6 10 -5 21 3 28 13 10 13 -9 0 -18 -4 -20 -8z"/>
<path d="M5616 862 c-3 -5 1 -9 9 -9 8 0 12 4 9 9 -3 4 -7 8 -9 8 -2 0 -6 -4
-9 -8z"/>
<path d="M5793 847 c0 -8 6 -14 14 -14 9 0 10 4 2 14 -6 7 -12 13 -14 13 -1 0
-2 -6 -2 -13z"/>
<path d="M5679 833 c-13 -16 -12 -17 4 -4 16 13 21 21 13 21 -2 0 -10 -8 -17
-17z"/>
<path d="M5535 831 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
<path d="M2246 818 c3 -5 10 -6 15 -3 13 9 11 12 -6 12 -8 0 -12 -4 -9 -9z"/>
<path d="M2296 818 c3 -5 10 -6 15 -3 13 9 11 12 -6 12 -8 0 -12 -4 -9 -9z"/>
<path d="M2293 785 c0 -8 4 -12 9 -9 5 3 6 10 3 15 -9 13 -12 11 -12 -6z"/>
<path d="M2335 791 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
<path d="M5413 745 c0 -8 4 -12 9 -9 5 3 6 10 3 15 -9 13 -12 11 -12 -6z"/>
<path d="M2375 740 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
-8 -4 -11 -10z"/>
<path d="M5475 740 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
-8 -4 -11 -10z"/>
<path d="M5633 725 c0 -8 4 -12 9 -9 5 3 6 10 3 15 -9 13 -12 11 -12 -6z"/>
<path d="M5310 720 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M2455 700 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7
-4 -4 -10z"/>
<path d="M2575 671 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
<path d="M5336 662 c-3 -5 1 -9 9 -9 8 0 12 4 9 9 -3 4 -7 8 -9 8 -2 0 -6 -4
-9 -8z"/>
<path d="M5235 649 c-4 -6 -5 -12 -2 -15 2 -3 7 2 10 11 7 17 1 20 -8 4z"/>
<path d="M2480 640 c-9 -6 -10 -10 -3 -10 6 0 15 5 18 10 8 12 4 12 -15 0z"/>
<path d="M2510 625 c0 -7 30 -13 34 -7 3 4 -4 9 -15 9 -10 1 -19 0 -19 -2z"/>
<path d="M2575 620 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7
-4 -4 -10z"/>
<path d="M2650 620 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M5156 607 c3 -10 9 -15 12 -12 3 3 0 11 -7 18 -10 9 -11 8 -5 -6z"/>
<path d="M5214 576 c1 -8 5 -18 8 -22 4 -3 5 1 4 10 -1 8 -5 18 -8 22 -4 3 -5
-1 -4 -10z"/>
<path d="M2654 556 c1 -8 5 -18 8 -22 4 -3 5 1 4 10 -1 8 -5 18 -8 22 -4 3 -5
-1 -4 -10z"/>
<path d="M5050 559 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M5095 540 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7
-4 -4 -10z"/>
<path d="M2716 498 c3 -4 11 -5 19 -1 21 7 19 12 -4 10 -11 0 -18 -5 -15 -9z"/>
<path d="M5309 483 c-13 -16 -12 -17 4 -4 16 13 21 21 13 21 -2 0 -10 -8 -17
-17z"/>
<path d="M2819 488 c-5 -18 -6 -38 -1 -34 7 8 12 36 6 36 -2 0 -4 -1 -5 -2z"/>
<path d="M4946 482 c-3 -5 1 -9 9 -9 8 0 15 4 15 9 0 4 -4 8 -9 8 -6 0 -12 -4
-15 -8z"/>
<path d="M2890 459 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M4850 459 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M4995 460 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7
-4 -4 -10z"/>
<path d="M3035 449 c-4 -6 -5 -12 -2 -15 2 -3 7 2 10 11 7 17 1 20 -8 4z"/>
<path d="M2715 441 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
<path d="M2960 440 c-9 -6 -10 -10 -3 -10 6 0 15 5 18 10 8 12 4 12 -15 0z"/>
<path d="M4854 422 c4 -3 14 -7 22 -8 9 -1 13 0 10 4 -4 3 -14 7 -22 8 -9 1
-13 0 -10 -4z"/>
<path d="M3037 413 c-10 -9 -9 -23 1 -23 5 0 9 7 9 15 0 17 -1 18 -10 8z"/>
<path d="M2845 400 c-3 -6 1 -7 9 -4 18 7 21 14 7 14 -6 0 -13 -4 -16 -10z"/>
<path d="M2990 379 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M4690 380 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M2915 360 c-3 -5 -1 -10 4 -10 6 0 11 5 11 10 0 6 -2 10 -4 10 -3 0
-8 -4 -11 -10z"/>
<path d="M4630 360 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M3210 339 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M3250 340 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M3295 340 c3 -5 8 -10 11 -10 2 0 4 5 4 10 0 6 -5 10 -11 10 -5 0 -7
-4 -4 -10z"/>
<path d="M3473 325 c0 -8 4 -12 9 -9 5 3 6 10 3 15 -9 13 -12 11 -12 -6z"/>
<path d="M3136 322 c-3 -5 1 -9 9 -9 8 0 12 4 9 9 -3 4 -7 8 -9 8 -2 0 -6 -4
-9 -8z"/>
<path d="M3436 318 c3 -5 10 -6 15 -3 13 9 11 12 -6 12 -8 0 -12 -4 -9 -9z"/>
<path d="M3506 322 c-2 -4 4 -8 14 -8 10 0 16 4 14 8 -3 4 -9 8 -14 8 -5 0
-11 -4 -14 -8z"/>
<path d="M4267 319 c7 -7 15 -10 18 -7 3 3 -2 9 -12 12 -14 6 -15 5 -6 -5z"/>
<path d="M4590 325 c0 -5 5 -17 10 -25 5 -8 10 -10 10 -5 0 6 -5 17 -10 25 -5
8 -10 11 -10 5z"/>
<path d="M3816 302 c-2 -4 -1 -14 4 -22 7 -11 9 -9 7 8 -1 24 -3 26 -11 14z"/>
<path d="M4536 298 c3 -4 11 -5 19 -1 21 7 19 12 -4 10 -11 0 -18 -5 -15 -9z"/>
<path d="M3509 283 c-13 -16 -12 -17 4 -4 9 7 17 15 17 17 0 8 -8 3 -21 -13z"/>
<path d="M4203 282 c10 -10 14 -22 10 -27 -5 -4 -2 -5 5 -1 11 6 10 12 -4 27
-9 10 -19 19 -22 19 -3 0 2 -8 11 -18z"/>
<path d="M3870 279 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M3390 260 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M3435 259 c-3 -4 2 -6 10 -5 21 3 28 13 10 13 -9 0 -18 -4 -20 -8z"/>
<path d="M3519 253 c-12 -16 -12 -17 2 -6 9 7 20 9 24 5 5 -4 5 -1 1 6 -9 16
-11 15 -27 -5z"/>
<path d="M3650 259 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M4090 259 c0 -5 5 -7 10 -4 6 3 10 8 10 11 0 2 -4 4 -10 4 -5 0 -10
-5 -10 -11z"/>
<path d="M3315 249 c-4 -6 -5 -12 -2 -15 2 -3 7 2 10 11 7 17 1 20 -8 4z"/>
<path d="M3830 256 c0 -2 8 -10 18 -17 15 -13 16 -12 3 4 -13 16 -21 21 -21
13z"/>
<path d="M3770 240 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
-4 -4 -4 -10z"/>
<path d="M3973 209 c-2 -23 3 -25 10 -4 4 8 3 16 -1 19 -4 3 -9 -4 -9 -15z"/>
<path d="M3235 201 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
<path d="M4026 198 c3 -5 10 -6 15 -3 13 9 11 12 -6 12 -8 0 -12 -4 -9 -9z"/>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 20 KiB

14
public/site.webmanifest Normal file
View file

@ -0,0 +1,14 @@
{
"name": "ProzillaOS",
"short_name": "ProzillaOS",
"icons": [
{
"src": "/favicon-192.png?v=2",
"sizes": "192x192",
"type": "image/png"
}
],
"theme_color": "#0d1114",
"background_color": "#0d1114",
"display": "standalone"
}

4
public/sitemap.xml
View file

@ -8,7 +8,7 @@
<image:loc>https://os.prozilla.dev/assets/banner-logo-title.png</image:loc>
</image:image>
<image:image>
<image:loc>https://os.prozilla.dev/assets/screenshots/screenshot-files-settings-taskbar-desktop.png</image:loc>
<image:loc>https://os.prozilla.dev/assets/screenshots/screenshot-files-info-taskbar-desktop.png</image:loc>
</image:image>
<image:image>
<image:loc>https://os.prozilla.dev/assets/wallpapers/abstract-mesh-gradient-orange-red-purple.png</image:loc>
@ -20,7 +20,7 @@
<image:loc>https://os.prozilla.dev/assets/wallpapers/colorful-abstract-wallpaper-blue-red-green.png</image:loc>
</image:image>
<image:image>
<image:loc>https://os.prozilla.dev/assets/wallpapers/colorful-mesh-gradient-yellow-blue-green.png</image:loc>
<image:loc>https://os.prozilla.dev/assets/wallpapers/colorful-mesh-gradient--yellow-1lue-green.png</image:loc>
</image:image>
<image:image>
<image:loc>https://os.prozilla.dev/assets/wallpapers/mesh-gradient-wallpaper-red-purple.png</image:loc>

6
src/components/_utils/button/Button.module.css
View file

@ -1,7 +1,7 @@
.Button {
--text-color: var(--foreground-color-a);
--normal-color: var(--background-color-a);
--hover-color: var(--background-color-b);
--text-color: var(--foreground-color-0);
--normal-color: var(--background-color-0);
--hover-color: var(--background-color-1);
color: var(--text-color);
background-color: var(--normal-color);

8
src/components/_utils/dropdown-button/DropdownButton.module.css
View file

@ -26,7 +26,7 @@
top: 100%;
left: 0;
padding: 0.35rem;
background-color: var(--background-color-b);
background-color: var(--background-color-1);
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
@ -39,7 +39,7 @@
padding: 0.25rem 0.5rem;
background: none;
border: none;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
outline: none;
font-size: 0.85rem;
text-align: start;
@ -48,7 +48,7 @@
}
.Dropdown > button:hover, .Dropdown > button:focus-visible {
background-color: hsla(var(--background-color-a-hsl), 75%);
background-color: color-mix(in srgb, var(--background-color-0) 75%, transparent);
}
.Dropdown > button > p {
@ -56,5 +56,5 @@
}
.Shortcut {
color: var(--foreground-color-b);
color: var(--foreground-color-1);
}

4
src/components/_utils/progress-bar/ProgressBar.module.css
View file

@ -4,7 +4,7 @@
max-width: 100%;
min-height: 2rem;
max-height: 100%;
background-color: var(--background-color-d);
background-color: var(--background-color-3);
}
.Fill {
@ -16,5 +16,5 @@
width: var(--fill);
min-width: 1px;
height: 100%;
background-color: var(--blue-a);
background-color: var(--blue-0);
}

28
src/components/actions/Actions.module.css
View file

@ -31,7 +31,7 @@
}
.Context-menu.Container {
--border-radius: 0.5rem;
--border-radius: var(--border-radius-1);
--padding: 0.375rem;
padding: var(--padding);
@ -39,7 +39,7 @@
border-top-right-radius: calc((1 - var(--left) * var(--bottom)) * var(--border-radius)) !important;
border-bottom-left-radius: calc((1 - var(--right) * var(--top)) * var(--border-radius)) !important;
border-bottom-right-radius: calc((1 - var(--left) * var(--top)) * var(--border-radius)) !important;
background-color: var(--background-color-b) !important;
background-color: var(--background-color-1) !important;
}
.Context-menu .Button,
@ -51,7 +51,7 @@
padding: 0.25rem 0.5rem;
background: none;
border: none;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
outline: none;
font-size: 0.875rem;
text-align: start;
@ -63,7 +63,7 @@
.Context-menu .Button:focus-visible,
.Context-menu .Dropdown:hover,
.Context-menu .Dropdown:focus-visible {
background-color: hsla(var(--background-color-a-hsl), 75%);
background-color: color-mix(in srgb, var(--background-color-0) 75%, transparent);
}
.Context-menu .Label {
@ -112,7 +112,7 @@
}
.Context-menu .Shortcut {
color: var(--foreground-color-b);
color: var(--foreground-color-1);
}
.Context-menu .Dropdown {
@ -125,9 +125,9 @@
top: calc(var(--padding) * -1);
left: 100%;
padding: var(--padding);
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
border-top-left-radius: 0;
background-color: var(--background-color-b);
background-color: var(--background-color-1);
transition: opacity 100ms ease-out;
cursor: auto;
}
@ -139,9 +139,9 @@
.Context-menu .Divider {
width: calc(100% - 0.5rem);
height: 0.1rem;
border-radius: 1rem;
background-color: var(--foreground-color-c);
height: 2px;
border-radius: var(--border-radius-99);
background-color: var(--foreground-color-2);
margin: 0.5rem auto;
}
@ -185,7 +185,7 @@
top: 100%;
left: 0;
padding: 0.35rem;
background-color: var(--background-color-b);
background-color: var(--background-color-1);
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
@ -203,7 +203,7 @@
padding: 0.25rem 0.5rem;
background: none;
border: none;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
outline: none;
font-size: 0.85rem;
text-align: start;
@ -212,7 +212,7 @@
}
.Header-menu .Button:hover, .Header-menu .Button:focus-visible {
background-color: hsla(var(--background-color-a-hsl), 75%);
background-color: color-mix(in srgb, var(--background-color-0) 75%, transparent);
}
.Header-menu .Dropdown > .Label > p, .Header-menu .Button > .Label > p {
@ -220,6 +220,6 @@
}
.Header-menu .Shortcut {
color: var(--foreground-color-b);
color: var(--foreground-color-1);
margin: 0;
}

2
src/components/apps/_utils/header-menu/HeaderMenu.module.css
View file

@ -3,5 +3,5 @@
width: 100%;
height: 1.5rem;
min-height: 1.5rem;
background-color: var(--background-color-a);
background-color: var(--background-color-0);
}

12
src/components/apps/browser/Browser.module.css
View file

@ -13,7 +13,7 @@
flex-direction: column;
width: 100%;
height: var(--header-height);
background-color: var(--background-color-a);
background-color: var(--background-color-0);
}
.Nav-bar {
@ -27,7 +27,7 @@
}
.Icon-button {
--color: var(--foreground-color-a);
--color: var(--foreground-color-0);
position: relative;
display: flex;
@ -51,7 +51,7 @@
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0%);
border-radius: 9999px;
border-radius: var(--border-radius-99);
transform: scale(100%);
transform-origin: center;
transition: all 200ms ease-in-out;
@ -64,7 +64,7 @@
}
.Icon-button:disabled {
--color: var(--foreground-color-c);
--color: var(--foreground-color-2);
}
.Icon-button svg {
@ -79,9 +79,9 @@
.Search-bar {
flex: 1;
padding: 0.25rem 0.5rem;
background-color: var(--background-color-c);
background-color: var(--background-color-2);
border: none;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
outline: none;
font-family: inherit;
font-size: 0.875em;

14
src/components/apps/calculator/Calculator.module.css
View file

@ -22,12 +22,12 @@
}
.Calculation {
color: var(--foreground-color-c);
color: var(--foreground-color-2);
height: 1.25rem;
}
.Preview {
color: var(--foreground-color-a);
color: var(--foreground-color-0);
font-size: 2.5rem;
}
@ -47,18 +47,18 @@
.Button {
flex: 1;
border-radius: 0.25rem;
border-radius: var(--border-radius-0);
font-size: 1.5rem;
}
.Input-row:first-of-type .Button {
--normal-color: var(--background-color-b);
--hover-color: var(--background-color-ba);
--normal-color: var(--background-color-1);
--hover-color: var(--background-color-1a);
}
.Input-row .Button:last-of-type {
--text-color: var(--background-color-a);
--normal-color: var(--blue-a);
--text-color: var(--background-color-0);
--normal-color: var(--blue-0);
--hover-color: var(--blue-b);
}

24
src/components/apps/file-explorer/FileExplorer.module.css
View file

@ -17,11 +17,11 @@
width: 100%;
height: var(--header-height);
padding: 1rem;
background-color: var(--background-color-a);
background-color: var(--background-color-0);
}
.Icon-button {
--color: var(--foreground-color-a);
--color: var(--foreground-color-0);
position: relative;
height: 1.25rem;
@ -42,7 +42,7 @@
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0%);
border-radius: 9999px;
border-radius: var(--border-radius-99);
transform: scale(100%);
transform-origin: center;
transition: all 200ms ease-in-out;
@ -54,7 +54,7 @@
}
.Icon-button:disabled {
--color: var(--foreground-color-c);
--color: var(--foreground-color-2);
}
.Icon-button svg {
@ -69,9 +69,9 @@
.Path-input {
flex: 1;
padding: 0.25rem 0.5rem;
background-color: var(--background-color-c);
background-color: var(--background-color-2);
border: none;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
outline: none;
font-family: inherit;
font-size: inherit;
@ -82,7 +82,7 @@
display: flex;
width: 100%;
height: calc(100% - var(--header-height));
background-color: var(--background-color-c);
background-color: var(--background-color-2);
}
.Sidebar {
@ -94,7 +94,7 @@
height: 100%;
max-width: 50%;
padding: 0.5rem;
background-color: var(--background-color-b);
background-color: var(--background-color-1);
resize: horizontal;
overflow: hidden;
}
@ -107,14 +107,14 @@
padding: 0.5rem;
background: none;
border: none;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
outline: none;
cursor: pointer;
transition: background-color 100ms ease-in-out;
}
.Nav-button:hover, .Nav-button:focus-visible {
background-color: hsla(var(--background-color-a-hsl), 75%);
background-color: color-mix(in srgb, var(--background-color-0) 75%, transparent);
}
.Nav-button svg {
@ -146,8 +146,8 @@
width: 100%;
height: var(--footer-height);
padding: 0 0.75rem;
border-top: 0.25rem solid var(--background-color-a);
background-color: var(--background-color-c);
border-top: 0.25rem solid var(--background-color-0);
background-color: var(--background-color-2);
}
.Footer p {

10
src/components/apps/file-explorer/directory-list/DirectoryList.module.css
View file

@ -19,7 +19,7 @@
padding: 0.5rem;
background: none;
border: none;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
outline: none;
cursor: pointer;
transition: background-color 100ms ease-in-out;
@ -27,14 +27,14 @@
.File-button[data-selected=true],
.Folder-button[data-selected=true] {
background-color: hsla(var(--background-color-a-hsl), 40%) !important;
background-color: color-mix(in srgb, var(--background-color-0) 40%, transparent) !important;
}
.File-button:hover,
.Folder-button:hover,
.File-button:focus-visible,
.Folder-button:focus-visible {
background-color: hsla(var(--background-color-a-hsl), 20%);
background-color: color-mix(in srgb, var(--background-color-0) 20%, transparent);
}
.File-button p, .Folder-button p {
@ -64,7 +64,7 @@
.Selection-rect {
opacity: 25%;
position: absolute;
border-radius: 0.25rem;
border-radius: var(--border-radius-0);
background-color: var(--blue-b);
border: 0.25rem solid var(--blue-a);
border: 0.25rem solid var(--blue-0);
}

40
src/components/apps/settings/Settings.module.css
View file

@ -5,7 +5,7 @@
display: flex;
width: 100%;
height: 100%;
background-color: var(--background-color-c);
background-color: var(--background-color-2);
}
.Tabs {
@ -18,7 +18,7 @@
max-width: 50%;
padding: 0.5rem;
margin: 0;
background-color: var(--background-color-ba);
background-color: var(--background-color-1a);
resize: horizontal;
overflow: hidden;
}
@ -30,17 +30,17 @@
width: 100%;
min-width: fit-content;
padding: 0.75rem;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
font-size: 0.875rem;
}
.Tab-button.Active-tab {
background-color: var(--background-color-a);
background-color: var(--background-color-0);
}
.Tab-button:not(.Active-tab):hover,
.Tab-button:not(.Active-tab):focus-visible {
background-color: hsla(var(--background-color-a-hsl), 50%);
background-color: color-mix(in srgb, var(--background-color-0) 50%, transparent);
}
.Tab-button > svg {
@ -90,7 +90,7 @@
}
.Option > .Label {
color: var(--foreground-color-a);
color: var(--foreground-color-0);
}
.Input {
@ -122,13 +122,13 @@
}
.Image-select > input:checked + img {
outline: 0.25em solid var(--foreground-color-a);
outline: 0.25em solid var(--foreground-color-0);
}
.Image-select > img {
width: 100%;
height: 100%;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
transition: filter 100ms ease-in-out;
cursor: pointer;
}
@ -145,22 +145,22 @@
}
.Button {
--normal-color: var(--background-color-a) !important;
--hover-color: var(--background-color-b) !important;
--normal-color: var(--background-color-0) !important;
--hover-color: var(--background-color-1) !important;
margin-bottom: 0.75rem !important;
padding: 0.5rem 1rem;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
}
.Button-red {
--text-color: var(--dark-grey-b) !important;
--normal-color: var(--red-a) !important;
--hover-color: var(--red-b) !important;
--text-color: var(--black-1) !important;
--normal-color: var(--red-0) !important;
--hover-color: var(--red-1) !important;
}
.Icon-button {
--color: var(--foreground-color-a);
--color: var(--foreground-color-0);
position: relative;
height: 1.25rem;
@ -181,7 +181,7 @@
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0%);
border-radius: 9999px;
border-radius: var(--border-radius-99);
transform: scale(100%);
transform-origin: center;
transition: all 200ms ease-in-out;
@ -193,7 +193,7 @@
}
.Icon-button:disabled {
--color: var(--foreground-color-c);
--color: var(--foreground-color-2);
}
.Icon-button svg {
@ -248,9 +248,9 @@
max-width: calc(60% - var(--gap));
padding: 0.5rem 1rem;
color: var(--text-color);
background-color: var(--background-color-a);
background-color: var(--background-color-0);
border: none;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
outline: none;
font-size: 0.875em;
}
@ -259,7 +259,7 @@
color: inherit;
background-color: inherit;
border: none;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
outline: none;
font-family: inherit;
font-size: inherit;

2
src/components/apps/settings/tabs/AboutSettings.tsx
View file

@ -30,7 +30,7 @@ export function AboutSettings() {
</Button>
<Button
className={`${styles.Button} ${utilStyles["Text-bold"]}`}
href="https://github.com/Prozilla/prozilla-os"
href="https://github.com/Prozilla/ProzillaOS"
>
View source
</Button>

52
src/components/apps/terminal/Terminal.module.css
View file

@ -58,7 +58,7 @@
left: calc(var(--cursor-offset) * var(--char-width) * 0.9746124950079872);
width: var(--cursor-width);
height: 100%;
background-color: var(--foreground-color-a);
background-color: var(--foreground-color-0);
animation: blink 1000ms step-end infinite;
}
@ -80,7 +80,7 @@
background-color: transparent;
}
50% {
background-color: var(--foreground-color-a);
background-color: var(--foreground-color-0);
}
}
@ -93,31 +93,31 @@
cursor: text;
}
.ansi-black-fg { color: var(--dark-grey-c); }
.ansi-red-fg { color: var(--red-a); }
.ansi-green-fg { color: var(--green-a); }
.ansi-yellow-fg { color: var(--yellow-a); }
.ansi-blue-fg { color: var(--blue-a); }
.ansi-magenta-fg { color: var(--purple-a); }
.ansi-cyan-fg { color: var(--cyan-a); }
.ansi-white-fg { color: var(--foreground-color-a); }
.ansi-black-fg { color: var(--black-2); }
.ansi-red-fg { color: var(--red-0); }
.ansi-green-fg { color: var(--green-0); }
.ansi-yellow-fg { color: var(--yellow-0); }
.ansi-blue-fg { color: var(--blue-0); }
.ansi-magenta-fg { color: var(--purple-0); }
.ansi-cyan-fg { color: var(--cyan-0); }
.ansi-white-fg { color: var(--foreground-color-0); }
.ansi-bright-black-fg { color: var(--dark-grey-c); }
.ansi-bright-red-fg { color: var(--red-a); }
.ansi-bright-green-fg { color: var(--green-a); }
.ansi-bright-yellow-fg { color: var(--yellow-a); }
.ansi-bright-blue-fg { color: var(--blue-a); }
.ansi-bright-magenta-fg { color: var(--purple-a); }
.ansi-bright-cyan-fg { color: var(--cyan-a); }
.ansi-bright-white-fg { color: var(--foreground-color-a); }
.ansi-bright-black-fg { color: var(--black-2); }
.ansi-bright-red-fg { color: var(--red-0); }
.ansi-bright-green-fg { color: var(--green-0); }
.ansi-bright-yellow-fg { color: var(--yellow-0); }
.ansi-bright-blue-fg { color: var(--blue-0); }
.ansi-bright-magenta-fg { color: var(--purple-0); }
.ansi-bright-cyan-fg { color: var(--cyan-0); }
.ansi-bright-white-fg { color: var(--foreground-color-0); }
.ansi-black-bg { background-color: var(--dark-grey-c); }
.ansi-red-bg { background-color: var(--red-a); }
.ansi-green-bg { background-color: var(--green-a); }
.ansi-yellow-bg { background-color: var(--yellow-a); }
.ansi-blue-bg { background-color: var(--blue-a); }
.ansi-magenta-bg { background-color: var(--purple-a); }
.ansi-cyan-bg { background-color: var(--cyan-a); }
.ansi-white-bg { background-color: var(--foreground-color-a); }
.ansi-black-bg { background-color: var(--black-2); }
.ansi-red-bg { background-color: var(--red-0); }
.ansi-green-bg { background-color: var(--green-0); }
.ansi-yellow-bg { background-color: var(--yellow-0); }
.ansi-blue-bg { background-color: var(--blue-0); }
.ansi-magenta-bg { background-color: var(--purple-0); }
.ansi-cyan-bg { background-color: var(--cyan-0); }
.ansi-white-bg { background-color: var(--foreground-color-0); }
.ansi-dim { opacity: 0.65; }

40
src/components/apps/text-editor/TextEditor.module.css
View file

@ -17,8 +17,8 @@
width: 100%;
height: 100%;
padding: 1rem !important;
color: var(--foreground-color-a) !important;
background-color: var(--background-color-c) !important;
color: var(--foreground-color-0) !important;
background-color: var(--background-color-2) !important;
border: none;
outline: none;
font-size: 1rem;
@ -30,7 +30,7 @@
.View img {
max-width: 100%;
object-fit: contain;
border-radius: 0.25rem;
border-radius: var(--border-radius-0);
margin-right: 0.5rem;
}
@ -38,9 +38,9 @@
margin-left: 0;
padding: 0.5rem;
padding-left: 1.5rem;
border-left: 1rem solid var(--background-color-a);
background-color: var(--background-color-b);
border-radius: 0.5rem;
border-left: 1rem solid var(--background-color-0);
background-color: var(--background-color-1);
border-radius: var(--border-radius-1);
}
.View blockquote > p {
@ -50,8 +50,8 @@
.View code {
font-family: var(--mono-font-family);
border-radius: 0.5rem;
background-color: var(--background-color-b);
border-radius: var(--border-radius-1);
background-color: var(--background-color-1);
padding: 0.25rem;
}
@ -60,7 +60,7 @@
}
.View table, .View th, .View td {
border: 0.2rem solid var(--background-color-a);
border: 0.2rem solid var(--background-color-0);
}
.View th, .View td {
@ -72,14 +72,14 @@
cursor: default;
}
.Code *[class*="hljs-string"] { color: var(--green-a); }
.Code *[class*="hljs-literal"] { color: var(--yellow-a); }
.Code *[class*="hljs-number"] { color: var(--yellow-a); }
.Code *[class*="hljs-keyword"] { color: var(--blue-a); }
.Code *[class*="hljs-title"] { color: var(--cyan-a); }
.Code *[class*="hljs-name"] { color: var(--red-a); }
.Code *[class*="hljs-attr"] { color: var(--blue-a); }
.Code *[class*="hljs-param"] { color: var(--red-a); }
.Code *[class*="hljs-comment"] { color: var(--dark-grey-a); }
.Code *[class*="linenumber"] { color: var(--dark-grey-a); }
.Code *[class*="hljs-meta"] { color: var(--blue-a); }
.Code *[class*="hljs-string"] { color: var(--green-0); }
.Code *[class*="hljs-literal"] { color: var(--yellow-0); }
.Code *[class*="hljs-number"] { color: var(--yellow-0); }
.Code *[class*="hljs-keyword"] { color: var(--blue-0); }
.Code *[class*="hljs-title"] { color: var(--cyan-0); }
.Code *[class*="hljs-name"] { color: var(---red-0); }
.Code *[class*="hljs-attr"] { color: var(--blue-0); }
.Code *[class*="hljs-param"] { color: var(---red-0); }
.Code *[class*="hljs-comment"] { color: var(--black-0); }
.Code *[class*="linenumber"] { color: var(--black-0); }
.Code *[class*="hljs-meta"] { color: var(--blue-0); }

6
src/components/desktop/Desktop.module.css
View file

@ -35,13 +35,13 @@
.Item {
padding: 0.25rem;
text-shadow: 0.1rem 0.1rem 0.2rem hsla(var(--background-color-a-hsl), 75%);
text-shadow: 0.1rem 0.1rem 0.2rem color-mix(in srgb, var(--background-color-0) 75%, transparent);
}
.Item p {
color: var(--white-a);
color: var(--white-0);
}
.Item svg {
filter: drop-shadow(0.1rem 0.1rem 0.2rem hsla(var(--background-color-a-hsl), 50%));
filter: drop-shadow(0.1rem 0.1rem 0.2rem color-mix(in srgb, var(--background-color-0) 50%, transparent));
}

4
src/components/modals/ModalView.module.css
View file

@ -8,7 +8,7 @@
}
.Container > * {
background: var(--background-color-a);
border-radius: 0.5rem;
background: var(--background-color-0);
border-radius: var(--border-radius-1);
box-shadow: var(--window-box-shadow);
}

8
src/components/modals/_utils/WindowedModal.module.css
View file

@ -7,7 +7,7 @@
flex-direction: column;
min-width: 300px;
min-height: 150px;
background-color: var(--background-color-c) !important;
background-color: var(--background-color-2) !important;
resize: both;
overflow: hidden;
}
@ -22,7 +22,7 @@
padding: 0.25rem;
padding-left: var(--window-icon-margin);
padding-right: 0;
background-color: var(--background-color-b);
background-color: var(--background-color-1);
cursor: grab;
}
@ -60,7 +60,7 @@
height: var(--header-height);
margin: 0;
padding: 0.75rem;
color: var(--foreground-color-a);
color: var(--foreground-color-0);
background: none;
cursor: pointer;
border: none;
@ -73,7 +73,7 @@
}
.Exit-button {
--header-button-hover-color: var(--red-b);
--header-button-hover-color: var(--red-0);
}
.Header-button:hover, .Header-button:focus-visible {

16
src/components/modals/dialog-box/DialogBox.module.css
View file

@ -7,7 +7,7 @@
flex-direction: column;
min-width: 300px;
min-height: 150px;
background-color: var(--background-color-c) !important;
background-color: var(--background-color-2) !important;
resize: both;
overflow: hidden;
}
@ -22,7 +22,7 @@
padding: 0.25rem;
padding-left: var(--dialog-icon-margin);
padding-right: 0;
background-color: var(--background-color-b);
background-color: var(--background-color-1);
cursor: grab;
}
@ -60,7 +60,7 @@
height: var(--header-height);
margin: 0;
padding: 0.75rem;
color: var(--foreground-color-a);
color: var(--foreground-color-0);
background: none;
cursor: pointer;
border: none;
@ -73,7 +73,7 @@
}
.Exit-button {
--header-button-hover-color: var(--red-b);
--header-button-hover-color: var(--red-0);
}
.Header-button:hover, .Header-button:focus-visible {
@ -95,15 +95,15 @@
margin-bottom: 0.75rem;
padding: 0.5rem 1rem;
width: fit-content;
color: var(--foreground-color-a);
background-color: var(--background-color-a);
color: var(--foreground-color-0);
background-color: var(--background-color-0);
border: none;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
outline: none;
transition: background-color 100ms ease-in-out;
cursor: pointer;
}
.Dialog-content button:hover, .Dialog-content button:focus-visible {
background-color: var(--background-color-b);
background-color: var(--background-color-1);
}

4
src/components/modals/file-properties/FileProperties.module.css
View file

@ -54,8 +54,8 @@
left: 0;
width: 100%;
height: var(--divider-width);
border-radius: 0.25rem;
background-color: var(--background-color-a);
border-radius: var(--border-radius-0);
background-color: var(--background-color-0);
}
.Line {

6
src/components/modals/file-selector/FileSelector.module.css
View file

@ -17,9 +17,9 @@
}
.Button {
--normal-color: var(--background-color-a);
--hover-color: var(--background-color-b);
--normal-color: var(--background-color-0);
--hover-color: var(--background-color-1);
padding: 0.35rem 0.7rem;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
}

14
src/components/modals/share/Share.module.css
View file

@ -56,9 +56,9 @@
max-width: calc(60% - var(--gap));
padding: 0.5rem 1rem;
color: var(--text-color);
background-color: var(--background-color-b);
background-color: var(--background-color-1);
border: none;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
outline: none;
font-size: 0.875em;
}
@ -67,7 +67,7 @@ select.Input > * {
color: inherit;
background-color: inherit;
border: none;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
outline: none;
font-family: inherit;
font-size: inherit;
@ -90,7 +90,7 @@ select.Input > * {
width: 100%;
height: 100%;
object-fit: contain;
fill: var(--foreground-color-a);
fill: var(--foreground-color-0);
}
.Checkbox > svg > * {
@ -103,10 +103,10 @@ select.Input > * {
}
.Button {
--normal-color: var(--background-color-a) !important;
--hover-color: var(--background-color-b) !important;
--normal-color: var(--background-color-0) !important;
--hover-color: var(--background-color-1) !important;
padding: 0.5rem 1rem;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
white-space: nowrap;
}

22
src/components/taskbar/Taskbar.module.css
View file

@ -1,6 +1,9 @@
:root {
--taskbar-height: 3rem;
--taskbar-color: rgba(0, 0, 0, 75%);
--taskbar-color: var(--background-color-2);
--taskbar-opacity: 0.75;
--taskbar-menu-color: var(--background-color-1);
--taskbar-menu-opacity: 0.5;
--taskbar-button-hover-color: rgba(255, 255, 255, 5%);
--taskbar-filter: blur(1rem);
}
@ -12,14 +15,25 @@
left: 0;
width: 100%;
height: var(--taskbar-height);
background-color: var(--taskbar-color);
backdrop-filter: var(--taskbar-filter);
}
.Taskbar::after {
opacity: var(--taskbar-opacity);
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--taskbar-color);
z-index: -2;
}
.Taskbar button {
display: flex;
align-items: center;
color: var(--foreground-color-a);
color: var(--foreground-color-0);
background: none;
cursor: pointer;
border: none;
@ -40,7 +54,7 @@
}
.Home-button * {
fill: var(--foreground-color-a);
fill: var(--foreground-color-0);
filter: none;
}

2
src/components/taskbar/Taskbar.tsx
View file

@ -145,7 +145,7 @@ export const Taskbar = memo(() => {
className={`${styles["Menu-button"]} ${styles["Home-button"]}`}
onClick={() => { updateShowHome(!showHome); }}
>
<ReactSVG src={"/assets/logo.svg"}/>
<ReactSVG src={"/icon.svg"}/>
</button>
<HomeMenu active={showHome} setActive={updateShowHome} search={search}/>
</OutsideClickListener>

6
src/components/taskbar/app-icon/AppIcon.module.css
View file

@ -7,6 +7,10 @@
animation: appear 100ms ease-out forwards;
}
.App-icon svg {
filter: drop-shadow(0.1rem 0.1rem 0.2rem color-mix(in srgb, var(--taskbar-color) 50%, transparent));
}
.App-icon.Hidden {
animation: disappear 400ms ease-in-out forwards;
pointer-events: none;
@ -42,7 +46,7 @@
bottom: 0;
width: 90%;
height: 0.15rem;
background-color: var(--grey-a);
background-color: var(--foreground-color-0);
transition: height 200ms ease-in-out, width 200ms ease-in-out;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);

2
src/components/taskbar/indicators/Battery.module.css
View file

@ -3,7 +3,7 @@
}
.Charging-indicator {
--outline-color: var(--background-color-c);
--outline-color: var(--background-color-2);
--outline-width: 2px;
position: absolute;

2
src/components/taskbar/indicators/Calendar.module.css
View file

@ -20,5 +20,5 @@
}
.Date {
color: var(--foreground-color-b);
color: var(--foreground-color-1);
}

7
src/components/taskbar/menus/AppList.module.css
View file

@ -4,6 +4,7 @@
flex-direction: column;
overflow-y: auto;
max-height: 100%;
padding-bottom: 0.5rem;
z-index: 0;
}
@ -12,7 +13,7 @@
gap: 1rem;
width: 100%;
padding: 0.25rem 0.5rem;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
}
.App-button > div,
@ -22,6 +23,10 @@
height: 2rem;
}
.App-button svg {
filter: drop-shadow(0.1rem 0.1rem 0.2rem color-mix(in srgb, var(--taskbar-color) 50%, transparent));
}
.App-button > p, .App-button > h2 {
margin: 0;
white-space: nowrap;

15
src/components/taskbar/menus/HomeMenu.module.css
View file

@ -11,7 +11,6 @@
display: flex;
min-width: 16rem;
max-width: 32rem;
background-color: hsla(var(--background-color-c-hsl), 75%);
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
@ -22,6 +21,18 @@
resize: horizontal;
}
.Container-inner::after {
opacity: var(--taskbar-menu-opacity);
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--taskbar-menu-color);
z-index: -2;
}
.Container-outer:not(.Active) {
pointer-events: none;
}
@ -42,7 +53,7 @@
.Buttons > button {
padding: 0.5rem;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
}
.Buttons > button > svg {

17
src/components/taskbar/menus/SearchMenu.module.css
View file

@ -17,7 +17,6 @@
min-width: 13rem;
max-width: 19rem;
padding: 0.5rem;
background-color: hsla(var(--background-color-c-hsl), 75%);
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
@ -28,6 +27,18 @@
resize: horizontal;
}
.Container-inner::after {
opacity: var(--taskbar-menu-opacity);
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--taskbar-menu-color);
z-index: -2;
}
.Container-outer:not(.Active) {
pointer-events: none;
}
@ -44,10 +55,10 @@
.Input {
width: 100%;
padding: 0.25rem 0.5rem;
color: var(--foreground-color-a);
color: var(--foreground-color-0);
background-color: rgba(0, 0, 0, 25%);
border: none;
border-radius: 0.5rem;
border-radius: var(--border-radius-1);
outline: none;
font-family: inherit;
font-size: inherit;

13
src/components/taskbar/menus/UtilMenu.module.css
View file

@ -9,7 +9,6 @@
.Container-inner {
opacity: 1;
display: flex;
background-color: hsla(var(--background-color-c-hsl), 75%);
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
@ -20,6 +19,18 @@
resize: horizontal;
}
.Container-inner::after {
opacity: var(--taskbar-menu-opacity);
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--taskbar-menu-color);
z-index: -2;
}
.Container-outer:not(.Active) {
pointer-events: none;
}

10
src/components/windows/WindowView.module.css
View file

@ -32,8 +32,8 @@
flex-direction: column;
min-width: 300px;
min-height: 150px;
background-color: var(--background-color-c);
border-radius: 0.5rem;
background-color: var(--background-color-2);
border-radius: var(--border-radius-1);
box-shadow: var(--window-box-shadow);
resize: both;
overflow: hidden;
@ -83,7 +83,7 @@
padding: 0.25rem;
padding-left: var(--window-icon-margin);
padding-right: 0;
background-color: var(--background-color-b);
background-color: var(--background-color-1);
cursor: grab;
}
@ -121,7 +121,7 @@
height: var(--header-height);
margin: 0;
padding: 0.75rem;
color: var(--foreground-color-a);
color: var(--foreground-color-0);
background: none;
cursor: pointer;
border: none;
@ -134,7 +134,7 @@
}
.Exit-button {
--header-button-hover-color: var(--red-b);
--header-button-hover-color: var(--red-0);
}
.Header-button:hover, .Header-button:focus-visible {

4
src/config/branding.config.ts
View file

@ -1,6 +1,6 @@
import { ANSI } from "./apps/terminal.config";
export const NAME = "Prozilla OS";
export const NAME = "ProzillaOS";
export const TAG_LINE = "Web-based Operating System";
export const ASCII_LOGO = `
@ -20,7 +20,7 @@ export const ASCII_LOGO = `
.::---------::..
....::... `;
export const ANSI_LOGO_COLOR = ANSI.fg.green;
export const ANSI_LOGO_COLOR = ANSI.fg.cyan;
export const ANSI_ASCII_LOGO = `
:.
-==.

4
src/features/apps/terminal/commands/neofetch.ts
View file

@ -30,10 +30,10 @@ export const neofetch = new Command()
browserName = "Unknown";
}
const formatLine = (label, text) => ANSI.fg.green + label.toUpperCase() + ANSI.reset + ": " + text;
const formatLine = (label, text) => ANSI.fg.cyan + label.toUpperCase() + ANSI.reset + ": " + text;
const rightColumn = [
`${ANSI.fg.green + username + ANSI.reset}@${ANSI.fg.green + hostname + ANSI.reset}`,
`${ANSI.fg.cyan + username + ANSI.reset}@${ANSI.fg.cyan + hostname + ANSI.reset}`,
"-".repeat(rightColumnWidth),
formatLine("os", NAME),
formatLine("uptime", formatRelativeTime(START_DATE, 2, false)),

52
src/features/virtual-drive/root/defaultData.ts
View file

@ -35,7 +35,7 @@ export function loadDefaultData(virtualRoot: VirtualRoot) {
file.setSource(source);
});
}
}).createFile("Prozilla-OS", "png", (file) => {
}).createFile("ProzillaOS", "png", (file) => {
file.setSource("/assets/banner-logo-title.png");
}).createFolder("Crumbling City", (folder) => {
folder.createFile("Japan", "png", (file) => {
@ -80,19 +80,19 @@ export function loadDefaultData(virtualRoot: VirtualRoot) {
virtualRoot.createFolder(".github", (folder) => {
folder.createFile("FUNDING", "yml", (file) => {
file.setSource("https://raw.githubusercontent.com/Prozilla/Prozilla-OS/main/.github/FUNDING.yml");
file.setSource("https://raw.githubusercontent.com/Prozilla/ProzillaOS/main/.github/FUNDING.yml");
});
});
virtualRoot.createFolder(".vscode", (folder) => {
folder.createFile("settings", "json", (file) => {
file.setSource("https://raw.githubusercontent.com/Prozilla/Prozilla-OS/main/.vscode/settings.json");
file.setSource("https://raw.githubusercontent.com/Prozilla/ProzillaOS/main/.vscode/settings.json");
});
});
virtualRoot.createFolder("docs", (folder) => {
folder.createFile("README", "md", (file) => {
file.setSource("https://raw.githubusercontent.com/Prozilla/Prozilla-OS/main/docs/README.md");
file.setSource("https://raw.githubusercontent.com/Prozilla/ProzillaOS/main/docs/README.md");
});
});
@ -110,7 +110,7 @@ export function loadDefaultData(virtualRoot: VirtualRoot) {
folder.createFolders(["outfit", "roboto-mono"]);
}).createFolder("screenshots", (folder) => {
folder.createFile("screenshot", "png", (file) => {
file.setSource(`/assets/screenshots/screenshot-files-settings-taskbar-desktop.png`);
file.setSource("/assets/screenshots/screenshot-files-info-taskbar-desktop.png");
});
}).createFolder("wallpapers", (folder) => {
folder.setProtected(true);
@ -122,34 +122,34 @@ export function loadDefaultData(virtualRoot: VirtualRoot) {
});
}
}).createFile("banner", "png", (file) => {
file.setSource(`/assets/banner-logo-title.png`);
file.setSource("/assets/banner-logo-title.png");
}).createFile("logo", "svg", (file) => {
file.setSource(`/assets/logo.svg`);
file.setSource("/icon.svg");
});
}).createFolder("config", (folder) => {
folder.createFile("apps", "xml", (file) => {
file.setSource(`/config/apps.xml`);
file.setSource("/config/apps.xml");
}).createFile("desktop", "xml", (file) => {
file.setSource(`/config/desktop.xml`);
file.setSource("/config/desktop.xml");
}).createFile("taskbar", "xml", (file) => {
file.setSource(`/config/taskbar.xml`);
file.setSource("/config/taskbar.xml");
}).createFile("theme", "xml", (file) => {
file.setSource(`/config/theme.xml`);
file.setSource("/config/theme.xml");
});
}).createFolder("documents", (folder) => {
folder.createFile("info", "md", (file) => {
file.setSource(`/documents/info.md`);
file.setSource("/documents/info.md");
}).createFile("links", "md", (file) => {
file.setSource(`/documents/links.md`);
file.setSource("/documents/links.md");
});
}).createFile("favicon", "ico", (file) => {
file.setSource(`/favicon.ico`);
file.setSource("/favicon.ico");
}).createFile("index", "html", (file) => {
file.setSource(`/index.html`);
file.setSource("/index.html");
}).createFile("robots", "txt", (file) => {
file.setSource(`/robots.txt`);
file.setSource("/robots.txt");
}).createFile("sitemap", "xml", (file) => {
file.setSource(`/sitemap.xml`);
file.setSource("/sitemap.xml");
});
});
@ -160,25 +160,25 @@ export function loadDefaultData(virtualRoot: VirtualRoot) {
.createFolder("hooks")
.createFolder("styles")
.createFile("App", "tsx", (file) => {
file.setSource("https://raw.githubusercontent.com/Prozilla/Prozilla-OS/main/src/App.tsx");
file.setSource("https://raw.githubusercontent.com/Prozilla/ProzillaOS/main/src/App.tsx");
}).createFile("index", "tsx", (file) => {
file.setSource("https://raw.githubusercontent.com/Prozilla/Prozilla-OS/main/src/index");
file.setSource("https://raw.githubusercontent.com/Prozilla/ProzillaOS/main/src/index");
});
});
virtualRoot.createFile("", "env", (file) => {
file.setSource("https://raw.githubusercontent.com/Prozilla/Prozilla-OS/main/.env");
file.setSource("https://raw.githubusercontent.com/Prozilla/ProzillaOS/main/.env");
}).createFile("", "gitignore", (file) => {
file.setSource("https://raw.githubusercontent.com/Prozilla/Prozilla-OS/main/.gitignore");
file.setSource("https://raw.githubusercontent.com/Prozilla/ProzillaOS/main/.gitignore");
}).createFile("LICENSE", "md", (file) => {
file.setSource("https://raw.githubusercontent.com/Prozilla/Prozilla-OS/main/LICENSE.md");
file.setSource("https://raw.githubusercontent.com/Prozilla/ProzillaOS/main/LICENSE.md");
}).createFile("README", "md", (file) => {
file.setSource("https://raw.githubusercontent.com/Prozilla/Prozilla-OS/main/README.md");
file.setSource("https://raw.githubusercontent.com/Prozilla/ProzillaOS/main/README.md");
}).createFile("package", "json", (file) => {
file.setSource("https://raw.githubusercontent.com/Prozilla/Prozilla-OS/main/package.json");
file.setSource("https://raw.githubusercontent.com/Prozilla/ProzillaOS/main/package.json");
}).createFile("deploy", "sh", (file) => {
file.setSource("https://raw.githubusercontent.com/Prozilla/Prozilla-OS/main/deploy.sh");
file.setSource("https://raw.githubusercontent.com/Prozilla/ProzillaOS/main/deploy.sh");
}).createFile("tsconfig", "json", (file) => {
file.setSource("https://raw.githubusercontent.com/Prozilla/Prozilla-OS/main/tsconfig.json");
file.setSource("https://raw.githubusercontent.com/Prozilla/ProzillaOS/main/tsconfig.json");
});
}

8
src/styles/global.css
View file

@ -12,7 +12,7 @@ html, body, #root {
html {
scroll-behavior: smooth;
overflow: hidden;
background-color: var(--background-color-c);
background-color: var(--background-color-2);
font-size: 16px;
}
@ -24,7 +24,7 @@ body {
}
*, :after, :before {
color: var(--foreground-color-a);
color: var(--foreground-color-0);
font-size: 1rem;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
@ -60,6 +60,6 @@ code {
*::selection {
color: var(--background-color-c);
background-color: var(--grey-b);
color: var(--background-color-3);
background-color: var(--foreground-color-0);
}

Some files were not shown because too many files have changed in this diff Show more