Bläddra i källkod

enh: add MRIQC BOLD individual reports for bht task

celprov 3 veckor sedan
förälder
incheckning
8c1b3c4f44
50 ändrade filer med 35439 tillägg och 0 borttagningar
  1. 711 0
      sub-001_ses-001_task-bht_dir-LR_bold.html
  2. 692 0
      sub-001_ses-003_task-bht_dir-LR_bold.html
  3. 711 0
      sub-001_ses-004_task-bht_dir-RL_bold.html
  4. 711 0
      sub-001_ses-005_task-bht_dir-PA_bold.html
  5. 711 0
      sub-001_ses-006_task-bht_dir-PA_bold.html
  6. 711 0
      sub-001_ses-007_task-bht_dir-LR_bold.html
  7. 711 0
      sub-001_ses-008_task-bht_dir-RL_bold.html
  8. 711 0
      sub-001_ses-009_task-bht_dir-AP_bold.html
  9. 711 0
      sub-001_ses-010_task-bht_dir-RL_bold.html
  10. 711 0
      sub-001_ses-011_task-bht_dir-AP_bold.html
  11. 692 0
      sub-001_ses-013_task-bht_dir-PA_bold.html
  12. 711 0
      sub-001_ses-015_task-bht_dir-AP_bold.html
  13. 711 0
      sub-001_ses-016_task-bht_dir-RL_bold.html
  14. 692 0
      sub-001_ses-017_task-bht_dir-PA_bold.html
  15. 711 0
      sub-001_ses-018_task-bht_dir-LR_bold.html
  16. 711 0
      sub-001_ses-019_task-bht_dir-PA_bold.html
  17. 711 0
      sub-001_ses-020_task-bht_dir-RL_bold.html
  18. 711 0
      sub-001_ses-021_task-bht_dir-RL_bold.html
  19. 711 0
      sub-001_ses-022_task-bht_dir-AP_bold.html
  20. 711 0
      sub-001_ses-023_task-bht_dir-AP_bold.html
  21. 711 0
      sub-001_ses-024_task-bht_dir-AP_bold.html
  22. 711 0
      sub-001_ses-025_task-bht_dir-RL_bold.html
  23. 711 0
      sub-001_ses-026_task-bht_dir-PA_bold.html
  24. 711 0
      sub-001_ses-028_task-bht_dir-RL_bold.html
  25. 711 0
      sub-001_ses-037_task-bht_dir-LR_bold.html
  26. 692 0
      sub-001_ses-038_task-bht_dir-PA_bold.html
  27. 711 0
      sub-001_ses-039_task-bht_dir-LR_bold.html
  28. 692 0
      sub-001_ses-040_task-bht_dir-AP_bold.html
  29. 711 0
      sub-001_ses-041_task-bht_dir-AP_bold.html
  30. 711 0
      sub-001_ses-042_task-bht_dir-PA_bold.html
  31. 711 0
      sub-001_ses-043_task-bht_dir-AP_bold.html
  32. 711 0
      sub-001_ses-044_task-bht_dir-LR_bold.html
  33. 711 0
      sub-001_ses-045_task-bht_dir-LR_bold.html
  34. 711 0
      sub-001_ses-046_task-bht_dir-LR_bold.html
  35. 711 0
      sub-001_ses-047_task-bht_dir-RL_bold.html
  36. 711 0
      sub-001_ses-048_task-bht_dir-PA_bold.html
  37. 711 0
      sub-001_ses-excl029_task-bht_dir-PA_bold.html
  38. 709 0
      sub-001_ses-pilot008_task-bht_dir-AP_bold.html
  39. 709 0
      sub-001_ses-pilot009_task-bht_dir-AP_bold.html
  40. 709 0
      sub-001_ses-pilot011_task-bht_dir-AP_bold.html
  41. 709 0
      sub-001_ses-pilot012_task-bht_dir-AP_bold.html
  42. 709 0
      sub-001_ses-pilot013_task-bht_dir-AP_bold.html
  43. 709 0
      sub-001_ses-pilot014_task-bht_dir-AP_run-1_bold.html
  44. 709 0
      sub-001_ses-pilot014_task-bht_dir-AP_run-2_bold.html
  45. 709 0
      sub-001_ses-pilot014_task-bht_dir-LR_bold.html
  46. 711 0
      sub-001_ses-pilot015_task-bht_dir-LR_bold.html
  47. 711 0
      sub-001_ses-pilot016_task-bht_dir-RL_bold.html
  48. 711 0
      sub-001_ses-pilot019_task-bht_dir-RL_bold.html
  49. 711 0
      sub-001_ses-pilot020_task-bht_dir-RL_bold.html
  50. 711 0
      sub-001_ses-pilot021_task-bht_dir-RL_bold.html

+ 711 - 0
sub-001_ses-001_task-bht_dir-LR_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-001_task-bht_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-001_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-001_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-001_task-bht_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-bht_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-bht_dir-LR_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-001/func/sub-001_ses-001_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>764470ef4af59a5267fc5b878834f1fb</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>20:12:20.265000</td></tr>
+<tr><td>B0FieldSource</td><td>['001pepolarbold', '001phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.996853, -0.0157379, 0.0776887, 0.0372498, 0.958139, -0.28387]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>24</td></tr>
+<tr><td>ShimSetting</td><td>[8234, -5630, -6014, 741, -99, -182, 9, 9]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>243.222</td></tr>
+<tr><td>WipMemBlock</td><td>fbc46fbc-dd9a-4d99-806c-782ca98f7976||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005484541062801932, 0.0005583091787439614, 0.0006194202898550724, 0.0007582125603864733]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.007696045265700484, 0.00825735541062802, 0.01328532570048309, 0.022352659903381644]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>40.95373988849518</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0416544490291264</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0027940630582521</td></tr>
+<tr><td colspan=3>efc</td><td>0.6502</td></tr>
+<tr><td colspan=3>fber</td><td>148.4499</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.17733035969905483</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>74</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>35.7487922705314</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.647357712817712</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.46245132505637</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.655117350836123</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8245044625606432</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0188718, 0.0215183, 0.0210046, 0.0176571]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14238333702087402</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.022495172917842865</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>207</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.5089782949384594</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.9786</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>59.741</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>168.558</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>64.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>330105.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>725.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>242.5474</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.957</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>294.2929</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>811.6175</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>779.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>135015.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>369.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1356.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>310.4838</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.13503125542775</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 692 - 0
sub-001_ses-003_task-bht_dir-LR_bold.html

