diff --git a/docs/assets/favicon/android-chrome-192x192.png b/docs/assets/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000..87a2d9d
Binary files /dev/null and b/docs/assets/favicon/android-chrome-192x192.png differ
diff --git a/docs/assets/favicon/android-chrome-512x512.png b/docs/assets/favicon/android-chrome-512x512.png
new file mode 100644
index 0000000..079d141
Binary files /dev/null and b/docs/assets/favicon/android-chrome-512x512.png differ
diff --git a/docs/assets/favicon/apple-touch-icon.png b/docs/assets/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..c3c34b7
Binary files /dev/null and b/docs/assets/favicon/apple-touch-icon.png differ
diff --git a/docs/assets/favicon/favicon-16x16.png b/docs/assets/favicon/favicon-16x16.png
new file mode 100644
index 0000000..8c673b2
Binary files /dev/null and b/docs/assets/favicon/favicon-16x16.png differ
diff --git a/docs/assets/favicon/favicon-32x32.png b/docs/assets/favicon/favicon-32x32.png
new file mode 100644
index 0000000..6bddb8f
Binary files /dev/null and b/docs/assets/favicon/favicon-32x32.png differ
diff --git a/docs/assets/favicon/favicon.ico b/docs/assets/favicon/favicon.ico
new file mode 100644
index 0000000..91e6b83
Binary files /dev/null and b/docs/assets/favicon/favicon.ico differ
diff --git a/docs/assets/logos/kekspirates-logo.png b/docs/assets/logos/kekspirates-logo.png
new file mode 100644
index 0000000..2d439be
Binary files /dev/null and b/docs/assets/logos/kekspirates-logo.png differ
diff --git a/docs/assets/logos/softwaremanager-logo-200px.png b/docs/assets/logos/softwaremanager-logo-200px.png
new file mode 100644
index 0000000..c5fa3e4
Binary files /dev/null and b/docs/assets/logos/softwaremanager-logo-200px.png differ
diff --git a/docs/assets/logos/softwaremanager-logo-rounded.png b/docs/assets/logos/softwaremanager-logo-rounded.png
new file mode 100644
index 0000000..2b3f24d
Binary files /dev/null and b/docs/assets/logos/softwaremanager-logo-rounded.png differ
diff --git a/docs/assets/logos/softwaremanager-logo.png b/docs/assets/logos/softwaremanager-logo.png
new file mode 100644
index 0000000..c71fbd5
Binary files /dev/null and b/docs/assets/logos/softwaremanager-logo.png differ
diff --git a/docs/assets/logos/softwaremanager-logo.svg b/docs/assets/logos/softwaremanager-logo.svg
new file mode 100644
index 0000000..0db7316
--- /dev/null
+++ b/docs/assets/logos/softwaremanager-logo.svg
@@ -0,0 +1,164 @@
+
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 53b4b93..f22828c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,18 +1,37 @@
-
+
- SoftwareManager - Main
+ SoftwareManager - Simply search and download software from various sources
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
KeksPirates
@@ -195,7 +214,12 @@
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
- document.getElementById(tabName).style.display = "block";
+ var target = document.getElementById(tabName);
+ target.style.display = "block";
+ // restart animation
+ target.classList.remove('tab-animate');
+ void target.offsetWidth;
+ target.classList.add('tab-animate');
let activeButton = document.querySelector(`.tablinks[onclick*="${tabName}"]`);
if (activeButton) {
@@ -219,6 +243,17 @@
}
});
+ // Determine the correct tab immediately (before full load) to prevent flash
+ (function() {
+ let currentPath = window.location.pathname;
+ let tabName = 'start';
+ if (currentPath === '/api') tabName = 'api';
+ else if (currentPath === '/docs') tabName = 'docs';
+ else if (currentPath !== '/') tabName = 'notfound';
+ // Show only the correct tab right away
+ document.getElementById(tabName).style.display = 'block';
+ })();
+
window.onload = function() {
let currentPath = window.location.pathname;
diff --git a/docs/main.css b/docs/main.css
index f2b88a7..45559e7 100644
--- a/docs/main.css
+++ b/docs/main.css
@@ -12,6 +12,7 @@ body {
flex-direction: column;
min-height: 100vh;
background: #0f1011;
+ opacity: 1 !important;
}
header {
@@ -65,6 +66,27 @@ main {
padding: 3rem;
}
+/* Hide all tabs by default to prevent flash on page load */
+.tabcontent {
+ display: none;
+}
+
+/* Tab switch animation */
+@keyframes tabFadeIn {
+ from {
+ opacity: 0;
+ transform: translateY(8px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+.tabcontent.tab-animate {
+ animation: tabFadeIn 0.3s ease-out forwards;
+}
+
main h1.hometitle {
font-size: 4.0rem;
line-height: 4rem;