New screenshots

freelensapp · Jan 30, 2025 · 0f026f7 · 0f026f7
1 parent 8b2f228
commit 0f026f7
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,9 @@
+?.*
+*~
+*.bak
+*.exe
+*.log
+tmp/
+.DS_Store
+.idea
+.vscode
diff --git a/images/freelens-logo-with-border.png b/images/freelens-logo-with-border.png
diff --git a/images/freelens-screenshot-linux.png b/images/freelens-screenshot-linux.png
diff --git a/images/freelens-screenshot-macos.png b/images/freelens-screenshot-macos.png
diff --git a/images/freelens-screenshot-windows.png b/images/freelens-screenshot-windows.png
diff --git a/index.html b/index.html
@@ -8,6 +8,7 @@
     <script async defer src="https://buttons.github.io/buttons.js"></script>
     <!-- Website verification abe7a4da-07a6-4a85-ad59-0c135521ee62 -->
   </head>
+
   <body>
     <header>
       <img src="images/freelens-logo.png" alt="Freelens Logo" class="logo" />
@@ -49,8 +50,9 @@ <h2>Free Open Source Kubernetes IDE</h2>
       </section>
       <section class="screenshot">
         <img
-          src="images/freelens-screenshot.png"
+          src="images/freelens-screenshot-macos.png"
           alt="Freelens Application Screenshot"
+          id="screenshot"
         />
       </section>
       <section class="download-section">
@@ -159,9 +161,27 @@ <h2>Free Open Source Kubernetes IDE</h2>
       <p>&copy; 2024-2025 Freelens Authors</p>
     </footer>
     <script>
+      document
+        .getElementById("screenshot")
+        .addEventListener("click", function () {
+          console.log(this.src);
+          if (this.src.includes("macos")) {
+            document.getElementById("screenshot").src =
+              "images/freelens-screenshot-windows.png";
+          } else if (this.src.includes("windows")) {
+            document.getElementById("screenshot").src =
+              "images/freelens-screenshot-linux.png";
+          } else if (this.src.includes("linux")) {
+            document.getElementById("screenshot").src =
+              "images/freelens-screenshot-macos.png";
+          }
+        });
+
       document
         .getElementById("macos-download-button")
         .addEventListener("click", function () {
+          document.getElementById("screenshot").src =
+            "images/freelens-screenshot-macos.png";
           var links = document.getElementById("macos-download-links");
           if (links.style.display === "none" || links.style.display === "") {
             links.style.display = "block";
@@ -188,6 +208,8 @@ <h2>Free Open Source Kubernetes IDE</h2>
       document
         .getElementById("windows-download-button")
         .addEventListener("click", function () {
+          document.getElementById("screenshot").src =
+            "images/freelens-screenshot-windows.png";
           var links = document.getElementById("windows-download-links");
           if (links.style.display === "none" || links.style.display === "") {
             links.style.display = "block";
@@ -214,6 +236,8 @@ <h2>Free Open Source Kubernetes IDE</h2>
       document
         .getElementById("linux-download-button")
         .addEventListener("click", function () {
+          document.getElementById("screenshot").src =
+            "images/freelens-screenshot-linux.png";
           var links = document.getElementById("linux-download-links");
           if (links.style.display === "none" || links.style.display === "") {
             links.style.display = "block";