anchor.diff:          <p>Authors of <%= Rails.application.settings['abbreviation'] %> papers retain copyright.</p>
           <p>This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</p>
           <p><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></p>
  -        </div>
  +        <div id="joss-paper-doi" style="visibility: hidden;"><%= @paper.doi %></div>
  +        </div>
  +        <script src="https://cdn.jsdelivr.net/npm/citation-js" type="text/javascript"></script>
  +        <script type="text/javascript">
  +          var Cite = require('citation-js')
  +          var cite = new Cite()
  +          var opt = {
  +            format: 'string',
  +            style: 'bibtex',
  +            type: 'string'
  +          }
  +
  +          // Make a factory for callback
  +          var callBack = function (out) {
  +            return function (data) {
  +              out.attr("data-clipboard-text", cite.set(data).get(opt))
  +            }
  +          }
  +
  +          var parseAsync = Cite.parse.input.async.chain
  +          doi = $("#joss-paper-doi").html()
  +          target_div = $("#joss-paper-bibtex")
  +          parseAsync(doi).then(callBack(target_div))
  +        </script>
         </div>
       </div>
   
  
positive.code:   <script type='text/javascript' src='https://d1bxh8uas1mnw7.cloudfront.net/assets/embed.js'></script>
  
    <!-- Dimensions -->
    <script async src="https://badge.dimensions.ai/badge.js" charset="utf-8">
      <!-- facebook open graph tags -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="<%= Rails.application.settings['url'] %>" />
    <meta property="og:site_name" content="<%= Rails.application.settings['name'] %>" />
  
negative.code:         </div>
  
          <div class="label">Citation information</div>
          <p><%= @paper.citation_string %><br ><a href="#" id="joss-paper-bibtex" class="clippy" data-clipboard-action="copy" data-clipboard-text="Foo">Copy BibTeX entry &raquo;</a></p>
  
          <div class="label">Altmetrics</div>
          <div style='padding-bottom: 10px;' data-badge-type='donut' class='altmetric-embed' data-badge-popover='right' data-hide-no-mentions='false' data-doi="<%= @paper.doi %>"></div>
  