Mercurial > repos > brasset_jensen > srnapipe

comparison test-data/res_files/reads-sample-small.fastq-piRNAs-PPP.html @ 61:9185ca0a7b43 draft

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Updated package according to recommendations.
author pierre.pouchin
date Wed, 16 Jan 2019 08:18:13 -0500
parents
children 11708af40030
comparison
equal deleted inserted replaced
60:9645d995fb3c 61:9185ca0a7b43
1
2 <!DOCTYPE html>
3 <html lang="en">
4 <head>
5 <meta charset="utf-8">
6 <title>pipeline</title>
7 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 <meta name="description" content="">
9 <meta name="author" content="">
10 <!-- Le styles -->
11 <link href="css/bootstrap.css" rel="stylesheet">
12 <link href="css/bootstrap-table.css" rel="stylesheet">
13 <style type="text/css">
14 body {
15 padding-top: 60px;
16 padding-bottom: 40px;
17 }
18 div#page {
19 width: 940px;
20 background-color: #fff;
21 margin: 0 auto;
22 text-align: left;
23 border-color: #fff;
24 border-style: none solid solid;
25 border-width: medium 1px 1px;
26 }
27
28 div.content {
29 display: none;
30 float: right;
31 width: 550px;
32 }
33 div.content a, div.navigation a {
34 text-decoration: none;
35 color: #777;
36 }
37 div.content a:focus, div.content a:hover, div.content a:active {
38 text-decoration: underline;
39 }
40
41 div.controls {
42 margin-top: 5px;
43 height: 23px;
44 }
45
46 div.controls a {
47 padding: 5px;
48 }
49 div.ss-controls {
50 float: left;
51 }
52 div.nav-controls {
53 float: right;
54 }
55 div.slideshow-container {
56 position: relative;
57 clear: both;
58 height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
59 }
60 div.loader {
61 position: absolute;
62 top: 0;
63 left: 0;
64 background-image: url('loader.gif');
65 background-repeat: no-repeat;
66 background-position: center;
67 width: 550px;
68 height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
69 }
70 div.slideshow {
71
72 }
73
74 div.slideshow span.image-wrapper {
75 display: block;
76 position: absolute;
77 top: 0;
78 left: 0;
79 }
80 div.slideshow a.advance-link {
81 display: block;
82 width: 550px;
83 height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
84 line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
85 text-align: center;
86 }
87 div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
88 text-decoration: none;
89 }
90 div.slideshow img {
91 vertical-align: middle;
92 border: 1px solid #ccc;
93 }
94
95 div.image-title {
96 font-weight: bold;
97 font-size: 1.4em;
98 }
99
100 div.image-desc {
101 line-height: 1.3em;
102 padding-top: 12px;
103 }
104 div.navigation {
105
106 }
107 ul.thumbs {
108 clear: both;
109 margin: 0;
110 padding: 0;
111 }
112 ul.thumbs li {
113 float: none;
114 padding: 0;
115 margin: 0;
116 list-style: none;
117 }
118 a.thumb {
119 padding: 0;
120 display: inline;
121 border: none;
122 }
123 ul.thumbs li.selected a.thumb {
124 color: #000;
125 font-weight: bold;
126 }
127 a.thumb:focus {
128 outline: none;
129 }
130 ul.thumbs img {
131 border: none;
132 display: block;
133 }
134 div.pagination {
135 clear: both;
136 }
137 div.navigation div.top {
138 margin-bottom: 12px;
139 height: 11px;
140 }
141 div.navigation div.bottom {
142 margin-top: 12px;
143 }
144 div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
145 display: block;
146 float: left;
147 margin-right: 2px;
148 padding: 4px 7px 2px 7px;
149 border: 1px solid #ccc;
150 }
151 div.pagination a:hover {
152 background-color: #eee;
153 text-decoration: none;
154 }
155 div.pagination span.current {
156 font-weight: bold;
157 background-color: #000;
158 border-color: #000;
159 color: #fff;
160 }
161 div.pagination span.ellipsis {
162 border: none;
163 padding: 5px 0 3px 2px;
164 }
165
166 div.download {
167 float: right;
168 }
169
170 div.caption-container {
171 position: relative;
172 clear: left;
173 height: 75px;
174 }
175 span.image-caption {
176 display: block;
177 position: absolute;
178 width: 550px;
179 top: 0;
180 left: 0;
181 }
182 div.caption {
183 padding: 12px;
184 }
185
186 /* Featurettes
187 ------------------------- */
188
189 .featurette {
190 padding-top: 20px; /* Vertically center images part 1: add padding above and below text. */
191 overflow: hidden; /* Vertically center images part 2: clear their floats. */
192 text-align: center;
193 }
194
195 .featurette-p
196 {
197 text-align: left;
198 }
199
200 .featurette-image {
201 margin-top: 10px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
202 width: 450px;
203 height: auto;
204 }
205
206 </style>
207 <link href="css/bootstrap-responsive.css" rel="stylesheet">
208 </head>
209 <body>
210
211 <div class="navbar navbar-inverse navbar-fixed-top">
212 <div class="navbar-inner">
213 <div class="container">
214 <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
215 <span class="icon-bar"></span>
216 <span class="icon-bar"></span>
217 <span class="icon-bar"></span>
218 </button>
219 <a class="brand" href="report.txt">Report</a>
220 <div class="nav-collapse collapse">
221 <ul class="nav">
222 <li class="active"><a href="reads-sample-small.fastq.html">reads-sample-small.fastq</a></li>
223 </ul>
224 </div><!--/.nav-collapse -->
225 </div>
226 </div>
227 </div><div class="container"> <table class="wb-tables table table-striped table-hover">
228 <thead>
229 <tr>
230 <th data-sortable="true">ID</th>
231 <th data-sortable="true">overlap sum</th>
232 <th data-sortable="true">ten overlap sum</th>
233 <th data-sortable="true">mean</th>
234 <th data-sortable="true">standard deviation</th>
235 <th data-sortable="true">z-score</th>
236 <th data-sortable="true">p-value</th>
237 </tr>
238 </thead>
239 <tbody><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/BATUMI_I.html">BATUMI_I</a> </td><td> 92 </td><td> 22 </td><td> 4 </td><td> 6.26931797136554 </td><td> 2.87112570812537 </td><td> 0.00204506417965455 </td>
240 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/BATUMI_LTR.html">BATUMI_LTR</a> </td><td> 13 </td><td> 1 </td><td> 0.565217391304348 </td><td> 0.824941998304795 </td><td> 0.52704627669473 </td><td> 0.299080726341764 </td>
241 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/BS2.html">BS2</a> </td><td> 4418 </td><td> 610 </td><td> 192.086956521739 </td><td> 94.6508058457982 </td><td> 4.41531416181612 </td><td> 5.04316992888665e-06 </td>
242 </tr><tr><td> COPIA_DM_I </td>
243 <td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td>
244 </tr><tr><td> COPIA_DM_LTR </td>
245 <td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td>
246 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/DMCR1A.html">DMCR1A</a> </td><td> 109 </td><td> 30 </td><td> 4.73913043478261 </td><td> 6.40799359023961 </td><td> 3.94208720865353 </td><td> 4.03877968415678e-05 </td>
247 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/DMRT1B.html">DMRT1B</a> </td><td> 299 </td><td> 13 </td><td> 13 </td><td> 10.8266980794861 </td><td> 0 </td><td> 0.5 </td>
248 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/FW.html">FW</a> </td><td> 9995 </td><td> 1042 </td><td> 434.565217391304 </td><td> 141.421610207381 </td><td> 4.29520482561295 </td><td> 8.7266059448643e-06 </td>
249 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/G6_DM.html">G6_DM</a> </td><td> 1084 </td><td> 129 </td><td> 47.1304347826087 </td><td> 28.7512636362392 </td><td> 2.84751189558847 </td><td> 0.0022031223713177 </td>
250 </tr><tr><td> Gypsy2-I_DM </td>
251 <td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td>
252 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/Gypsy2-LTR_DM.html">Gypsy2-LTR_DM</a> </td><td> 170 </td><td> 20 </td><td> 7.39130434782609 </td><td> 4.341299449171 </td><td> 2.90435981203315 </td><td> 0.00184002483108026 </td>
253 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/I_DM.html">I_DM</a> </td><td> 2 </td><td> 1 </td><td> 0.0869565217391304 </td><td> 0.281771334713385 </td><td> 3.24037034920393 </td><td> 0.000596872722436026 </td>
254 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/MAX_I.html">MAX_I</a> </td><td> 54 </td><td> 11 </td><td> 2.34782608695652 </td><td> 2.44253424438055 </td><td> 3.5422938011818 </td><td> 0.00019833170283523 </td>
255 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/MAX_LTR.html">MAX_LTR</a> </td><td> 16 </td><td> 0 </td><td> 0.695652173913043 </td><td> 1.75535906419012 </td><td> -0.396301923694456 </td><td> 0.654058845865745 </td>
256 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/PROTOP.html">PROTOP</a> </td><td> 49 </td><td> 11 </td><td> 2.1304347826087 </td><td> 2.30885531258291 </td><td> 3.84154224348902 </td><td> 6.11318444337927e-05 </td>
257 </tr><tr><td> ZAM_I </td>
258 <td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td>
259 </tr><tr><td> ZAM_LTR </td>
260 <td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td>
261 </tr></tbody></table></div>
262 <!-- FOOTER -->
263 <div class="container">
264 <footer>
265
266 </footer>
267 </div>
268 <!-- Le javascript
269 ================================================== -->
270 <!-- Placed at the end of the document so the pages load faster -->
271 <script type="text/javascript" src="js/filter.js"></script>
272 <script type="text/javascript" src="js/jquery.js"></script>
273 <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
274 <script type="text/javascript" src="js/jquery.galleriffic.js"></script>
275 <script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
276 <script type="text/javascript" src="js/bootstrap-table.js"></script>
277 <script type="text/javascript" src="js/bootstrap.min.js"></script>
278 <script type="text/javascript">
279 jQuery(document).ready(function($) {
280 // We only want these styles applied when javascript is enabled
281 $('div.navigation').css({'width' : '300px', 'float' : 'left'});
282 $('div.content').css('display', 'block');
283
284 $(".each-gallery").each(function(i){
285 // Initially set opacity on thumbs and add
286 // additional styling for hover effect on thumbs
287 var onMouseOutOpacity = 0.67;
288 $('#thumbs + i + ul.thumbs li').opacityrollover({
289 mouseOutOpacity: onMouseOutOpacity,
290 mouseOverOpacity: 1.0,
291 fadeSpeed: 'fast',
292 exemptionSelector: '.selected'
293 });
294
295 // Initialize Advanced Galleriffic Gallery
296 var gallery = $('#thumbs'+i).galleriffic({
297 delay: 2500,
298 numThumbs: 22,
299 preloadAhead: 10,
300 enableTopPager: true,
301 enableBottomPager: true,
302 maxPagesToShow: 7,
303 imageContainerSel: '#slideshow'+ i,
304 controlsContainerSel: '#controls' + i,
305 captionContainerSel: '#caption' + i,
306 loadingContainerSel: '#loading' + i,
307 renderSSControls: true,
308 renderNavControls: true,
309 playLinkText: 'Play',
310 pauseLinkText: 'Pause',
311 prevLinkText: '&lsaquo; Previous',
312 nextLinkText: 'Next &rsaquo;',
313 nextPageLinkText: 'Next &rsaquo;',
314 prevPageLinkText: '&lsaquo; Prev',
315 enableHistory: false,
316 autoStart: false,
317 syncTransitions: true,
318 defaultTransitionDuration: 900,
319 onSlideChange: function(prevIndex, nextIndex) {
320 // 'this' refers to the gallery, which is an extension of $('#thumbs')
321 this.find('ul.thumbs').children()
322 .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
323 .eq(nextIndex).fadeTo('fast', 1.0);
324 },
325 onPageTransitionOut: function(callback) {
326 this.fadeTo('fast', 0.0, callback);
327 },
328 onPageTransitionIn: function() {
329 this.fadeTo('fast', 1.0);
330 }
331 });
332 });
333 });
334 </script>
335 </body>
336 </html>
337