From 46e361a4e1e8eea4acb9cdd2e39d44dae207b9e1 Mon Sep 17 00:00:00 2001
From: Ryan Kuba <ryankuba@gmail.com>
Date: Wed, 8 Feb 2023 11:43:30 -0800
Subject: [PATCH] KASM-3993 add link outs to the KasmVNC about page and
 documentation in the sidebar as unobtrusively as possible (#55)

Co-authored-by: ryan.kuba <ryan.kuba@kasmweb.com>
---
 app/styles/base.css |  8 ++++++++
 vnc.html            | 13 ++++++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/app/styles/base.css b/app/styles/base.css
index a3096d21..5611a621 100644
--- a/app/styles/base.css
+++ b/app/styles/base.css
@@ -1162,3 +1162,11 @@ input:checked + .slider:before {
 .slider-label {
   padding-left: 26px;
 }
+
+/* Do not use default link colors */
+a:link {
+  color: white;
+}
+a:visited {
+  color: white;
+}
diff --git a/vnc.html b/vnc.html
index cc13b2e0..e4c1e1e5 100644
--- a/vnc.html
+++ b/vnc.html
@@ -95,7 +95,13 @@
 
             <div class="noVNC_scroll">
 
-                <h1 class="noVNC_logo"><img src="app/images/icons/kasm_logo.png" /></h1>
+                <h1 class="noVNC_logo">
+                    <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" />
+                    </a>
+                </h1>
 
                 <!-- Drag/Pan the viewport -->
                 <div class="noVNC_button_div noVNC_hidden noVNC_hide_on_disconnect" >
@@ -499,6 +505,11 @@
                                 <li class="noVNC_version_wrapper">
                                     <span>Version:</span>
                                     <span class="noVNC_version"></span>
+				    <span class="slider-label">
+                                        <a href="https://www.kasmweb.com/kasmvnc/docs/latest/index.html" target="_blank">
+                                            Documentation
+                                        </a>
+                                    </span>
                                 </li>
                             </ul>
                         </div>