Using html in relativize broke some styling. Use html5 and fix script tag instead

Signed-off-by: Addisu Z. Taddese <addisu@openrobotics.org>

Author: Addisu Z. Taddese

Rules

@@ -5,7 +5,7 @@
 compile '/**/*.html' do
   layout '/default.*'
 
-  filter :relativize_paths, type: :html
+  filter :relativize_paths, type: :html5
 
   if item.identifier =~ '**/index.*'
     write item.identifier.to_s
@@ -18,7 +18,7 @@ passthrough '/tutorials/**/*.png'
 
 compile '/tutorials/**/*.md' do
   layout '/default.html.erb'
-  filter :relativize_paths, type: :html
+  filter :relativize_paths, type: :html5
 
   if item.identifier.to_s.end_with?('/index.md')
     write '/tutorials/index.html'
@@ -35,7 +35,7 @@ end
 compile '/**/*.erb' do
   filter :erb
   layout '/default.*'
-  filter :relativize_paths, type: :html
+  filter :relativize_paths, type: :html5
 
   if item.identifier =~ '**/index.*'
     write item.identifier.without_ext + '.html'
@@ -46,7 +46,7 @@ end
 
 compile '/spec/**/*.spec' do
   layout '/spec.*'
-  filter :relativize_paths, type: :html
+  filter :relativize_paths, type: :html5
   if item.identifier =~ '**/index.*'
     write item.identifier.without_ext + '.html'
   else

layouts/_head.html.erb

@@ -20,8 +20,8 @@
   <link rel="stylesheet"  href="/vendor/assets/stylesheets/prettify.css" />
 
 
-  <script src="/assets/javascripts/redirect_old_links.js" />
-  <script src="/assets/javascripts/google_analytics.js" />
+  <script src="/assets/javascripts/redirect_old_links.js"></script>
+  <script src="/assets/javascripts/google_analytics.js"></script>
   <script src="/vendor/assets/javascripts/bootstrap-tree.js"></script>
   <script src="/vendor/assets/javascripts/jquery.tocify.js"></script>
 

layouts/spec.html.erb

@@ -40,11 +40,11 @@
     <div class="col-md-7 col-md-offset-1 well">
       <h5>Tree Key</h5>
       <p>
-       <span class='tree-collapse glyphicon glyphicon-stop' style="color: #90c2e8"></span> : An SDFormat element. Click the box to get a link.</br>
-       <span class='tree-collapse glyphicon glyphicon-stop' style="color: #96e890"></span> : An SDFormat attribute. Click on the box to get a link.</br>
+       <span class='tree-collapse glyphicon glyphicon-stop' style="color: #90c2e8"></span> : An SDFormat element. Click the box to get a link.<br>
+       <span class='tree-collapse glyphicon glyphicon-stop' style="color: #96e890"></span> : An SDFormat attribute. Click on the box to get a link.<br>
 
-        <span class='tree-collapse glyphicon glyphicon-plus'></span> : An element with children. Click the icon to toggle the children.<br/>
-        <span class='tree-collapse glyphicon glyphicon-minus'></span> : The element has no children.<br/>
+        <span class='tree-collapse glyphicon glyphicon-plus'></span> : An element with children. Click the icon to toggle the children.<br>
+        <span class='tree-collapse glyphicon glyphicon-minus'></span> : The element has no children.<br>
         <span class='tree-collapse glyphicon glyphicon-chevron-right'></span> : An element defined in another tab. Click icon to open the tab.
       </p>
     </div>