Mercurial > repos > goeckslab > ludwig_visualize
comparison test-data/temperature_experiment_report.html @ 0:dceb8493730d draft
planemo upload for repository https://github.com/goeckslab/Galaxy-Ludwig.git commit bdea9430787658783a51cc6c2ae951a01e455bb4
| author | goeckslab |
|---|---|
| date | Tue, 07 Jan 2025 22:44:54 +0000 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| -1:000000000000 | 0:dceb8493730d |
|---|---|
| 1 <!doctype html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <meta charset="utf-8"> | |
| 5 <title>Ludwig Experiment</title> | |
| 6 <style> | |
| 7 html, body { | |
| 8 padding: 0; | |
| 9 margin: 0; | |
| 10 } | |
| 11 | |
| 12 body { | |
| 13 font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; | |
| 14 } | |
| 15 | |
| 16 header { | |
| 17 background-color: #eee; | |
| 18 color: #666; | |
| 19 padding: 10px; | |
| 20 margin-bottom: 2em; | |
| 21 } | |
| 22 | |
| 23 header h1 { | |
| 24 font-size: 1em; | |
| 25 font-weight: normal; | |
| 26 margin: 0; | |
| 27 } | |
| 28 | |
| 29 main { | |
| 30 margin: 0 auto; | |
| 31 width: 70%; | |
| 32 display: inline-block; | |
| 33 } | |
| 34 | |
| 35 section div h1 { | |
| 36 color: #777; | |
| 37 font-weight: 400; | |
| 38 margin-bottom: 2em; | |
| 39 font-size: 1.3em; | |
| 40 padding-bottom: 5px; | |
| 41 border-bottom: 1px solid #eee; | |
| 42 } | |
| 43 | |
| 44 section div h2 { | |
| 45 font-size: 1.1em; | |
| 46 } | |
| 47 | |
| 48 caption { | |
| 49 caption-side: bottom; | |
| 50 text-align: left; | |
| 51 font-size: .9em; | |
| 52 margin-top: 1em; | |
| 53 } | |
| 54 | |
| 55 #metadata-row { | |
| 56 display: flex; | |
| 57 flex-direction: row; | |
| 58 } | |
| 59 | |
| 60 #history-section { | |
| 61 flex-grow: 1; | |
| 62 } | |
| 63 | |
| 64 #background-section { | |
| 65 flex-grow: 2; | |
| 66 } | |
| 67 | |
| 68 .row { | |
| 69 margin-bottom: 3em; | |
| 70 } | |
| 71 | |
| 72 .signature-row { | |
| 73 display: flex; | |
| 74 } | |
| 75 | |
| 76 .column { | |
| 77 flex: 33.33%; | |
| 78 padding: 10px; | |
| 79 } | |
| 80 | |
| 81 .regulator-row { | |
| 82 display: flex; | |
| 83 } | |
| 84 | |
| 85 .regulator-drugs, .regulator-viz { | |
| 86 padding: 0 20px; | |
| 87 } | |
| 88 | |
| 89 .regulator-viz img { | |
| 90 max-width: 500px; | |
| 91 display: block; | |
| 92 } | |
| 93 | |
| 94 .regulator-drugs { | |
| 95 border-left: 1px solid #eee | |
| 96 } | |
| 97 | |
| 98 #pathway-cancernetwork { | |
| 99 height: 400px; | |
| 100 margin: 0 auto; | |
| 101 display: block; | |
| 102 } | |
| 103 | |
| 104 #cnvkit-heatmap, #pathway-image{ | |
| 105 height: 500px; | |
| 106 margin: 0 auto; | |
| 107 display: block; | |
| 108 } | |
| 109 | |
| 110 #hrd-image, #stemness-image, #eurydice-image { | |
| 111 height: 300px; | |
| 112 margin: 0 auto; | |
| 113 display: block; | |
| 114 } | |
| 115 | |
| 116 table { | |
| 117 width: 100%; | |
| 118 text-align: left; | |
| 119 border-collapse: collapse; | |
| 120 margin-bottom: 35px; | |
| 121 } | |
| 122 | |
| 123 th { | |
| 124 font-weight: normal; | |
| 125 background-color: #eee; | |
| 126 padding: 5px; | |
| 127 color: #666; | |
| 128 } | |
| 129 | |
| 130 td { | |
| 131 padding: 10px 5px; | |
| 132 } | |
| 133 | |
| 134 tr:first-child td { | |
| 135 padding-top: 20px | |
| 136 } | |
| 137 | |
| 138 tr { | |
| 139 page-break-inside: avoid | |
| 140 } | |
| 141 | |
| 142 footer { | |
| 143 background-color: #eee; | |
| 144 text-align: center; | |
| 145 padding: 2px 0; | |
| 146 color: #666; | |
| 147 font-size: .8em; | |
| 148 } | |
| 149 | |
| 150 .element_title { | |
| 151 text-align: justify; | |
| 152 font-weight: bold; | |
| 153 font-size: large; | |
| 154 } | |
| 155 | |
| 156 .mqc_mplplot_plotgroup { | |
| 157 display: flexbox | |
| 158 } | |
| 159 | |
| 160 .resources-section { | |
| 161 margin-bottom: 1.5rem; | |
| 162 } | |
| 163 | |
| 164 .resources img { | |
| 165 max-height: 400px; | |
| 166 margin: 0 auto; | |
| 167 display: block; | |
| 168 } | |
| 169 | |
| 170 .resources iframe { | |
| 171 aspect-ratio: 2 / 1; | |
| 172 max-width: 100%; | |
| 173 margin: 0 auto; | |
| 174 display: block; | |
| 175 } | |
| 176 /* CSS Styles for Default MultiQC Report Template */ | |
| 177 | |
| 178 /* General Styles */ | |
| 179 code { | |
| 180 background-color: #f3f3f3; | |
| 181 color: #666; | |
| 182 } | |
| 183 kbd { | |
| 184 background-color: #ccc; | |
| 185 color: #333; | |
| 186 } | |
| 187 @media only screen and (max-width: 768px) { | |
| 188 code { | |
| 189 display: inline-block; | |
| 190 max-width: 90%; | |
| 191 overflow: auto; | |
| 192 } | |
| 193 } | |
| 194 | |
| 195 .radio.input-sm { | |
| 196 height: 20px; | |
| 197 } | |
| 198 .radio.input-sm input { | |
| 199 margin: 2px 0 0 -20px; | |
| 200 } | |
| 201 .mqc_thousandSep { | |
| 202 padding: 0 2px; | |
| 203 } | |
| 204 | |
| 205 /* Page Template */ | |
| 206 @media only screen and (min-width: 768px) { | |
| 207 .mainpage { | |
| 208 margin-left: 270px; | |
| 209 } | |
| 210 .footer { | |
| 211 margin-left: 250px; | |
| 212 } | |
| 213 .mainpage, | |
| 214 .footer { | |
| 215 -moz-transition: margin-left 0.5s; | |
| 216 -webkit-transition: margin-left 0.5s; | |
| 217 transition: margin-left 0.5s; | |
| 218 } | |
| 219 .mainpage.hidden-nav, | |
| 220 .footer.hidden-nav { | |
| 221 margin-left: 0; | |
| 222 } | |
| 223 | |
| 224 .side-nav-wrapper { | |
| 225 position: fixed; | |
| 226 } | |
| 227 .side-nav { | |
| 228 height: 100%; | |
| 229 width: 250px; | |
| 230 border-right: 1px solid #ccc; | |
| 231 overflow: auto; | |
| 232 padding-bottom: 30px; | |
| 233 -webkit-transition: margin-left 0.5s; | |
| 234 transition: margin-left 0.5s; | |
| 235 margin-left: 0; | |
| 236 } | |
| 237 .side-nav.hidden-nav { | |
| 238 margin-left: -250px; | |
| 239 } | |
| 240 } | |
| 241 .mainpage { | |
| 242 padding: 20px; | |
| 243 } | |
| 244 .side-nav-wrapper { | |
| 245 height: 100%; | |
| 246 background-color: #ededed; | |
| 247 } | |
| 248 .side-nav h1 { | |
| 249 font-size: 18px; | |
| 250 text-align: center; | |
| 251 margin: 0; | |
| 252 border-bottom: 1px solid #ccc; | |
| 253 } | |
| 254 .side-nav h1 a { | |
| 255 padding: 20px 0 15px; | |
| 256 } | |
| 257 .side-nav h1 img { | |
| 258 height: 26px; | |
| 259 } | |
| 260 .side-nav h1 small { | |
| 261 font-size: 12px; | |
| 262 } | |
| 263 .side-nav .side-nav-title a { | |
| 264 color: #333; | |
| 265 font-size: 16px; | |
| 266 font-weight: normal; | |
| 267 padding: 15px 0; | |
| 268 } | |
| 269 .side-nav .mqc_loading_warning { | |
| 270 text-align: center; | |
| 271 border-bottom: 1px solid #ccc; | |
| 272 color: #ca424c; | |
| 273 } | |
| 274 .side-nav p { | |
| 275 font-size: 0.8em; | |
| 276 color: #999; | |
| 277 padding: 10px; | |
| 278 } | |
| 279 .side-nav ul.mqc-nav { | |
| 280 border-bottom: 1px solid #ccc; | |
| 281 } | |
| 282 .side-nav ul.mqc-nav, | |
| 283 .side-nav ul.mqc-nav ul { | |
| 284 margin: 0; | |
| 285 padding: 0; | |
| 286 list-style-type: none; | |
| 287 } | |
| 288 .side-nav a { | |
| 289 display: inline-block; | |
| 290 width: 100%; | |
| 291 text-decoration: none; | |
| 292 } | |
| 293 .side-nav a:hover, | |
| 294 .side-nav a:active, | |
| 295 .side-nav a:focus { | |
| 296 background-color: #dedede; | |
| 297 } | |
| 298 .side-nav .mqc-nav a.nav-l1 { | |
| 299 padding: 10px; | |
| 300 border-top: 1px solid #ccc; | |
| 301 } | |
| 302 .side-nav .mqc-nav li:first-child .nav-l1 { | |
| 303 border-top: 0; | |
| 304 } | |
| 305 .side-nav .mqc-nav a.nav-l2 { | |
| 306 padding: 5px 10px 5px 15px; | |
| 307 border-top: 1px solid #dedede; | |
| 308 font-size: 0.9em; | |
| 309 color: #788fa4; | |
| 310 } | |
| 311 .side-nav .mqc-nav li { | |
| 312 position: relative; | |
| 313 } | |
| 314 | |
| 315 #side-nav-handle { | |
| 316 display: block; | |
| 317 position: absolute; | |
| 318 top: 50%; | |
| 319 right: -14px; | |
| 320 height: 50px; | |
| 321 width: 15px; | |
| 322 padding-top: 14px; | |
| 323 border: 1px solid #ccc; | |
| 324 border-left: 0; | |
| 325 background-color: #ededed; | |
| 326 border-top-right-radius: 5px; | |
| 327 border-bottom-right-radius: 5px; | |
| 328 color: #ccc; | |
| 329 cursor: pointer; | |
| 330 } | |
| 331 #side-nav-handle .glyphicon-triangle-right { | |
| 332 color: #999; | |
| 333 } | |
| 334 @media only screen and (max-width: 768px) { | |
| 335 #side-nav-handle { | |
| 336 display: none; | |
| 337 } | |
| 338 } | |
| 339 | |
| 340 .side-nav .navbar-toggle { | |
| 341 background-color: #ddd; | |
| 342 border-color: #999; | |
| 343 position: absolute; | |
| 344 right: 10px; | |
| 345 top: 15px; | |
| 346 margin: 0; | |
| 347 } | |
| 348 .side-nav .navbar-toggle:hover, | |
| 349 .side-nav .navbar-toggle:focus, | |
| 350 .side-nav .navbar-toggle:active { | |
| 351 background-color: #ccc; | |
| 352 } | |
| 353 .side-nav .navbar-toggle .icon-bar { | |
| 354 background-color: #999; | |
| 355 } | |
| 356 | |
| 357 #page_title { | |
| 358 margin: 0 0 20px; | |
| 359 } | |
| 360 #page_title img { | |
| 361 max-width: 260px; | |
| 362 } | |
| 363 .report_comment, | |
| 364 .mqc-section-comment { | |
| 365 border-left: 5px solid #8eb9dd; | |
| 366 background-color: #e8f1f8; | |
| 367 } | |
| 368 #analysis_dirs_wrapper { | |
| 369 max-height: 80px; | |
| 370 overflow: auto; | |
| 371 margin-bottom: 15px; | |
| 372 } | |
| 373 #mqc_sname_switches_txt { | |
| 374 margin-bottom: 15px; | |
| 375 } | |
| 376 #mqc_sname_switches { | |
| 377 display: inline-block; | |
| 378 margin-left: 10px; | |
| 379 } | |
| 380 #mqc_header_hr { | |
| 381 margin: 0; | |
| 382 } | |
| 383 | |
| 384 #mqc_welcome .close { | |
| 385 top: 2px; | |
| 386 } | |
| 387 #mqc_hide_welcome_btn { | |
| 388 position: relative; | |
| 389 float: right; | |
| 390 top: -2px; | |
| 391 right: -21px; | |
| 392 color: inherit; | |
| 393 opacity: 0.4; | |
| 394 } | |
| 395 #mqc_hide_welcome_btn:hover, | |
| 396 #mqc_hide_welcome_btn:active, | |
| 397 #mqc_hide_welcome_btn:focus { | |
| 398 opacity: 1; | |
| 399 } | |
| 400 | |
| 401 .footer { | |
| 402 background-color: #ededed; | |
| 403 border-top: 1px solid #ccc; | |
| 404 font-size: 0.9em; | |
| 405 color: #999; | |
| 406 padding: 20px 0; | |
| 407 margin-top: 50px; | |
| 408 } | |
| 409 .footer p { | |
| 410 margin: 0; | |
| 411 } | |
| 412 .footer a { | |
| 413 color: #999; | |
| 414 text-decoration: underline; | |
| 415 } | |
| 416 | |
| 417 /* Epic scroll bar of joy */ | |
| 418 ::-webkit-scrollbar { | |
| 419 width: 10px; | |
| 420 height: 10px; | |
| 421 } | |
| 422 ::-webkit-scrollbar-track { | |
| 423 background: #ffffff; | |
| 424 border-left: 1px solid #d8d8d8; | |
| 425 border-right: 1px solid #d8d8d8; | |
| 426 } | |
| 427 ::-webkit-scrollbar-thumb { | |
| 428 background: #dedede; | |
| 429 } | |
| 430 ::-webkit-scrollbar-thumb:hover { | |
| 431 -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1); | |
| 432 -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1); | |
| 433 box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1); | |
| 434 } | |
| 435 ::-webkit-scrollbar-thumb:active { | |
| 436 background: #dddddd; | |
| 437 -moz-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.4); | |
| 438 -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.4); | |
| 439 box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.2); | |
| 440 } | |
| 441 | |
| 442 /* Stop the headings from "head-butting" the top of the browser | |
| 443 https://css-tricks.com/hash-tag-links-padding/ */ | |
| 444 h1:before, | |
| 445 h2:before, | |
| 446 h3:before, | |
| 447 h4:before { | |
| 448 display: block; | |
| 449 content: " "; | |
| 450 margin-top: -20px; | |
| 451 height: 20px; | |
| 452 visibility: hidden; | |
| 453 } | |
| 454 | |
| 455 /* Fancy sample highlighting in the side nav */ | |
| 456 input.form-control[type="color"] { | |
| 457 padding: 0 2px; | |
| 458 width: 30px; | |
| 459 } | |
| 460 | |
| 461 .hc_handle { | |
| 462 display: inline-block; | |
| 463 padding: 9px 4px; | |
| 464 height: 28px; | |
| 465 cursor: pointer; | |
| 466 } | |
| 467 .hc_handle span { | |
| 468 display: inline-block; | |
| 469 height: 100%; | |
| 470 width: 1px; | |
| 471 margin: 0 1px; | |
| 472 background-color: #999; | |
| 473 } | |
| 474 | |
| 475 /* Toolbox */ | |
| 476 @media only screen and (max-width: 768px) { | |
| 477 .mqc-toolbox { | |
| 478 padding: 0 15px; | |
| 479 background-color: #ededed; | |
| 480 border-bottom: 1px solid #ccc; | |
| 481 } | |
| 482 #mqc_saveconfig { | |
| 483 margin: 0 -15px; | |
| 484 } | |
| 485 } | |
| 486 @media only screen and (min-width: 768px) { | |
| 487 .mqc-toolbox { | |
| 488 display: block; | |
| 489 position: fixed; | |
| 490 z-index: 1040; | |
| 491 width: 36px; | |
| 492 height: 100% !important; | |
| 493 top: 0; | |
| 494 right: 0; | |
| 495 -o-transition: width 0.5s; | |
| 496 -webkit-transition: width 0.5s; | |
| 497 transition: width 0.5s; | |
| 498 } | |
| 499 .mqc-toolbox.active { | |
| 500 width: 282px; | |
| 501 } | |
| 502 .mqc-toolbox .row { | |
| 503 margin: 0; | |
| 504 } | |
| 505 .mainpage { | |
| 506 padding-right: 50px; | |
| 507 } | |
| 508 .mqc-toolbox-buttons { | |
| 509 position: absolute; | |
| 510 width: 36px; | |
| 511 top: 100px; | |
| 512 left: 0; | |
| 513 z-index: 20; | |
| 514 } | |
| 515 .mqc-toolbox-wrapper { | |
| 516 position: absolute; | |
| 517 width: 250px; | |
| 518 height: 100%; | |
| 519 overflow: auto; | |
| 520 left: 36px; | |
| 521 margin: 0; | |
| 522 background-color: #ededed; | |
| 523 border-left: 1px solid #ccc; | |
| 524 z-index: 10; | |
| 525 } | |
| 526 .mqc_filter_section { | |
| 527 display: none; | |
| 528 } | |
| 529 .mqc_filter_section.active { | |
| 530 display: block; | |
| 531 } | |
| 532 } | |
| 533 .mqc-toolbox-label { | |
| 534 display: inline-block; | |
| 535 background-color: #ededed; | |
| 536 color: #999; | |
| 537 height: 31px; | |
| 538 width: 67px; | |
| 539 padding: 3px 6px; | |
| 540 margin-left: -6px; | |
| 541 margin-bottom: 30px; | |
| 542 -ms-transform: rotate(270deg); | |
| 543 -moz-transform: rotate(270deg); | |
| 544 -webkit-transform: rotate(270deg); | |
| 545 transform: rotate(270deg); | |
| 546 } | |
| 547 .mqc-toolbox-label:hover, | |
| 548 .mqc-toolbox-label:focus, | |
| 549 .mqc-toolbox-label:active { | |
| 550 color: #999; | |
| 551 text-decoration: none; | |
| 552 } | |
| 553 .mqc-toolbox-header { | |
| 554 margin: 10px; | |
| 555 border-bottom: 1px solid #ccc; | |
| 556 } | |
| 557 .mqc-toolbox-buttons ul, | |
| 558 .mqc-toolbox-buttons li { | |
| 559 padding: 0; | |
| 560 margin: 0; | |
| 561 list-style-type: none; | |
| 562 } | |
| 563 .mqc-toolbox-buttons li { | |
| 564 margin: 5px 0; | |
| 565 display: inline-block; | |
| 566 width: 36px; | |
| 567 height: 36px; | |
| 568 } | |
| 569 .mqc-toolbox-buttons li a { | |
| 570 display: inline-block; | |
| 571 font-size: 18px; | |
| 572 width: 37px; | |
| 573 height: 36px; | |
| 574 padding: 7px 8px 9px; | |
| 575 color: #999; | |
| 576 background-color: #dedede; | |
| 577 border: 1px solid transparent; | |
| 578 border-right: 1px solid #ccc; | |
| 579 } | |
| 580 .mqc-toolbox-buttons li a:hover, | |
| 581 .mqc-toolbox-buttons li a.active { | |
| 582 color: #333; | |
| 583 background-color: #ededed; | |
| 584 border: 1px solid #ccc; | |
| 585 } | |
| 586 .mqc-toolbox-buttons li .in_use { | |
| 587 color: #333; | |
| 588 border: 3px solid #5bc0de; | |
| 589 padding: 5px 8px 7px 6px; | |
| 590 border-right: 1px solid #ededed; | |
| 591 } | |
| 592 .mqc-toolbox-buttons li a.active { | |
| 593 border-right: 1px solid #ededed; | |
| 594 } | |
| 595 | |
| 596 .mqc-toplink, | |
| 597 .mqc-toplink:visited { | |
| 598 display: block; | |
| 599 position: absolute; | |
| 600 bottom: 5px; | |
| 601 width: 28px; | |
| 602 height: 28px; | |
| 603 text-align: center; | |
| 604 padding: 5px 0 5px 2px; | |
| 605 border-radius: 28px; | |
| 606 background-color: #ededed; | |
| 607 color: #999; | |
| 608 } | |
| 609 .mqc-toplink:hover, | |
| 610 .mqc-toplink:focus { | |
| 611 color: #333; | |
| 612 } | |
| 613 | |
| 614 .mqc_filters { | |
| 615 margin: 10px 0; | |
| 616 padding: 0; | |
| 617 list-style-type: none; | |
| 618 font-size: 0.9em; | |
| 619 } | |
| 620 .mqc_filters button { | |
| 621 padding: 7px 10px 0; | |
| 622 } | |
| 623 .mqc_filters li { | |
| 624 padding: 0; | |
| 625 clear: both; | |
| 626 } | |
| 627 .mqc_filters li .close { | |
| 628 margin-top: -3px; | |
| 629 } | |
| 630 .mqc_filters li:hover { | |
| 631 background-color: #dedede; | |
| 632 } | |
| 633 .mqc_filter_section .mqc_regex_mode_p { | |
| 634 margin-top: 12px; | |
| 635 white-space: nowrap; | |
| 636 } | |
| 637 .mqc_switch_wrapper { | |
| 638 cursor: pointer; | |
| 639 } | |
| 640 .mqc_switch_wrapper .mqc_switch { | |
| 641 display: inline-block; | |
| 642 border: 1px solid #999; | |
| 643 border-radius: 3px; | |
| 644 padding: 2px 5px; | |
| 645 margin-left: 5px; | |
| 646 background-color: #ddd; | |
| 647 } | |
| 648 .mqc_switch_wrapper .off::after, | |
| 649 .mqc_switch_wrapper .on::before { | |
| 650 content: ""; | |
| 651 display: inline-block; | |
| 652 height: 0; | |
| 653 width: 0; | |
| 654 border-radius: 6px; | |
| 655 border: 6px solid #fff; | |
| 656 } | |
| 657 .mqc_switch_wrapper .off::after { | |
| 658 margin: 0 0 -2px 5px; | |
| 659 } | |
| 660 .mqc_switch_wrapper .on::before { | |
| 661 margin: 0 5px -2px 0; | |
| 662 } | |
| 663 .mqc_switch_wrapper .on { | |
| 664 background-color: #5bc0de; | |
| 665 color: #fff; | |
| 666 } | |
| 667 | |
| 668 .mqc_filter_section { | |
| 669 padding: 10px; | |
| 670 } | |
| 671 .mqc_filter_section hr { | |
| 672 margin: 10px 0; | |
| 673 border-top: 1px solid #ccc; | |
| 674 } | |
| 675 .mqc_filter_section p { | |
| 676 font-size: 85%; | |
| 677 padding: 0; | |
| 678 margin: 5px 0; | |
| 679 color: #666; | |
| 680 } | |
| 681 .mqc_filter_section .text-danger { | |
| 682 color: #a94442; | |
| 683 } | |
| 684 .mqc_filter_section p a { | |
| 685 color: #666; | |
| 686 } | |
| 687 .mqc_filter_section p .btn { | |
| 688 color: #333; | |
| 689 } | |
| 690 .mqc_filter_section .text-success { | |
| 691 color: #3c763d; | |
| 692 } | |
| 693 .mqc_filter_section .form-inline .form-control { | |
| 694 vertical-align: middle; | |
| 695 } | |
| 696 @media only screen and (max-width: 768px) { | |
| 697 .mqc_filter_section .form-control { | |
| 698 display: inline-block; | |
| 699 } | |
| 700 .mqc_filter_section input[type="text"] { | |
| 701 width: auto; | |
| 702 } | |
| 703 } | |
| 704 #mqc_renamesamples input[type="text"] { | |
| 705 width: 80px; | |
| 706 } | |
| 707 | |
| 708 #mqc_renamesamples_bulk_collapse { | |
| 709 border-top: 1px solid #ccc; | |
| 710 } | |
| 711 #mqc_renamesamples_bulk_update { | |
| 712 margin-top: 5px; | |
| 713 } | |
| 714 #mqc_renamesamples_bulk_form textarea { | |
| 715 font-size: 8px; | |
| 716 color: #999; | |
| 717 } | |
| 718 .f_text { | |
| 719 border: 0; | |
| 720 border-bottom: 1px solid #ccc; | |
| 721 padding: 5px 0 5px 10px; | |
| 722 margin: 0; | |
| 723 background-color: transparent; | |
| 724 outline: none; | |
| 725 width: -moz-calc(100% - 55px); | |
| 726 width: -webkit-calc(100% - 55px); | |
| 727 width: calc(100% - 55px); | |
| 728 } | |
| 729 .f_text:focus { | |
| 730 background-color: #f6f6f6; | |
| 731 } | |
| 732 .from_text, | |
| 733 .to_text { | |
| 734 width: -moz-calc(49% - 20px); | |
| 735 width: -webkit-calc(49% - 20px); | |
| 736 width: calc(49% - 20px); | |
| 737 } | |
| 738 | |
| 739 #mqc_exportplots .col-sm-6 { | |
| 740 padding: 0 10px 0 0; | |
| 741 } | |
| 742 #mqc_exportplots .checkbox, | |
| 743 #mqc_exportplots .data-format { | |
| 744 margin: 8px 0 0; | |
| 745 font-size: 12px; | |
| 746 line-height: normal; | |
| 747 } | |
| 748 #mqc_exportplots .data-format label { | |
| 749 font-weight: 400; | |
| 750 } | |
| 751 #mqc_exportplots .checkbox label { | |
| 752 min-height: 0; | |
| 753 } | |
| 754 #mqc_exportplots .checkbox input { | |
| 755 margin-top: 0; | |
| 756 } | |
| 757 #mqc_exportplots blockquote { | |
| 758 font-size: 0.7em; | |
| 759 padding: 0 0 0 10px; | |
| 760 border-left: 2px solid #cccccc; | |
| 761 color: #666; | |
| 762 } | |
| 763 #mqc_exportplots blockquote a { | |
| 764 text-decoration: underline; | |
| 765 } | |
| 766 | |
| 767 #mqc_exportplots .nav-tabs { | |
| 768 border-color: #cccccc; | |
| 769 margin-bottom: 15px; | |
| 770 } | |
| 771 #mqc_exportplots .nav-tabs li a { | |
| 772 background-color: #dddddd; | |
| 773 border-color: #cccccc; | |
| 774 padding: 8px 10px; | |
| 775 color: #999; | |
| 776 font-size: 12px; | |
| 777 } | |
| 778 #mqc_exportplots .nav-tabs li.active a { | |
| 779 background-color: #eeeeee; | |
| 780 border-bottom-color: transparent; | |
| 781 color: #333; | |
| 782 } | |
| 783 | |
| 784 #mqc-save-success { | |
| 785 color: #3c763d; | |
| 786 background-color: #dff0d8; | |
| 787 } | |
| 788 #mqc-cleared-success { | |
| 789 color: #a94442; | |
| 790 background-color: #f2dede; | |
| 791 } | |
| 792 | |
| 793 #mqc_about p { | |
| 794 margin-bottom: 10px; | |
| 795 } | |
| 796 #mqc_about a { | |
| 797 text-decoration: underline; | |
| 798 } | |
| 799 #mqc_about blockquote { | |
| 800 font-size: 0.8em; | |
| 801 padding: 0 0 0 10px; | |
| 802 border-left: 2px solid #cccccc; | |
| 803 color: #666; | |
| 804 } | |
| 805 | |
| 806 /* Regex help modal */ | |
| 807 .regex_example_buttons button { | |
| 808 float: left; | |
| 809 clear: left; | |
| 810 margin-bottom: 8px; | |
| 811 } | |
| 812 .regex_example_demo input { | |
| 813 margin-bottom: 8px; | |
| 814 font-family: "Consolas", "Monaco", "Courier New", Courier, monospace; | |
| 815 } | |
| 816 | |
| 817 /* MultiQC tables */ | |
| 818 .table tr td { | |
| 819 font-size: 0.9em; | |
| 820 height: 30px; | |
| 821 } | |
| 822 .mqc_table tbody tr td .wrapper .val { | |
| 823 z-index: -1; | |
| 824 } | |
| 825 .mqc_table tbody tr td .wrapper .val .label { | |
| 826 font-size: 100%; | |
| 827 display: inline-block; | |
| 828 min-width: 10px; | |
| 829 padding: 3px 7px; | |
| 830 font-size: 12px; | |
| 831 vertical-align: middle; | |
| 832 border-radius: 10px; | |
| 833 } | |
| 834 .mqc-table-responsive.mqc-table-collapse { | |
| 835 max-height: 500px; | |
| 836 } | |
| 837 .mqc-table-responsive { | |
| 838 overflow: auto; | |
| 839 } | |
| 840 .table.mqc_table > thead > tr > th { | |
| 841 cursor: pointer; | |
| 842 /* Border doesn't scroll with the CSS transform, so just a box-shadow instead. */ | |
| 843 border-bottom: 0; | |
| 844 -webkit-box-shadow: inset 0px -2px 0px 0 #ddd; | |
| 845 -moz-box-shadow: inset 0px -2px 0px 0 #ddd; | |
| 846 box-shadow: inset 0px -2px 0px 0 #ddd; | |
| 847 } | |
| 848 .mqc_table thead th, | |
| 849 .mqc_table thead td { | |
| 850 background-color: #ffffff; | |
| 851 } | |
| 852 .mqc_table thead th:after { | |
| 853 content: ""; | |
| 854 display: inline-block; | |
| 855 width: 0; | |
| 856 height: 0; | |
| 857 margin-left: 4px; | |
| 858 vertical-align: middle; | |
| 859 border-right: 4px solid transparent; | |
| 860 border-left: 4px solid transparent; | |
| 861 } | |
| 862 .mqc_table thead th.headerSortDown:after { | |
| 863 border-bottom: 4px dashed; | |
| 864 } | |
| 865 .mqc_table thead th.headerSortUp:after { | |
| 866 border-top: 4px dashed; | |
| 867 } | |
| 868 .mqc_table thead th.headerSortDown, | |
| 869 .mqc_table thead th.headerSortUp { | |
| 870 background-color: #ededed; | |
| 871 color: #1ca8dd; | |
| 872 border-bottom: 2px solid #1ca8dd; | |
| 873 } | |
| 874 .mqc_table th { | |
| 875 white-space: nowrap; | |
| 876 } | |
| 877 .mqc-table-expand { | |
| 878 text-align: center; | |
| 879 color: #999; | |
| 880 padding: 5px; | |
| 881 cursor: pointer; | |
| 882 background-color: #ffffff; | |
| 883 -webkit-transition: background-color 0.2s; | |
| 884 transition: background-color 0.2s; | |
| 885 } | |
| 886 .mqc-table-expand:hover, | |
| 887 .mqc-table-expand:focus, | |
| 888 .mqc-table-expand:active { | |
| 889 background-color: #ededed; | |
| 890 } | |
| 891 | |
| 892 .mqc_table_numrows_text { | |
| 893 padding: 5px 10px; | |
| 894 font-size: 12px; | |
| 895 vertical-align: middle; | |
| 896 } | |
| 897 | |
| 898 .sorthandle { | |
| 899 border-right: none; | |
| 900 font-weight: bold; | |
| 901 text-align: center; | |
| 902 } | |
| 903 tbody .sorthandle { | |
| 904 cursor: pointer; | |
| 905 color: #ccc; | |
| 906 } | |
| 907 .mqc_configModal_table tbody .sorthandle { | |
| 908 color: #999; | |
| 909 } | |
| 910 .mqc_table .rowheader { | |
| 911 border-left: none; | |
| 912 } | |
| 913 .mqc_table tr, | |
| 914 .mqc_table td { | |
| 915 height: 100%; | |
| 916 } | |
| 917 .mqc_table .data-coloured { | |
| 918 padding: 0; | |
| 919 } | |
| 920 .mqc_table .wrapper { | |
| 921 display: inline-block; | |
| 922 position: relative; | |
| 923 height: 100%; | |
| 924 width: 100%; | |
| 925 z-index: -10; | |
| 926 } | |
| 927 @media print { | |
| 928 /* Hide the side-navigation and toolbox */ | |
| 929 .side-nav-wrapper, | |
| 930 .mqc-toolbox { | |
| 931 display: none; | |
| 932 } | |
| 933 .mainpage { | |
| 934 padding: 20px; | |
| 935 } | |
| 936 /* Don't limit the height of the sources */ | |
| 937 #analysis_dirs_wrapper { | |
| 938 max-height: none !important; | |
| 939 } | |
| 940 /* Expand long tables */ | |
| 941 .mqc-table-expand { | |
| 942 display: none; | |
| 943 } | |
| 944 .mqc-table-responsive.mqc-table-collapse { | |
| 945 max-height: none !important; | |
| 946 } | |
| 947 .mqc_table thead { | |
| 948 transform: none !important; | |
| 949 } | |
| 950 /* keep section titles with the first bit of content, and try to keep sections together */ | |
| 951 .mqc-module-section-first, | |
| 952 .mqc-section { | |
| 953 page-break-inside: avoid; | |
| 954 } | |
| 955 /* make sure table cell contents show up */ | |
| 956 .mqc_table .wrapper { | |
| 957 z-index: 0; | |
| 958 } | |
| 959 /* no use printing a useless expand button */ | |
| 960 .mqc-table-expand { | |
| 961 display: none; | |
| 962 } | |
| 963 .mqc-section-plot .text-info { | |
| 964 display: none; | |
| 965 } | |
| 966 /* make sure logos aren't dominantly huge */ | |
| 967 .multiqc_logo, | |
| 968 .custom_logo { | |
| 969 width: 200px; | |
| 970 } | |
| 971 /* print cell background colors in table */ | |
| 972 td, | |
| 973 span.bar { | |
| 974 -webkit-print-color-adjust: exact; | |
| 975 color-adjust: exact; | |
| 976 } | |
| 977 /* tidy up user-provided report header info */ | |
| 978 .dl-horizontal { | |
| 979 display: flex; | |
| 980 flex-wrap: wrap; | |
| 981 } | |
| 982 /* ensure kv pairs take up a whole row */ | |
| 983 .dl-horizontal dt { | |
| 984 flex: 0 0 34%; | |
| 985 float: none; | |
| 986 width: 300px; | |
| 987 font-weight: 900; /* bold the key in the kv pair */ | |
| 988 } | |
| 989 .dl-horizontal dd { | |
| 990 flex: 1 0 34%; /* let the val grow to fill the space */ | |
| 991 margin-left: 0; | |
| 992 } | |
| 993 /* no need to print buttons */ | |
| 994 button.btn-help { | |
| 995 display: none; | |
| 996 } | |
| 997 /* printed link text is fairly ugly */ | |
| 998 a[href]:after { | |
| 999 content: none !important; | |
| 1000 } | |
| 1001 .table.mqc_table { | |
| 1002 table-layout: fixed; | |
| 1003 } | |
| 1004 .mqc_table th { | |
| 1005 white-space: normal; /* make sure that table header text can wrap */ | |
| 1006 font-weight: 900; /* and that table headers are bolded */ | |
| 1007 } | |
| 1008 .table > thead > tr > th { | |
| 1009 vertical-align: top; /* looks better when all the table-headers are top-aligned, especially when some wrap */ | |
| 1010 } | |
| 1011 } | |
| 1012 .mqc_table .bar { | |
| 1013 display: block; | |
| 1014 position: absolute; | |
| 1015 top: 0; | |
| 1016 left: 0; | |
| 1017 bottom: 0; | |
| 1018 background-color: #dedede; | |
| 1019 z-index: -1; | |
| 1020 } | |
| 1021 .mqc_table .val { | |
| 1022 display: block; | |
| 1023 position: absolute; | |
| 1024 padding: 5px; | |
| 1025 left: 0; | |
| 1026 } | |
| 1027 | |
| 1028 /* Flat MatPlotLib plots */ | |
| 1029 .mqc_mplplot { | |
| 1030 border: 1px solid #dedede; | |
| 1031 margin-top: 15px; | |
| 1032 } | |
| 1033 .mqc_mplplot img { | |
| 1034 max-width: 100%; | |
| 1035 } | |
| 1036 | |
| 1037 /* Draggable height bar for HighCharts Plots */ | |
| 1038 .hc-plot { | |
| 1039 height: 500px; | |
| 1040 width: 100%; | |
| 1041 } | |
| 1042 .hc-plot.not_rendered { | |
| 1043 background-color: #ededed; | |
| 1044 text-align: center; | |
| 1045 } | |
| 1046 .hc-plot.not_rendered small { | |
| 1047 display: inline-block; | |
| 1048 font-style: italic; | |
| 1049 padding-top: 40px; | |
| 1050 color: #999; | |
| 1051 } | |
| 1052 .hc-plot .render_plot { | |
| 1053 margin-top: 40px; | |
| 1054 } | |
| 1055 .hc-plot-wrapper { | |
| 1056 width: 100%; | |
| 1057 height: 512px; | |
| 1058 position: relative; | |
| 1059 border: 1px solid #dedede; | |
| 1060 border-bottom: 1px solid #ccc; | |
| 1061 margin-top: 15px; | |
| 1062 } | |
| 1063 .hc-plot-handle { | |
| 1064 position: absolute; | |
| 1065 bottom: 0; | |
| 1066 width: 100%; | |
| 1067 height: 10px; | |
| 1068 background-color: #dedede; | |
| 1069 cursor: row-resize; | |
| 1070 padding: 1px 0; | |
| 1071 border-top: 1px solid #ededed; | |
| 1072 -moz-transition: background-color 0.1s; | |
| 1073 -webkit-transition: background-color 0.1s; | |
| 1074 transition: background-color 0.1s; | |
| 1075 } | |
| 1076 .hc-plot-handle span { | |
| 1077 display: block; | |
| 1078 height: 1px; | |
| 1079 width: 20px; | |
| 1080 margin: 1px auto; | |
| 1081 background-color: #999; | |
| 1082 } | |
| 1083 .hc-plot-handle:hover { | |
| 1084 background-color: #cdcdcd; | |
| 1085 } | |
| 1086 .hc-plot-handle:hover span { | |
| 1087 background-color: #999; | |
| 1088 } | |
| 1089 | |
| 1090 .mqc_hcplot_range_sliders { | |
| 1091 display: inline-block; | |
| 1092 } | |
| 1093 .mqc_hcplot_range_sliders div { | |
| 1094 display: inline-block; | |
| 1095 white-space: nowrap; | |
| 1096 margin-left: 30px; | |
| 1097 } | |
| 1098 .mqc_hcplot_range_sliders input { | |
| 1099 display: inline-block; | |
| 1100 width: 200px; | |
| 1101 } | |
| 1102 .mqc_hcplot_range_sliders input.form-control { | |
| 1103 width: 100px; | |
| 1104 } | |
| 1105 .mqc_hcplot_yaxis_limit_toggle { | |
| 1106 float: right; | |
| 1107 font-size: 11px; | |
| 1108 margin-top: -30px; | |
| 1109 } | |
| 1110 .mqc_hcplot_yaxis_limit_toggle .mqc_switch_wrapper { | |
| 1111 margin-left: 20px; | |
| 1112 } | |
| 1113 | |
| 1114 .beeswarm-hovertext { | |
| 1115 height: 29px; | |
| 1116 padding: 5px 8px; | |
| 1117 font-size: 13px; | |
| 1118 border-left: 2px solid #46b8da; | |
| 1119 border-bottom: 1px solid #dedede; | |
| 1120 background-color: #d9edf7; | |
| 1121 color: #31708f; | |
| 1122 } | |
| 1123 .beeswarm-plots { | |
| 1124 height: calc(100% - 25px); | |
| 1125 } | |
| 1126 .beeswarm-plot:nth-child(odd) { | |
| 1127 background-color: #ededed; | |
| 1128 } | |
| 1129 | |
| 1130 .mqc-custom-content-image img { | |
| 1131 max-width: 100%; | |
| 1132 } | |
| 1133 </style> | |
| 1134 | |
| 1135 | |
| 1136 | |
| 1137 </head> | |
| 1138 | |
| 1139 <body> | |
| 1140 | |
| 1141 | |
| 1142 | |
| 1143 | |
| 1144 | |
| 1145 <div class="side-nav-wrapper"> | |
| 1146 <div class="side-nav"> | |
| 1147 | |
| 1148 <h1 class="side-nav-title"><a href="#">Ludwig Experiment</a></h1> | |
| 1149 | |
| 1150 <p class="mqc_loading_warning">Loading report..</p> | |
| 1151 | |
| 1152 | |
| 1153 | |
| 1154 | |
| 1155 | |
| 1156 <ul class="mqc-nav collapse navbar-collapse"> | |
| 1157 <li> | |
| 1158 <a href="#section_2" class="nav-l1">visualizations</a> | |
| 1159 </li> | |
| 1160 <ul> | |
| 1161 | |
| 1162 <li> | |
| 1163 <a href="#image_0" class="nav-l2">learning_curves_combined_loss</a> | |
| 1164 </li> | |
| 1165 | |
| 1166 <li> | |
| 1167 <a href="#image_1" class="nav-l2">learning_curves_temperature_loss</a> | |
| 1168 </li> | |
| 1169 | |
| 1170 </ul> | |
| 1171 </ul> | |
| 1172 | |
| 1173 | |
| 1174 | |
| 1175 <ul class="mqc-nav collapse navbar-collapse"> | |
| 1176 <li> | |
| 1177 <a href="#section_3" class="nav-l1">raw outputs</a> | |
| 1178 </li> | |
| 1179 <ul> | |
| 1180 | |
| 1181 <li> | |
| 1182 <a href="#json_0" class="nav-l2">description</a> | |
| 1183 </li> | |
| 1184 | |
| 1185 <li> | |
| 1186 <a href="#unclassified_0" class="nav-l2">predictions.parquet</a> | |
| 1187 </li> | |
| 1188 | |
| 1189 <li> | |
| 1190 <a href="#json_1" class="nav-l2">predictions.shapes</a> | |
| 1191 </li> | |
| 1192 | |
| 1193 <li> | |
| 1194 <a href="#json_2" class="nav-l2">test_statistics</a> | |
| 1195 </li> | |
| 1196 | |
| 1197 <li> | |
| 1198 <a href="#json_3" class="nav-l2">training_statistics</a> | |
| 1199 </li> | |
| 1200 | |
| 1201 </ul> | |
| 1202 </ul> | |
| 1203 | |
| 1204 | |
| 1205 | |
| 1206 | |
| 1207 | |
| 1208 </div> | |
| 1209 <!-- Nav Width Toggle Button --> | |
| 1210 <div id="side-nav-handle"><span class="glyphicon glyphicon-triangle-left" aria-hidden="true"></span></div> | |
| 1211 </div> | |
| 1212 | |
| 1213 | |
| 1214 | |
| 1215 <div class="mainpage"> | |
| 1216 | |
| 1217 <main> | |
| 1218 | |
| 1219 <header> | |
| 1220 <h1>Ludwig Experiment</h1> | |
| 1221 </header> | |
| 1222 | |
| 1223 | |
| 1224 | |
| 1225 | |
| 1226 | |
| 1227 | |
| 1228 | |
| 1229 <section class="resources-section" id="section_2"> | |
| 1230 | |
| 1231 | |
| 1232 <div class="resources image-type" id="image_0"> | |
| 1233 | |
| 1234 <h1>learning_curves_combined_loss</h1> | |
| 1235 | |
| 1236 <img src="visualizations/learning_curves_combined_loss.png" height="400" /> | |
| 1237 </div> | |
| 1238 | |
| 1239 | |
| 1240 <div class="resources image-type" id="image_1"> | |
| 1241 | |
| 1242 <h1>learning_curves_temperature_loss</h1> | |
| 1243 | |
| 1244 <img src="visualizations/learning_curves_temperature_loss.png" height="400" /> | |
| 1245 </div> | |
| 1246 | |
| 1247 </section> | |
| 1248 | |
| 1249 | |
| 1250 | |
| 1251 <section class="resources-section" id="section_3"> | |
| 1252 | |
| 1253 | |
| 1254 <div class="resources json-type" id="json_0"> | |
| 1255 | |
| 1256 <h1>description</h1> | |
| 1257 | |
| 1258 <iframe src="description.json" height="400" width="100%"></iframe> | |
| 1259 </div> | |
| 1260 | |
| 1261 | |
| 1262 <div class="resources unclassified-type" id="unclassified_0"> | |
| 1263 | |
| 1264 <h1>predictions.parquet</h1> | |
| 1265 | |
| 1266 <a href="predictions.parquet" >predictions.parquet</a> | |
| 1267 </div> | |
| 1268 | |
| 1269 | |
| 1270 <div class="resources json-type" id="json_1"> | |
| 1271 | |
| 1272 <h1>predictions.shapes</h1> | |
| 1273 | |
| 1274 <iframe src="predictions.shapes.json" height="400" width="100%"></iframe> | |
| 1275 </div> | |
| 1276 | |
| 1277 | |
| 1278 <div class="resources json-type" id="json_2"> | |
| 1279 | |
| 1280 <h1>test_statistics</h1> | |
| 1281 | |
| 1282 <iframe src="test_statistics.json" height="400" width="100%"></iframe> | |
| 1283 </div> | |
| 1284 | |
| 1285 | |
| 1286 <div class="resources json-type" id="json_3"> | |
| 1287 | |
| 1288 <h1>training_statistics</h1> | |
| 1289 | |
| 1290 <iframe src="training_statistics.json" height="400" width="100%"></iframe> | |
| 1291 </div> | |
| 1292 | |
| 1293 </section> | |
| 1294 | |
| 1295 | |
| 1296 | |
| 1297 | |
| 1298 | |
| 1299 | |
| 1300 | |
| 1301 </div> | |
| 1302 <footer> | |
| 1303 <p>Report generated on 2024-12-20 14:26.</p> | |
| 1304 </footer> | |
| 1305 </body> | |
| 1306 </html> |