I am using orgmode's export utility for html rendering. In my personal webpage on the University of Jyväskylä I want to display my publications. I have found that bibtex.js by google code is an easy way to do that.

For a long time I was getting the bibtex.js source code from google though for more than 4 months this link is broken. I was lucky enough to find the source code from Philip's Cooksey github page.

In my orgmode's file I am using the following HTML source code in order to render the bibtex citations in a proper manner. I have edit the "bibtex_template" according to my needs. The script below is rendered in html as follows¹:

#+BEGIN_HTML
<div id="bibtex_display"></div>

<textarea id="bibtex_input" style="display:none;">

@inproceedings{diapoulis2012minimal,
  title={A minimal interface for live hardware coding},
  author={Diapoulis, G. and I. Zannos},
  booktitle={Live Interfaces, 2012},
  year={2012}
}

@book{diapoulis2014tangibility,
  title={Tangibility and Low-Level Live Coding},
  author={Diapoulis, Georgios and Zannos, Ioannis},
  year={2014},
  publisher={Ann Arbor, MI: Michigan Publishing, University of Michigan Library}
}

@inproceedings{thompson2015effect,
  title={Effect of tempo and vision on interpersonal coordination of timing in dyadic performance},
  author={Thompson, Marc and Diapoulis, Georgios and Johnson, Susan and Kwan, Pui Yin and Himberg, Tommi},
  booktitle={Proceedings of the 11th International Symposium on CMMR, Plymouth, UK, June 16-19, 2015},
  year={2015},
  pages={16-23},
  organization={Laboratory of Mechanics and Acoustics}
}

@mastersthesis{diapoulis2016thesis,
  title={Exploring the perception of expressivity and interaction within musical dyads},
  author={Diapoulis, Georgios},
  year={2016},
  school={University of Jyväskylä},
  address={Finland}
}

</textarea>

<div class="bibtex_template">
  <li>
    <span class="if author">
      <span class="author"></span>
    </span>
    <span class="if year">
      (<span class="year"></span>).&nbsp
    </span>
    <a class="url"><span class="title"></span></a>.
    <span class="if journal">
      In <span class="journal" style="font-style: italic;"></span>.
    </span>
    <span class="if booktitle">
      In <span class="booktitle" style="font-style: italic;"></span>.
    </span>
    <span class="if mastersthesis">
      <span class="mastersthesis" style="font-style: italic;"></span>, Masters thesis.
    </span>
    <span class="if school">
      <i>Masters thesis,</i>&nbsp<span class="school"></span>.
    </span>
    <span class="if volume" style="font-style: italic;">
      <span class="volume"></span>
      <span class="if number" style="font-style: italic;">(<span class="number"></span>)</span>,&nbsp
      <span class="if pages">
        <span class="pages"></span>.&nbsp
      </span>
    </span>
    <span class="if edition">
      <span class="edition"></span> ed.,
    </span>
    <span class="if publisher">
      <span class="publisher"></span>.
    </span>
  </li>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://raw.githubusercontent.com/pcooksey/bibtex-js/master/src/bibtex_js.js"></script>
#+END_HTML