Feature/kasm 4109 logos hide lossless (#60)

* KASM-4109 update to new logos and ensure lossless is only shown as an option on setups that support it

* KASM-4109 add css changes for loading screen

* change logo background color, removed lossless changes

---------

Co-authored-by: ryan.kuba <ryan.kuba@kasmweb.com>
Co-authored-by: mattmcclaskey <matt@kasmweb.com>

app/images/icons/kasm_logo.svg

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 322.9 42.4" style="enable-background:new 0 0 322.9 42.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#2A2D31;}
+	.st1{fill:#185F85;}
+	.st2{fill:#0D84BE;}
+	.st3{fill:#1A9BD7;}
+</style>
+<g id="Layer_x5F_1">
+	<g id="_647794320">
+		<g>
+			<g>
+				<polygon class="st0" points="45.3,0 44,0 44,42.4 45.3,42.4 				"/>
+				<polygon class="st1" points="9.1,33.2 9.1,34.8 9.1,37 14.9,40.4 16.3,41.2 18.3,42.3 19.7,39.9 20.2,37.3 18.3,35.6 9.1,30.3 
+									"/>
+				<path class="st2" d="M36.6,31.8V21.2c0-3.5,0-7,0-10.5l-3.8-0.1l-0.9,1.2L30.7,14v14.4l-12.5,7.3v2.8v3.9
+					C24.3,38.8,30.5,35.3,36.6,31.8z"/>
+				<polygon class="st0" points="5.8,17.9 5.8,7.3 0,10.7 0,31.8 5.8,35.1 5.8,24.6 18.3,31.8 18.3,31.8 18.3,25.1 11.6,21.2 
+					18.3,17.4 18.3,10.7 				"/>
+				<path class="st3" d="M18.3,0.1c6,3.5,12.2,7.1,18.3,10.6l-3.4,1.9L30.7,14L18.3,6.8L9.1,12c0-2.2,0-4.5,0-6.7L18.3,0.1z"/>
+				<g>
+					<path class="st0" d="M84.7,41.6h-8.1L60.1,21.8v19.8h-6.8V0h6.8v18.6L76,0h8.1L67.2,20.3L84.7,41.6z M110.8,11.9L110.8,11.9
+						h6.4v29.7h-6.4v-4.3c-2.4,3.4-5.8,5.1-10.4,5.1c-4.1,0-7.6-1.5-10.4-4.5c-3-3.1-4.4-6.8-4.4-11.1c0-4.5,1.4-8.1,4.4-11.2
+						c2.9-3,6.3-4.5,10.4-4.5c4.5,0,8,1.7,10.4,5V11.9z M94.7,33.6L94.7,33.6c1.7,1.8,4,2.7,6.7,2.7c2.7,0,4.9-0.9,6.7-2.7
+						c1.8-1.8,2.7-4,2.7-6.8c0-2.7-0.9-5-2.7-6.8c-1.8-1.8-4-2.7-6.7-2.7c-2.7,0-5,0.9-6.7,2.7C92.9,21.7,92,24,92,26.8
+						C92,29.5,92.9,31.8,94.7,33.6z M131.6,20.1L131.6,20.1c0,0.9,0.6,1.7,1.7,2.3c1.1,0.6,2.4,1.1,4,1.5c1.5,0.5,3.1,1,4.7,1.5
+						c1.7,0.5,3,1.4,4.1,2.7c1.1,1.4,1.6,3,1.6,5.1c0,2.8-1.1,5-3.3,6.7c-2.2,1.6-5,2.4-8.3,2.4c-3,0-5.5-0.6-7.6-1.9
+						c-2.1-1.2-3.6-3-4.5-5.1l5.5-3.2c1.1,2.9,3.2,4.3,6.6,4.3s5-1.1,5-3.3c0-1-0.5-1.7-1.6-2.4c-1.2-0.6-2.4-1.1-4-1.6
+						c-1.5-0.4-3.1-0.9-4.8-1.4c-1.6-0.5-3-1.4-4-2.7s-1.7-3-1.7-4.9c0-2.7,1.1-5,3.2-6.6c2-1.7,4.6-2.5,7.7-2.5
+						c2.4,0,4.7,0.6,6.6,1.7c1.9,1.1,3.4,2.6,4.4,4.5l-5.4,3c-1-2.2-2.9-3.4-5.6-3.4c-1.2,0-2.2,0.3-3.1,0.8
+						C132,18.3,131.6,19,131.6,20.1z M187,11.1L187,11.1c3.4,0,6.1,1.2,8.1,3.3c2.1,2.2,3.1,5.1,3.1,8.8v18.4h-6.4v-18
+						c0-2.1-0.5-3.7-1.5-4.8c-1.1-1.1-2.4-1.7-4.2-1.7c-1.9,0-3.5,0.6-4.8,1.9c-1.2,1.3-1.7,3.2-1.7,5.9v16.6h-6.4v-18
+						c0-2.1-0.5-3.7-1.4-4.8c-1-1.1-2.4-1.7-4.2-1.7c-1.9,0-3.5,0.6-4.8,1.9c-1.2,1.4-1.8,3.3-1.8,5.9v16.6h-6.5V11.9h6.5v3.6
+						c1.9-3,4.7-4.4,8.5-4.4s6.6,1.6,8.4,4.8C179.8,12.7,182.9,11.1,187,11.1z"/>
+					<path class="st2" d="M219.9,41.6L205.8,0.8h7.4L224,33.5l10.9-32.7h7.3L228,41.6H219.9z M271.1,0.8L271.1,0.8h6.7v40.8h-5.3
+						l-19.3-27.7v27.7h-6.7V0.8h5.1l19.4,27.9V0.8z M305.3,42.4L305.3,42.4c-6.2,0-11.2-2.1-15.3-6.1c-4-4.1-6-9.1-6-15.1
+						c0-6,2-11,6-15C294.1,2,299.1,0,305.3,0c3.7,0,7.1,0.9,10.2,2.6c3.2,1.8,5.6,4.2,7.3,7.1l-5.8,3.4c-1.1-2-2.7-3.6-4.8-4.8
+						c-2.1-1.2-4.4-1.8-7-1.8c-4.4,0-7.9,1.4-10.6,4.1c-2.7,2.8-4.1,6.3-4.1,10.5s1.4,7.8,4.1,10.5c2.7,2.8,6.2,4.2,10.6,4.2
+						c2.6,0,4.9-0.6,7-1.8c2.1-1.2,3.7-2.8,4.8-4.8l5.8,3.3c-1.7,3-4.1,5.4-7.3,7.2C312.5,41.5,309.1,42.4,305.3,42.4z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>

app/styles/base.css

@@ -24,7 +24,7 @@ body {
   padding:0;
   font-family: "Poppins", "Helvetica";
   letter-spacing: 0.05em;
-  background: white url('../images/icons/kasm_logo.png') no-repeat fixed center;
+  background: white url('../images/icons/kasm_logo.svg') no-repeat fixed center;
   height:100%;
   touch-action: none;
 }
@@ -847,7 +847,7 @@ select:active {
   right: 0;
 
   color: #0084C2;
-  background: white url('../images/icons/kasm_logo.png') no-repeat fixed center;
+  background: white url('../images/icons/kasm_logo.svg') no-repeat fixed center;
   z-index: 50;
 
   /*display: flex;*/
@@ -910,6 +910,9 @@ select:active {
   line-height:90%;
   text-shadow: 0.1em 0.1em 0 black;
   margin-bottom: 0px;
+  background: white;
+  padding-top: 5px;
+  padding-bottom: 5px;
 }
 .noVNC_logo img {
   width: 45%

vnc.html

@@ -99,7 +99,7 @@
                     <a href="https://www.kasmweb.com/kasmvnc" target="_blank"
                         alt="KasmVNC Learn More"
                         title="KasmVNC Learn More">
-                        <img src="app/images/icons/kasm_logo.png" />
+                        <img src="app/images/icons/kasm_logo.svg" />
                     </a>
                 </h1>