-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
155 lines (121 loc) · 6.59 KB
/
index.html
File metadata and controls
155 lines (121 loc) · 6.59 KB
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html>
<head>
<title>Bioinformatics Tools Library</title>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='index_grid.css' rel='stylesheet' type='text/css'>
<!-- Latest compiled and minified CSS -->
<link href="css/sample.css" rel='stylesheet' type='text/css'>
<!-- Social Icons -->
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script>
(function() {
var cx = '007061568807442488368:ubrodjriaau';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
</head>
<body>
<div class="wrapper">
<div class="container">
<h1 class="">Bioinformatics Tools Library</h1>
<hr />
<div id="two-columns" class="grid-container centered" style="display:inline;">
<ul class="rig columns-1">
<li id="movable_links" data-tooltip="#tfheader ">
<!--SearchBox-->
<div id="tfheader">
<form id="tfnewsearch" method="get" action="http://www.google.com">
<!-- <input type="text" class="tftextinput" name="q" size="21" maxlength="120"><input type="submit" value="search" class="tfbutton">-->
<gcse:search></gcse:search>
</form>
</div>
<!--End SearchBox-->
<img class="search img-responsive" onclick="window.open('search.html', '_self');" onmouseover="this.border='1'" onmouseout="this.border='0'" src="img/search.png" width ="170" height="200" alt="" align="middle" style="cursor:Pointer;" title="Search tools" />
<img class="search img-responsive" onclick="window.open('Grid.html', '_self');" onmouseover="this.border='1'" onmouseout="this.border='0'" src="img/list_ingredients.png" width ="170" height="200" alt="" align="middle" style="cursor:Pointer;" title="Tools list"/>
<!--
<img class="search img-responsive" onclick="window.open('workflow.html', '_self');" onclick="" onmouseover="this.border='1'" onmouseout="this.border='0'" src="img/workflow.png" width ="170" height="200" alt="" style="cursor:Pointer;" title="Workflow list of tools"/>
-->
<img class="search img-responsive" onclick="window.open('assistant.html', '_self');" onmouseover="this.border='1'" onmouseout="this.border='0'" src="img/customer_support-512.png" width ="170" height="200" alt="" align="middle" style="cursor:Pointer;" title="Find tools using assistant"/>
<img class="search img-responsive" onclick="window.open('tidlymap.html', '_self');" onmouseover="this.border='1'" onmouseout="this.border='0'" src="img/workflow.png" width ="170" height="200" alt="" align="middle" style="cursor:Pointer;" title="Workflow list of tools"/>
</li>
</ul>
</div>
<!--/#two-columns-->
<hr />
<!-- Contact us area -->
<div class="wrappers">
<div class="social"><a href="https://www.facebook.com/pages/USD-Bioinformatics/112308142239453" target="_blank"><img src ="img/Facebook-icon.png"><i class="fa fa-twitter"></i></a></div>
<div class="social"><a href="https://www.youtube.com/channel/UC6HbJq-6Y2iPwZCAX5k1INQ" target="_blank"><img src ="img/Youtube-icon.png" target="_blank"><i class="fa fa-twitter"></i></a></div>
<div class="social"><a href="https://twitter.com/UBioinformatics" target="_blank"><img src ="img/Twitter-icon.png"><i class="fa fa-twitter"></i></a>;</div>
<div class="social"><a href="https://plus.google.com/117967946183685367610/posts" target="_blank"><img src ="img/GooglePlus-icon.png"><i class="fa fa-twitter"></i></a></div>
<div class="social"><a href="https://www.linkedin.com/pub/usd-usd-bioinfoormatics/51/624/61" target="_blank"><img src ="img/LinkedIn_Icon.png"><i class="fa fa-twitter"></i></a></div>
</div>
<!-- END Contact us area -->
<!--OTHER VERSIONS-->
<div id="two-columns" class="grid-container centered" style="display:inline;">
<ul class="Centered rig columns-1">
<li>
<h5><STRONG>Other Versions</STRONG></h5>
<h6><a href="OC/Version_1/index.html" target="_blank">Version 1</a></h6>
<h6><a href="OC/Version_2/index.html" target="_blank">Version 2</a></h6>
<h6><a href="OC/Version_8/index.html" target="_blank">Version 8</a></h6>
<h6><a href="OC/Version_13/www/index.html" target="_blank">Version 13</a></h6>
<h6><a href="OC/Draggable_Lists/index.html" target="_blank">Draggable List</a></h6>
<h6><a href="OC/JSON_Reader_Optimized/index.html" target="_blank">JSON Reader(Optimized)</a></h6>
<h6><a href="OC/Bioinformatics.apk" target="_blank">Android APK</a></h6>
<!--<h6>QRCode for the APK <img src ="Android/QRCODE_APK.png"><i class="fa fa-twitter"></i></a></h6>-->
</li>
</ul>
</div>
<!-- END OTHER VERSIONS-->
</div>
<!--/.container-->
<!--SearchBox-->
<div class="grid-container">
<li id="movable_link_3">
<img onclick="window.open('workflow.html', '_self');" onclick="" onmouseover="this.border='1'" onmouseout="this.border='0'" src="img/workflow.png" width ="170" height="200" alt="" style="cursor:Pointer;" title="Workflow"/>
</li>
</div>
<!--End SearchBox-->
</div>
<!--/.wrapper-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.grid-nav li a').on('click', function(event){
event.preventDefault();
$('.grid-container').fadeOut(500, function(){
$('#' + gridID).fadeIn(500);
});
var gridID = $(this).attr("data-id");
$('.grid-nav li a').removeClass("active");
$(this).addClass("active");
});
$("li").hover(function(e) {
$($(this).data("tooltip")).css({
left: e.pageX + 1,
top: e.pageY + 1
}).stop().show(100);
}, function() {
$($(this).data("tooltip")).hide();
});
});
</script>
<!--Touch_event-->
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>
<script src="js/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
<!-- <script>$('#movable_links').draggable();$('#movable_link_1').draggable();$('#movable_link_2').draggable();$('#movable_link_3').draggable();</script> -->
<!--End Touch_event-->
</body>
</html>