feat(website,extension): integrate NewLogoIcon as WebP favicon/header logo and convert to PNG extension icons

This commit is contained in:
Timo
2026-05-30 20:14:59 +02:00
parent 74042c3c78
commit 25b23d083d
10 changed files with 10 additions and 10 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 889 B

After

Width:  |  Height:  |  Size: 992 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

+2 -2
View File
@@ -6,7 +6,7 @@
<title>Datenschutz / Privacy Policy | KoalaSync</title>
<link rel="preload" href="style.css" as="style">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="assets/logo.png">
<link rel="icon" type="image/webp" href="assets/NewLogoIcon_64.webp">
<meta name="robots" content="noindex">
<!-- Mobile Browser Theme Styling -->
@@ -26,7 +26,7 @@
<nav>
<div class="container nav-content">
<a href="index.html" class="logo-area" style="text-decoration: none;">
<img src="assets/logo.png" alt="KoalaSync Logo" width="40" height="40">
<img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40">
<span>KoalaSync</span>
</a>
<button class="hamburger" aria-label="Menu" aria-expanded="false"></button>
+2 -2
View File
@@ -6,7 +6,7 @@
<title>Impressum / Legal Notice | KoalaSync</title>
<link rel="preload" href="style.css" as="style">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="assets/logo.png">
<link rel="icon" type="image/webp" href="assets/NewLogoIcon_64.webp">
<meta name="robots" content="noindex">
<!-- Mobile Browser Theme Styling -->
@@ -26,7 +26,7 @@
<nav>
<div class="container nav-content">
<a href="index.html" class="logo-area" style="text-decoration: none;">
<img src="assets/logo.png" alt="KoalaSync Logo" width="40" height="40">
<img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40">
<span>KoalaSync</span>
</a>
<button class="hamburger" aria-label="Menu" aria-expanded="false"></button>
+4 -4
View File
@@ -8,7 +8,7 @@
<link rel="preload" href="style.css" as="style">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="assets/logo.png">
<link rel="icon" type="image/webp" href="assets/NewLogoIcon_64.webp">
<link rel="canonical" href="https://sync.koalastuff.net/">
<meta name="robots" content="index, follow">
@@ -65,7 +65,7 @@
<nav>
<div class="container nav-content">
<div class="logo-area">
<img src="assets/logo.png" alt="KoalaSync Logo" width="40" height="40">
<img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40">
<span>KoalaSync</span>
</div>
<button class="hamburger" aria-label="Menu" aria-expanded="false"></button>
@@ -120,7 +120,7 @@
<div class="hero-mockup-wrapper" data-reveal>
<div class="extension-mockup">
<div class="mock-header-row">
<h1><img src="assets/logo.png" alt="KoalaSync Logo">KoalaSync</h1>
<h1><img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo">KoalaSync</h1>
<a href="https://github.com/Shik3i/KoalaSync" target="_blank" class="mock-version-link" title="Visit GitHub Repository">
<svg viewBox="0 0 16 16" fill="currentColor" style="width: 12px; height: 12px; display: block;"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
<span>v1.9.3</span>
@@ -684,7 +684,7 @@
<span class="illus-dot"></span>
</div>
<div class="illus-address-bar"></div>
<div class="illus-extension-icon"><img src="assets/logo.png" alt="KoalaSync" width="12" height="12" style="width: 12px; height: 12px; display: block; object-fit: contain;"></div>
<div class="illus-extension-icon"><img src="assets/NewLogoIcon.webp" alt="KoalaSync" width="12" height="12" style="width: 12px; height: 12px; display: block; object-fit: contain;"></div>
</div>
<div class="illus-browser-body">
<div class="illus-line-placeholder" style="width: 80%;"></div>
+2 -2
View File
@@ -6,7 +6,7 @@
<title>Join Room | KoalaSync</title>
<link rel="preload" href="style.css" as="style">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="assets/logo.png">
<link rel="icon" type="image/webp" href="assets/NewLogoIcon_64.webp">
<meta name="robots" content="noindex">
<!-- Mobile Browser Theme Styling -->
@@ -26,7 +26,7 @@
<nav>
<div class="container nav-content">
<a href="index.html" class="logo-area" style="text-decoration: none;">
<img src="assets/logo.png" alt="KoalaSync Logo" width="40" height="40">
<img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="40" height="40">
<span>KoalaSync</span>
</a>
<button class="hamburger" aria-label="Menu" aria-expanded="false"></button>