PeerViewer
diff --git a/‎src/images/laptop.png‎
577 KB b/‎src/images/laptop.png‎
577 KB
diff --git a/‎src/index.html‎
Lines changed: 15 additions & 4 deletions b/‎src/index.html‎
Lines changed: 15 additions & 4 deletions
@@ -22,7 +22,7 @@
   <body>
     <div class="container">
         <header>
-	   <img src="../images/logo_and_name.png" class="logo"/>
+	   <a href="#" onclick="menuChange(event,6)"><img src="../images/logo_and_name.png" class="logo"/></a>
            <div class="menu">
                <div class="menuitem"><a href="#" class="menubutton menubuttonselected" onclick="menuChange(event,0)">Connect</a></div>
                <div class="menuitem"><a href="#" class="menubutton" onclick="menuChange(event,1)">Features</a></div>
@@ -31,6 +31,16 @@
            </div>
 	   <div class="builtwith">© 2024 Built with<a href="https://pears.com/" target="_blank"><img class="pearslogo" src="../images/pears-logo.svg"></a></div>
         </header>
+        <div class="main-content" id="content6">
+	     <div class="twocolumns column1">
+		<h1>Direct, Secure and Uninterrupted Remote Access - The P2P Way</h1>
+		<p>PeerViewer is a fully peer-to-peer remote desktop applications that lets you securely access and control computers anywhere, anytime, without the need for centralized servers. It's the privacy-focused, cost-effective solution for seamless remote support and collaboration.</p>
+		<a href="https://github.com/PeerViewer/codebase/releases/" class="bigbutton regulardownloadbutton"><div>Download PeerViewer to get started</div></a>
+	    </div>
+	     <div>
+		<img src="../images/laptop.png" class="laptop"/>
+	    </div>
+	</div>
         <div class="main-content" id="content0">
             <div class="coverremotecontrol">
                 <a href="https://github.com/PeerViewer/codebase/releases/" class="bigbutton downloadbutton"><div>Download PeerViewer to get started</div></a>
@@ -147,9 +157,9 @@ <h3>Building blocks</h3>
       Array.from(document.getElementsByClassName("coverremotecontrol")).forEach(button => {
         button.style.display = "block";
       });
+      menuChange(null,6);
     }
     function startup() {
-      populateFeatureGallery();
       try {
         const process = require('node:process');
         console.log(process.platform);
@@ -166,11 +176,12 @@ <h3>Building blocks</h3>
          console.log(e);
          adaptForWeb();
       }
+      populateFeatureGallery();
     }
     function menuChange(event,itemnr) {
       console.log("changing menu " + itemnr);
       // Show the right content
-      for (let i=0;i<6;i++) {
+      for (let i=0;i<7;i++) {
         let tohide = document.getElementById("content" + i)
         if (tohide) tohide.style.display = "none";
       }
@@ -180,7 +191,7 @@ <h3>Building blocks</h3>
       Array.from(document.getElementsByClassName("menubutton")).forEach(button => {
         button.classList.remove("menubuttonselected");
       });
-      event.target.classList.add("menubuttonselected");
+      if (event != null) event.target.classList.add("menubuttonselected");
     }
 
     function populateFeatureGallery() {