Skip to content

Commit 124c3ac

Browse files
Add laptop screen
1 parent 144f62b commit 124c3ac

File tree

2 files changed

+15
-4
lines changed

2 files changed

+15
-4
lines changed

src/images/laptop.png

577 KB
Loading

src/index.html

Lines changed: 15 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
<body>
2323
<div class="container">
2424
<header>
25-
<img src="../images/logo_and_name.png" class="logo"/>
25+
<a href="#" onclick="menuChange(event,6)"><img src="../images/logo_and_name.png" class="logo"/></a>
2626
<div class="menu">
2727
<div class="menuitem"><a href="#" class="menubutton menubuttonselected" onclick="menuChange(event,0)">Connect</a></div>
2828
<div class="menuitem"><a href="#" class="menubutton" onclick="menuChange(event,1)">Features</a></div>
@@ -31,6 +31,16 @@
3131
</div>
3232
<div class="builtwith">© 2024 Built with<a href="https://pears.com/" target="_blank"><img class="pearslogo" src="../images/pears-logo.svg"></a></div>
3333
</header>
34+
<div class="main-content" id="content6">
35+
<div class="twocolumns column1">
36+
<h1>Direct, Secure and Uninterrupted Remote Access - The P2P Way</h1>
37+
<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>
38+
<a href="https://github.com/PeerViewer/codebase/releases/" class="bigbutton regulardownloadbutton"><div>Download PeerViewer to get started</div></a>
39+
</div>
40+
<div>
41+
<img src="../images/laptop.png" class="laptop"/>
42+
</div>
43+
</div>
3444
<div class="main-content" id="content0">
3545
<div class="coverremotecontrol">
3646
<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>
147157
Array.from(document.getElementsByClassName("coverremotecontrol")).forEach(button => {
148158
button.style.display = "block";
149159
});
160+
menuChange(null,6);
150161
}
151162
function startup() {
152-
populateFeatureGallery();
153163
try {
154164
const process = require('node:process');
155165
console.log(process.platform);
@@ -166,11 +176,12 @@ <h3>Building blocks</h3>
166176
console.log(e);
167177
adaptForWeb();
168178
}
179+
populateFeatureGallery();
169180
}
170181
function menuChange(event,itemnr) {
171182
console.log("changing menu " + itemnr);
172183
// Show the right content
173-
for (let i=0;i<6;i++) {
184+
for (let i=0;i<7;i++) {
174185
let tohide = document.getElementById("content" + i)
175186
if (tohide) tohide.style.display = "none";
176187
}
@@ -180,7 +191,7 @@ <h3>Building blocks</h3>
180191
Array.from(document.getElementsByClassName("menubutton")).forEach(button => {
181192
button.classList.remove("menubuttonselected");
182193
});
183-
event.target.classList.add("menubuttonselected");
194+
if (event != null) event.target.classList.add("menubuttonselected");
184195
}
185196

186197
function populateFeatureGallery() {

0 commit comments

Comments
 (0)