@@ -0,0 +1,692 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-003_task-bht_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-003_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-bht_dir-LR_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-003/func/sub-001_ses-003_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>d2d68dd524aa72ec0a3a6522fb776816</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>10:34:21.257500</td></tr>
+<tr><td>B0FieldSource</td><td>['003pepolarbold', '003phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998371, 0.0143984, 0.0552065, 0.012198, 0.891389, -0.453076]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7;NC1</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8238, -5615, -6020, 683, -52, -293, -35, 9]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>250.232</td></tr>
+<tr><td>WipMemBlock</td><td>389917b8-1cb0-4b2a-b55d-4f47c3f46d00||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0003878640776699029, 0.0004100485436893205, 0.0004899029126213593, 0.0006036893203883496]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006931142427184466, 0.00936334441747573, 0.015561334466019419, 0.026069519902912622]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>39.979323819707304</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0212031990731711</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9983056500975608</td></tr>
+<tr><td colspan=3>efc</td><td>0.6562</td></tr>
+<tr><td colspan=3>fber</td><td>114.261</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.19292748291867615</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>89</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>43.20388349514563</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.919659968409339</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.7275281929800013</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.82241089438561</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.209040817862406</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0210638, 0.0204051, 0.0193479, 0.0159748]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.15810786187648773</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.026720812544226646</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.5140983985903165</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.6484</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>70.2725</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>182.1567</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>74.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>333026.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>767.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>255.8597</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.2426</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>296.7327</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>823.536</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>787.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>132094.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>394.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1377.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>313.0335</td></tr>
+<tr><td colspan=3>tsnr</td><td>33.84215935267275</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-004_task-bht_dir-RL_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-004_task-bht_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-004_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-004_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-004_task-bht_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-bht_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-bht_dir-RL_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-004/func/sub-001_ses-004_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>7185489bc749a10c77eaceababc2488d</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>12:44:18.352500</td></tr>
+<tr><td>B0FieldSource</td><td>['004pepolarbold', '004phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999421, 0.00548478, 0.0335692, 0.00697739, 0.932869, -0.360149]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>28</td></tr>
+<tr><td>ShimSetting</td><td>[8236, -5620, -6016, 691, -56, -197, 21, 30]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>249.909</td></tr>
+<tr><td>WipMemBlock</td><td>cf9c15b8-48f8-49ca-bc9a-dcffd721f42e||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.00045145631067961163, 0.000555242718446602, 0.0006375242718446602, 0.0007709708737864078]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005624548155339806, 0.007822084368932038, 0.013150557766990293, 0.02180387184466019]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>40.26654750560974</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.040728528243903</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.013100831951219</td></tr>
+<tr><td colspan=3>efc</td><td>0.6571</td></tr>
+<tr><td colspan=3>fber</td><td>132.6289</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.18594546320349462</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>88</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>42.71844660194175</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.643786530921563</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.477719439363276</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.650103872204478</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.803536281196935</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0130767, 0.0198627, 0.0207776, 0.0174969]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.15514089167118073</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.013247345574200153</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.619687610954957</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>4.9144</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>64.8674</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>175.5594</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>69.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>330564.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>757.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>247.1226</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5622</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>294.1958</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>819.4056</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>792.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134556.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>384.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1346.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>302.325</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.73645493760705</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-005_task-bht_dir-PA_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-005_task-bht_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-005_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-005_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-005_task-bht_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-bht_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-bht_dir-PA_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-005/func/sub-001_ses-005_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>f79e33dbcb4a83deaa36db19d24f6cae</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>10:56:36.275000</td></tr>
+<tr><td>B0FieldSource</td><td>['005pepolarbold', '005phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998823, -0.0108809, 0.0472612, 0.0278997, 0.926022, -0.376438]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8233, -5614, -6010, 701, -76, -186, -11, 59]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>240.229</td></tr>
+<tr><td>WipMemBlock</td><td>fdb7fd53-d49c-4cda-84cc-48897d957509||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.000616813725490196, 0.0007024509803921568, 0.0008281372549019607, 0.0009255392156862744]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.003934758529411765, 0.005754618921568627, 0.010321242254901958, 0.018433232352941174]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>3</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>28.0813922131527</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.035133867093596</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9938259973399017</td></tr>
+<tr><td colspan=3>efc</td><td>0.5795</td></tr>
+<tr><td colspan=3>fber</td><td>685.4109</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.16098191194204373</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>74</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>36.27450980392157</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5591069295797695</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.222269113220943</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.660660848668664</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.7943908268497024</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0208429, 0.0244914, 0.022808, 0.0182667]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.000678675773087889</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11249341070652008</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>204</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.551879239526189</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.7843</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.1067</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>125.7421</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>417701.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>631.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>227.6172</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7421</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>304.7184</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>814.359</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>788.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>135259.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>380.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1344.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>308.7909</td></tr>
+<tr><td colspan=3>tsnr</td><td>49.23011290002614</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-006_task-bht_dir-PA_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-006_task-bht_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-006_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-006_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-006_task-bht_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-bht_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-bht_dir-PA_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-006/func/sub-001_ses-006_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>ecaf8a25043e2786dd7d965f5e77a4ae</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>12:40:11.427500</td></tr>
+<tr><td>B0FieldSource</td><td>['006pepolarbold', '006phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999278, -0.025317, 0.02832, 0.0333241, 0.942113, -0.333634]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8247, -5623, -6088, 518, -89, -211, 25, 15]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>250.135</td></tr>
+<tr><td>WipMemBlock</td><td>6037ef58-33d7-4876-ba0b-79f346db3d99||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005239805825242717, 0.0005212135922330097, 0.0006170873786407767, 0.0007789320388349514]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0048589763592233005, 0.0063664434466019415, 0.011014373543689318, 0.019835542718446602]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>28.122512938682924</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.043268897121951</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9986325325853659</td></tr>
+<tr><td colspan=3>efc</td><td>0.584</td></tr>
+<tr><td colspan=3>fber</td><td>601.2573</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1579759001328996</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>63</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>30.58252427184466</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7462183042388246</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.4182589506749563</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.8805915019799335</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.939804460061583</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0278563, 0.036886, 0.0330275, 0.0256728]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.003317649243399501</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.1205163523554802</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.5032466057813165</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.2906</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>22.8796</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>135.7787</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>33.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>416640.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>676.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>243.7571</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5093</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>321.6563</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>834.5809</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>805.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>136320.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>379.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1389.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>321.5812</td></tr>
+<tr><td colspan=3>tsnr</td><td>48.1245264580939</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-007_task-bht_dir-LR_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-007_task-bht_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-007_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-007_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-007_task-bht_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-bht_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-bht_dir-LR_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-007/func/sub-001_ses-007_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>307ca92d6c6bc174d37e2ddedf82c54a</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.472</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>20:55:14.257500</td></tr>
+<tr><td>B0FieldSource</td><td>['007pepolarbold', '007phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999164, 0.0141201, 0.0383739, -0.000871936, 0.945628, -0.32525]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8228, -5630, -6011, 682, -48, -203, 57, 68]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>247.09</td></tr>
+<tr><td>WipMemBlock</td><td>720ad0da-311e-4f22-b9bb-eeebfad104f7||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.00044231884057971014, 0.0004436231884057971, 0.0005130434782608696, 0.0006709178743961353]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0055806767149758464, 0.0073689160869565215, 0.011972897826086957, 0.020495355072463778]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>38.89551992330097</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0266647155825244</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0001625106310676</td></tr>
+<tr><td colspan=3>efc</td><td>0.6477</td></tr>
+<tr><td colspan=3>fber</td><td>149.6714</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.16234737077551406</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>70</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>33.81642512077295</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6712738763829584</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.525199495396116</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.67315403463262</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8154680991201384</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0287075, 0.0361206, 0.0344648, 0.0280303]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.1356200873851776</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.021617667749524117</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>207</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.52627441946921</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.7642</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>61.7536</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>169.7618</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>66.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>330273.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>737.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>244.5094</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7557</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>314.4406</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>839.7035</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>811.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134847.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>378.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1393.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>321.0249</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.30912685813382</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-008_task-bht_dir-RL_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-008_task-bht_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-008_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-008_task-bht_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-bht_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-bht_dir-RL_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-008/func/sub-001_ses-008_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>571cade6573c9dc9dce2a602f1e83527</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.472</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>22:37:53.207500</td></tr>
+<tr><td>B0FieldSource</td><td>['008pepolarbold', '008phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998061, -0.000822929, 0.0622358, 0.0223006, 0.938256, -0.345223]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8243, -5630, -6013, 650, -48, -274, 31, 43]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>249.596</td></tr>
+<tr><td>WipMemBlock</td><td>1ea6e576-9633-4ba0-af15-853be61e9a92||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005076699029126213, 0.0005903398058252427, 0.0006941262135922331, 0.0007720873786407768]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006089214951456311, 0.008241189174757283, 0.013908286553398057, 0.023539347572815533]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>37.419545652682906</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0300019813658532</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0042143627804878</td></tr>
+<tr><td colspan=3>efc</td><td>0.6527</td></tr>
+<tr><td colspan=3>fber</td><td>120.5998</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.20041675851991875</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>100</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>48.54368932038835</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>4.067025840566562</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.860533367686361</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>4.029903338353042</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.310640815660285</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0255925, 0.0269077, 0.0253925, 0.0204058]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14890789985656738</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.027964845299720764</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.4279694430345162</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.8811</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>70.5388</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>186.0798</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>75.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>332161.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>788.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>262.1296</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.6491</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>318.8243</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>860.8211</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>823.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>132959.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>392.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1444.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>338.9651</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.432772347470745</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-009_task-bht_dir-AP_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-009_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-009_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-009_task-bht_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-bht_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-bht_dir-AP_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-009/func/sub-001_ses-009_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>bab8776fe8d15d7d3828f4dfd92fb429</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>20:47:3.320000</td></tr>
+<tr><td>B0FieldSource</td><td>['009pepolarbold', '009phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.9975, 0.0304095, 0.0637823, -0.00748625, 0.943058, -0.332544]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8253, -5624, -5988, 703, -34, -220, 29, 60]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>249.094</td></tr>
+<tr><td>WipMemBlock</td><td>9e5216cd-e4af-4c08-af2b-8a7adb2b93ac||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0011342233009708736, 0.001077718446601942, 0.0010673300970873787, 0.0011030582524271845]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0037028101941747574, 0.005308759174757281, 0.009164180679611651, 0.01633106116504854]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>30.1356022437561</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.1051877021951215</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.016158582390243</td></tr>
+<tr><td colspan=3>efc</td><td>0.5726</td></tr>
+<tr><td colspan=3>fber</td><td>691.4061</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1921760919835006</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>96</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>46.601941747572816</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.662201007585137</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.3356490317239493</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.66792225917953</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.98303173185193</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0263756, 0.028766, 0.027433, 0.0213538]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.004223484545946121</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11724910140037537</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.3855926694901295</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>11.6034</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.5045</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>127.6102</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>418545.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>646.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>231.3296</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.439</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>309.0362</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>865.6052</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>821.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134415.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>383.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1476.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>344.148</td></tr>
+<tr><td colspan=3>tsnr</td><td>50.34547497006133</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-010_task-bht_dir-RL_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-010_task-bht_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-010_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-010_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-010_task-bht_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-bht_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-bht_dir-RL_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-010/func/sub-001_ses-010_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>63f5275890de42c44b1ea9686824c768</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.472</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>22:42:0.302500</td></tr>
+<tr><td>B0FieldSource</td><td>['010pepolarbold', '010phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.997842, -0.0242437, 0.0610273, 0.0442647, 0.934802, -0.3524]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8242, -5614, -6000, 678, -60, -182, 9, 6]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>232.907</td></tr>
+<tr><td>WipMemBlock</td><td>8a796acb-71fb-4e21-84b4-ad7f9c473244||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0004661165048543689, 0.0005951456310679611, 0.0006848058252427186, 0.0008475242718446603]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005819205048543689, 0.007508957621359223, 0.012632621019417475, 0.020932440291262133]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>38.18907107814635</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0332381192195121</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0082736061951216</td></tr>
+<tr><td colspan=3>efc</td><td>0.6527</td></tr>
+<tr><td colspan=3>fber</td><td>131.4629</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.17206188747693493</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>72</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>34.95145631067961</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6818410897636773</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.579118296919551</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6533186913815365</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8130862809899444</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.024384, 0.0315233, 0.0297095, 0.0241905]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14823591709136963</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.01895480789244175</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.566632437752778</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>6.0267</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>67.3001</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>177.5386</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>72.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331359.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>758.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>251.285</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.059</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>305.5384</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>854.5731</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>821.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>133761.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>407.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1413.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>319.8732</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.576258602552116</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-011_task-bht_dir-AP_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-011_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-011_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-011_task-bht_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-bht_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-bht_dir-AP_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-011/func/sub-001_ses-011_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>5557ea1b3c0fdf078f7beb8c8eaf7459</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>21:48:37.325000</td></tr>
+<tr><td>B0FieldSource</td><td>['011pepolarbold', '011phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998429, 0.026816, 0.0492014, -0.00679622, 0.929524, -0.3687]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>32</td></tr>
+<tr><td>ShimSetting</td><td>[8244, -5607, -6010, 699, -71, -136, 17, 43]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>242.543</td></tr>
+<tr><td>WipMemBlock</td><td>c5da1caf-af53-47a7-ba79-bb687ae85d97||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0004603883495145631, 0.000485631067961165, 0.0005855339805825243, 0.0007727184466019417]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005307853640776698, 0.004818349660194175, 0.00849013859223301, 0.015421483980582525]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>28.82526076707317</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0671115822439015</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0052919384878045</td></tr>
+<tr><td colspan=3>efc</td><td>0.5787</td></tr>
+<tr><td colspan=3>fber</td><td>668.5226</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.14235705453257427</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>41</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>19.902912621359224</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5014357742633373</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.1799336340206827</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.549323770591333</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.775049918177997</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0463638, 0.0506622, 0.0435912, 0.0328446]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.0028179348446428776</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.1108807921409607</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.556272877144551</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.434</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.8212</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>126.3168</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>418676.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>635.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>224.8854</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7304</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>293.2314</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>846.6019</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>810.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134284.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>390.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1413.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>316.8664</td></tr>
+<tr><td colspan=3>tsnr</td><td>50.33612602297217</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 692 - 0
sub-001_ses-013_task-bht_dir-PA_bold.html

@@ -0,0 +1,692 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-013_task-bht_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-013_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-bht_dir-PA_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-013/func/sub-001_ses-013_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>8157290b84223f1889203d15cac1cfeb</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>20:37:35.302500</td></tr>
+<tr><td>B0FieldSource</td><td>['013pepolarbold', '013phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999176, 0.0386127, 0.0124868, -0.0317495, 0.935434, -0.352071]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8226, -5603, -6012, 718, -34, -115, 23, 66]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>245.254</td></tr>
+<tr><td>WipMemBlock</td><td>d966c2f4-505e-4f24-975c-453062900951||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005544660194174758, 0.0005234951456310679, 0.0006085922330097087, 0.0007798543689320387]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.003930528737864078, 0.0053088547087378635, 0.009415773883495144, 0.01678580339805825]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>28.730694244975613</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0646893762926823</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0075066195121956</td></tr>
+<tr><td colspan=3>efc</td><td>0.5788</td></tr>
+<tr><td colspan=3>fber</td><td>699.3396</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1690018987454677</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>77</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>37.37864077669903</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5363761442535915</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.251583190866002</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6346225953142213</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.722922646580552</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.030476, 0.0392463, 0.036289, 0.0296413]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.003284296952188015</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10665518045425415</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.565085784331507</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.8215</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.4178</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>126.9835</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>417708.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>642.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>230.3023</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8095</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>309.065</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>830.8418</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>805.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>135252.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>384.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1363.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>313.8285</td></tr>
+<tr><td colspan=3>tsnr</td><td>50.90344502474181</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-015_task-bht_dir-AP_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-015_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-015_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-015_task-bht_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-bht_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-bht_dir-AP_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-015/func/sub-001_ses-015_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>b6308ec621a4e107cb5ce5b0476282be</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>20:32:45.210000</td></tr>
+<tr><td>B0FieldSource</td><td>['015pepolarbold', '015phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998085, -0.04333, 0.0441352, 0.0566754, 0.926451, -0.372124]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8234, -5611, -6012, 698, -28, -237, 37, 15]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>242.728</td></tr>
+<tr><td>WipMemBlock</td><td>51b0617a-1a85-4127-ac8d-7175c8276535||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0007086893203883495, 0.0008393203883495145, 0.0009574757281553398, 0.0011321844660194173]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005936674077669902, 0.006098938495145631, 0.010742426796116504, 0.01908690388349515]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>30.607449135999993</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0917129610243903</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0055468303902437</td></tr>
+<tr><td colspan=3>efc</td><td>0.5761</td></tr>
+<tr><td colspan=3>fber</td><td>693.121</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.16114539581066742</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>61</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>29.611650485436893</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5696176967966857</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.2438258569555836</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6155773168690533</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8494499165654203</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0536095, 0.0583306, 0.0521052, 0.0400999]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0024052413646131754</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10552605241537094</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.497170211789599</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.6252</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.5837</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>125.8693</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>418694.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>641.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>226.0381</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.6027</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>302.6632</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>847.8484</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>811.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134266.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>374.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1426.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>324.7664</td></tr>
+<tr><td colspan=3>tsnr</td><td>48.50375849264674</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-016_task-bht_dir-RL_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-016_task-bht_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-016_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-016_task-bht_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-bht_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-bht_dir-RL_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-016/func/sub-001_ses-016_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>aec201d9d7961a9a94244665b45690e1</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>22:23:8.222500</td></tr>
+<tr><td>B0FieldSource</td><td>['016pepolarbold', '016phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.997393, -0.04706, 0.0546977, 0.0634498, 0.932986, -0.354276]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8234, -5627, -6010, 651, -15, -248, 27, 24]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>244.928</td></tr>
+<tr><td>WipMemBlock</td><td>431a53fc-f82c-4361-8362-2155505c0565||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0004765024630541872, 0.0005295073891625616, 0.0005819211822660098, 0.0006938916256157636]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.007405821133004926, 0.009999902266009853, 0.017660746798029554, 0.02928821477832512]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>4</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>36.98875299787127</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.010574939653465</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9829654529702971</td></tr>
+<tr><td colspan=3>efc</td><td>0.6517</td></tr>
+<tr><td colspan=3>fber</td><td>140.4188</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.19439533446411988</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>97</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>47.783251231527096</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.736825490618381</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.5418837694254943</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7025564247548073</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.966036277674842</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0176602, 0.0174272, 0.0162305, 0.0132048]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14642061293125153</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.017440330237150192</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>203</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.6103203603851317</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.6271</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>61.9772</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>167.3571</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>67.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331358.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>715.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>236.8537</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.6662</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>295.7718</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>819.4692</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>792.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>133762.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>386.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1348.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>303.4099</td></tr>
+<tr><td colspan=3>tsnr</td><td>34.07069682236761</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 692 - 0
sub-001_ses-017_task-bht_dir-PA_bold.html

