-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathabout.html
More file actions
201 lines (148 loc) · 9.11 KB
/
Copy pathabout.html
File metadata and controls
201 lines (148 loc) · 9.11 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html>
<head>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-119048537-7');
</script>
<meta charset="utf-8">
<meta name="description" content="PredHPI-About">
<meta name="author" content="Cristian Loaiza">
<!-- App Favicon -->
<link rel="shortcut icon" href="assets/images/favicon.ico">
<!-- App title -->
<title>PredHPI-About</title>
<!-- Plugins css-->
<link href="assets/plugins/multiselect/css/multi-select.css" rel="stylesheet" type="text/css" />
<!-- form Uploads -->
<link href="assets/plugins/fileuploads/css/dropify.min.css" rel="stylesheet" type="text/css" />
<!-- Custom box css -->
<link href="assets/plugins/custombox/css/custombox.min.css" rel="stylesheet">
<!-- Switchery css -->
<link href="assets/plugins/switchery/switchery.min.css" rel="stylesheet" />
<!-- Bootstrap CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- App CSS -->
<link href="assets/css/style.css" rel="stylesheet" type="text/css" />
<!-- Modernizr js -->
<script src="assets/js/modernizr.min.js"></script>
<!-- View Port-->
<meta content="width=device-width, initial-scale=1" name="viewport">
<style>
.card-box{
background-color: #F5F5F5;
}
</style>
</head>
<body>
<header id="topnav">
<div class="topbar-custom">
<div class="container">
<div class="row" style='background-image: url("assets/images/gallery/network.png");background-color: #d0d0d0;height: 110px;'>
<div align="left" class="col-sm-8 col-xs-12">
<a href="https://www.usu.edu" target="_blank"><img src='assets/images/gallery/usulogo.png'></a>
<a href="http://bioinfo.usu.edu" target="_blank" ><h6 style="font-size: 14px;">Kaundal Bioinformatics Laboratory</h6></a>
</div>
<div align="right" class="col-sm-4 col-xs-12">
<a href="http://bioinfo.usu.edu/PredHPI"><img src='assets/images/gallery/favicon.png'></a>
</div>
</div>
</div>
</div>
<div class="navbar-custom">
<div class="container">
<div id="navigation">
<ul class="navigation-menu">
<li>
<a href="index.html" style="font-size: 18px;"><i class="zmdi zmdi-device-hub" style="font-size: 25px;"></i> <span> Submit </span> </a>
</li>
<li>
<a href="about.html" style="font-size: 18px;"><i class="zmdi zmdi-grid" style="font-size: 25px;"></i> <span> About </span> </a>
</li>
<li>
<a href="help.html" style="font-size: 18px;"><i class="zmdi zmdi-info" style="font-size: 25px;"></i> <span> Help </span> </a>
</li>
<li>
<a href="faq.html" style="font-size: 18px;"><i class="zmdi zmdi-help" style="font-size: 25px;"></i><span> FAQ </span> </a>
</li>
</ul>
</div>
</div>
</div>
</header>
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="wrapper" style='margin-top: 220px;'>
<div class="container">
<div style="margin-top: 50px"></div>
<h1 class="display-4" align="Center"> What is PredHPI?</h1>
<div class="mb-0" style="font-size: 20px;margin-top: 50px;">
<p>Understanding the mechanisms underlying infectious diseases is fundamental to develop prevention
strategies. Host-Pathogen Interactions (HPI), which includes from the initial invasion of host cells by
the pathogen through the proliferation of pathogen in their host, are studied to find potential genomic
targets for the development of novel drugs, vaccines, and other therapeutics. Determining which
proteins are involved in the interaction system behind an infectious process is the first step to develop
an efficient disease control strategy.</p>
<p>In silico prediction methods have barely been implemented as
web services to infer novel HPIs, and there is not a single framework which combines several of those
approaches to produce and visualize a comprehensive analysis of host-pathogen interactions. We
introduce PredHPI, a powerful framework that integrates both the detection and visualization of
interaction networks in a single web service, facilitating the apprehension of model and non-model
host-pathogen systems to aid the biologists in building hypotheses and designing appropriate
experiments. PredHPI is built on high-performance computing resources on the backend capable of
handling proteome-scale data from both host as well as pathogen. Data are displayed in an
information-rich and interactive visualization, which can be further customized with user-defined
layouts.</p>
</div>
<div class="row">
<div class="col-md-8">
<img src='assets/images/PredHPI-GA_correctedInput.png' width="800" >
<img src='assets/images/PredHPI-GA_correctedProcessing.png' width="800" >
<img src='assets/images/PredHPI-GA_correctedResults.png' width="800" >
</div>
<div class="col-md-2"></div>
</div>
</div> <!-- container -->
<!-- Footer -->
<footer class="footer" style='background-color: #d0d0d0;position: fixed;'>
© 2018  |  <a href="https://www.usu.edu" target="_blank">Utah State University</a>  |  <a href="http://bioinfo.usu.edu" target="_blank">Kaundal Bioinformatics Laboratory</a>  |  <a href="https://www.psc.usu.edu" target="_blank">Department of Plants, Soils and Climate</a>  |  <a href="http://www.biosystems.usu.edu" target="_blank">Center for Integrated BioSystems </a>
</footer>
<!-- End Footer -->
</div> <!-- End wrapper -->
<!-- jQuery -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script><!-- Tether for Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/waves.js"></script>
<script src="assets/js/jquery.nicescroll.js"></script>
<script src="assets/plugins/switchery/switchery.min.js"></script>
<script src="assets/plugins/bootstrap-tagsinput/js/bootstrap-tagsinput.js"></script>
<script type="text/javascript" src="assets/plugins/multiselect/js/jquery.multi-select.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-quicksearch/jquery.quicksearch.js"></script>
<script src="assets/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
<!-- file uploads js -->
<script src="assets/plugins/fileuploads/js/dropify.min.js"></script>
<!-- Modal-Effect -->
<script src="assets/plugins/custombox/js/custombox.min.js"></script>
<script src="assets/plugins/custombox/js/legacy.min.js"></script>
<!-- App js -->
<script src="assets/js/jquery.core.js"></script>
<script src="assets/js/jquery.app.js"></script>
<script type="text/javascript">
$('.dropify').dropify({
messages: {
'default': 'Drag and drop a file here or click',
'replace': 'Drag and drop or click to replace',
'remove': 'Remove',
'error': 'Ooops, something wrong appended.'
},
error: {
'fileSize': 'The file size is too big (1M max).' // TODO BECAUSE 1M IS TOO SMALL
}
});
</script>
</body>
</html>