Add help.

menu/menu.go

@@ -27,7 +27,8 @@ func init() {
 		DocIcon,
 		PastebinIcon,
 		ChatIcon,
-		RunnerIcon string
+		RunnerIcon,
+		HelpIcon string
 	}{
 		Background:         icons.HomeBackground,
 		Logo:               icons.Logo,
@@ -42,6 +43,7 @@ func init() {
 		PastebinIcon:       icons.ContentPaste,
 		ChatIcon:           icons.Wechat,
 		RunnerIcon:         icons.WebSync,
+		HelpIcon:           icons.Help,
 	}
 
 	var tpl bytes.Buffer

menu/template.go

@@ -11,7 +11,7 @@ var menuTemplate = `<div id="codefirstMenu" style="display: inline-block; width:
 			vertical-align: bottom;
 		}
 		img.codefirstMenu {
-			height: 20px;
+			height: 35px;
 		}
 		span.codefirstMenu {
 			line-height: 2em;
@@ -42,14 +42,6 @@ var menuTemplate = `<div id="codefirstMenu" style="display: inline-block; width:
 	</style>
 	sonar-->
 
-	{{safe "<!--dockerregistry"}}
-	<style type="text/css" scoped>
-		span#dockerregistry {
-			text-decoration: underline;
-		}
-	</style>
-	dockerregistry-->
-
 	{{safe "<!--dockerrunner"}}
 	<style type="text/css" scoped>
 		span#dockerrunner {
@@ -100,7 +92,7 @@ var menuTemplate = `<div id="codefirstMenu" style="display: inline-block; width:
 			</a>
 		</div>
 
-		<div title="sonarqube" style="float: left; margin-right: 50px;">
+		<div title="sonarqube" style="float: left; margin-right: 5px;">
 			<a class="codefirstMenu"  style="border-bottom: none;" href="https://CODEFIRST_HOSTNAME/sonar/sessions/init/oidc?return_to=%2Fsonar%2F">
 				<span id="sonar" class="codefirstMenu">
 					<img class="codefirstMenu" src="data:image/png;base64,{{.SonarIcon}}"/>	
@@ -113,21 +105,10 @@ var menuTemplate = `<div id="codefirstMenu" style="display: inline-block; width:
 			<a class="codefirstMenu"  style="border-bottom: none;" href="https://CODEFIRST_HOSTNAME/documentation/">
 				<span id="documentation" class="codefirstMenu">
 					<img class="codefirstMenu" src="data:image/png;base64,{{.DocIcon}}"/>
-						Doc
+						Documents
-				</span>
-			</a>
-		</div>
-
-		<!--
-		<div title="docker registry" style="float: left; margin-right: 5px;">
-			<a class="codefirstMenu"  style="border-bottom: none;" href="https://pubhub.CODEFIRST_HOSTNAME">
-				<span id="dockerregistry" class="codefirstMenu">
-					<img class="codefirstMenu" src="data:image/png;base64,{{.RegistryIcon}}"/>
-						Registry
 				</span>
 			</a>
 		</div>
-		-->
 
 		<div title="docker runner" style="float: left; margin-right: 50px;">
 			<a class="codefirstMenu"  style="border-bottom: none;" target="_blank" href="https://CODEFIRST_HOSTNAME/dockerrunner/static/html/">
@@ -156,6 +137,15 @@ var menuTemplate = `<div id="codefirstMenu" style="display: inline-block; width:
 			</a>
 		</div>
 
+		<div title="help" style="float: left; margin-right: 5px;">
+			<a class="codefirstMenu"  style="border-bottom: none;" target="_blank" href="https://CODEFIRST_HOSTNAME/documentation/CodeFirst/docusaurus/GuidesTutorials/">
+				<span class="codefirstMenu">
+					<img class="codefirstMenu" src="data:image/png;base64,{{.HelpIcon}}"/>
+						Help
+				</span>
+			</a>
+		</div>
+
 		
 		<div title="logout" style="float: right; margin-right: 5px;">
 			<a class="codefirstMenu"  style="border-bottom: none;" href="https://CODEFIRST_HOSTNAME/keycloak/realms/master/protocol/openid-connect/logout">