@@ -0,0 +1,692 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-017_task-bht_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-017_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-bht_dir-PA_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-017/func/sub-001_ses-017_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>f8d1c4846917ecc31eff524d1966e0a1</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>18:40:20.317500</td></tr>
+<tr><td>B0FieldSource</td><td>['017pepolarbold', '017phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99944, -0.0275911, 0.0189186, 0.0322817, 0.943794, -0.328955]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8231, -5633, -6016, 628, -23, -230, 20, 23]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>244.756</td></tr>
+<tr><td>WipMemBlock</td><td>841027bf-106b-45df-a22f-aab986ef2737||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0007828640776699029, 0.0006720388349514563, 0.0007, 0.0008536893203883493]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005513220582524272, 0.006308290145631067, 0.010343786262135923, 0.01804100873786408]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>33.67186019707316</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.1239933617073172</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0094246565853653</td></tr>
+<tr><td colspan=3>efc</td><td>0.5812</td></tr>
+<tr><td colspan=3>fber</td><td>654.0081</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.20787947899285053</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>102</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>49.51456310679612</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5271203642407776</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.20656335564982</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6564932722100463</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.7183044648624666</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0205162, 0.0237871, 0.0230085, 0.018927]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.0012176535092294216</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10931511968374252</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.530985652138713</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.914</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.6917</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>125.0306</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>417456.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>620.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>222.8578</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7592</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>303.6888</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>808.2399</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>783.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>135504.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>364.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1334.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>309.3645</td></tr>
+<tr><td colspan=3>tsnr</td><td>48.821325461380184</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-018_task-bht_dir-LR_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-018_task-bht_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-018_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-018_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-018_task-bht_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-bht_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-bht_dir-LR_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-018/func/sub-001_ses-018_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>c15604e0629e482fa7eee80f7c2eb110</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>20:38:10.245000</td></tr>
+<tr><td>B0FieldSource</td><td>['018pepolarbold', '018phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998701, -0.0169258, 0.0480671, 0.0331303, 0.932345, -0.360049]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8241, -5618, -6019, 677, 4, -190, 36, 44]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>244.35</td></tr>
+<tr><td>WipMemBlock</td><td>501d77c4-dd6b-488a-9725-1893f5da0df0||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005048543689320389, 0.0005257766990291262, 0.000564368932038835, 0.0007051941747572816]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.007178065873786408, 0.009196001941747573, 0.01524962718446602, 0.025646964563106795]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>41.97636467560973</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0497503986829269</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.00815073795122</td></tr>
+<tr><td colspan=3>efc</td><td>0.651</td></tr>
+<tr><td colspan=3>fber</td><td>141.6955</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.2133675497233208</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>97</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>47.0873786407767</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6285841440278745</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.481508008138506</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.614235415182259</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.790009008762858</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.014495, 0.0178967, 0.0176782, 0.0147417]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14275489747524261</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.019765548408031464</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.5671192111931487</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.8926</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>61.7511</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>168.1958</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>66.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331015.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>721.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>240.329</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.823</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>294.5772</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>814.102</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>785.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134105.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>376.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1347.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>305.7891</td></tr>
+<tr><td colspan=3>tsnr</td><td>34.1968227296602</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-019_task-bht_dir-PA_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-019_task-bht_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-019_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-019_task-bht_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-bht_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-bht_dir-PA_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-019/func/sub-001_ses-019_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>3f40a9bd2da64df51aed03a27da0cbb3</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>18:34:55.240000</td></tr>
+<tr><td>B0FieldSource</td><td>['019pepolarbold', '019phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.997853, -0.0120281, 0.0643822, 0.0301385, 0.957062, -0.288313]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7;NC1</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8244, -5618, -6035, 730, -57, -132, -4, 23]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>246.931</td></tr>
+<tr><td>WipMemBlock</td><td>d0922483-cbb4-47cf-b99a-aa0dfa58cdfe||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005909708737864077, 0.0006197572815533981, 0.0007244660194174757, 0.0008952427184466021]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004811057912621358, 0.006874633786407769, 0.012131674708737864, 0.021422188349514565]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>33.35808753960977</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0782424705853657</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0095391147317074</td></tr>
+<tr><td colspan=3>efc</td><td>0.5895</td></tr>
+<tr><td colspan=3>fber</td><td>538.9926</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.2332837431868804</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>110</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>53.398058252427184</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.4528385759808535</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.1439678131632887</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.5653298120557624</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.64921810272351</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0233135, 0.0255138, 0.0244574, 0.0198516]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0007060740026645362</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10746201127767563</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.6755716135110577</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.9584</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.0367</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>124.2537</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>32.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>416756.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>612.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>219.448</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.2944</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>273.2378</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>767.6953</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>744.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>136204.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>367.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1253.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>278.0704</td></tr>
+<tr><td colspan=3>tsnr</td><td>46.464275918668136</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-020_task-bht_dir-RL_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-020_task-bht_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-020_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-020_task-bht_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-bht_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-bht_dir-RL_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-020/func/sub-001_ses-020_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>778175b554690e0a6ef084b664584ecc</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>20:28:16.257500</td></tr>
+<tr><td>B0FieldSource</td><td>['020pepolarbold', '020phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998212, 0.00105713, 0.0597608, 0.0212582, 0.928188, -0.371504]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8246, -5616, -6003, 674, -90, -213, 10, 11]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>249.067</td></tr>
+<tr><td>WipMemBlock</td><td>ef37d65e-95e4-4b50-a8b5-c27771c084db||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005127053140096618, 0.00056512077294686, 0.0006226570048309179, 0.0007512077294685989]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0052382613526570036, 0.007731205120772948, 0.012673267729468599, 0.021167636714975843]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>41.243987574368944</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0452071151456306</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0065225681067957</td></tr>
+<tr><td colspan=3>efc</td><td>0.6576</td></tr>
+<tr><td colspan=3>fber</td><td>121.5328</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.193260473959033</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>97</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>46.85990338164251</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.8108115828134963</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.6317757600406555</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.8366954379527924</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.96396355044704</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0173342, 0.0262709, 0.0266476, 0.0222337]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.15095233917236328</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.016790684312582016</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>207</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.586317054026926</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.5209</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>69.317</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>180.9094</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>73.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>330995.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>770.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>254.4991</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.737</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>302.9952</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>832.4671</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>804.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134125.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>389.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1372.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>310.8656</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.96830843016505</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-021_task-bht_dir-RL_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-021_task-bht_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-021_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-021_task-bht_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-bht_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-bht_dir-RL_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-021/func/sub-001_ses-021_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>5ad419d6e07f57c01ab1d2aace8e0f69</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>20:26:25.265000</td></tr>
+<tr><td>B0FieldSource</td><td>['021pepolarbold', '021phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999833, 0.00493759, 0.017604, 0.000698016, 0.951833, -0.306616]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8214, -5617, -6008, 718, -85, -181, 35, 71]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>248.137</td></tr>
+<tr><td>WipMemBlock</td><td>8b771d0d-c57e-4960-b2a8-a4da15b422ef||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0006378536585365856, 0.0006799512195121952, 0.0006934634146341462, 0.0007845365853658536]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006512590585365853, 0.008959851219512194, 0.015165824878048783, 0.02545882682926829]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>2</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>42.14038970465687</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0749928683333332</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.008149805637255</td></tr>
+<tr><td colspan=3>efc</td><td>0.6548</td></tr>
+<tr><td colspan=3>fber</td><td>133.1603</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.22918758816294316</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>116</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>56.58536585365854</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6531813108821374</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.472041139768671</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.682707420799005</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8047953720787357</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0125977, 0.0178716, 0.0178212, 0.0146919]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.1403055489063263</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.02169608883559704</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>205</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.6117829812082816</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.3417</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>64.1352</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>173.5985</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>69.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>330985.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>741.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>244.5826</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8392</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>296.9182</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>827.5044</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>801.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134135.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>389.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1355.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>306.6859</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.81608333485201</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-022_task-bht_dir-AP_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-022_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-022_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-022_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-022_task-bht_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-bht_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-bht_dir-AP_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-022/func/sub-001_ses-022_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>ccd75e808340324ad06f4f7735972df4</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>22:14:14.370000</td></tr>
+<tr><td>B0FieldSource</td><td>['022pepolarbold', '022phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999002, 0.0331436, 0.0299534, -0.0216239, 0.945475, -0.324976]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8241, -5625, -6004, 655, -36, -215, 46, 35]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>247.75</td></tr>
+<tr><td>WipMemBlock</td><td>e1190006-d859-4eaf-b561-f8a5490efcf5||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005871219512195122, 0.0005993658536585366, 0.0006850243902439024, 0.0008780487804878049]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005068292, 0.005485952780487805, 0.009383165853658537, 0.016600384878048782]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>2</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>31.196330855686274</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.091473607058824</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0039623542647058</td></tr>
+<tr><td colspan=3>efc</td><td>0.5789</td></tr>
+<tr><td colspan=3>fber</td><td>639.5109</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.187970949251579</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>101</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>49.26829268292683</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6658330010660793</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.41324056985197</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6293494281575205</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9549090051887466</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0228643, 0.0298618, 0.029097, 0.0229766]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.005634784698486328</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.1217045709490776</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>205</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.390061976070593</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.0583</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>22.0148</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>134.1962</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>32.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>418456.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>674.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>240.5949</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.6689</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>302.487</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>846.8071</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>804.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134504.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>373.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1432.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>336.3917</td></tr>
+<tr><td colspan=3>tsnr</td><td>49.67908435501158</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-023_task-bht_dir-AP_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-023_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-023_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-023_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-023_task-bht_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-bht_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-bht_dir-AP_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-023/func/sub-001_ses-023_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>8faa9b3ce80630f8426880e96149dd09</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>20:45:56.445000</td></tr>
+<tr><td>B0FieldSource</td><td>['023pepolarbold', '023phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998852, -0.00202939, 0.0478582, 0.0212718, 0.913976, -0.405209]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7;NC1</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8239, -5621, -6013, 709, -19, -249, -27, 56]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>247.278</td></tr>
+<tr><td>WipMemBlock</td><td>174b615f-d67a-40f9-a47b-9105d794d1de||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005474757281553399, 0.0006175728155339806, 0.0007116990291262137, 0.0008635436893203885]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0067268544174757285, 0.006953534611650485, 0.011224444368932038, 0.019502331067961162]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>33.13522160219513</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.1176062548292678</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.009506924780488</td></tr>
+<tr><td colspan=3>efc</td><td>0.5866</td></tr>
+<tr><td colspan=3>fber</td><td>539.3699</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.18809980368991058</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>86</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>41.74757281553398</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5174652445261607</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.2180924372504065</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.5325624696376785</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.801740826690396</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0155726, 0.0218081, 0.021876, 0.0177018]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.0007677786634303629</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.1063968762755394</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.549394616256939</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>9.7754</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>22.7932</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>128.4594</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>34.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>418395.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>629.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>221.6856</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.0824</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>281.7736</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>815.1749</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>781.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134565.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>375.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1354.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>306.3461</td></tr>
+<tr><td colspan=3>tsnr</td><td>48.21193146239966</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-024_task-bht_dir-AP_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-024_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-024_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-024_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-024_task-bht_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-bht_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-bht_dir-AP_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-024/func/sub-001_ses-024_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>43a2846b9c128e5e9474d2e8e885668d</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>22:59:7.302500</td></tr>
+<tr><td>B0FieldSource</td><td>['024pepolarbold', '024phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99975, -0.00953843, 0.0202179, 0.0167525, 0.918503, -0.395059]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8242, -5621, -6001, 673, -22, -253, 6, 40]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>245.933</td></tr>
+<tr><td>WipMemBlock</td><td>93c89b1f-514c-4126-b127-e7b7ca3b4487||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0006423645320197045, 0.0007592610837438423, 0.0008504433497536945, 0.0009879802955665025]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0038431135467980287, 0.005845908078817734, 0.009943209507389163, 0.01743086896551724]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>4</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>31.509951100693076</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0872317215841583</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0018485781188122</td></tr>
+<tr><td colspan=3>efc</td><td>0.5766</td></tr>
+<tr><td colspan=3>fber</td><td>709.5087</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.20142577655222674</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>110</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>54.1871921182266</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.593266092459521</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.298800558210472</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.579552349184189</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.901445369983904</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0413176, 0.0506737, 0.0472716, 0.0365302]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.009031993336975574</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11679458618164062</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>203</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.470470760761477</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.2805</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.4418</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>126.6679</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>418351.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>649.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>229.1719</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.5162</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>292.3063</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>835.011</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>796.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134609.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>380.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1398.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>322.2046</td></tr>
+<tr><td colspan=3>tsnr</td><td>49.30355397146195</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-025_task-bht_dir-RL_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-025_task-bht_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-025_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-025_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-025_task-bht_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-bht_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-bht_dir-RL_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-025/func/sub-001_ses-025_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>50d9cd0a674a27572bd03364f220248e</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>20:42:43.232500</td></tr>
+<tr><td>B0FieldSource</td><td>['025pepolarbold', '025phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998899, 0.0365258, 0.0294489, -0.0240637, 0.93765, -0.346746]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8232, -5616, -6008, 674, -15, -149, 0, 28]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>244.279</td></tr>
+<tr><td>WipMemBlock</td><td>8db81a61-fbe7-4d69-9bb1-97a4c2bff266||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0004909268292682927, 0.0005320487804878048, 0.0005970731707317072, 0.0007559512195121951]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005786550146341464, 0.007805992390243903, 0.01291510926829268, 0.02146412487804878]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>2</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>42.640907960931365</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0672147172058826</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0062026691666668</td></tr>
+<tr><td colspan=3>efc</td><td>0.6502</td></tr>
+<tr><td colspan=3>fber</td><td>134.3227</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.241033489259102</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>109</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>53.170731707317074</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.782983101479477</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.649821550973632</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.757941475251348</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9411862782134515</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0146018, 0.0234299, 0.0242477, 0.020357]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14165565371513367</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.023174315690994263</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>205</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.5398059651066074</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.9801</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>63.9291</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>169.5092</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>69.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331686.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>719.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>238.9767</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.0807</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>303.6659</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>834.4028</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>803.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>133434.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>388.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1378.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>316.1647</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.00577904039528</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-026_task-bht_dir-PA_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-026_task-bht_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-026_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-026_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-026_task-bht_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-bht_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-bht_dir-PA_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-026/func/sub-001_ses-026_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>8d7214a72a813dbd3385bd1cac9a8196</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>22:27:9.480000</td></tr>
+<tr><td>B0FieldSource</td><td>['026pepolarbold', '026phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999692, -0.00476391, 0.0243411, 0.0116906, 0.956033, -0.293025]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8220, -5623, -6020, 712, -75, -160, 43, 78]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>238.965</td></tr>
+<tr><td>WipMemBlock</td><td>37364d36-1be5-43b9-838c-aba71bb8c94a||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0006104390243902438, 0.0006904878048780488, 0.000779170731707317, 0.0009558536585365854]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004804635707317073, 0.00615276643902439, 0.010386291170731707, 0.01838669219512195]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>2</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>33.08049219720588</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0940443793137253</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0066347874019599</td></tr>
+<tr><td colspan=3>efc</td><td>0.5805</td></tr>
+<tr><td colspan=3>fber</td><td>712.5321</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.24844047542380224</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>122</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>59.51219512195122</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.476299488254357</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.167913178776504</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.624089910268697</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.63689537571787</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0215388, 0.0300813, 0.029989, 0.0241264]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.004928648006170988</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11262310296297073</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>205</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.6200406167007975</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.2044</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.3317</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>123.904</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>417779.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>626.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>222.3925</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.449</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>300.2668</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>812.8199</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>791.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>135181.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>377.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1330.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>301.9026</td></tr>
+<tr><td colspan=3>tsnr</td><td>49.59827596787363</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-028_task-bht_dir-RL_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-028_task-bht_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-028_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-028_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-028_task-bht_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-bht_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-bht_dir-RL_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-028/func/sub-001_ses-028_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>c3156e3c783da004977c5e8ee775b695</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>22:26:1.230000</td></tr>
+<tr><td>B0FieldSource</td><td>['028pepolarbold', '028phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999774, 0.00456376, 0.0207726, 0.0027919, 0.940091, -0.340911]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8236, -5629, -6019, 658, -48, -207, 16, 7]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>246.718</td></tr>
+<tr><td>WipMemBlock</td><td>4e205caf-ef8c-47d5-8f00-56825646cc3e||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0003773300970873786, 0.0004299514563106796, 0.000529368932038835, 0.0006669417475728156]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005845911456310681, 0.007803243058252427, 0.012878751165048543, 0.021287844174757282]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>41.27460961702438</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0564651406341468</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.011824005268293</td></tr>
+<tr><td colspan=3>efc</td><td>0.6554</td></tr>
+<tr><td colspan=3>fber</td><td>132.1827</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.14630134138531217</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>52</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>25.24271844660194</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6761441767319334</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.5276447615407056</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.64621512492798</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8545726437271153</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0137207, 0.0204421, 0.0202807, 0.0167566]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14910916984081268</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.020609155297279358</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.629353524913207</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.5748</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>63.0898</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>169.031</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>68.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331051.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>718.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>237.2431</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.0279</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>283.6809</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>809.2137</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>782.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134069.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>387.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1323.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>297.4104</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.0829639834119</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-037_task-bht_dir-LR_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-037_task-bht_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-037_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-037_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-037_task-bht_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-bht_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-bht_dir-LR_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-037/func/sub-001_ses-037_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>f8ed00595e42adb5240174e8f8213783</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>19:53:24.285000</td></tr>
+<tr><td>B0FieldSource</td><td>['037pepolarbold', '037phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999886, 0.0122095, 0.00883945, -0.00785325, 0.922512, -0.385888]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8226, -5614, -6025, 673, -74, -187, 16, 48]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>247.006</td></tr>
+<tr><td>WipMemBlock</td><td>a8772380-33c3-4531-8b8b-440095d35867||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005986893203883495, 0.0006833009708737865, 0.0007492718446601941, 0.0008982038834951456]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005240943834951456, 0.0077020438349514565, 0.012705052572815534, 0.02135746359223301]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>40.128787343170735</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0494611859024396</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.01725973697561</td></tr>
+<tr><td colspan=3>efc</td><td>0.6499</td></tr>
+<tr><td colspan=3>fber</td><td>141.1286</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.18288671121897385</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>83</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>40.29126213592233</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6459314813914148</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.4842993454692945</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.63502245419539</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.818472644509561</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0138897, 0.0181284, 0.0184089, 0.0159244]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.13768687844276428</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.021143324673175812</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.581083224685716</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.7722</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>63.1617</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>165.2148</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>67.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>330991.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>703.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>233.3074</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7853</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>297.5281</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>824.8589</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>796.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134129.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>384.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1362.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>308.3965</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.679697406012565</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 692 - 0
sub-001_ses-038_task-bht_dir-PA_bold.html

