Mercurial > repos > brasset_jensen > srnapipe
diff test-data/res_files/reads-sample-small.fastq-piRNAs-PPP.html @ 61:9185ca0a7b43 draft
Updated package according to recommendations.
| author | pierre.pouchin |
|---|---|
| date | Wed, 16 Jan 2019 08:18:13 -0500 |
| parents | |
| children | 11708af40030 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/test-data/res_files/reads-sample-small.fastq-piRNAs-PPP.html Wed Jan 16 08:18:13 2019 -0500 @@ -0,0 +1,337 @@ + + <!DOCTYPE html> + <html lang="en"> + <head> + <meta charset="utf-8"> + <title>pipeline</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content=""> + <meta name="author" content=""> + <!-- Le styles --> + <link href="css/bootstrap.css" rel="stylesheet"> + <link href="css/bootstrap-table.css" rel="stylesheet"> + <style type="text/css"> + body { + padding-top: 60px; + padding-bottom: 40px; + } + div#page { + width: 940px; + background-color: #fff; + margin: 0 auto; + text-align: left; + border-color: #fff; + border-style: none solid solid; + border-width: medium 1px 1px; + } + + div.content { + display: none; + float: right; + width: 550px; + } + div.content a, div.navigation a { + text-decoration: none; + color: #777; + } + div.content a:focus, div.content a:hover, div.content a:active { + text-decoration: underline; + } + + div.controls { + margin-top: 5px; + height: 23px; + } + + div.controls a { + padding: 5px; + } + div.ss-controls { + float: left; + } + div.nav-controls { + float: right; + } + div.slideshow-container { + position: relative; + clear: both; + height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ + } + div.loader { + position: absolute; + top: 0; + left: 0; + background-image: url('loader.gif'); + background-repeat: no-repeat; + background-position: center; + width: 550px; + height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ + } + div.slideshow { + + } + + div.slideshow span.image-wrapper { + display: block; + position: absolute; + top: 0; + left: 0; + } + div.slideshow a.advance-link { + display: block; + width: 550px; + height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ + line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ + text-align: center; + } + div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { + text-decoration: none; + } + div.slideshow img { + vertical-align: middle; + border: 1px solid #ccc; + } + + div.image-title { + font-weight: bold; + font-size: 1.4em; + } + + div.image-desc { + line-height: 1.3em; + padding-top: 12px; + } + div.navigation { + + } + ul.thumbs { + clear: both; + margin: 0; + padding: 0; + } + ul.thumbs li { + float: none; + padding: 0; + margin: 0; + list-style: none; + } + a.thumb { + padding: 0; + display: inline; + border: none; + } + ul.thumbs li.selected a.thumb { + color: #000; + font-weight: bold; + } + a.thumb:focus { + outline: none; + } + ul.thumbs img { + border: none; + display: block; + } + div.pagination { + clear: both; + } + div.navigation div.top { + margin-bottom: 12px; + height: 11px; + } + div.navigation div.bottom { + margin-top: 12px; + } + div.pagination a, div.pagination span.current, div.pagination span.ellipsis { + display: block; + float: left; + margin-right: 2px; + padding: 4px 7px 2px 7px; + border: 1px solid #ccc; + } + div.pagination a:hover { + background-color: #eee; + text-decoration: none; + } + div.pagination span.current { + font-weight: bold; + background-color: #000; + border-color: #000; + color: #fff; + } + div.pagination span.ellipsis { + border: none; + padding: 5px 0 3px 2px; + } + + div.download { + float: right; + } + + div.caption-container { + position: relative; + clear: left; + height: 75px; + } + span.image-caption { + display: block; + position: absolute; + width: 550px; + top: 0; + left: 0; + } + div.caption { + padding: 12px; + } + + /* Featurettes + ------------------------- */ + + .featurette { + padding-top: 20px; /* Vertically center images part 1: add padding above and below text. */ + overflow: hidden; /* Vertically center images part 2: clear their floats. */ + text-align: center; + } + + .featurette-p + { + text-align: left; + } + + .featurette-image { + margin-top: 10px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */ + width: 450px; + height: auto; + } + + </style> + <link href="css/bootstrap-responsive.css" rel="stylesheet"> + </head> + <body> + + <div class="navbar navbar-inverse navbar-fixed-top"> + <div class="navbar-inner"> + <div class="container"> + <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="brand" href="report.txt">Report</a> + <div class="nav-collapse collapse"> + <ul class="nav"> + <li class="active"><a href="reads-sample-small.fastq.html">reads-sample-small.fastq</a></li> + </ul> + </div><!--/.nav-collapse --> + </div> + </div> + </div><div class="container"> <table class="wb-tables table table-striped table-hover"> +<thead> + <tr> + <th data-sortable="true">ID</th> + <th data-sortable="true">overlap sum</th> + <th data-sortable="true">ten overlap sum</th> + <th data-sortable="true">mean</th> + <th data-sortable="true">standard deviation</th> + <th data-sortable="true">z-score</th> + <th data-sortable="true">p-value</th> + </tr> + </thead> + <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> +</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> +</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> +</tr><tr><td> COPIA_DM_I </td> +<td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td> +</tr><tr><td> COPIA_DM_LTR </td> +<td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td> +</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> +</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> +</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> +</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> +</tr><tr><td> Gypsy2-I_DM </td> +<td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td> +</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> +</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> +</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> +</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> +</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> +</tr><tr><td> ZAM_I </td> +<td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td> +</tr><tr><td> ZAM_LTR </td> +<td> 0 </td><td> 0 </td><td> 0 </td><td> 0 </td><td> NA </td><td> NA </td> +</tr></tbody></table></div> + <!-- FOOTER --> + <div class="container"> + <footer> + + </footer> + </div> + <!-- Le javascript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> + <script type="text/javascript" src="js/filter.js"></script> + <script type="text/javascript" src="js/jquery.js"></script> + <script type="text/javascript" src="js/jquery-1.3.2.js"></script> + <script type="text/javascript" src="js/jquery.galleriffic.js"></script> + <script type="text/javascript" src="js/jquery.opacityrollover.js"></script> + <script type="text/javascript" src="js/bootstrap-table.js"></script> + <script type="text/javascript" src="js/bootstrap.min.js"></script> + <script type="text/javascript"> + jQuery(document).ready(function($) { + // We only want these styles applied when javascript is enabled + $('div.navigation').css({'width' : '300px', 'float' : 'left'}); + $('div.content').css('display', 'block'); + + $(".each-gallery").each(function(i){ + // Initially set opacity on thumbs and add + // additional styling for hover effect on thumbs + var onMouseOutOpacity = 0.67; + $('#thumbs + i + ul.thumbs li').opacityrollover({ + mouseOutOpacity: onMouseOutOpacity, + mouseOverOpacity: 1.0, + fadeSpeed: 'fast', + exemptionSelector: '.selected' + }); + + // Initialize Advanced Galleriffic Gallery + var gallery = $('#thumbs'+i).galleriffic({ + delay: 2500, + numThumbs: 22, + preloadAhead: 10, + enableTopPager: true, + enableBottomPager: true, + maxPagesToShow: 7, + imageContainerSel: '#slideshow'+ i, + controlsContainerSel: '#controls' + i, + captionContainerSel: '#caption' + i, + loadingContainerSel: '#loading' + i, + renderSSControls: true, + renderNavControls: true, + playLinkText: 'Play', + pauseLinkText: 'Pause', + prevLinkText: '‹ Previous', + nextLinkText: 'Next ›', + nextPageLinkText: 'Next ›', + prevPageLinkText: '‹ Prev', + enableHistory: false, + autoStart: false, + syncTransitions: true, + defaultTransitionDuration: 900, + onSlideChange: function(prevIndex, nextIndex) { + // 'this' refers to the gallery, which is an extension of $('#thumbs') + this.find('ul.thumbs').children() + .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end() + .eq(nextIndex).fadeTo('fast', 1.0); + }, + onPageTransitionOut: function(callback) { + this.fadeTo('fast', 0.0, callback); + }, + onPageTransitionIn: function() { + this.fadeTo('fast', 1.0); + } + }); + }); + }); + </script> + </body> + </html> + \ No newline at end of file