From e652e076f1d8e0436fbdaac49921b8e927742298 Mon Sep 17 00:00:00 2001
From: JANMESH ARUN SHEWALE <worksjanmesh@gmail.com>
Date: Fri, 31 Oct 2025 04:33:36 +0530
Subject: [PATCH 1/4] feat: add dropdown menu for direct ISO download links

---
 src/components/DownloadDropdown.astro | 189 ++++++++++++++++++++++++++
 src/content/docs/index.mdx            |   8 +-
 2 files changed, 193 insertions(+), 4 deletions(-)
 create mode 100644 src/components/DownloadDropdown.astro

diff --git a/src/components/DownloadDropdown.astro b/src/components/DownloadDropdown.astro
new file mode 100644
index 0000000..ce4fc76
--- /dev/null
+++ b/src/components/DownloadDropdown.astro
@@ -0,0 +1,189 @@
+---
+// src/components/DownloadDropdown.astro
+---
+
+<div class="download-dropdown-container">
+  <button class="download-dropdown-btn" id="downloadDropdownBtn">
+    <span>Download StratOS</span>
+    <span class="dropdown-arrow">▼</span>
+  </button>
+  <div class="download-dropdown-menu" id="downloadDropdown">
+    <a href="https://downloads.stratos-linux.org/hyprland-iso/" class="dropdown-item">
+      <span class="version">StratOS Hyprland ISO</span>
+      <span class="file-size">Latest Build</span>
+    </a>
+    <a href="https://downloads.stratos-linux.org/niri-iso/" class="dropdown-item">
+      <span class="version">StratOS Niri ISO</span>
+      <span class="file-size">Latest Build</span>
+    </a>
+    <a href="https://downloads.stratos-linux.org/gnome-iso/" class="dropdown-item">
+      <span class="version">StratOS GNOME ISO</span>
+      <span class="file-size">Latest Build</span>
+    </a>
+    <a href="https://downloads.stratos-linux.org/trial-iso/" class="dropdown-item">
+      <span class="version">StratOS Trial ISO</span>
+      <span class="file-size">Try Before Install</span>
+    </a>
+    <a href="https://downloads.stratos-linux.org/" class="dropdown-item view-all">
+      <span class="version">View All Downloads</span>
+      <span class="file-size">Main Mirror</span>
+    </a>
+  </div>
+</div>
+
+<script>
+  document.addEventListener("DOMContentLoaded", function () {
+    const dropdownBtn = document.getElementById("downloadDropdownBtn");
+    const dropdownMenu = document.getElementById("downloadDropdown");
+
+    if (dropdownBtn && dropdownMenu) {
+      const dropdownArrow = dropdownBtn.querySelector(".dropdown-arrow");
+
+      dropdownBtn.addEventListener("click", function (e) {
+        e.stopPropagation();
+        dropdownMenu.classList.toggle("show");
+        if (dropdownArrow) dropdownArrow.classList.toggle("rotate");
+      });
+
+      document.addEventListener("click", function () {
+        dropdownMenu.classList.remove("show");
+        if (dropdownArrow) dropdownArrow.classList.remove("rotate");
+      });
+
+      dropdownMenu.addEventListener("click", function (e) {
+        e.stopPropagation();
+      });
+    }
+  });
+</script>
+
+<style>
+ .download-dropdown-container {
+  position: relative;
+  display: inline-block;
+  margin: 0 10px;
+}
+
+.download-dropdown-btn {
+  background: transparent;
+  color: #9ab4ff;
+  border: 2px solid #9ab4ff;
+  padding: 12px 24px;
+  font-size: 1.1rem;
+  border-radius: 8px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  transition: all 0.3s ease;
+  font-weight: 600;
+}
+
+.download-dropdown-btn:hover {
+  background: #9ab4ff;
+  color: #0d1117;
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+}
+
+.download-dropdown-menu {
+  display: none;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  background: #0f111a; /* dark background */
+  min-width: 280px;
+  border-radius: 8px;
+  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  z-index: 1000;
+  margin-top: 8px;
+  overflow: hidden;
+}
+
+.download-dropdown-menu.show {
+  display: block;
+  animation: dropdownFadeIn 0.2s ease;
+}
+
+@keyframes dropdownFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.dropdown-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 16px;
+  color: #e0e6ff;
+  text-decoration: none;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  transition: background-color 0.2s ease, color 0.2s ease;
+  background: transparent;
+}
+
+.dropdown-item:hover {
+  background: rgba(154, 180, 255, 0.15);
+  color: #ffffff;
+}
+
+.dropdown-item:last-child {
+  border-bottom: none;
+}
+
+.dropdown-item.view-all {
+  background: rgba(154, 180, 255, 0.1);
+  font-weight: 600;
+}
+
+.dropdown-item.view-all:hover {
+  background: rgba(154, 180, 255, 0.2);
+}
+
+.version {
+  font-weight: 600;
+  font-size: 0.9rem;
+}
+
+.file-size {
+  background: rgba(255, 255, 255, 0.1);
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 0.8rem;
+  color: #c6d1ff;
+}
+
+.dropdown-arrow {
+  transition: transform 0.3s ease;
+  font-size: 0.8rem;
+}
+
+.dropdown-arrow.rotate {
+  transform: rotate(180deg);
+}
+
+@media (max-width: 768px) {
+  .download-dropdown-container {
+    display: block;
+    margin: 10px 0;
+  }
+
+  .download-dropdown-btn {
+    width: 100%;
+    justify-content: center;
+  }
+
+  .download-dropdown-menu {
+    left: 50%;
+    transform: translateX(-50%);
+    min-width: 250px;
+  }
+}
+</style>
diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx
index c536175..b2a5eca 100644
--- a/src/content/docs/index.mdx
+++ b/src/content/docs/index.mdx
@@ -11,8 +11,8 @@ hero:
       link: /intro
       icon: right-arrow
       variant: primary