@@ -0,0 +1,692 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-038_task-bht_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-038_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-bht_dir-PA_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-038/func/sub-001_ses-038_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>d180039e662a61f608cfd16eae54f29d</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>21:40:12.302500</td></tr>
+<tr><td>B0FieldSource</td><td>['038pepolarbold', '038phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99885, 0.0351661, 0.0325943, -0.0244113, 0.95805, -0.285559]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8236, -5616, -6014, 673, -71, -110, 51, 61]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>248.062</td></tr>
+<tr><td>WipMemBlock</td><td>aeff5c86-6b0a-443d-912a-53e9b3b0a525||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005823529411764707, 0.0006218627450980392, 0.0007325490196078431, 0.0009075980392156862]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0032938253431372545, 0.005128308480392157, 0.009255635245098039, 0.01648547450980392]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>3</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>28.262949177733994</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0450575306403942</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9988165110344824</td></tr>
+<tr><td colspan=3>efc</td><td>0.5803</td></tr>
+<tr><td colspan=3>fber</td><td>721.6807</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.16808424389000765</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>76</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>37.254901960784316</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5839934500892063</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.285738208851639</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6938467686349927</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.772395372780987</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0253586, 0.0325847, 0.0304045, 0.0242758]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.0033268299885094166</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11508495360612869</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>204</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.6121978329601037</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>9.795</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.4046</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>127.4109</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>418141.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>647.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>229.7402</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.4368</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>307.0222</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>824.2673</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>801.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134819.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>383.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1347.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>306.6372</td></tr>
+<tr><td colspan=3>tsnr</td><td>51.56756781227887</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-039_task-bht_dir-LR_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-039_task-bht_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-039_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-039_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-039_task-bht_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-bht_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-bht_dir-LR_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-039/func/sub-001_ses-039_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>9dc042eea46c40c137ffc94f6b36d65a</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>19:31:27.267500</td></tr>
+<tr><td>B0FieldSource</td><td>['039pepolarbold', '039phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999305, 0.0336275, 0.0160832, -0.0265168, 0.944544, -0.327313]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8235, -5616, -6013, 702, -62, -213, 11, 41]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>242.37</td></tr>
+<tr><td>WipMemBlock</td><td>19c87258-4add-48d8-9a05-511182c51c69||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.00037606796116504854, 0.00040669902912621354, 0.00048053398058252436, 0.0006228155339805825]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005604039854368932, 0.0071101523786407765, 0.011919492961165047, 0.020402429126213588]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>38.5044592699512</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0302263768780486</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0082516211707313</td></tr>
+<tr><td colspan=3>efc</td><td>0.6467</td></tr>
+<tr><td colspan=3>fber</td><td>150.281</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1670780826693801</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>76</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>36.89320388349515</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.591050639312769</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.4156952863736043</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6159839853862117</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.7414726461784915</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0167651, 0.0180562, 0.016827, 0.0139466]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.133335679769516</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.029954953119158745</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.5253817801564646</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>6.1842</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>61.3337</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>165.9111</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>66.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>330518.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>712.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>237.9761</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.2656</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>301.7167</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>836.8841</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>805.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134602.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>387.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1387.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>318.7625</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.3921262123622</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 692 - 0
sub-001_ses-040_task-bht_dir-AP_bold.html

