Updated favicon

This commit is contained in:
Prozilla 2024-06-05 21:46:48 +02:00
parent 7cee514acb
commit a8c893807d
No known key found for this signature in database
GPG key ID: 5858DFE71CAF31EE
14 changed files with 27 additions and 20 deletions

View file

@ -7,14 +7,14 @@ REPO_URL="https://github.com/Prozilla/ProzillaOS"
# ------- You don't need to edit anything below this line ------- # ------- You don't need to edit anything below this line -------
echo Domain: $DOMAIN echo -e "Domain: \e[0;36m$DOMAIN\e[0m"
echo Commit message: $COMMIT_MESSAGE echo -e "Commit message: \e[0;36m$COMMIT_MESSAGE\e[0m"
echo -e "Repository: $REPO_URL\n" echo -e "Repository: \e[0;36m$REPO_URL\e[0m\n"
echo $DOMAIN > dist/CNAME echo $DOMAIN > dist/CNAME
echo Deploying to GitHub Pages... echo -e "\e[0;33mDeploying to GitHub Pages...\e[0m"
if gh-pages -d dist -m $COMMIT_MESSAGE -r $REPO_URL ; then if gh-pages -d dist -m $COMMIT_MESSAGE -r $REPO_URL ; then
echo Successfully deployed to https://$DOMAIN/ echo -e "\e[0;32m✓ Successfully deployed to \e[0;36mhttps://$DOMAIN/\e[0m"
else else
echo Failed to deploy echo -e "\e[0;31mFailed to deploy\e[0m"
fi fi

View file

@ -2,24 +2,20 @@
<html lang="en" style="background-color: #0D1114;"> <html lang="en" style="background-color: #0D1114;">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>ProzillaOS | Web-based Operating System</title> <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."/> <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/"> <link rel="canonical" href="https://os.prozilla.dev/">
<!-- Favicon --> <!-- Favicon -->
<link rel="icon" type="image/x-icon" sizes="any" href="https://os.prozilla.dev/favicon.ico?v=2"> <link rel="icon" type="image/x-icon" sizes="any" href="/favicon.ico?v=3">
<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="shortcut icon" type="image/svg+xml" href="/icon.svg?v=2"/>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=3">
<link rel="mask-icon" href="/icon.svg?v=2" color="#36b29e"/> <link rel="mask-icon" href="/icon.svg?v=2" color="#36b29e"/>
<meta name="msapplication-TileColor" content="#0d1114"/> <meta name="msapplication-TileColor" content="#0d1114"/>
<meta name="theme-color" content="#0d1114"/> <meta name="theme-color" content="#0d1114"/>
<link rel="manifest" href="/site.webmanifest?v=2"> <link rel="manifest" href="/manifest.json?v=3">
<!-- Open Graph --> <!-- Open Graph -->
<meta property="og:title" content="ProzillaOS | Web-based Operating System"/> <meta property="og:title" content="ProzillaOS | Web-based Operating System"/>
@ -41,6 +37,11 @@
<link rel="preload" href="/assets/fonts/outfit/Outfit-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin> <link rel="preload" href="/assets/fonts/outfit/Outfit-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" href="/assets/fonts/roboto-mono/RobotoMono-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin> <link rel="preload" href="/assets/fonts/roboto-mono/RobotoMono-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin>
<!-- PWA -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<!-- FAQ --> <!-- FAQ -->
<script type="application/ld+json"> <script type="application/ld+json">
{ {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 765 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3 KiB

BIN
public/favicon-512.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

View file

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

View file

@ -20,7 +20,7 @@
<image:loc>https://os.prozilla.dev/assets/wallpapers/colorful-abstract-wallpaper-blue-red-green.png</image:loc> <image:loc>https://os.prozilla.dev/assets/wallpapers/colorful-abstract-wallpaper-blue-red-green.png</image:loc>
</image:image> </image:image>
<image:image> <image:image>
<image:loc>https://os.prozilla.dev/assets/wallpapers/colorful-mesh-gradient--yellow-1lue-green.png</image:loc> <image:loc>https://os.prozilla.dev/assets/wallpapers/colorful-mesh-gradient-yellow-blue-green.png</image:loc>
</image:image> </image:image>
<image:image> <image:image>
<image:loc>https://os.prozilla.dev/assets/wallpapers/mesh-gradient-wallpaper-red-purple.png</image:loc> <image:loc>https://os.prozilla.dev/assets/wallpapers/mesh-gradient-wallpaper-red-purple.png</image:loc>

View file

@ -54,7 +54,7 @@
} }
.IconButton:disabled { .IconButton:disabled {
opacity: 0.75; --color: var(--background-color-1);
} }
.IconButton svg { .IconButton svg {

View file

@ -1,6 +1,6 @@
.Desktop { .Desktop {
position: fixed; position: fixed;
top: 0; top: env(safe-area-inset-top, 0);
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;

View file

@ -7,6 +7,7 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: var(--taskbar-height); height: var(--taskbar-height);
margin-bottom: env(safe-area-inset-bottom);
} }
.Taskbar::after, .Taskbar::after,
@ -14,7 +15,7 @@
content: ""; content: "";
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: calc(env(safe-area-inset-bottom, 0) * -1);
left: 0; left: 0;
right: 0; right: 0;
pointer-events: none; pointer-events: none;