-    - text: Download
-      icon: external
-      variant: minimal
-      link: https://downloads.stratos-linux.org/
 ---
+
+import DownloadDropdown from '../../components/DownloadDropdown.astro'
+
+<DownloadDropdown client:load />
\ No newline at end of file

From 9cd9b08fc7e1e59df560db6a1b1524e70babcd43 Mon Sep 17 00:00:00 2001
From: JANMESH ARUN SHEWALE <worksjanmesh@gmail.com>
Date: Fri, 31 Oct 2025 04:41:17 +0530
Subject: [PATCH 2/4] fix the download button position

---
 src/content/docs/index.mdx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx
index b2a5eca..4248579 100644
--- a/src/content/docs/index.mdx
+++ b/src/content/docs/index.mdx
@@ -11,8 +11,5 @@ hero:
       link: /intro
       icon: right-arrow
       variant: primary
+    - component: ../../components/DownloadDropdown.astro
 ---
-
-import DownloadDropdown from '../../components/DownloadDropdown.astro'
-
-<DownloadDropdown client:load />
\ No newline at end of file

From 0085d97ca998b33f306dd82bb7cbaad9325de329 Mon Sep 17 00:00:00 2001
From: JANMESH ARUN SHEWALE <worksjanmesh@gmail.com>
Date: Fri, 31 Oct 2025 04:56:06 +0530
Subject: [PATCH 3/4] correct download button issue

---
 src/content/docs/index.mdx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx
index 4248579..b2a5eca 100644
--- a/src/content/docs/index.mdx
+++ b/src/content/docs/index.mdx
@@ -11,5 +11,8 @@ hero:
       link: /intro
       icon: right-arrow
       variant: primary
-    - component: ../../components/DownloadDropdown.astro
 ---
+
+import DownloadDropdown from '../../components/DownloadDropdown.astro'
+
+<DownloadDropdown client:load />
\ No newline at end of file

From 72a4f3f0ca9b12fab4fb5ecda19a6d73eef70ab7 Mon Sep 17 00:00:00 2001
From: JANMESH ARUN SHEWALE <worksjanmesh@gmail.com>
Date: Fri, 31 Oct 2025 15:06:02 +0530
Subject: [PATCH 4/4] fix download button position and blue outline removed

---
 src/components/DownloadDropdown.astro | 11 ++++++-----
 src/content/docs/index.mdx            | 12 ++++++------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/DownloadDropdown.astro b/src/components/DownloadDropdown.astro
index ce4fc76..c47e519 100644
--- a/src/components/DownloadDropdown.astro
+++ b/src/components/DownloadDropdown.astro
@@ -65,12 +65,12 @@
 }
 
 .download-dropdown-btn {
-  background: transparent;
-  color: #9ab4ff;
-  border: 2px solid #9ab4ff;
+  background: #9ab4ff;
+  color: #0d1117;
+  border: none;
   padding: 12px 24px;
   font-size: 1.1rem;
-  border-radius: 8px;
+  border-radius: 9999px; /* same pill shape as docs button */
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -79,8 +79,9 @@
   font-weight: 600;
 }
 
+
 .download-dropdown-btn:hover {
-  background: #9ab4ff;
+  background: #a8bbff;
   color: #0d1117;
   transform: translateY(-2px);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx
index b2a5eca..84bde7d 100644
--- a/src/content/docs/index.mdx
+++ b/src/content/docs/index.mdx
@@ -6,13 +6,13 @@ hero:
   tagline: Welcome to the homepage of the StratOS project!
   image:
     file: ../../assets/stratos.webp
-  actions:
-    - text: Go to docs
-      link: /intro
-      icon: right-arrow
-      variant: primary
 ---
 
 import DownloadDropdown from '../../components/DownloadDropdown.astro'
 
-<DownloadDropdown client:load />
\ No newline at end of file
+<div style="display: flex; align-items: center; gap: 1rem; margin-top: 2rem;">
+  <a href="/intro" class="button primary" style="text-decoration: none;">
+    Go to docs →
+  </a>
+  <DownloadDropdown client:load />
+</div>