Mercurial > repos > brasset_jensen > srnapipe
annotate test-data/res_files/reads-sample-small.fastq-piRNAs-PPP.html @ 64:967512924317 draft
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit 410509088292be0687b8da3ea3bb75e72866a87d
| author | brasset_jensen |
|---|---|
| date | Mon, 28 Jan 2019 11:57:15 -0500 |
| parents | 11708af40030 |
| children |
| rev | line source |
|---|---|
| 61 | 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> | |
|
63
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
239 <tbody><tr><td> BATUMI_I </td> |
|
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
240 <td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td> |
|
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
241 </tr><tr><td> BATUMI_LTR </td> |
|
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
242 <td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td> |
|
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
243 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/BS2.html">BS2</a> </td><td> 185 </td><td> 51 </td><td> 8.04347826086956 </td><td> 9.6028902391509 </td><td> 4.47329092276793 </td><td> 3.85124343149634e-06 </td> |
| 61 | 244 </tr><tr><td> COPIA_DM_I </td> |
| 245 <td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td> | |
| 246 </tr><tr><td> COPIA_DM_LTR </td> | |
| 247 <td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td> | |
|
63
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
248 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/DMCR1A.html">DMCR1A</a> </td><td> 8 </td><td> 1 </td><td> 0.347826086956522 </td><td> 0.560178205509788 </td><td> 1.1642257885595 </td><td> 0.122166260952844 </td> |
|
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
249 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/DMRT1B.html">DMRT1B</a> </td><td> 13 </td><td> 1 </td><td> 0.565217391304348 </td><td> 0.711769806249778 </td><td> 0.610847221781526 </td><td> 0.270650364023612 </td> |
|
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
250 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/FW.html">FW</a> </td><td> 369 </td><td> 54 </td><td> 16.0434782608696 </td><td> 9.77342564156839 </td><td> 3.88364562551062 </td><td> 5.14509267872665e-05 </td> |
|
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
251 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/G6_DM.html">G6_DM</a> </td><td> 58 </td><td> 9 </td><td> 2.52173913043478 </td><td> 3.95484914478846 </td><td> 1.63805511471961 </td><td> 0.0507050985511251 </td> |
| 61 | 252 </tr><tr><td> Gypsy2-I_DM </td> |
| 253 <td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td> | |
|
63
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
254 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/Gypsy2-LTR_DM.html">Gypsy2-LTR_DM</a> </td><td> 3 </td><td> 0 </td><td> 0.130434782608696 </td><td> 0.336781160539775 </td><td> -0.387298334620742 </td><td> 0.650732320848331 </td> |
|
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
255 </tr><tr><td> I_DM </td> |
|
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
256 <td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td> |
|
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
257 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/MAX_I.html">MAX_I</a> </td><td> 1 </td><td> 0 </td><td> 0.0434782608695652 </td><td> 0.203931119992323 </td><td> -0.21320071635561 </td><td> 0.584414795229119 </td> |
|
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
258 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/MAX_LTR.html">MAX_LTR</a> </td><td> 1 </td><td> 0 </td><td> 0.0434782608695652 </td><td> 0.203931119992323 </td><td> -0.21320071635561 </td><td> 0.584414795229119 </td> |
|
11708af40030
planemo upload for repository https://github.com/GReD-Clermont/sRNAPipe/ commit a461e07471d3897046e14389171a2c03d09b912d
pierre.pouchin
parents:
61
diff
changeset
|
259 </tr><tr><td> <a href="reads-sample-small.fastq/subgroups/PPPartners/PROTOP.html">PROTOP</a> </td><td> 3 </td><td> 2 </td><td> 0.130434782608696 </td><td> 0.447636093086391 </td><td> 4.17652920813624 </td><td> 1.47995375637811e-05 </td> |
| 61 | 260 </tr><tr><td> ZAM_I </td> |
| 261 <td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td> | |
| 262 </tr><tr><td> ZAM_LTR </td> | |
| 263 <td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td> | |
| 264 </tr></tbody></table></div> | |
| 265 <!-- FOOTER --> | |
| 266 <div class="container"> | |
| 267 <footer> | |
| 268 | |
| 269 </footer> | |
| 270 </div> | |
| 271 <!-- Le javascript | |
| 272 ================================================== --> | |
| 273 <!-- Placed at the end of the document so the pages load faster --> | |
| 274 <script type="text/javascript" src="js/filter.js"></script> | |
| 275 <script type="text/javascript" src="js/jquery.js"></script> | |
| 276 <script type="text/javascript" src="js/jquery-1.3.2.js"></script> | |
| 277 <script type="text/javascript" src="js/jquery.galleriffic.js"></script> | |
| 278 <script type="text/javascript" src="js/jquery.opacityrollover.js"></script> | |
| 279 <script type="text/javascript" src="js/bootstrap-table.js"></script> | |
| 280 <script type="text/javascript" src="js/bootstrap.min.js"></script> | |
| 281 <script type="text/javascript"> | |
| 282 jQuery(document).ready(function($) { | |
| 283 // We only want these styles applied when javascript is enabled | |
| 284 $('div.navigation').css({'width' : '300px', 'float' : 'left'}); | |
| 285 $('div.content').css('display', 'block'); | |
| 286 | |
| 287 $(".each-gallery").each(function(i){ | |
| 288 // Initially set opacity on thumbs and add | |
| 289 // additional styling for hover effect on thumbs | |
| 290 var onMouseOutOpacity = 0.67; | |
| 291 $('#thumbs + i + ul.thumbs li').opacityrollover({ | |
| 292 mouseOutOpacity: onMouseOutOpacity, | |
| 293 mouseOverOpacity: 1.0, | |
| 294 fadeSpeed: 'fast', | |
| 295 exemptionSelector: '.selected' | |
| 296 }); | |
| 297 | |
| 298 // Initialize Advanced Galleriffic Gallery | |
| 299 var gallery = $('#thumbs'+i).galleriffic({ | |
| 300 delay: 2500, | |
| 301 numThumbs: 22, | |
| 302 preloadAhead: 10, | |
| 303 enableTopPager: true, | |
| 304 enableBottomPager: true, | |
| 305 maxPagesToShow: 7, | |
| 306 imageContainerSel: '#slideshow'+ i, | |
| 307 controlsContainerSel: '#controls' + i, | |
| 308 captionContainerSel: '#caption' + i, | |
| 309 loadingContainerSel: '#loading' + i, | |
| 310 renderSSControls: true, | |
| 311 renderNavControls: true, | |
| 312 playLinkText: 'Play', | |
| 313 pauseLinkText: 'Pause', | |
| 314 prevLinkText: '‹ Previous', | |
| 315 nextLinkText: 'Next ›', | |
| 316 nextPageLinkText: 'Next ›', | |
| 317 prevPageLinkText: '‹ Prev', | |
| 318 enableHistory: false, | |
| 319 autoStart: false, | |
| 320 syncTransitions: true, | |
| 321 defaultTransitionDuration: 900, | |
| 322 onSlideChange: function(prevIndex, nextIndex) { | |
| 323 // 'this' refers to the gallery, which is an extension of $('#thumbs') | |
| 324 this.find('ul.thumbs').children() | |
| 325 .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end() | |
| 326 .eq(nextIndex).fadeTo('fast', 1.0); | |
| 327 }, | |
| 328 onPageTransitionOut: function(callback) { | |
| 329 this.fadeTo('fast', 0.0, callback); | |
| 330 }, | |
| 331 onPageTransitionIn: function() { | |
| 332 this.fadeTo('fast', 1.0); | |
| 333 } | |
| 334 }); | |
| 335 }); | |
| 336 }); | |
| 337 </script> | |
| 338 </body> | |
| 339 </html> | |
| 340 |