From bf8a0f5e9d67e0e9d92e1de04dbc5ac77b8885e6 Mon Sep 17 00:00:00 2001 From: Thomas Farstrike Date: Tue, 6 Feb 2024 14:54:12 +0100 Subject: [PATCH] Update website --- index.css | 85 +++++++++++++++++++++++++++++++++++------------------- index.html | 23 ++++++++++----- 2 files changed, 72 insertions(+), 36 deletions(-) diff --git a/index.css b/index.css index 92a1787..02e22f8 100644 --- a/index.css +++ b/index.css @@ -29,12 +29,6 @@ a { color: #18222E; } -header { - background-color: #18222E; - color: #fff; - text-align: left; - padding: 0 0 0.5em 0; -} footer { background-color: #18222E; @@ -56,11 +50,6 @@ footer a { color: #CAE2E9; } -header .logo { - margin: 1em; - width: 25%; -} - h1 { font-family: GothamRndMedium; font-size: 42px; @@ -82,7 +71,8 @@ label { font-weight: bold; } -input[type=text] { +/* input [type=text] doesnt work in AppImage?! */ +input.typetext { background: transparent; border: 0; border-bottom: 2px solid #a7c3ca; @@ -109,6 +99,10 @@ input:focus{ display: flex; /* content0 is the first menu item and visible by default */ } +#content5 { + text-align: center; +} + .column { box-sizing: border-box; flex: 1; @@ -119,11 +113,24 @@ input:focus{ padding: 2em; } +/* header has: logo (25%) - menu (50%) - builtwith (20%) */ +header { + background-color: #18222E; + color: #fff; + text-align: left; + padding: 0 0 0.5em 0; +} + +header .logo { + margin: 1em; + width: 25%; +} + .menu { display: inline-block; position: relative; top: -1em; - width: 70%; /* 100% - 25% - 5% safety margin */ + width: 50%; } .menuitem { @@ -144,6 +151,14 @@ input:focus{ transition: all 0.2s linear; } +.builtwith { + display: inline-block; + position: relative; + top: -1em; + text-align: right; + width: 20%; +} + #column1 { border-right: solid; } @@ -173,10 +188,9 @@ input:focus{ .bigbutton { display: inline-block; - float: left; padding: 1.2em; background-color: #18222E; - color: #fff; + color: #CAE2E9; text-align: center; text-decoration: none; font-size: 16px; @@ -213,12 +227,16 @@ input:focus{ width: 6em; } -img.headericon { +img.featureheadericon { float: left; padding-right: 0.75em; width: 1.3em; } +img.headericon { + margin-bottom: 1em; +} + .featuredetail { margin-left: 0.8em; } @@ -230,10 +248,6 @@ img.headericon { top: 0.6em; } -img.donate { - width: 50%; -} - .contactticketform { border:none; } @@ -245,7 +259,7 @@ img.donate { position: absolute; height: 40%; background-color: #333333b3; - left: 10em; + left: 0; } .bigbutton.downloadbutton { @@ -253,7 +267,7 @@ img.donate { font-size: 32px; font-weight: bold; height: 4em; - left: 10%; + left: 15%; top: 20%; width: 70%; position: relative; @@ -280,25 +294,38 @@ img.donate { } .threecolumns { + font-size: 15px; float: left; - margin-top: 3em; - width: 33%; + padding: 1em; + width: 30%; } -.threecolumns p { - padding: 0.5em 1em 0em 0; +.threecolumns div { + padding: 0.5em 1em 0em 1em; + text-align: left; +} + +#content0 { + padding: 0; } #content4 { - height: 42em; + height: 35em; overflow-y: hidden; padding: 2em 2em 0 2em; } +#content4 .column1 { + margin-left: 10%; +} + #content4 img.donate { - width: 80%; + position: absolute; + right: 0; + bottom: 0; + width: 35%; } .twocolumns { - width: 50%; + width: 40%; } diff --git a/index.html b/index.html index 3f6edd1..eda7857 100644 --- a/index.html +++ b/index.html @@ -29,6 +29,7 @@
About
Contact and Donate
+
© 2024 Built with
@@ -38,7 +39,7 @@

Allow Remote Control

- +

When you give your ID to someone running PeerViewer, they can operate your computer until you close this window.
@@ -49,7 +50,7 @@

Allow Remote Control

Control Remote Computer

- +

@@ -88,14 +89,15 @@

As you know, writing and maintaining quality software is not cheap...

You'll be able to add a comment to your donation, so use that to reach out if you'd like to send a message.

Thank you!

-
+

PeerViewer is a remote desktop and support solution, completely free for unlimited personal and commercial use.

- Under the hood, it uses direct (peer-to-peer) connections between the participants. This was recently made possible by the power of the Pear Runtime. +

+ Under the hood, it uses direct (peer-to-peer) connections between the participants. This was recently made possible by the power of the Pear Runtime.