@@ -0,0 +1,692 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-040_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-040_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-040/func/sub-001_ses-040_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>6b66a71cdb881cbb36d1c0b7cc47a095</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>21:23:16.297500</td></tr>
+<tr><td>B0FieldSource</td><td>['040pepolarbold', '040phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998978, 0.00628303, 0.0447683, 0.0102873, 0.932719, -0.360457]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7;NC1</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8234, -5621, -6012, 658, -54, -213, 51, 7]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>240.69</td></tr>
+<tr><td>WipMemBlock</td><td>0f08d066-df84-45ac-81ac-050ab883c0e9||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.000547219512195122, 0.0005769756097560976, 0.000657512195121951, 0.0007952195121951219]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004502645170731707, 0.005761531804878048, 0.010497611121951219, 0.018684501951219512]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>2</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>27.276548516813712</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0278475014215689</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9950082124019607</td></tr>
+<tr><td colspan=3>efc</td><td>0.5832</td></tr>
+<tr><td colspan=3>fber</td><td>634.6511</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.13950595273052172</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>43</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>20.975609756097562</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.390913169428592</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.042603800148502</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.4995312413739614</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.630604466763313</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0289364, 0.0327895, 0.0303085, 0.0236936]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0010555960470810533</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10445059835910797</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>205</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.6715120689404412</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>9.8377</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>18.9339</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>123.021</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>418275.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>620.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>217.6634</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5324</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>270.5135</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>811.3749</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>780.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134685.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>387.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1335.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>291.9684</td></tr>
+<tr><td colspan=3>tsnr</td><td>49.45610545389354</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-041_task-bht_dir-AP_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-041_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-041_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-041_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-041_task-bht_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-bht_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-bht_dir-AP_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-041/func/sub-001_ses-041_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>d1329511c1c5cdc3990832970073dcd8</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>09:42:32.410000</td></tr>
+<tr><td>B0FieldSource</td><td>['041pepolarbold', '041phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99933, 0.0313952, 0.0187988, -0.0252957, 0.963897, -0.26507]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>35</td></tr>
+<tr><td>ShimSetting</td><td>[8230, -5638, -6024, 695, -47, -216, 39, 33]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>248.429</td></tr>
+<tr><td>WipMemBlock</td><td>22b1e94b-2817-4b3e-986a-c1f5f24663d3||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0004746116504854369, 0.00045907766990291256, 0.0005284466019417477, 0.0007154368932038835]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0035539524271844657, 0.005092886650485436, 0.008875006019417476, 0.016072991262135922]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>28.65351125219511</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0555528962439034</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0096903689756098</td></tr>
+<tr><td colspan=3>efc</td><td>0.5862</td></tr>
+<tr><td colspan=3>fber</td><td>667.3597</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1257708151066248</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>37</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>17.961165048543688</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.357526220835677</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>2.98933070762235</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.4932525781502797</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.5899953767344</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0235559, 0.026125, 0.0244639, 0.0189871]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0026357003953307867</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.1073232889175415</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.734094944250666</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>8.9526</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.6913</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>126.282</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>418349.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>644.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>223.9144</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.3238</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>268.6893</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>800.8754</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>774.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134611.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>385.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1305.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>283.0908</td></tr>
+<tr><td colspan=3>tsnr</td><td>50.00967029109597</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-042_task-bht_dir-PA_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-042_task-bht_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-042_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-042_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-042_task-bht_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-bht_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-bht_dir-PA_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-042/func/sub-001_ses-042_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>5a150f6f0f37b2d2d3912e039e151d18</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>11:48:6.387500</td></tr>
+<tr><td>B0FieldSource</td><td>['042pepolarbold', '042phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999255, 0.0319345, 0.021683, -0.0252938, 0.966047, -0.257125]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8234, -5628, -6018, 712, -7, -149, 23, 45]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>247.545</td></tr>
+<tr><td>WipMemBlock</td><td>4099d97a-d164-4bce-b1d9-072b32cc2686||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0006014077669902912, 0.000581504854368932, 0.0006581553398058252, 0.0008354854368932038]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0043893532038834955, 0.005235388300970874, 0.009418777281553397, 0.017230022330097086]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>30.55598302673171</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0904813621463414</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.026049099463415</td></tr>
+<tr><td colspan=3>efc</td><td>0.5866</td></tr>
+<tr><td colspan=3>fber</td><td>628.7794</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1660963270398736</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>79</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>38.349514563106794</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.4527784998369064</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.1516796495141146</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.568915019751604</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.6377408302450003</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.017478, 0.0223696, 0.0219366, 0.0178311]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.002275040140375495</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11058573424816132</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.6505375756318075</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>9.6615</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.7564</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>130.4297</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>417536.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>657.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>232.388</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.3021</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>295.2646</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>803.9809</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>782.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>135424.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>378.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1310.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>295.0334</td></tr>
+<tr><td colspan=3>tsnr</td><td>50.50570160150528</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-043_task-bht_dir-AP_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-043_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-043_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-043_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-043_task-bht_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-bht_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-bht_dir-AP_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-043/func/sub-001_ses-043_task-bht_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>a6a8a54e6b4021eeb12033e0797eb008</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>10:37:50.220000</td></tr>
+<tr><td>B0FieldSource</td><td>['043pepolarbold', '043phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999316, 0.0352555, -0.0112063, -0.0369926, 0.950025, -0.309975]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8233, -5616, -6008, 687, -46, -183, 31, 30]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.735]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>241.688</td></tr>
+<tr><td>WipMemBlock</td><td>3abbf140-4118-4940-af2d-233d40aafe0b||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.00041592233009708735, 0.00042398058252427184, 0.00051, 0.0006805339805825243]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.003876880436893204, 0.005333508932038836, 0.009374403058252427, 0.01697395436893204]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>27.48446276590243</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0594557387317074</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0049333288292683</td></tr>
+<tr><td colspan=3>efc</td><td>0.5836</td></tr>
+<tr><td colspan=3>fber</td><td>664.2415</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.09973821838811449</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>6</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>2.912621359223301</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.526431566497838</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.199456636841566</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.5789517813975764</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8008862812543724</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.024649, 0.0284359, 0.0253462, 0.0198502]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0024231027346104383</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11309652030467987</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.6396089865542707</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>9.2157</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.7204</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>131.3119</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>419378.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>663.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>232.7432</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7899</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>282.2558</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>835.6131</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>801.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>133582.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>402.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1376.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>303.4529</td></tr>
+<tr><td colspan=3>tsnr</td><td>51.32645548530854</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-044_task-bht_dir-LR_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-044_task-bht_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-044_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-044_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-044_task-bht_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-bht_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-bht_dir-LR_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-044/func/sub-001_ses-044_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>9d834d7a68fe3df31610efcc2c3bdc14</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>12:29:16.240000</td></tr>
+<tr><td>B0FieldSource</td><td>['044pepolarbold', '044phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99968, -0.00917212, 0.0235891, 0.0155297, 0.958241, -0.28554]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8226, -5628, -6024, 679, -40, -139, 75, 28]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>244.324</td></tr>
+<tr><td>WipMemBlock</td><td>4f08889a-ee7c-4505-ac76-582cc447040e||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0004854854368932038, 0.0006623300970873786, 0.0008116504854368932, 0.00097373786407767]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005529115679611651, 0.008388399174757283, 0.013905077669902913, 0.023562443689320388]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>39.19979359712195</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0344704393658537</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0119194391707322</td></tr>
+<tr><td colspan=3>efc</td><td>0.6501</td></tr>
+<tr><td colspan=3>fber</td><td>174.3205</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1532468180046455</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>60</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>29.12621359223301</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5278602858839574</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.3266866879968977</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.563071522443697</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.6938226472112774</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00939971, 0.0136981, 0.0146789, 0.0128357]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14923915266990662</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.02157522924244404</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.6967553171742</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.4927</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>54.8779</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>165.412</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>59.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>330504.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>730.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>242.5634</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5894</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>278.103</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>804.832</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>780.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134616.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>387.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1310.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>289.2354</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.50491243216675</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-045_task-bht_dir-LR_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-045_task-bht_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-045_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-045_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-045_task-bht_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-bht_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-bht_dir-LR_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-045/func/sub-001_ses-045_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>e10a0bb1102c8ef45d9be37f1d438de2</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>19:49:39.445000</td></tr>
+<tr><td>B0FieldSource</td><td>['045pepolarbold', '045phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999432, -0.00158001, 0.0336498, 0.00994306, 0.968232, -0.249856]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8235, -5631, -6032, 694, 16, -188, 74, 42]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>243.334</td></tr>
+<tr><td>WipMemBlock</td><td>206ecd97-aae1-4f74-b202-252923e8abe7||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0004006372549019608, 0.0004188235294117648, 0.0004910294117647058, 0.0006420588235294118]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006425129068627451, 0.008602184607843138, 0.014655826127450982, 0.02472158676470588]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>3</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>38.23119621108377</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0206375207881773</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9928703879310345</td></tr>
+<tr><td colspan=3>efc</td><td>0.65</td></tr>
+<tr><td colspan=3>fber</td><td>159.4285</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.15314969655878222</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>61</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>29.901960784313726</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6549377954950675</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.433836702239609</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7241767667557593</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8067999174898337</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00834363, 0.0124718, 0.0132432, 0.0112756]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.13869401812553406</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.02634432725608349</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>204</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.645023124195984</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.742</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>58.2575</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>167.6157</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>63.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>330417.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>729.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>242.5723</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7721</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>293.5989</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>825.1023</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>800.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134703.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>387.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1344.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>302.4537</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.0326749344822</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-046_task-bht_dir-LR_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-046_task-bht_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-046_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-046_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-046_task-bht_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-bht_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-bht_dir-LR_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-046/func/sub-001_ses-046_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>4f1bab152df5fc1bdc89bdcfd6170200</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.472</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>21:33:28.440000</td></tr>
+<tr><td>B0FieldSource</td><td>['046pepolarbold', '046phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998916, 0.0102628, 0.0454101, 0.00418427, 0.951661, -0.307121]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8235, -5632, -6038, 627, -35, -194, 47, 44]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>245.785</td></tr>
+<tr><td>WipMemBlock</td><td>ed119d43-05a9-44cf-802f-bafa6e39379e||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.00041053658536585374, 0.00045253658536585374, 0.000515609756097561, 0.0006665853658536585]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004933982390243902, 0.007422554487804878, 0.011687959853658537, 0.019712642926829265]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>2</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>40.456358853480396</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.031924124509804</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.008121854215687</td></tr>
+<tr><td colspan=3>efc</td><td>0.6516</td></tr>
+<tr><td colspan=3>fber</td><td>155.5572</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1381499144567214</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>45</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>21.951219512195124</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.4771082578839163</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.2986321540735903</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.5188336069973523</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.6138590125808063</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00805146, 0.0129216, 0.0140351, 0.0122001]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14451660215854645</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.023063529282808304</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>205</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.692361901181633</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.5373</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>58.9569</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>165.8379</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>62.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>330202.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>733.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>242.0571</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5388</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>278.7365</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>800.7814</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>776.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134918.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>382.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1303.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>288.2217</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.97291913442314</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-047_task-bht_dir-RL_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-047_task-bht_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-047_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-047_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-047_task-bht_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-bht_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-bht_dir-RL_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-047/func/sub-001_ses-047_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>3ba59a57ffe9f48318677d74e6bcd0a8</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.472</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>20:11:21.455000</td></tr>
+<tr><td>B0FieldSource</td><td>['047pepolarbold', '047phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99925, 0.0178623, 0.0343614, -0.00418567, 0.931893, -0.362709]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>47</td></tr>
+<tr><td>ShimSetting</td><td>[8242, -5617, -5995, 690, -25, -228, 33, 27]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>244.361</td></tr>
+<tr><td>WipMemBlock</td><td>5c86900b-b7ee-48e5-ba9a-ad751bef88ac||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.000405219512195122, 0.00046800000000000005, 0.0005310731707317073, 0.0006612195121951219]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004724860390243902, 0.006633918585365853, 0.011251543999999999, 0.018948411219512195]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>2</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>37.407000803529385</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0280064375490188</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0042337804901966</td></tr>
+<tr><td colspan=3>efc</td><td>0.6553</td></tr>
+<tr><td colspan=3>fber</td><td>122.787</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1454293711596127</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>50</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>24.390243902439025</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.878698557483768</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.729285870320432</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.842255344773173</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.0645544573576995</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00901824, 0.014018, 0.0149514, 0.0126779]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.1635442078113556</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.018079906702041626</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>205</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.488185845160846</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.3316</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>70.5285</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>182.8169</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>74.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>330922.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>771.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>255.1051</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.3916</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>315.1253</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>851.845</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>819.5</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134198.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>390.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1416.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>329.3552</td></tr>
+<tr><td colspan=3>tsnr</td><td>37.452506428118795</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-048_task-bht_dir-PA_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-048_task-bht_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-048_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-048_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-048_task-bht_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-bht_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-bht_dir-PA_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-048/func/sub-001_ses-048_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>78a399582919515c59b19c4d88606a7a</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.472</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>22:05:10.250000</td></tr>
+<tr><td>B0FieldSource</td><td>['048pepolarbold', '048phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999147, -0.0077052, 0.0405757, 0.0205802, 0.944667, -0.327383]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8239, -5623, -6019, 621, -56, -220, 74, 46]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>248.399</td></tr>
+<tr><td>WipMemBlock</td><td>4e29228b-7219-4300-9bcf-d618785dce70||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005061650485436893, 0.000492766990291262, 0.0005880582524271845, 0.0007669902912621358]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004370454417475728, 0.004504133155339806, 0.007900983398058253, 0.014466621359223301]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>29.0861544537561</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.070107186731707</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0122617575609758</td></tr>
+<tr><td colspan=3>efc</td><td>0.581</td></tr>
+<tr><td colspan=3>fber</td><td>677.1927</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.15649965292806436</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>65</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>31.553398058252426</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5413222002640645</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.2154035314785254</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6486722417161985</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.7598908275974705</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0159225, 0.0199297, 0.019435, 0.0159227]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0005452054319903255</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10719158500432968</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.559971790051844</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.1995</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.5765</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>130.6464</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>417686.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>661.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>236.0857</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.3983</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>315.1789</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>827.8475</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>804.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>135274.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>375.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1368.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>314.0648</td></tr>
+<tr><td colspan=3>tsnr</td><td>52.12785987183452</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-excl029_task-bht_dir-PA_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-excl029_task-bht_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-excl029_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-excl029_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-bht_dir-PA_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-excl029/func/sub-001_ses-excl029_task-bht_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>4d0d8d563f7c8a5257d307b215f7202d</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>20:28:50.275000</td></tr>
+<tr><td>B0FieldSource</td><td>['excl029pepolarbold', 'excl029phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999756, 0.0215097, -0.00508235, -0.0219893, 0.944813, -0.326871]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>25</td></tr>
+<tr><td>ShimSetting</td><td>[8225, -5626, -6027, 668, -33, -213, 19, 12]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>243.011</td></tr>
+<tr><td>WipMemBlock</td><td>e21c6c22-e8ab-47a9-bf83-a02113ce158b||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0008262621359223301, 0.0006949514563106796, 0.0007281067961165048, 0.000864126213592233]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.003408072961165049, 0.0053590950970873776, 0.009048128106796116, 0.01614207087378641]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>27.905577850487813</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0669767854146341</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0228087246341464</td></tr>
+<tr><td colspan=3>efc</td><td>0.5844</td></tr>
+<tr><td colspan=3>fber</td><td>658.312</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1266894444433524</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>34</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>16.50485436893204</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6986566331233344</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.373316461310081</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.797148977688394</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9255044603715277</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.029451, 0.0384503, 0.0338088, 0.026842]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.0052572558633983135</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.1121206134557724</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.5823936057110504</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>9.7866</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>21.2818</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>132.2537</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>417860.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>660.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>234.865</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8671</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>303.7067</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>826.2437</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>801.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>135100.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>390.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1351.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>310.1762</td></tr>
+<tr><td colspan=3>tsnr</td><td>51.826301963534206</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 709 - 0
sub-001_ses-pilot008_task-bht_dir-AP_bold.html

