View source for Template:Heidelberg/pages/software/zitator

{{Heidelberg/js/zitator.js}}
<html>
  <head>
	<script type="text/javascript" src="https://2015.igem.org/Team:Heidelberg/js/prism?action=raw&ctype=text/javascript"></script>
	<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Heidelberg/css/prism?action=raw&ctype=text/css" />
    <script>
        $(function() {
            zitator = new Zitator(".basicText", "https://static.igem.org/mediawiki/2015/b/ba/Heidelberg_refdb.txt");
            zitator.zitiere();
        });
    </script>
</head>
  <body>
    <div class="container">
      <div class="content">
        <div class="row">
          <div class="col-lg-12">
            <div class="panel panel‐default">
              <div class="panel‐heading">
              </div>
              <!-- panel-heading -->
              <div class="panel‐body">
                <div class="row">
                  <h1 class="basicheader">zitator.js - Awesome citation and bibliography generator</h1>
                  <p class="basictext">As every good engineer, we hate repititon and love automation. So we didn't bother with formatting and managing our references by hand and wrote a litte helper that would take care of that - like it is standard outside of the web.</p>
                  <p class="basictext">As everyone already has it's own database of references tucked away in a bibtex file, EndNote or similar programm, we decided not to reinvent the wheel and instead make it easy for you to import this database.</p>
                  <p class="basictext">So how can you use this awesome piece of software? Simple: Upload your .bib file to to the iGEM wiki - note that EndNote can export it's library in BibTeX format and that you may have to change the file ending to .txt before uploading to the iGEM wiki -, second add the following code at the beginning of your page:
                  <pre>{{Heidelberg/js/zitator.js}}</pre>
                  and in the JavaScript Section:
                  <pre><code class="language-javascript">
$(function() {
    // The parameter are the selector for the container(s) of text in which you want replacement
    // and a URL pointing to your bibfile - mind the same origin policy...
    zitator = new Zitator(".basicText", "http://igem2015.bioquant.uni-heidelberg.de/refdb.bib");
    zitator.zitiere();
}); </code></pre>
as well as the placeholder for the bibliography
<pre>&lt;div id="references"&gt;&lt;/div&gt;</pre>
                  
and third, start citing!

                  <pre>
&lt;div class="basicText"&gt;
    &lt;!-- Some paragraphs ?&gt;
    &lt;p&gt;
        Zitator is the awesomest web zitation software available to iGEMers right now &lt;x-ref&gt;igemHD2015&lt;/x-ref&gt;!
    &lt;/p&gt;
&lt;/div&gt;
</pre>
                  where "igemHS2015" would be the BibTeX citationKey of your reference.
                  </p>
<p class="basiText">
This examle will be rendered like this:
</p>
    <p class="basicText">
        Zitator is the awesomest web zitation software available to iGEMers right now <x-ref>igemHD2015</x-ref>!
    </p>
<div id="references"></div>
                </div>
                <!-- col-lg-12 -->
              </div>
              <!-- row -->
            </div>
            <!-- panel-body -->
          </div>
          <!-- panel panel‐default -->
        </div>
        <!-- col-lg-12 -->
      </div>
      <!-- row -->
    </div>
    <!-- content -->
    </div> <!-- container -->
  </body>
</html>