dev.html

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
         <title> ESRF - DOI </title>
         <link rel="icon" href="/src/images/favicon.ico">
         
         <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
     
         <!-- Using grunt-include-source, the proper js files created by us (not minified) are included below -->
         <script src="src/author.js"></script>
         <script src="src/beamlineUrl.js"></script>
         <script src="src/doicontroller.js"></script>
         <script src="src/doiview.js"></script>
         <script src="src/jsonExtractor.js"></script>
            
         <!-- Using grunt-wiredep, the proper js files from bower components are included below -->
         <!-- bower:js -->
         <script src="bower_components/jquery/dist/jquery.js"></script>
         <script src="bower_components/dustjs-linkedin/dist/dust-full.min.js"></script>
         <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
         <script src="bower_components/dustjs-helpers/dist/dust-helpers.min.js"></script>
         <script src="bower_components/lodash/lodash.js"></script>
         <script src="bower_components/moment/moment.js"></script>
         <!-- endbower -->

         <!-- bower:css -->
         <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
         <!-- endbower -->

         <!-- Using grunt-include-source, the proper all dustjs templates files (not minified are included below -->
         <script src="min/precompiled.templates.min.js"></script>
      
         <link rel="stylesheet" href="/min/output.min.css" >   
     <script type="text/javascript">
       $(document).ready(function() {                         
         var doi = document.location.search.substring(5);
         if (doi==="") {
           alert ("Please use dev.html page as follow .../dev.html?DOI=prefix/suffix");
         } else {
           new DOIController(new DOIView()).getData(doi);
         }
       });      
     </script>
   </head>
   <body>
      <div class="container-fluid">
         <div class="row">
            <div class="col-12 col-sm-4 blueBackground" > <img id="logo" style="height:80px;" src="/src/images/esrfLogo.png" alt="the ESRF logo"> </img> </div>
            <div class="col-12 col-sm-8 blueBackground flex">
               <div id="doiPanel" class="col-12 whiteVCenteredFont text-right doiTitle" >  </div>
            </div>
         </div>
      </div>

      <div id="main"></div>
      <div class="modal">
        <!-- nothing to write here -->
      </div>
            <footer class="footer">
         <div class="container-fluid">
            <div class="row">
               <div class="col-12 col-md-5" >
                   <p><a style='font-weight:bold;' href="http://www.esrf.eu">European Synchrotron Radiation Facility</a></p>
               </div>
               <div class="col-12 col-md-2" >
                   <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a>
               </div>
               <div class="col-12 col-md-5">
                  <p class="float-right" style="font-size:12px;display:block;" > Access to data is governed by the <a href="http://www.esrf.eu/files/live/sites/www/files/about/organisation/ESRF%20data%20policy-web.pdf" target="_blank">ESRF data policy</a>.</p>
               </div>
            </div>
         </div>
      </footer>
   </body>
</html>