anchor.diff:  <script defer src="${pageContext.request.contextPath}/resources/js-bundles/expressionAtlasBrowseBySpecies.bundle.js"></script>
   
   <script>
  -    document.addEventListener("DOMContentLoaded", function(event) {
  +    document.addEventListener('DOMContentLoaded', function(event) {
           var $viewAllLink = $('#viewAllLink');
           $('#browse-by-tabs').on('change.zf.tabs', function() {
               switch ($('#browse-by-tabs .tabs-title.is-active').text()) {
  
positive.code: 
      <div class="row align-row-to-bottom">
          <div class="small-6 small-centered columns margin-top-large">
              <a id="viewAllLink" href='${pageContext.request.contextPath}/experiments' class="button float-center">View all species</a>
          </div>
      </div>
  </div>
  
negative.code:             }
          });
  
          expressionAtlasBrowseBySpecies.render(
            {
              atlasUrl: '${pageContext.request.contextPath}/',
              speciesInfoList: ${speciesList}
            },
            'by-species'
          );
          expressionAtlasBrowseBySpecies.render(
            {
              atlasUrl: '${pageContext.request.contextPath}/',
              speciesInfoList : ${animalsList}
            }, 'by-animals'
          );
          expressionAtlasBrowseBySpecies.render(
            {
              atlasUrl: '${pageContext.request.contextPath}/',
              speciesInfoList : ${plantsList}
            },
            'by-plants'
          );
          expressionAtlasBrowseBySpecies.render({
              atlasUrl: '${pageContext.request.contextPath}/',
              speciesInfoList : ${fungiList}
            },
            'by-fungi'
          );
      });
  </script>