anchor.diff:                <ul class="page_warnings">
                 <% page.warnings.sort_by {|w| w.line.to_i}.each do |warning| %>
                   <li>
  -                  <% if warning.message_id == 'html5' %>
  -                    HTML5 warning on line <%= warning.line %>:
  -                  <% else %>
  -                    Warning <a href="http://validator.w3.org/docs/errors.html#ve-<%= warning.message_id %>"><%= warning.message_id %></a>
  -                    on line <%= warning.line %>:
  -                  <% end %>
  -
  -                  <%= CGI::escapeHTML(warning.text) %>
  -
  -                  <% if warning.source && warning.source.strip.length > 0 %>
  -                    <pre><code class="html"><%= warning.source.strip %></code></pre>
  -                  <% end %>
  -
  -                  <% if warning.explanation && warning.explanation.strip.length > 0 %>
  -                    <div class="w3c_explanation"><%= warning.explanation.strip %></div>
  -                  <% end %>
  +                  <span class="label warning">WARNING</span>
  +                  <strong><%= CGI::escapeHTML(warning.text.capitalize) %></strong>)
  +
  +                  <div class="details"  id="details_<%= warning.object_id %>">
  +                    <% if warning.line %>
  +                      <span class="coordinates label">
  +                        LINE <%= warning.line %>
  +                      </span>
  +                    <% end %>
  +
  +                    <% if warning.source && warning.source.strip.length > 0 %>
  +                      <pre><code class="html"><%= warning.source.strip %></code></pre>
  +                    <% end %>
  +
  +                    <% if warning.explanation && warning.explanation.strip.length > 0 %>
  +                      <div class="w3c_explanation"><%= warning.explanation.strip %></div>
  +                    <% end %>
  +                  </div>
                   </li>
                 <% end %>
                 </ul>
  
positive.code:         </footer>
        </div>
      </div>
      <script src="https://sitevalidator.com/cdn/highlightjs/7.3/highlight.min.js"></script>
      <script>hljs.initHighlightingOnLoad();</script>
    </body>
  
negative.code:           <h2>DETAILS PER PAGE</h2>
            <% processed_pages.each do |page| %>
              <div class='page'>
                <h3>
                  <a href='<%= page.url %>'><%= page.url %></a>
                  <span class="label important"><%= "#{page.errors.length} errors" %></span>
                  <span class="label warning"><%= "#{page.warnings.length} warnings" %></span>
                </h3>
  
                <ul class="page_errors">
                <% page.errors.sort_by {|e| e.line.to_i}.each do |error| %>
                  <li>
                    <span class="label important">ERROR</span>
                    <strong><%= CGI::escapeHTML(error.text.capitalize) %></strong>
  
                    <div class="details" id="details_<%= error.object_id %>">
                      <% if error.line %>
                        <span class="coordinates label">
                          LINE <%= error.line %>
                        </span>
                      <% end %>
  
                      <% if error.source && error.source.strip.length > 0 %>
                        <pre><code class="html"><%= error.source.strip %></code></pre>
                      <% end %>
  
                      <% if error.explanation && error.explanation.strip.length > 0 %>
                        <div class="w3c_explanation"><%= error.explanation.strip %></div>
                      <% end %>
                    </div>
                  </li>
                <% end %>
                </ul>
  