@@ -0,0 +1,709 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-pilot008_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-pilot008_task-bht_dir-AP_echo-1_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-pilot008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-pilot008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-pilot008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-pilot008_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-pilot008_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot008_task-bht_dir-AP_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot008/func/sub-001_ses-pilot008_task-bht_dir-AP_echo-1_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>51ca07792ace90cc88d4f40640422a0b</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>275.442</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>108</td></tr>
+<tr><td>AcquisitionTime</td><td>18:17:38.827500</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot008pepolarbold', 'pilot008phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>34.294</td></tr>
+<tr><td>BaseResolution</td><td>108</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000539993</td></tr>
+<tr><td>DwellTime</td><td>2e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>40</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000269996</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.997239, 0.0607052, 0.0427635, -0.0597709, 0.997952, -0.0228]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2315</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_108</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-6</td></tr>
+<tr><td>ReconMatrixPE</td><td>108</td></tr>
+<tr><td>RefLinesPE</td><td>26</td></tr>
+<tr><td>RepetitionTime</td><td>1.573</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>24</td></tr>
+<tr><td>ShimSetting</td><td>[8231, -5635, -6006, 695, -36, -128, -25, 63]</td></tr>
+<tr><td>SliceThickness</td><td>2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.3325, 0.6675, 1, 1.3325, 0.1125, 0.445, 0.7775, 1.11, 1.4425, 0.2225, 0.555, 0.8875, 1.22, 0, 0.3325, 0.6675, 1, 1.3325, 0.1125, 0.445, 0.7775, 1.11, 1.4425, 0.2225, 0.555, 0.8875, 1.22, 0, 0.3325, 0.6675, 1, 1.3325, 0.1125, 0.445, 0.7775, 1.11, 1.4425, 0.2225, 0.555, 0.8875, 1.22, 0, 0.3325, 0.6675, 1, 1.3325, 0.1125, 0.445, 0.7775, 1.11, 1.4425, 0.2225, 0.555, 0.8875, 1.22]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0288896</td></tr>
+<tr><td>TxRefAmp</td><td>244.677</td></tr>
+<tr><td>WipMemBlock</td><td>3c4cbc74-f09c-4033-9d8f-5cd41e5708f1||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0009280769230769232, 0.0007591025641025641, 0.0008130769230769231, 0.0010646153846153848]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004404740128205129, 0.006061344679487179, 0.010236250512820514, 0.019732457051282053]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>35.75745518612903</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0694602899354835</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0308328925161292</td></tr>
+<tr><td colspan=3>efc</td><td>0.5779</td></tr>
+<tr><td colspan=3>fber</td><td>655.6066</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1046306174849197</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>9</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>5.769230769230769</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7451333333333334</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.375315</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.814555</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.04553</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0107588, 0.0188091, 0.0168796, 0.0132398]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.004853485152125359</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11462006717920303</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>156</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>108</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>108</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>56</td></tr>
+<tr><td colspan=3>snr</td><td>2.517787827334501</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.5729999542236328</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.0</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.0</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.5212</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.7279</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>136.2865</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>32.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>489952.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>748.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>260.8682</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.0221</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>296.4159</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>867.2229</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>821.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>163232.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>428.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1468.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>326.0789</td></tr>
+<tr><td colspan=3>tsnr</td><td>42.382630337029696</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 709 - 0
sub-001_ses-pilot009_task-bht_dir-AP_bold.html

@@ -0,0 +1,709 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-pilot009_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-pilot009_task-bht_dir-AP_echo-1_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-pilot009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-pilot009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-pilot009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-pilot009_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-pilot009_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot009_task-bht_dir-AP_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot009/func/sub-001_ses-pilot009_task-bht_dir-AP_echo-1_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>fde2a3e7506da567fbc28aa2b9cda953</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>275.442</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>108</td></tr>
+<tr><td>AcquisitionTime</td><td>15:37:17.842500</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot009pepolarbold', 'pilot009phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>34.294</td></tr>
+<tr><td>BaseResolution</td><td>108</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000539993</td></tr>
+<tr><td>DwellTime</td><td>2e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>40</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000269996</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.996273, 0.0612017, 0.0607745, -0.059015, 0.997566, -0.037147]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2315</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_108</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-6</td></tr>
+<tr><td>ReconMatrixPE</td><td>108</td></tr>
+<tr><td>RefLinesPE</td><td>26</td></tr>
+<tr><td>RepetitionTime</td><td>1.573</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>14</td></tr>
+<tr><td>ShimSetting</td><td>[8231, -5626, -6013, 614, -64, -163, 40, 47]</td></tr>
+<tr><td>SliceThickness</td><td>2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.3325, 0.665, 0.9975, 1.33, 0.11, 0.4425, 0.775, 1.1075, 1.44, 0.22, 0.5525, 0.8875, 1.22, 0, 0.3325, 0.665, 0.9975, 1.33, 0.11, 0.4425, 0.775, 1.1075, 1.44, 0.22, 0.5525, 0.8875, 1.22, 0, 0.3325, 0.665, 0.9975, 1.33, 0.11, 0.4425, 0.775, 1.1075, 1.44, 0.22, 0.5525, 0.8875, 1.22, 0, 0.3325, 0.665, 0.9975, 1.33, 0.11, 0.4425, 0.775, 1.1075, 1.44, 0.22, 0.5525, 0.8875, 1.22]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0288896</td></tr>
+<tr><td>TxRefAmp</td><td>252.895</td></tr>
+<tr><td>WipMemBlock</td><td>ba9d198f-a4e8-4dd8-a09a-f223d01b88bc||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0010996794871794872, 0.0009733974358974359, 0.0009549358974358974, 0.001078525641025641]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004879920833333333, 0.0061827702564102565, 0.010593196346153846, 0.02035098269230769]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>33.09997121819354</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0693727394193544</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0008795267096775</td></tr>
+<tr><td colspan=3>efc</td><td>0.577</td></tr>
+<tr><td colspan=3>fber</td><td>613.5837</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.08652081375647527</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>1</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>0.6410256410256411</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>4.085655</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.820145</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>4.143565</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.293255</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0126601, 0.0202264, 0.0210957, 0.0168174]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.017214909195899963</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11951149255037308</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>156</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>108</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>108</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>56</td></tr>
+<tr><td colspan=3>snr</td><td>2.3627859049108335</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.5729999542236328</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.0</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.0</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>11.0503</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>23.5981</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>150.6531</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>35.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>490481.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>809.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>285.2568</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.093</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>352.4603</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>929.9096</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>878.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>162703.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>424.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1597.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>371.5941</td></tr>
+<tr><td colspan=3>tsnr</td><td>45.166524263098836</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 709 - 0
sub-001_ses-pilot011_task-bht_dir-AP_bold.html

@@ -0,0 +1,709 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-pilot011_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-pilot011_task-bht_dir-AP_echo-1_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-pilot011_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-bht_dir-AP_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot011/func/sub-001_ses-pilot011_task-bht_dir-AP_echo-1_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>a024a851538a0f3a24492259cec1332e</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>359.64</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>102</td></tr>
+<tr><td>AcquisitionTime</td><td>18:54:59.420000</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot011pepolarbold', 'pilot011phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>39.216</td></tr>
+<tr><td>BaseResolution</td><td>94</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000520404</td></tr>
+<tr><td>DwellTime</td><td>2.2e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0124</td></tr>
+<tr><td>EchoTrainLength</td><td>39</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000260202</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999355, 0.0216112, 0.0286831, -0.0115123, 0.949304, -0.31415]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>104.255</td></tr>
+<tr><td>PercentSampling</td><td>104</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1.04</td></tr>
+<tr><td>PixelBandwidth</td><td>2418</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_102</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7;NC1</td></tr>
+<tr><td>ReconMatrixPE</td><td>98</td></tr>
+<tr><td>RefLinesPE</td><td>20</td></tr>
+<tr><td>RepetitionTime</td><td>1.77</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>17</td></tr>
+<tr><td>ShimSetting</td><td>[8227, -5620, -6039, 674, -57, -166, 66, 37]</td></tr>
+<tr><td>SliceThickness</td><td>2.1</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.765, 1.53, 0.5475, 1.3125, 0.3275, 1.0925, 0.11, 0.875, 1.64, 0.655, 1.4225, 0.4375, 1.2025, 0.2175, 0.985, 0, 0.765, 1.53, 0.5475, 1.3125, 0.3275, 1.0925, 0.11, 0.875, 1.64, 0.655, 1.4225, 0.4375, 1.2025, 0.2175, 0.985, 0, 0.765, 1.53, 0.5475, 1.3125, 0.3275, 1.0925, 0.11, 0.875, 1.64, 0.655, 1.4225, 0.4375, 1.2025, 0.2175, 0.985, 0, 0.765, 1.53, 0.5475, 1.3125, 0.3275, 1.0925, 0.11, 0.875, 1.64, 0.655, 1.4225, 0.4375, 1.2025, 0.2175, 0.985]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.1</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0252396</td></tr>
+<tr><td>TxRefAmp</td><td>248.655</td></tr>
+<tr><td>WipMemBlock</td><td>82bc9073-9020-4ef7-a38b-e1abb1357510||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0006060869565217391, 0.000532608695652174, 0.0006245652173913043, 0.0008065760869565217]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005383858206521739, 0.0069693927717391305, 0.01145335983695652, 0.02020685652173913]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>32.39983885945356</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0533446430601097</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9973334682513668</td></tr>
+<tr><td colspan=3>efc</td><td>0.602</td></tr>
+<tr><td colspan=3>fber</td><td>444.7164</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.12582989979290082</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>30</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>16.304347826086957</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.3712838441449335</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>2.9791942737827224</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.4258237568892573</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.708833501762822</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0123267, 0.0164855, 0.015451, 0.0122624]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.02332170121371746</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.09479323774576187</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>184</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>94</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>98</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>64</td></tr>
+<tr><td colspan=3>snr</td><td>2.7127228188038135</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.7699999809265137</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.148940086364746</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.148940086364746</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.0999999046325684</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>8.2912</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>24.89</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>138.8255</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>38.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>441202.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>679.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>233.4786</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5643</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>268.4114</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>824.3818</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>792.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>148366.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>403.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1348.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>291.9566</td></tr>
+<tr><td colspan=3>tsnr</td><td>45.922255664365366</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 709 - 0
sub-001_ses-pilot012_task-bht_dir-AP_bold.html

