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 -------
echo Domain: $DOMAIN
echo Commit message: $COMMIT_MESSAGE
echo -e "Repository: $REPO_URL\n"
echo -e "Domain: \e[0;36m$DOMAIN\e[0m"
echo -e "Commit message: \e[0;36m$COMMIT_MESSAGE\e[0m"
echo -e "Repository: \e[0;36m$REPO_URL\e[0m\n"
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
echo Successfully deployed to https://$DOMAIN/
echo -e "\e[0;32m✓ Successfully deployed to \e[0;36mhttps://$DOMAIN/\e[0m"
else
echo Failed to deploy
echo -e "\e[0;31mFailed to deploy\e[0m"
fi

View file

@ -2,24 +2,20 @@
<html lang="en" style="background-color: #0D1114;">
<head>
<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>
<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="icon" type="image/x-icon" sizes="any" href="https://os.prozilla.dev/favicon.ico?v=2">
<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="icon" type="image/x-icon" sizes="any" href="/favicon.ico?v=3">
<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"/>
<meta name="msapplication-TileColor" 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 -->
<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/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 -->
<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",
"short_name": "ProzillaOS",
"icons": [
"icons": [
{
"src": "/favicon-192.png?v=2",
"src": "/favicon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/favicon-512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"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: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:loc>https://os.prozilla.dev/assets/wallpapers/mesh-gradient-wallpaper-red-purple.png</image:loc>

View file

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

View file

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

View file

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