-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
151 lines (124 loc) · 7.79 KB
/
index.html
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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- title and icon -->
<title>MG-RAST</title>
<link rel="icon" href="images/MGRAST_favicon.ico" type="image/x-icon">
<!-- meta tags -->
<meta name="description"
content="MG-RAST is an open source, open submission web application server that suggests automatic phylogenetic and functional analysis of metagenomes. It is also one of the biggest repositories for metagenomic data."/>
<meta name="keywords"
content="MG-RAST, mg-rast, mgrast, metagenomics, metagenomic, metagenome, metagenomes, metatranscriptome, metatranscriptomic, DNA, microbiology, microbial, ecology, organisms, microorganism, microorganisms, biodiversity, diversity, gene, genes, genome, genomes, genomic, genomics, ecogenomics, community genomics, genetic, sequencing, sequence, environment, environmental, ecosystem, ecosystems, samples, sample, annotation, protein, research, archive, metabolic, pathways, analysis, function, GAIA, shotgun, pyrosequencing, community, communities, metabolism, cultivation, bioinformatics, bioinformatic, database, metadata, dataset, data, repository"/>
<meta name="author" content="MG-RAST">
<!-- default js -->
<script type="text/javascript" src="Retina/js/jquery.min.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="Retina/js/stm.js"></script>
<script type="text/javascript" src="Retina/js/retina.js"></script>
<script type="text/javascript" src="Retina/js/bootstrap.min.js"></script>
<!-- helper plugins js -->
<script type="text/javascript" src="Retina/js/feature.min.js"></script>
<script type="text/javascript" src="Retina/js/peekabar.js"></script>
<!-- newsfeed read via google jsapi -->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<!-- page init js -->
<script type="text/javascript" src="js/index.js"></script>
<!-- bootstrap style -->
<link rel="stylesheet" type="text/css" href="Retina/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/mgrasthome.css">
<!-- webapp initialization -->
<script type="text/javascript">
jQuery( window ).load(function(){
initWebApp();
});
</script>
<!-- google analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-56018972-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!-- header bar -->
<div class="container" style="width: 100%;">
<!-- user info / login section -->
<span id="login_space"></span>
<!-- session management -->
<span id="session_space" style="float: right; margin-right: 10px;"></span>
</div>
<div class="content">
<div style="width: 480px; margin-left: auto; margin-right: auto;">
<!-- logo -->
<img src="images/MGRAST_logo.png" style="height: 120px;"><div class="cite" onclick="window.open('http://www.biomedcentral.com/1471-2105/9/386');">cite us</div>
<p style="color: gray; margin-bottom: 0px; position: relative; bottom: 30px; text-align: center;" id="version"></p>
<p style="color: gray; margin-bottom: 0px; position: relative; bottom: 30px; font-size: 12px; text-align: center;" id="load"></p>
<p style="color: gray; margin-bottom: -20px; position: relative; bottom: 30px; font-size: 12px; text-align: center;">
<a href="http://api.mg-rast.org/api.html" target=_blank>for programmatic access visit our API site</a>
</p>
<!-- status messages -->
<div id="info" class="alert alert-info" style="display: none;"></div>
<div id="warning" class="alert alert-warning" style="display: none;"></div>
<div id="error" class="alert alert-error" style="display: none;"></div>
<!-- search & submit -->
<div id="searchdiv">
<div class="input-append" style="margin-top: 10px; width: 400px; margin-left: auto; margin-right: auto; display: block; text-align: center;">
<input type="text" class="search span4" style="padding-left: 10px;border-radius: 14px 0 0 14px;" placeholder="search string e.g. mgp128 or mgm4447970.3" id="searchtext">
<button class="btn search-button" style="border-radius: 0 14px 14px 0;" onclick="window.location='mgmain.html?mgpage=search&search='+document.getElementById('searchtext').value;" id="searchbutton">search <img src="Retina/images/search.png" style="width: 16px; position: relative; bottom 2px;"></button>
</div>
<div style="margin-top: 10px; text-align: center;">
<button class="btn" onclick="window.location='mgmain.html?mgpage=upload';" style="border-radius: 15px;">upload <img src="Retina/images/cloud-upload.png" style="width: 16px;"></button><button class="btn" onclick="window.location='mgmain.html?mgpage=downloadintro';" style="border-radius: 15px; margin-left: 20px;">download <img src="Retina/images/cloud-download.png" style="width: 16px;"></button><button class="btn" onclick="window.location='mgmain.html?mgpage=analysis';" style="border-radius: 15px; margin-left: 20px;">analyze <img src="Retina/images/bar-chart.png" style="width: 16px; position: relative; bottom: 2px;"></button>
</div>
</div>
<noscript>
<div class="alert alert-error" style="margin-bottom: 30px; margin-top: 30px;"><b>ERROR: javascript disabled</b><br> You cannot use this site without javascript. Please enable it in the security settings of your browser.</div>
</noscript>
<div style="position: absolute; bottom: 20px; left: 20px; width: 200px; height: 160px; background-color: white; padding: 15px; text-align: center; font-size: 15px;"><p style="margin-top: 5px; margin-bottom: 5px;">hosted at</p><img src="images/uchicago.gif"><p style="margin-top: 5px; margin-bottom: -5px;">and</p><img src="images/anl.png"></div>
<!-- carousel -->
<div id="myCarousel" class="carousel slide" style="margin-top: 30px;">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<img src="images/sequence2analysis.png" style="margin-left: auto; margin-right: auto;">
<div class="carousel-caption">
<p align=center>Turn your raw sequence into analyzed data.</p>
</div>
</div>
<div class="item">
<img src="images/dataprotection.png" style="margin-left: auto; margin-right: auto;">
<div class="carousel-caption">
<p align=center>Safely deposit your metagenomic data for public reference.</p>
</div>
</div>
<div class="item">
<img src="images/teach.png" style="margin-left: auto; margin-right: auto;">
<div class="carousel-caption">
<p align=center>Teach advanced bioinformatics tools with a shallow learning curve.</p>
</div>
</div>
</div>
</div>
<!-- news -->
<div class="news">
<p class="newsheadline">News</p>
<div id="newsfeed"><img src="Retina/images/waiting.gif" style="margin-top: 40px; margin-left: 208px;"></div>
</div>
</div>
<div class="footer">
<div style="width: 450px; margin-left: auto; margin-right: auto;">
<p>This project is funded by the NIH grant R01AI123037 and by NSF grant 1645609 and uses the Magellan machine under Contract DE-AC02-06CH11357.</p>
<a href="legal.html" target=_blank style="color: gray;">Terms of Service | Full Funding List</a>
</div>
</div>
</div>
</body>
</html>