added link to the github pages

erwindon · Aug 4, 2022 · b3bf0d5 · b3bf0d5
1 parent 4959a74
commit b3bf0d5
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 3 deletions.
diff --git a/saltgui/index.html b/saltgui/index.html
@@ -24,13 +24,14 @@
   <body>
     <header id="header">
       <h1 id="logo" class='logo'>SaltGUI</h1>
-<!-- full menu -->
-      <div class="fullmenu"></div>
-<!-- mini menu -->
       <svg class='fab' width="36" height="36">
         <circle id='button-manual-run'  cx="18" cy="18" r="18" fill="#4caf50" />
         <text style='pointer-events: none' fill="white" font-weight="bold" font-size="20" x="6" y="23">&gt;_</text>
       </svg>
+      <h1 id="docu" class='docu'>&#x1F4D6;&#xFE0E;</h1>
+<!-- full menu -->
+      <div class="fullmenu"></div>
+<!-- mini menu -->
       <div class="minimenu">
         <div class="dropdown">
           <!-- 2261 = MATHEMATICAL OPERATOR IDENTICAL TO (aka "hamburger") -->

diff --git a/saltgui/static/scripts/Router.js b/saltgui/static/scripts/Router.js
@@ -132,6 +132,12 @@ export class Router {
         pClickEvent.stopPropagation();
       });
 
+    document.getElementById("docu").
+      addEventListener("click", (pClickEvent) => {
+        window.open("https://erwindon.github.io/SaltGUI/", "_blank");
+        pClickEvent.stopPropagation();
+      });
+
     addEventListener("popstate", (popstate) => {
       const hash = popstate.target.location.hash.replace(/^#/, "");
       const search = popstate.target.location.search;

diff --git a/saltgui/static/stylesheets/main.css b/saltgui/static/stylesheets/main.css
@@ -35,6 +35,27 @@ header {
   user-select: none;
 }
 
+.docu {
+  cursor: pointer;
+  color: gray;
+  font-size: 30px;
+  font-weight: normal;
+  display: inline-block;
+  float: right;
+  padding: 10px 20px;
+
+  /* prevent text selection */
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}
+
+.docu:hover {
+  color: #4caf50;
+}
+
 h1 {
   color: #4caf50;
   font-weight: lighter;