fix(docs): resolve navigation errors

BBVA · Feb 6, 2018 · 6d1be4e · 6d1be4e
1 parent 1269648
commit 6d1be4e
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 17 deletions.
diff --git a/mirrorgate-docs/src/_layout.ejs b/mirrorgate-docs/src/_layout.ejs
@@ -15,9 +15,9 @@
   ~ limitations under the License.
   -->
 <%
-  var base = './';
+  var relativeBase = './';
   for(var i = 1; i < current.path.length; i++) {
-    base += '../';
+    relativeBase += '../';
   }
   var path = current.path.join('/');
 %>
@@ -26,11 +26,12 @@
     <meta charset=UTF-8>
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
+    <link rel="shortcut icon" type="image/png" href="<%=relativeBase%>../img/favicon.png"/>
+
     <title>MirrorGate Documentation</title>
-    <link rel="stylesheet" href="<%=base%>vendor/bootstrap/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="<%=base%>assets/fonts/roboto-fontface/css/roboto/roboto-fontface.css">
-    <link rel="stylesheet" href="<%=base%>assets/css/main.css">
-    <base href="<%=base%>"></head>
+    <link rel="stylesheet" href="<%=relativeBase%>vendor/bootstrap/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="<%=relativeBase%>assets/fonts/roboto-fontface/css/roboto/roboto-fontface.css">
+    <link rel="stylesheet" href="<%=relativeBase%>assets/css/main.css">
   </head>
   <body>
 
@@ -51,8 +52,8 @@
                     <span class="glyphicon glyphicon-menu-hamburger"></span>
                   </button>
                   <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="menuBtn">
-                    <li><a href="../backoffice/index.html#/list"="['/list']">Dashboards list</a></li>
-                    <li><a href="../backoffice/index.html#/feedback">Feedback</a></li>
+                    <li><a href="<%=relativeBase%>../backoffice/index.html#/list"="['/list']">Dashboards list</a></li>
+                    <li><a href="<%=relativeBase%>../backoffice/index.html#/feedback">Feedback</a></li>
                     <li class="active"><a [routerLink]="#">About</a></li>
                   </ul>
                 </div>
@@ -74,7 +75,7 @@
                         <span class="icon-bar"></span>
                         <span class="icon-bar"></span>
                       </button>
-                      <a class="navbar-brand" href="./">Documentation</a>
+                      <a class="navbar-brand" href="<%=relativeBase + 'index.html'%>">Documentation</a>
                     </div>
                     <div class="collapse navbar-collapse">
                       <ul class="nav navbar-nav">
@@ -85,14 +86,14 @@
                               <ul class="dropdown-menu">
                                 <% for(var subpage of page.menu){ %>
                                   <li class="<%= (path === subpage.file) ? 'active' : ''%>">
-                                    <a href="<%= subpage.file ? './'+subpage.file + '.html' : '#'%>"><%=subpage.name%></a>
+                                    <a href="<%= subpage.file ? relativeBase + subpage.file + '.html' : '#'%>"><%=subpage.name%></a>
                                   </li>
                                 <% } %>
                               </ul>
                             </li>
                           <% } else { %>
                             <li class="<%= (path === page.file) ? 'active' : ''%>">
-                              <a href="./<%=page.file %>.html"><%=page.name%></a>
+                              <a href="<%=relativeBase%><%=page.file%>.html"><%=page.name%></a>
                             </li>
                           <% }
                         }; %>
@@ -105,10 +106,10 @@
                 <%- yield.replace(/\.md/g,'.html') %>
               </div>
             </div>
-          </div>        
-        <script src="<%=base%>vendor/jquery/dist/jquery.min.js" type="text/javascript"></script>
-        <script src="<%=base%>vendor/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
-        <script src="<%=base%>assets/js/prism.js" type="text/javascript"></script>
+          </div>
+        <script src="<%=relativeBase%>vendor/jquery/dist/jquery.min.js" type="text/javascript"></script>
+        <script src="<%=relativeBase%>vendor/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="<%=relativeBase%>assets/js/prism.js" type="text/javascript"></script>
       </body>
 
 </html>
diff --git a/mirrorgate-docs/src/assets/img/favicon.png b/mirrorgate-docs/src/assets/img/favicon.png
diff --git a/mirrorgate-docs/src/operations/aws_metrics.md b/mirrorgate-docs/src/operations/aws_metrics.md
@@ -9,7 +9,7 @@ Since this collector is intended to gather information from different AWS Cloudw
 **delegated-cloudwatch-metrics-role**
 
 with the following trust relationship:
-```
+```json
 {
   "Version": "2012-10-17",
   "Statement": [
@@ -27,7 +27,7 @@ with the following trust relationship:
 }
 ```
 and a policy that allows that role to access the following resources
-```
+```json
 {
     "Version": "2012-10-17",
     "Statement": [