Updated favicon
12
deploy.sh
|
|
@ -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
|
||||
17
index.html
|
|
@ -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">
|
||||
{
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 765 B |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 3 KiB |
BIN
public/favicon-512.png
Normal file
|
After Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 5.3 KiB |
|
|
@ -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",
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
}
|
||||
|
||||
.IconButton:disabled {
|
||||
opacity: 0.75;
|
||||
--color: var(--background-color-1);
|
||||
}
|
||||
|
||||
.IconButton svg {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
.Desktop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
top: env(safe-area-inset-top, 0);
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||