Difference between revisions of "Template:Heidelberg/pages/software/zitator"

(Blanked the page)
Line 1: Line 1:
{{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", "https://static.igem.org/mediawiki/2015/b/ba/Heidelberg_refdb.txt");
 
    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>
 

Revision as of 17:43, 12 September 2015