Restyle top bar

ThomasFarstrike · ThomasFarstrike · commit 4ba91d41093b · 2024-01-26T09:20:09.000+01:00
New logo, new colors,...
diff --git a/src/images/logo_and_name.png b/src/images/logo_and_name.png
diff --git a/src/index.css b/src/index.css
@@ -6,10 +6,10 @@ body {
 }
 
 header {
-    background-color: #0060a0;
+    background-color: #18222E;
     color: #fff;
     text-align: left;
-    padding: 0.4em 1em 0.2em 10em;
+    padding: 0.5em;
 }
 
 footer {
@@ -37,8 +37,7 @@ footer a:hover {
 }
 
 header .logo {
-    font-size: xx-large;
-    display: inline;
+    width: 25%;
 }
 
 header h1 {
diff --git a/src/index.html b/src/index.html
@@ -22,9 +22,7 @@
   <body>
     <div class="container">
         <header>
-	   <p class="logo">⇔</p>
-           <h1>PeerViewer</h1>
-           <p>The peer-to-peer remote desktop and support solution, completely free for unlimited personal and commercial use.</p>
+	   <img src="../images/logo_and_name.png" class="logo"/>
         </header>
         <div class="menu">
             <div class="menuitem"><button class="menubutton menubuttonselected" onclick="menuChange(event,0)">Remote</button></div>