@@ -0,0 +1,709 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-pilot012_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-pilot012_task-bht_dir-AP_echo-1_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-pilot012_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-bht_dir-AP_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot012/func/sub-001_ses-pilot012_task-bht_dir-AP_echo-1_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>cfd9842db892324adabcb0f5ce0d9b7c</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>359.64</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>102</td></tr>
+<tr><td>AcquisitionTime</td><td>17:26:27.355000</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot012pepolarbold', 'pilot012phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>39.216</td></tr>
+<tr><td>BaseResolution</td><td>94</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000520404</td></tr>
+<tr><td>DwellTime</td><td>2.2e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0124</td></tr>
+<tr><td>EchoTrainLength</td><td>39</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000260202</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999961, -0.00872388, 0.00140951, 0.00872653, 0.949675, -0.313116]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>104.255</td></tr>
+<tr><td>PercentSampling</td><td>104</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
+<tr><td>PhaseResolution</td><td>1.04</td></tr>
+<tr><td>PixelBandwidth</td><td>2418</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_102</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>98</td></tr>
+<tr><td>RefLinesPE</td><td>20</td></tr>
+<tr><td>RepetitionTime</td><td>1.77</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>17</td></tr>
+<tr><td>ShimSetting</td><td>[8246, -5616, -5987, 690, -46, -172, 23, 30]</td></tr>
+<tr><td>SliceThickness</td><td>2.1</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.765, 1.53, 0.545, 1.3125, 0.3275, 1.0925, 0.1075, 0.875, 1.64, 0.655, 1.42, 0.4375, 1.2025, 0.2175, 0.9825, 0, 0.765, 1.53, 0.545, 1.3125, 0.3275, 1.0925, 0.1075, 0.875, 1.64, 0.655, 1.42, 0.4375, 1.2025, 0.2175, 0.9825, 0, 0.765, 1.53, 0.545, 1.3125, 0.3275, 1.0925, 0.1075, 0.875, 1.64, 0.655, 1.42, 0.4375, 1.2025, 0.2175, 0.9825, 0, 0.765, 1.53, 0.545, 1.3125, 0.3275, 1.0925, 0.1075, 0.875, 1.64, 0.655, 1.42, 0.4375, 1.2025, 0.2175, 0.9825]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.1</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0252396</td></tr>
+<tr><td>TxRefAmp</td><td>247.841</td></tr>
+<tr><td>WipMemBlock</td><td>91864cd8-c7c2-46a8-a15e-a801aaf5dff5||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005729347826086956, 0.00056125, 0.000661304347826087, 0.0008403804347826086]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0042533686956521734, 0.00655781, 0.011119753586956523, 0.020128623369565214]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>31.631389023715833</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0482408034426223</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.991825234644809</td></tr>
+<tr><td colspan=3>efc</td><td>0.5932</td></tr>
+<tr><td colspan=3>fber</td><td>490.8148</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.18289436254328056</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>75</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>40.76086956521739</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6759562164818216</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.43886274302842</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.693862872383813</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.895143034033232</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0189088, 0.0248624, 0.0236383, 0.0185962]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.006750969681888819</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11683803051710129</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>184</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>94</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>98</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>64</td></tr>
+<tr><td colspan=3>snr</td><td>2.399235290414774</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.7699999809265137</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.148940086364746</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.148940086364746</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.0999999046325684</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>9.0376</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>28.8463</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>163.7092</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>40.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>441481.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>829.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>287.9027</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.3715</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>358.9509</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>922.6144</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>878.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>148087.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>425.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1588.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>365.9487</td></tr>
+<tr><td colspan=3>tsnr</td><td>47.50359093118459</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 709 - 0
sub-001_ses-pilot013_task-bht_dir-AP_bold.html

@@ -0,0 +1,709 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-pilot013_task-bht_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-pilot013_task-bht_dir-AP_echo-1_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-pilot013_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-bht_dir-AP_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot013/func/sub-001_ses-pilot013_task-bht_dir-AP_echo-1_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>83e5c727525a5a737c15f392e99cdc09</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>21:01:15.440000</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot013pepolarbold', 'pilot013phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998114, 0.0335193, 0.0514293, -0.00836199, 0.904199, -0.42703]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7;NC1</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>16</td></tr>
+<tr><td>ShimSetting</td><td>[8233, -5621, -6034, 621, 9, -249, -48, 34]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>249.087</td></tr>
+<tr><td>WipMemBlock</td><td>33b9ddc3-25d2-493a-8168-37415c3bd784||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005833495145631068, 0.0005860194174757283, 0.0006831553398058253, 0.0008369902912621359]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0043730569902912615, 0.005077269466019416, 0.00856806995145631, 0.015145132524271843]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>30.76058056531706</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.079104925756097</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.011729708634146</td></tr>
+<tr><td colspan=3>efc</td><td>0.588</td></tr>
+<tr><td colspan=3>fber</td><td>551.8758</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.12240357837557993</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>30</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>14.563106796116505</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.501676720368952</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.141033220569611</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.535456114427723</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.828540826109522</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.013249, 0.0195215, 0.0197551, 0.0161205]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.014960548840463161</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11120589077472687</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.6289794005947273</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>9.7</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.4038</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>126.2991</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>32.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>418134.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>630.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>221.8694</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8809</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>260.463</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>783.1844</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>752.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134826.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>368.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1292.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>286.0415</td></tr>
+<tr><td colspan=3>tsnr</td><td>49.64063236536458</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 709 - 0
sub-001_ses-pilot014_task-bht_dir-AP_run-1_bold.html

@@ -0,0 +1,709 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-pilot014_task-bht_dir-AP_run-1_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_run-1_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_run-1_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_run-1_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_run-1_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_run-1_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_run-1_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_run-1_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_run-1_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_run-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-1_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot014/func/sub-001_ses-pilot014_task-bht_dir-AP_run-1_echo-1_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>77324e44f6c1458588ba4b7d1ed50b4a</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>19:41:2.432500</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot014pepolarbold', 'pilot014phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99738, 0.0550401, 0.0469541, -0.0395358, 0.958188, -0.283395]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>15</td></tr>
+<tr><td>ShimSetting</td><td>[8248, -5629, -6031, 686, 7, -236, 46, 5]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.4725, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>246.09</td></tr>
+<tr><td>WipMemBlock</td><td>40a34079-c3d8-43ff-b705-4feccc3cf479||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0005302912621359224, 0.0005496116504854369, 0.0006184951456310678, 0.0007718932038834953]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004155014029126213, 0.005928383495145631, 0.010123443932038836, 0.018073932524271846]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>30.399415877024392</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.070094171073171</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0013450682926828</td></tr>
+<tr><td colspan=3>efc</td><td>0.5781</td></tr>
+<tr><td colspan=3>fber</td><td>649.5648</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1404863749695485</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>34</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>16.50485436893204</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.648058476526104</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.293349950571363</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7146892006840413</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9361362783229072</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0334103, 0.0337149, 0.0305782, 0.023825]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.013323483988642693</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11923014372587204</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.489548586767473</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.5238</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.8928</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>123.8363</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>418824.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>623.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>222.4889</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.5358</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>275.6057</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>811.4506</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>773.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134136.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>377.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1362.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>310.4969</td></tr>
+<tr><td colspan=3>tsnr</td><td>47.91125454753637</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 709 - 0
sub-001_ses-pilot014_task-bht_dir-AP_run-2_bold.html

@@ -0,0 +1,709 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-pilot014_task-bht_dir-AP_run-2_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_run-2_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_run-2_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_run-2_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_run-2_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_run-2_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_run-2_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_run-2_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_run-2_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-AP_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_run-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-AP_run-2_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot014/func/sub-001_ses-pilot014_task-bht_dir-AP_run-2_echo-1_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>7f37a4aed594745e804bfd9208ad2703</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>14:10:49.315000</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot014pepolarbold', 'pilot014phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
+<tr><td>BaseResolution</td><td>96</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>35</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.996088, 0.0348894, 0.0811878, -0.00695407, 0.946857, -0.321581]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
+<tr><td>RefLinesPE</td><td>22</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8257, -5623, -5997, 718, -10, -186, 50, 56]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>252.739</td></tr>
+<tr><td>WipMemBlock</td><td>62aeffe6-2d5f-4f53-8955-d5a099d6e644||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0006693236714975843, 0.0005595169082125604, 0.0006470048309178744, 0.0007651690821256037]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0032397148792270535, 0.005081954830917874, 0.008217125458937198, 0.014167586473429953]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>28.791540386650475</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0856481434951455</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0062086149514564</td></tr>
+<tr><td colspan=3>efc</td><td>0.571</td></tr>
+<tr><td colspan=3>fber</td><td>672.7708</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.18410174128171405</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>93</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>44.927536231884055</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.9207213670404237</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.5595652712554693</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.9605580127186513</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.24204081714715</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0186864, 0.0295263, 0.0262525, 0.021908]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.0014571769861504436</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10243421047925949</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>207</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.4479546746565504</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>11.2431</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>24.7602</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>130.6932</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>34.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>420340.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>655.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>233.6835</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7689</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>332.7117</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>918.4341</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>871.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>132620.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>421.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1560.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>355.8059</td></tr>
+<tr><td colspan=3>tsnr</td><td>52.96358621167019</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 709 - 0
sub-001_ses-pilot014_task-bht_dir-LR_bold.html

@@ -0,0 +1,709 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-pilot014_task-bht_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-pilot014_task-bht_dir-LR_echo-1_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-pilot014_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-pilot014_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-bht_dir-LR_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot014/func/sub-001_ses-pilot014_task-bht_dir-LR_echo-1_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>9de0c0e189d32f38cd695c2013078eaa</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>14:04:47.197500</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot014pepolarbold', 'pilot014phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.996088, 0.0348895, 0.0811878, -0.00695412, 0.946857, -0.321581]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>21</td></tr>
+<tr><td>ShimSetting</td><td>[8257, -5623, -5997, 718, -10, -186, 50, 56]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>252.739</td></tr>
+<tr><td>WipMemBlock</td><td>77715380-a6e2-44fd-bb94-54db932d603d||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0004911165048543689, 0.00046485436893203884, 0.0005160194174757282, 0.0006120388349514563]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0069289603398058255, 0.00961128859223301, 0.015491931553398057, 0.02535581893203883]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>35.55248475404878</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0152816770731707</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9913366154146342</td></tr>
+<tr><td colspan=3>efc</td><td>0.6393</td></tr>
+<tr><td colspan=3>fber</td><td>155.9998</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.13613265689633058</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>38</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>18.446601941747574</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>4.055761583723179</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.826518212937602</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>4.045016631339806</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.295749906892128</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0221723, 0.0192604, 0.0138111, 0.00941079]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.13067060708999634</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.025600140914320946</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.441178575878155</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>6.5367</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>63.939</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>168.8368</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>68.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331964.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>718.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>242.6376</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.1968</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>335.6583</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>891.9871</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>851.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>133156.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>412.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1505.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>348.6008</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.23947595059872</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-pilot015_task-bht_dir-LR_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-pilot015_task-bht_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-pilot015_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-pilot015_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-bht_dir-LR_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot015/func/sub-001_ses-pilot015_task-bht_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>2fa99ac54d9130e5d91693ad4261e1ca</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>18:05:26.482500</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot015pepolarbold', 'pilot015phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998418, 0.0539953, 0.0157086, -0.0469095, 0.953764, -0.296872]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>19</td></tr>
+<tr><td>ShimSetting</td><td>[8224, -5627, -6023, 688, -75, -214, 13, 56]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>254.186</td></tr>
+<tr><td>WipMemBlock</td><td>2b0415bb-5195-4e17-8580-78b56d6a5a93||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0007704368932038836, 0.0006371844660194174, 0.0006421359223300971, 0.0007006796116504853]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.008183002621359223, 0.00987570567961165, 0.015612638834951457, 0.02599414805825243]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>43.659438324097565</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0970527448292677</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0151332104390247</td></tr>
+<tr><td colspan=3>efc</td><td>0.6581</td></tr>
+<tr><td colspan=3>fber</td><td>131.771</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.17022528597269948</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>77</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>37.37864077669903</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.572244618596804</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.354832293284994</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.5621198266816503</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.799781735823767</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0198248, 0.0212153, 0.0195397, 0.0161004]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14576387405395508</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.023183833807706833</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.639542573194153</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.3743</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>64.7019</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>174.0777</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>68.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>330179.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>742.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>246.2317</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.6469</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>285.768</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>803.9826</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>779.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134941.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>374.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1314.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>295.1258</td></tr>
+<tr><td colspan=3>tsnr</td><td>34.03667811304331</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-pilot016_task-bht_dir-RL_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-pilot016_task-bht_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-pilot016_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-pilot016_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-bht_dir-RL_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot016/func/sub-001_ses-pilot016_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>b0dd38c3abe44e7d913d96bf09115502</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>19:01:31.237500</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot016pepolarbold', 'pilot016phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.994786, 0.0100614, 0.101482, 0.0194483, 0.95814, -0.285637]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>28</td></tr>
+<tr><td>ShimSetting</td><td>[8249, -5626, -6026, 664, -13, -206, 39, 26]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>248.2</td></tr>
+<tr><td>WipMemBlock</td><td>31ec874c-e927-4310-81a8-9e36e3d50e0c||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0004801456310679611, 0.0004269417475728155, 0.0005029126213592233, 0.0006275242718446601]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.008850266165048543, 0.009409580291262137, 0.015031862087378644, 0.024827893203883494]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>41.17576431604877</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0475648699024385</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0006875818536585</td></tr>
+<tr><td colspan=3>efc</td><td>0.653</td></tr>
+<tr><td colspan=3>fber</td><td>130.805</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.2083081776275257</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>94</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>45.63106796116505</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.9025422417691567</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.6733589452033963</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.9232633237531496</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.111004456350924</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0269576, 0.0311542, 0.027194, 0.021769]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14925023913383484</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.01852666586637497</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.538491391573233</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>6.0667</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>65.3568</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>175.0557</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>70.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331071.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>742.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>247.9598</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.3005</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>294.0087</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>836.6535</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>802.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134049.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>398.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1389.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>315.9345</td></tr>
+<tr><td colspan=3>tsnr</td><td>34.06901858840138</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-pilot019_task-bht_dir-RL_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-pilot019_task-bht_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-pilot019_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-pilot019_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-bht_dir-RL_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot019/func/sub-001_ses-pilot019_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>e39318dfa4b813d9bfc77674f428f2bc</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>19:53:55.252500</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot019pepolarbold', 'pilot019phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998355, 0.0470003, 0.0328234, -0.0320723, 0.932498, -0.359747]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>31</td></tr>
+<tr><td>ShimSetting</td><td>[8227, -5614, -5993, 700, -106, -218, 27, 36]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>245.513</td></tr>
+<tr><td>WipMemBlock</td><td>d9459438-26e5-43dd-945b-fc43f459eb3e||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.00039058252427184463, 0.0003795145631067962, 0.0004357281553398059, 0.0005446116504854369]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005919044660194174, 0.007822322669902914, 0.013591953834951456, 0.023304494660194172]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>36.53607651331707</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0249167998536588</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.997249228926829</td></tr>
+<tr><td colspan=3>efc</td><td>0.6516</td></tr>
+<tr><td colspan=3>fber</td><td>125.6886</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.16582569022096544</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>64</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>31.067961165048544</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.988955587632294</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.796100377098015</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.9760528403531987</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.194713545445669</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0349707, 0.032581, 0.0274336, 0.0215387]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14687836170196533</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.01458938978612423</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.4561164304333287</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>6.0211</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>70.2581</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>181.6124</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>75.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331115.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>756.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>253.2754</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.1798</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>328.9075</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>878.285</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>841.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134005.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>403.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1476.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>342.4092</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.03199841780588</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-pilot020_task-bht_dir-RL_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-pilot020_task-bht_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-pilot020_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-pilot020_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-bht_dir-RL_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot020/func/sub-001_ses-pilot020_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>1cf86d7b3f6f5dfd2f9c326892511b6c</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>19:02:23.215000</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot020pepolarbold', 'pilot020phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998991, 0.032011, 0.0315146, -0.0183095, 0.930802, -0.365066]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>32</td></tr>
+<tr><td>ShimSetting</td><td>[8231, -5613, -6009, 690, -61, -250, 0, 5]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>247.631</td></tr>
+<tr><td>WipMemBlock</td><td>dc2e6b86-e48b-4318-a167-85856d1e7899||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.0016242233009708738, 0.002169368932038835, 0.0024395145631067963, 0.0025131067961165045]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006548916067961165, 0.008176941601941748, 0.013592343106796115, 0.022295675728155336]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>35.300535332146346</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.045129300536586</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0264173864878046</td></tr>
+<tr><td colspan=3>efc</td><td>0.6566</td></tr>
+<tr><td colspan=3>fber</td><td>124.827</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1804483623317571</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>77</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>37.37864077669903</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.977348380670731</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.786524223090433</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.935230101086448</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.210290817835313</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0299161, 0.0313445, 0.0272081, 0.0219706]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.15679384768009186</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.012893605045974255</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.542194304201567</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.1421</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>70.3876</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>183.6908</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>74.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331695.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>2.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>770.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>254.9647</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.9145</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>310.4253</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>856.8159</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>822.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>133425.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>402.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1424.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>323.3415</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.76679916959256</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>

