phyloJIVE/SimpleTemplate_webApp.html at gh-pages · TRIN/phyloJIVE · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>PhyloJIVE A phylogenetic view of online biodiversity data</title>
    <!-- Test CSS -->
    <link type="text/css" href="resources/base.css" rel="stylesheet">
    <link type="text/css" href="resources/PhyloJive.css"
      rel="stylesheet">
    <script language="javascript" type="text/javascript" src="resources/PhylogenyExplorer.js"></script>
    <script language="javascript" type="text/javascript" src="resources/jit.js"></script>
  </head>
  <body onload="init();">
    <div id="container">
      <div style="top: 0px; height: 776px;" id="left-container">
        <div class="text">
          <h4> Template </h4>
          with multiple link-outs/resources at each node. <br>
          <br>
          Resources that appear are set by default.&nbsp; This can be
          configured for both the links and resources that appear on
          hover,<br>
          * Character set can be both qualitative and quantitative.<br>
          <br>
          * Parameters, trees and characters can be altered by editing
          or renaming SimpleParams_PhyloJIVE.js <br>
          <br>
          Other templates and examples show how to customise behaviour
          and linkouts etc<br>
          see the <a href="https://github.com/TRIN/phyloJIVE/wiki">wiki</a>
          and <a href="http://trin.github.io/phyloJIVE/">project page</a>
          for further details <br>
          <br>
          Click the top button to get the navigation aid
          <ul>
            <li>try choosing other characters to plot on the tree;</li>
            <li>align-names feature; search; set-root; rotate, etc.</li>
          </ul>
        </div>
        <div id="id-list"></div>
      </div>
      <div id="center-container">
        <div id="infovis"></div>
      </div>
      <div id="right-container">
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script type="text/javascript" src="javascripts/jquery.colorbox-min.js"></script>
        <!--- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> -->
        <script type="text/javascript" src="javascripts/jsphylosvg-min.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>
        <script type="text/javascript" src="trees_characters/SimpleParams_PhyloJIVE.js"></script>
        <script language="javascript" type="text/javascript" src="resources/jit.js"></script>
      </div>
      <div id="log"></div>
    </div>
  </body>
</html>