+ 711 - 0
sub-001_ses-pilot021_task-bht_dir-RL_bold.html

@@ -0,0 +1,711 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
+<title>sub-001_ses-pilot021_task-bht_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+<script>
+var timestamp = Date.now()
+
+function read_form() {
+    var ds = "<unset>";
+    var sub = "sub-001_ses-pilot021_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz";
+
+    var artifacts = [];
+    $('#qcartifacts-group input:checked').each(function() {
+        artifacts.push($(this).attr('name'));
+    });
+
+    var rating = $('#qcslider').val();
+    var payload = {
+        'dataset': ds,
+        'subject': sub,
+        'rating': rating,
+        'artifacts': artifacts,
+        'time_sec': (Date.now() - timestamp) / 1000,
+        'confidence': $('#qcextra-confidence').val(),
+        'comments': $('#qcextra-comments').val()
+    };
+
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
+    $('#btn-download').attr('href', URL.createObjectURL(file));
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
+    return payload
+};
+
+function toggle_rating() {
+    if ($('#qcrating-menu').hasClass('d-none')) {
+        $('#qcrating-menu').removeClass('d-none');
+        $('#qcrating-toggler').prop('checked', true);
+    } else {
+        $('#qcrating-menu').addClass('d-none');
+        $('#qcrating-toggler').prop('checked', false);
+    }
+};
+
+$(window).on('load',function(){
+    var authorization = $('#btn-post').val()
+    if (authorization.includes("secret_token")) {
+        $('#btn-post').addClass('d-none');
+    };
+    timestamp = Date.now();
+});
+
+</script>
+<style type="text/css">
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  margin-bottom: 8px;
+  margin-left: 10%;
+  width: 80%;
+  height: 5px; /* Specified height */
+  background: #d3d3d3; /* Grey background */
+  outline: none; /* Remove outline */
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+.slider::-moz-range-thumb {
+  width: 25px;
+  height: 25px;
+  border: 0;
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
+  cursor: pointer;
+  z-index: 2000 !important;
+}
+
+</style>
+</head>
+<body style="font-family: helvetica;">
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
+<div class="container-fluid">
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
+            Basic echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
+            Extended echo-wise reports
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-pilot021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-pilot021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-pilot021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-pilot021_subject-001_suffix-bold_task-bht">Reports for: echo <span class="bids-entity">4</span>.</a></li>
+            </ul>
+        </li>
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
+            About
+            </a>
+            <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
+            </ul>
+        </li>
+    </ul>
+</div>
+</div>
+<div class="d-flex flex-row-reverse">
+<div class="form-check form-switch align-self-center flex-fill me-4">
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
+</div>
+</div>
+</nav>
+<noscript>
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
+</noscript>
+
+    <div id="Basic echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended echo-wise reports" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_echo-4_desc-mean_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="Extended reports shared across echos" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-pilot021_subject-001_suffix-bold_task-bht" class="ps-4 pe-4 mb-2">
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-bht_dir-RL_desc-norm_bold.svg</a></small>
+
+        </div>
+    </div>
+    <div id="About" class="mt-5">
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
+        <div id="errors" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
+        </div>
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
+<h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
+reconstructing the provenance of the corresponding derivatives.
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-0">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
+        Provenance Information
+      </button>
+    </h2>
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot021/func/sub-001_ses-pilot021_task-bht_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
+<tr><td colspan=2>md5sum</td><td>7b242e951bcdbada6fed3a322e00c489</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-1">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
+        Dataset Information
+      </button>
+    </h2>
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
+<tr><td>AcquisitionDuration</td><td>361.475</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>18:40:2.250000</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot021pepolarbold', 'pilot021phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
+<tr><td>BaseResolution</td><td>102</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
+<tr><td>EchoNumber</td><td>1</td></tr>
+<tr><td>EchoTime</td><td>0.0126</td></tr>
+<tr><td>EchoTrainLength</td><td>28</td></tr>
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998037, 0.0103543, 0.0617576, 0.0118455, 0.937211, -0.348562]</td></tr>
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
+<tr><td>PercentSampling</td><td>100</td></tr>
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
+<tr><td>PhaseResolution</td><td>1</td></tr>
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
+<tr><td>RefLinesPE</td><td>18</td></tr>
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
+<tr><td>SeriesDescription</td><td>func-bold_task-bht_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>37</td></tr>
+<tr><td>ShimSetting</td><td>[8234, -5625, -6000, 657, -62, -207, 16, -6]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375]</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>247.681</td></tr>
+<tr><td>WipMemBlock</td><td>0f5af975-1902-475b-ae93-5847667df085||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="about-metadata-2">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
+        Extracted Image quality metrics (IQMs)
+      </button>
+    </h2>
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
+      <div class="accordion-body metadata-table">
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
+<tr><td colspan=3>aor</td><td>[0.00039810679611650487, 0.00041019417475728157, 0.0004784951456310679, 0.0005864077669902912]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006367892572815534, 0.008565709999999999, 0.014923455970873786, 0.025088092233009705]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>37.2551465850244</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0187594483902438</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9903446379999998</td></tr>
+<tr><td colspan=3>efc</td><td>0.65</td></tr>
+<tr><td colspan=3>fber</td><td>130.7152</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.21332868000408994</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>96</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>46.601941747572816</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>4.05248596437019</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.8032859077798817</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>4.091440259541091</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.262731725789596</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0374636, 0.0351389, 0.03021, 0.0241275]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.15947459638118744</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.015874763950705528</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>206</td></tr>
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
+<tr><td colspan=3>snr</td><td>2.4206382990853514</td></tr>
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
+<tr><td>summary</td><td>bg</td><td>k</td><td>6.232</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>68.3149</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>187.3686</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>73.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331290.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>803.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>268.5065</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.0514</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>331.6962</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>877.3883</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>839.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>133830.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>394.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1486.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>346.6015</td></tr>
+<tr><td colspan=3>tsnr</td><td>34.7571996152401</td></tr>
+</table>
+
+      </div>
+    </div>
+  </div>
+
+</div>
+        </div>
+    </div>
+
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
+<div class="card-header m-0">
+    Rating widget
+    <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
+</div>
+<div class="card-body">
+<div class="accordion">
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcslider-head">
+      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
+    </h2>
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
+      <div class="accordion-body">
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcartifacts-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
+        Record specific artifacts
+      </button>
+    </h2>
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
+      <div class="accordion-body">
+        <fieldset id="qcartifacts-group" class="form-group">
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
+            </div>
+            <div class="form-check form-switch small">
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
+            </div>
+        </fieldset>
+      </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+  <div class="accordion-item">
+    <h2 class="accordion-header" id="qcextra-head">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
+        Extra details
+      </button>
+    </h2>
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
+      <div class="accordion-body">
+        <div class="input-group">
+          <span class="input-group-text">Comments</span>
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
+        </div>
+
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
+        <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
+        </ul>
+       </div> <!-- accordion-body -->
+    </div> <!-- accordion-collapse -->
+  </div> <!-- accordion-item -->
+</div>
+<div style="margin-top: 10px">
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
+</div>
+<script type="text/javascript">
+var MINIMUM_RATING_TIME = 10
+$('#qcslider').on('input', function() {
+
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 1.5 ) {
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
+    } else if ( $(this).val() > 3.5 ) {
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
+    } else if ( $(this).val() < 2.5 ) {
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
+    };
+
+    var payload = read_form();
+});
+
+$('#qcextra-confidence').on('input', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
+    });
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
+    });
+
+    if ( $(this).val() < 2.0 ) {
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
+    } else {
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
+    };
+
+    var payload = read_form();
+});
+
+
+$('#qcextra-comments').bind('input propertychange', function() {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+});
+
+$( '#btn-post' ).click( function() {
+    var payload = read_form();
+    var md5sum = "unspecified";
+    var params = {
+        'rating': payload['rating'],
+        'md5sum': md5sum,
+        'name': "",
+        'comment': JSON.stringify(payload['artifacts'])
+    };
+
+    // disable development releases
+    var authorization = $(this).val();
+    var ratingReq = new XMLHttpRequest();
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    ratingReq.setRequestHeader("Authorization", authorization);
+    ratingReq.onload = function () {
+        status = ratingReq.status;
+        $('#btn-post').removeClass('btn-primary');
+        $('#btn-post').attr('disabled', true);
+        $('#btn-post').attr('aria-disabled', true);
+        $('#btn-post').prop('disabled');
+        $('#btn-post').addClass('disabled');
+        $('#btn-post').removeClass('active');
+        if (status === "201") {
+            $('#btn-post').addClass('btn-success');
+            $('#btn-post').html('Posted!');
+        } else {
+            $('#btn-post').addClass('btn-danger');
+            $('#btn-post').html('Failed');
+        };
+    };
+    ratingReq.send(JSON.stringify(params));
+});
+
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
+        $('#btn-download').removeClass('disabled');
+        $('#btn-download').removeAttr('aria-disabled');
+        $('#btn-post').removeAttr('disabled');
+    };
+    
+    var payload = read_form();
+});
+
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
+    toggle_rating();
+});
+</script>
+</div>
+
+<script type="text/javascript">
+function toggle(id) {
+    var element = document.getElementById(id);
+    if(element.style.display == 'block')
+        element.style.display = 'none';
+    else
+        element.style.display = 'block';
+}
+</script>
+</body>
+</html>