Kaynağa Gözat

enh: add MRIQC BOLD individual reports for resting state.

celprov 3 hafta önce
ebeveyn
işleme
318d05f24c
44 değiştirilmiş dosya ile 31172 ekleme ve 0 silme
  1. 710 0
      sub-001_ses-001_task-rest_dir-LR_bold.html
  2. 691 0
      sub-001_ses-003_task-rest_dir-LR_bold.html
  3. 710 0
      sub-001_ses-004_task-rest_dir-RL_bold.html
  4. 710 0
      sub-001_ses-005_task-rest_dir-PA_bold.html
  5. 710 0
      sub-001_ses-006_task-rest_dir-PA_bold.html
  6. 710 0
      sub-001_ses-007_task-rest_dir-LR_bold.html
  7. 710 0
      sub-001_ses-008_task-rest_dir-RL_bold.html
  8. 710 0
      sub-001_ses-009_task-rest_dir-AP_bold.html
  9. 710 0
      sub-001_ses-010_task-rest_dir-RL_bold.html
  10. 710 0
      sub-001_ses-011_task-rest_dir-AP_bold.html
  11. 691 0
      sub-001_ses-013_task-rest_dir-PA_bold.html
  12. 710 0
      sub-001_ses-015_task-rest_dir-AP_bold.html
  13. 710 0
      sub-001_ses-016_task-rest_dir-RL_bold.html
  14. 691 0
      sub-001_ses-017_task-rest_dir-PA_bold.html
  15. 710 0
      sub-001_ses-018_task-rest_dir-LR_bold.html
  16. 710 0
      sub-001_ses-019_task-rest_dir-PA_bold.html
  17. 710 0
      sub-001_ses-020_task-rest_dir-RL_bold.html
  18. 710 0
      sub-001_ses-021_task-rest_dir-RL_bold.html
  19. 710 0
      sub-001_ses-022_task-rest_dir-AP_bold.html
  20. 710 0
      sub-001_ses-023_task-rest_dir-AP_bold.html
  21. 710 0
      sub-001_ses-024_task-rest_dir-AP_bold.html
  22. 710 0
      sub-001_ses-025_task-rest_dir-RL_bold.html
  23. 710 0
      sub-001_ses-026_task-rest_dir-PA_bold.html
  24. 710 0
      sub-001_ses-028_task-rest_dir-RL_bold.html
  25. 710 0
      sub-001_ses-037_task-rest_dir-LR_bold.html
  26. 691 0
      sub-001_ses-038_task-rest_dir-PA_bold.html
  27. 710 0
      sub-001_ses-039_task-rest_dir-LR_bold.html
  28. 691 0
      sub-001_ses-040_task-rest_dir-AP_bold.html
  29. 710 0
      sub-001_ses-041_task-rest_dir-AP_bold.html
  30. 707 0
      sub-001_ses-042_task-rest_dir-PA_bold.html
  31. 710 0
      sub-001_ses-043_task-rest_dir-AP_bold.html
  32. 710 0
      sub-001_ses-044_task-rest_dir-LR_bold.html
  33. 710 0
      sub-001_ses-045_task-rest_dir-LR_bold.html
  34. 710 0
      sub-001_ses-046_task-rest_dir-LR_bold.html
  35. 710 0
      sub-001_ses-047_task-rest_dir-RL_bold.html
  36. 710 0
      sub-001_ses-048_task-rest_dir-PA_bold.html
  37. 710 0
      sub-001_ses-excl029_task-rest_dir-PA_bold.html
  38. 744 0
      sub-001_ses-pilot005_task-rest_acq-fa80_bold.html
  39. 708 0
      sub-001_ses-pilot013_task-rest_dir-AP_bold.html
  40. 708 0
      sub-001_ses-pilot014_task-rest_dir-AP_bold.html
  41. 710 0
      sub-001_ses-pilot015_task-rest_dir-LR_bold.html
  42. 710 0
      sub-001_ses-pilot016_task-rest_dir-RL_bold.html
  43. 710 0
      sub-001_ses-pilot019_task-rest_dir-RL_bold.html
  44. 710 0
      sub-001_ses-pilot021_task-rest_dir-RL_bold.html

+ 710 - 0
sub-001_ses-001_task-rest_dir-LR_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest" 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-rest_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-rest_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-001_subject-001_suffix-bold_task-rest" 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-rest_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-001_task-rest_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-rest_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-rest_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-rest_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>7ab2e46beeef1d8e415f0949e10b8d8a</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>19:50:1.187500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>22</td></tr>
+<tr><td>ShimSetting</td><td>[8234, -5629, -6012, 742, -93, -164, 19, 15]</td></tr>
+<tr><td>SliceThickness</td><td>2.2</td></tr>
+<tr><td>SliceTiming</td><td>[0, 0.845, 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.845, 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.845, 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.845, 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>243.222</td></tr>
+<tr><td>WipMemBlock</td><td>f07abd79-a60a-4eda-bfd4-5d996282169c||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.0005643658210947931, 0.001027837116154873, 0.0013350734312416557, 0.0014787983978638182]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005619612843791722, 0.007569729706275035, 0.01257188201602136, 0.021234671028037385]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>36.4075984444519</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.038763177339571</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0107535066711237</td></tr>
+<tr><td colspan=3>efc</td><td>0.6494</td></tr>
+<tr><td colspan=3>fber</td><td>154.3897</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.11924457000073233</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>9.612817089452603</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.718013248069609</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.478721224375957</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7298004235314908</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.94551809630138</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0093481, 0.0140851, 0.0138781, 0.0115699]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.1407700628042221</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.022045549005270004</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.5275039480522277</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.8288</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>59.0171</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>167.836</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>330046.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>241.8597</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.9949</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>294.8241</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>816.6798</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>784.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>135074.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>1362.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>310.1863</td></tr>
+<tr><td colspan=3>tsnr</td><td>37.07113721850328</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>

+ 691 - 0
sub-001_ses-003_task-rest_dir-LR_bold.html

@@ -0,0 +1,691 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-rest_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-rest_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>36b30d1676de2a2e0b09502320156441</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>10:12:32.207500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>21</td></tr>
+<tr><td>ShimSetting</td><td>[8238, -5609, -6017, 683, -42, -245, -31, 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.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.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>250.232</td></tr>
+<tr><td>WipMemBlock</td><td>721ca4ab-b2c2-4b98-8a2e-382916ef14e2||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.00033472, 0.0003708933333333333, 0.00040916, 0.0004772933333333334]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005899816733333334, 0.0079496312, 0.012346190746666668, 0.0200767196]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>38.69258948883841</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0299787792923896</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0111717005607481</td></tr>
+<tr><td colspan=3>efc</td><td>0.6574</td></tr>
+<tr><td colspan=3>fber</td><td>111.7729</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.09603517668104457</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>23</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>3.066666666666667</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.907533975796417</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.7042776735493232</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.8452652533794547</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.173059000460473</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00889237, 0.0125658, 0.0115268, 0.00954981]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.15524345636367798</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.023053474724292755</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>750</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.5372972572176544</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.7148</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>72.4261</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>182.9963</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>76.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>332681.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>764.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>254.9426</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.2216</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>299.2049</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>836.1516</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>798.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>132439.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>406.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1392.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>314.5067</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.87363107339479</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>

+ 710 - 0
sub-001_ses-004_task-rest_dir-RL_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest" 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-rest_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-rest_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-004_subject-001_suffix-bold_task-rest" 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-rest_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-004_task-rest_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-rest_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-rest_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-rest_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>1c77928257b16a2d9831b3a9900475ca</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>12:22:8.222500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>26</td></tr>
+<tr><td>ShimSetting</td><td>[8236, -5617, -6016, 682, -57, -165, 27, 27]</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>249.909</td></tr>
+<tr><td>WipMemBlock</td><td>d52b645e-5d7c-4d85-b95d-28e311e982ae||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.00047662216288384503, 0.000767076101468625, 0.0009498397863818424, 0.0010235781041388519]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.007280824699599467, 0.008807102296395194, 0.014929007810413885, 0.02472614245660881]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>36.27539720910429</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0249537829144402</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.000124688836899</td></tr>
+<tr><td colspan=3>efc</td><td>0.659</td></tr>
+<tr><td colspan=3>fber</td><td>128.231</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1468818918572106</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>167</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>22.296395193591454</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.8055527434709524</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.5836673115907707</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.8138000968447927</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.019190821977293</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0127173, 0.0138524, 0.0126532, 0.010934]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.15335655212402344</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.011171866208314896</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.654957666762585</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.7842</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>67.3188</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>177.913</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>71.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331123.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>755.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>247.2993</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5703</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>295.9643</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>828.8526</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>133997.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>397.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>301.6986</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.15583689301275</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>

+ 710 - 0
sub-001_ses-005_task-rest_dir-PA_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest" 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-rest_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-rest_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-005_subject-001_suffix-bold_task-rest" 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-rest_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-005_task-rest_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-rest_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-rest_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-rest_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>0346db745eb90003439b9d8474528a1c</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>10:33:53.380000</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>21</td></tr>
+<tr><td>ShimSetting</td><td>[8235, -5616, -6013, 703, -71, -212, -27, 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.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.229</td></tr>
+<tr><td>WipMemBlock</td><td>1ee21371-eec5-41f6-beec-8865d43bc45d||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.00016045333333333334, 0.00015069333333333335, 0.00020738666666666664, 0.0003160666666666667]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006999677760000001, 0.00721888016, 0.012554546186666665, 0.021748077066666666]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>26.798150853271004</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0004118375834454</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9771762087850477</td></tr>
+<tr><td colspan=3>efc</td><td>0.586</td></tr>
+<tr><td colspan=3>fber</td><td>561.5105</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.11229281412431537</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>58</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>7.733333333333333</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.639204342584984</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.290970428204707</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.732797229401616</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.893845370148629</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00952644, 0.0176884, 0.0156646, 0.01368]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.004188209772109985</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11089065670967102</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>750</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.5945856963914227</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.7007</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>21.0332</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>130.0767</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>417929.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>634.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>228.7966</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.6831</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>300.6381</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>818.4354</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>135031.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>1344.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>304.8645</td></tr>
+<tr><td colspan=3>tsnr</td><td>47.144496608525515</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>

+ 710 - 0
sub-001_ses-006_task-rest_dir-PA_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest" 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-rest_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-rest_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-006_subject-001_suffix-bold_task-rest" 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-rest_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-006_task-rest_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-rest_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-rest_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-rest_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>33c7fec304a2880a1427d3b4309bdab2</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>12:18:6.200000</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>21</td></tr>
+<tr><td>ShimSetting</td><td>[8245, -5622, -6087, 514, -95, -207, 24, 14]</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>250.135</td></tr>
+<tr><td>WipMemBlock</td><td>9a60d9f9-2c47-4090-9fca-ac071181bf1f||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.0003265420560747664, 0.0002853137516688919, 0.00032983978638184247, 0.0004405340453938585]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.003861045607476636, 0.004585641748998665, 0.007549525020026702, 0.013771502937249665]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>27.1086313788369</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.043457964639037</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0032871599732622</td></tr>
+<tr><td colspan=3>efc</td><td>0.5824</td></tr>
+<tr><td colspan=3>fber</td><td>624.2761</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.08870062574799437</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>31</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>4.138851802403204</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7196512462256752</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.393035103637209</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.8324550839317064</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.93346355110811</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0126064, 0.0181438, 0.0153667, 0.0115293]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.002917282748967409</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11845582723617554</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.500361421589835</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.3825</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>22.8962</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>134.2135</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>416693.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>670.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>241.0217</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5447</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>324.7118</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>844.4728</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>813.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>136267.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>1407.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>325.1518</td></tr>
+<tr><td colspan=3>tsnr</td><td>52.242116902954876</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>

+ 710 - 0
sub-001_ses-007_task-rest_dir-LR_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest" 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-rest_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-rest_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-007_subject-001_suffix-bold_task-rest" 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-rest_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-007_task-rest_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-rest_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-rest_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-rest_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>ebc994beab8bbfbc7dc4be2b7ec2f299</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>20:33:3.240000</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8231, -5627, -6006, 679, -40, -171, 75, 83]</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.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>247.09</td></tr>
+<tr><td>WipMemBlock</td><td>ac6b11a3-5fe9-4429-bfd3-6632c7dddd13||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.0008341522029372497, 0.0013930841121495327, 0.0018101735647530043, 0.0019655807743658212]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005540429906542056, 0.007299574566088118, 0.011739825794392523, 0.01982220360480641]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>34.93529291200537</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0347752282486633</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.015787782339573</td></tr>
+<tr><td colspan=3>efc</td><td>0.6456</td></tr>
+<tr><td colspan=3>fber</td><td>159.2964</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.10104041566643969</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>53</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>7.076101468624833</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.864625756877544</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.6425677167681734</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.895686914494985</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.055622639369474</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0054397, 0.00809184, 0.00775439, 0.00672131]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.13338753581047058</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.022847479209303856</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.5689261143261835</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.7354</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>61.3508</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>168.2214</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>65.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331343.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>728.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>242.6986</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8484</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>313.7238</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>850.7976</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>133777.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>1404.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>319.5876</td></tr>
+<tr><td colspan=3>tsnr</td><td>38.11584010720253</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>

+ 710 - 0
sub-001_ses-008_task-rest_dir-RL_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest" 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-rest_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-rest_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-008_subject-001_suffix-bold_task-rest" 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-rest_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-008_task-rest_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-rest_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-rest_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-rest_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>926af3145bc3e6d2ee824886c24de834</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>22:16:9.217500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8244, -5627, -6012, 643, -47, -259, 38, 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.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>249.596</td></tr>
+<tr><td>WipMemBlock</td><td>be46ad1d-04d1-404a-8e65-ffe384e21ebe||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.0011738584779706275, 0.00170283044058745, 0.002062096128170894, 0.0021467823765020026]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006123644005340455, 0.0073330532710280385, 0.011840820186915887, 0.0195380782376502]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>33.405730627246</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0421801921657758</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.022308727914437</td></tr>
+<tr><td colspan=3>efc</td><td>0.6529</td></tr>
+<tr><td colspan=3>fber</td><td>124.6197</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1069714331022462</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>54</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>7.209612817089453</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>4.186942207031329</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.982537121526188</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>4.182903231198867</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.395386268368932</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00446798, 0.00782037, 0.00723248, 0.00593805]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14836344122886658</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.024746477603912354</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.46617440711675</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.6868</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>70.189</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>184.2576</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>332190.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>772.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>257.8593</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.6892</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>317.8776</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>866.0001</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>829.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>132930.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>1444.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>336.1469</td></tr>
+<tr><td colspan=3>tsnr</td><td>38.386799197411165</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>

+ 710 - 0
sub-001_ses-009_task-rest_dir-AP_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest" 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-rest_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-rest_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-009_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-009_task-rest_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-rest_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-rest_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-rest_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>d632c557b0f49f5cb6e0a3e330669363</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>20:25:28.210000</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>FlipAngle</td><td>64</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.997499, 0.0305743, 0.0637244, -0.0076604, 0.943053, -0.332556]</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8253, -5624, -5989, 704, -32, -231, 27, 55]</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>249.094</td></tr>
+<tr><td>WipMemBlock</td><td>f2699602-41f3-4494-a2cc-6b6b46bd6476||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.00063992, 0.00073532, 0.0007576533333333333, 0.0008126933333333334]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0045386537600000006, 0.00501305524, 0.008373034733333333, 0.01525062888]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>26.135621135834448</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0409350826568757</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0055888982777044</td></tr>
+<tr><td colspan=3>efc</td><td>0.573</td></tr>
+<tr><td colspan=3>fber</td><td>676.3903</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.13526386982196018</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>12.933333333333334</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7447699786624953</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.4231772368668403</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7607918778185097</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.050340821302136</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0173623, 0.0152782, 0.0128675, 0.009796]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0022291867062449455</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11653098464012146</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>750</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.3897820814744026</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.534</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>22.0433</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>129.4834</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>418931.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>651.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>233.3935</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.4595</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>313.264</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>878.4372</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>832.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134029.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>1495.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>348.1476</td></tr>
+<tr><td colspan=3>tsnr</td><td>51.21367077645846</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>

+ 710 - 0
sub-001_ses-010_task-rest_dir-RL_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest" 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-rest_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-rest_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-010_subject-001_suffix-bold_task-rest" 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-rest_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-010_task-rest_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-rest_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-rest_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-rest_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>46b2ecf5c4fbf339b42daac79cca5593</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>22:20:31.202500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8241, -5611, -5999, 673, -62, -169, 19, 10]</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>232.907</td></tr>
+<tr><td>WipMemBlock</td><td>11371b67-3aee-4619-a406-a456ff1f527e||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.0003665420560747664, 0.0003554072096128171, 0.00040152202937249664, 0.0004582910547396529]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005695191375166889, 0.007535637596795728, 0.012585198731642188, 0.020936277970627505]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>37.01057847685828</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0290319412165778</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0006276922593578</td></tr>
+<tr><td colspan=3>efc</td><td>0.6528</td></tr>
+<tr><td colspan=3>fber</td><td>131.23</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.10478587014314329</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>8.678237650200266</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.746582054937304</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.6047047968570713</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7324187252691803</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9026226426856594</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00844875, 0.0124274, 0.0121914, 0.0102689]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14674799144268036</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.0199413038790226</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.584263386721075</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.0622</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>67.3446</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>176.0451</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>331403.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>747.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>247.8838</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.0749</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>304.2008</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>856.8255</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>133717.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>413.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1412.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>318.4648</td></tr>
+<tr><td colspan=3>tsnr</td><td>37.33798888511956</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>

+ 710 - 0
sub-001_ses-011_task-rest_dir-AP_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest" 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-rest_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-rest_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-011_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-011_task-rest_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-rest_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-rest_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-rest_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>4404766b29ed8a30df53277d33b94785</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>21:24:52.242500</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>FlipAngle</td><td>64</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998428, 0.0269782, 0.0491372, -0.00697046, 0.929519, -0.368708]</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>30</td></tr>
+<tr><td>ShimSetting</td><td>[8244, -5608, -6011, 700, -68, -145, 16, 46]</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.543</td></tr>
+<tr><td>WipMemBlock</td><td>6c254e19-4ca9-4d5b-93d8-e948b9f3db6b||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.00026645333333333337, 0.00030497333333333337, 0.00035470666666666663, 0.00048155999999999996]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004954220386666667, 0.00518272572, 0.008994669226666667, 0.015951769600000002]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>26.61196846455274</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0467649855006684</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0024292815086782</td></tr>
+<tr><td colspan=3>efc</td><td>0.5794</td></tr>
+<tr><td colspan=3>fber</td><td>657.6373</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.09892544763504706</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>13</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>1.7333333333333334</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5851984747289873</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.2595498135505427</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.625400239984944</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.870645370651476</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0267599, 0.0277024, 0.0236533, 0.0175805]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.004464053548872471</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10974795371294022</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>750</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.5573423850734893</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.4027</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>22.1659</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>126.7707</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>418792.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>632.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>224.0141</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7468</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>294.4863</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>851.9349</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>814.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134168.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>1418.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>318.298</td></tr>
+<tr><td colspan=3>tsnr</td><td>51.101812430657446</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>

+ 691 - 0
sub-001_ses-013_task-rest_dir-PA_bold.html

@@ -0,0 +1,691 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-rest_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-rest_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>11755e2dfcd8a783e9aaddbc4d9c466c</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>20:15:23.232500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8226, -5604, -6013, 719, -29, -118, 22, 69]</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.254</td></tr>
+<tr><td>WipMemBlock</td><td>bc5b565a-92bc-46ab-8848-0a41355e3202||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.00027805073431241655, 0.0002475166889185581, 0.0002937650200267023, 0.0004225500667556743]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004392453524699599, 0.0046954969959946595, 0.007983755020026701, 0.014476389052069424]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>27.909885605401055</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0871058852406417</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.016763812352942</td></tr>
+<tr><td colspan=3>efc</td><td>0.5798</td></tr>
+<tr><td colspan=3>fber</td><td>697.6777</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.11460838333889095</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>54</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>7.209612817089453</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.577343756624872</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.291448152580422</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6506468358024873</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.789936281491707</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0110002, 0.0177075, 0.0162149, 0.0132869]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0028597870841622353</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10389100015163422</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.5829739879588534</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.7058</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.7723</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>127.512</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>417674.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>639.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>229.9867</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7861</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>308.6149</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>835.0183</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>809.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>135286.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>391.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1367.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>313.2037</td></tr>
+<tr><td colspan=3>tsnr</td><td>53.270577820017934</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>

+ 710 - 0
sub-001_ses-015_task-rest_dir-AP_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest" 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-rest_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-rest_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-015_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-015_task-rest_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-rest_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-rest_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-rest_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>a9ae9591a49ed8aba2662ffd6244668e</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>20:10:56.215000</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>FlipAngle</td><td>64</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998095, -0.0431683, 0.0440703, 0.0565012, 0.926459, -0.372132]</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8234, -5609, -6012, 696, -27, -225, 40, 17]</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>242.728</td></tr>
+<tr><td>WipMemBlock</td><td>c2477b06-7e42-4454-925c-78d4194587da||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.0009985180240320427, 0.0012069158878504672, 0.0012869826435246998, 0.001304138851802403]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004051444672897197, 0.005191044098798398, 0.008970405847797062, 0.016220319492656874]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>26.178120523863647</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.050946398569518</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.01313123090909</td></tr>
+<tr><td colspan=3>efc</td><td>0.5748</td></tr>
+<tr><td colspan=3>fber</td><td>706.606</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.10005778014112503</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>42</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>5.607476635514018</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6411857970986348</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.3177593912924155</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.661584449128379</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.94421355087511</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.012213, 0.0171965, 0.0167732, 0.013177]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0016651342157274485</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.1059594377875328</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.499877522189484</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.7082</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.7802</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>125.9902</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>418987.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>639.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>226.2441</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.6764</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>306.8432</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>861.5001</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>133973.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>1450.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>329.2149</td></tr>
+<tr><td colspan=3>tsnr</td><td>51.11649435549043</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>

+ 710 - 0
sub-001_ses-016_task-rest_dir-RL_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest" 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-rest_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-rest_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-016_subject-001_suffix-bold_task-rest" 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-rest_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-016_task-rest_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-rest_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-rest_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-rest_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>00f694742066e1275ab9c66290759914</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>22:01:7.437500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8234, -5624, -6010, 648, -19, -233, 38, 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.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.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>244.928</td></tr>
+<tr><td>WipMemBlock</td><td>ea6345c9-1bad-436b-b46d-c56df46f34ef||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.0002476470588235294, 0.00041385026737967916, 0.0005396256684491979, 0.0006196657754010696]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005150570922459894, 0.007292770655080214, 0.012111679318181818, 0.019964657219251336]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>2</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>38.19516119393575</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.030762204364123</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0013886947255677</td></tr>
+<tr><td colspan=3>efc</td><td>0.6516</td></tr>
+<tr><td colspan=3>fber</td><td>134.8043</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.14396256682162986</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>131</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>17.513368983957218</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.690772985788145</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.5374531475285003</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6849113478269033</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.84995446200903</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00606607, 0.00533589, 0.00504695, 0.00378374]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14545030891895294</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.015329345129430294</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>748</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.5792950954104357</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.8803</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>63.8966</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>169.1845</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>331290.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>720.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>238.9692</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>299.3598</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>826.8823</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>798.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>384.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1366.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>309.3857</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.859811060188804</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>

+ 691 - 0
sub-001_ses-017_task-rest_dir-PA_bold.html

@@ -0,0 +1,691 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-rest_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-rest_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>68bc507c831d132510b70aee6fdbb331</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>18:18:40.220000</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8231, -5633, -6016, 627, -25, -229, 21, 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.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>244.756</td></tr>
+<tr><td>WipMemBlock</td><td>ef759c74-7b66-41aa-b603-2aaca7a08068||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.0004112950600801068, 0.00047232309746328443, 0.0005328037383177571, 0.0005964485981308412]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005215290387182911, 0.006006184966622163, 0.01028219308411215, 0.017980748865153537]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>28.561835291376983</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0438325414973262</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9972518286631007</td></tr>
+<tr><td colspan=3>efc</td><td>0.581</td></tr>
+<tr><td colspan=3>fber</td><td>654.8965</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.14177627504983234</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>129</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>17.222963951935913</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5631641445618776</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.244608414980564</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6612159188956848</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.783668099809385</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0148967, 0.0211343, 0.0200905, 0.0151583]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.0010393350385129452</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10902531445026398</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.5389947816692775</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.9033</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.9603</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>125.5</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>417632.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>620.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>223.6514</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7645</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>305.4814</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>813.7791</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>135328.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>371.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1342.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>310.3579</td></tr>
+<tr><td colspan=3>tsnr</td><td>49.197450815699995</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>

+ 710 - 0
sub-001_ses-018_task-rest_dir-LR_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest" 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-rest_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-rest_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-018_subject-001_suffix-bold_task-rest" 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-rest_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-018_task-rest_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-rest_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-rest_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-rest_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>6ce2d923f4efd649d1c6ee1ef81fca13</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>20:16:19.382500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8241, -5616, -6019, 670, 2, -168, 45, 47]</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.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>244.35</td></tr>
+<tr><td>WipMemBlock</td><td>1f8adc75-cb16-4839-9dbd-eb5375e4bdd3||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.00022949265687583444, 0.00020381842456608813, 0.00023987983978638187, 0.000328931909212283]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006850982256341789, 0.007860848611481976, 0.012407594859813085, 0.020633358077436582]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>39.31447672720587</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0279771893582885</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9994656560561495</td></tr>
+<tr><td colspan=3>efc</td><td>0.6512</td></tr>
+<tr><td colspan=3>fber</td><td>137.2008</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1355634571566181</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>98</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>13.08411214953271</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6573819894277837</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.4873456826214926</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6455867325109352</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8392135531509237</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00870887, 0.0104635, 0.0102345, 0.00806256]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14227798581123352</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.01774921827018261</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.5655117672330907</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.959</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>64.0825</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>169.1275</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>331108.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.6659</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8292</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>297.7854</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>820.8206</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>134012.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>381.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1358.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>308.3194</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.66072009422351</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>

+ 710 - 0
sub-001_ses-019_task-rest_dir-PA_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest" 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-rest_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-rest_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-019_subject-001_suffix-bold_task-rest" 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-rest_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-019_task-rest_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-rest_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-rest_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-rest_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>f8f0cb0377d48f27b37674776ae8b4a9</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>18:13:14.190000</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8243, -5620, -6038, 735, -54, -152, -10, 21]</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.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>246.931</td></tr>
+<tr><td>WipMemBlock</td><td>a85c43ab-4cab-4779-bd36-6832eedf566f||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.00028469959946595465, 0.0002985981308411215, 0.0003737383177570094, 0.0004660881174899866]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004939998851802403, 0.006625926275033378, 0.010934175246995994, 0.019274562082777037]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>29.296475668074873</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0340395975401098</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0001768009491976</td></tr>
+<tr><td colspan=3>efc</td><td>0.5911</td></tr>
+<tr><td colspan=3>fber</td><td>521.0387</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.12425227570699195</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>82</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>10.947930574098798</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.4763852582101418</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.152571401682116</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.570238998735728</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.706345374212582</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0117558, 0.0169296, 0.0135368, 0.0103685]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.003391679609194398</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.1048692911863327</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.6916792488810324</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.6654</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>21.3661</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>125.5876</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>417257.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>610.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>219.0405</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.3129</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>272.3613</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>771.6648</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>747.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>135703.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>1256.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>277.5209</td></tr>
+<tr><td colspan=3>tsnr</td><td>47.73686205409467</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>

+ 710 - 0
sub-001_ses-020_task-rest_dir-RL_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest" 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-rest_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-rest_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-020_subject-001_suffix-bold_task-rest" 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-rest_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-020_task-rest_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-rest_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-rest_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-rest_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>5e861f4d18d32a212e8dae82cfafb1d5</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>20:06:47.362500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8247, -5615, -6003, 663, -88, -199, 17, 16]</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>1ea8891a-c342-44e7-b7c9-88a3daff2444||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.00045957276368491316, 0.0007743391188251002, 0.001008838451268358, 0.0011199465954606141]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.00612753862483311, 0.007803706568758345, 0.013212321041388518, 0.021791421228304405]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>36.14000639179147</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0288446862165777</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0059517068983952</td></tr>
+<tr><td colspan=3>efc</td><td>0.6582</td></tr>
+<tr><td colspan=3>fber</td><td>122.5706</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1005814488106819</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>32</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>4.2723631508678235</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.879069705443263</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.6817876000146343</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.874339786588401</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.081081729726754</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00562882, 0.0081462, 0.00751883, 0.00616582]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.1497892439365387</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.015926169231534004</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.6090958231805206</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.5019</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>69.3656</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>180.888</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>331029.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>253.4156</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7472</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>301.5443</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>837.5092</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>807.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134091.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>1376.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>309.3014</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.957737451652065</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>

+ 710 - 0
sub-001_ses-021_task-rest_dir-RL_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest" 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-rest_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-rest_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-021_subject-001_suffix-bold_task-rest" 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-rest_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-021_task-rest_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-rest_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-rest_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-rest_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>bc6c4f6b43fc32624a3b655c394d8118</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>20:04:16.197500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8214, -5616, -6005, 711, -78, -163, 46, 77]</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>248.137</td></tr>
+<tr><td>WipMemBlock</td><td>4ae80283-be0a-476c-9a13-f55b8488ce44||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.00028818424566088115, 0.0004556208277703605, 0.0005424966622162884, 0.0006059546061415221]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005473063698264352, 0.0073655549399198935, 0.012471447316421894, 0.02096430173564753]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>35.981454089478646</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0293572092513388</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0017140326737972</td></tr>
+<tr><td colspan=3>efc</td><td>0.655</td></tr>
+<tr><td colspan=3>fber</td><td>133.6233</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.12018593205202292</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>5.473965287049399</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.705196940275954</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.515896555482901</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.734044349130667</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.865649916214294</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0213597, 0.0174096, 0.0140606, 0.0109979]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14163799583911896</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.019400374963879585</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.626835106063181</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.31</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>65.7373</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>174.337</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>331253.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>740.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>245.3072</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8371</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>296.6531</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>831.0734</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>133867.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>396.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1358.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>306.0706</td></tr>
+<tr><td colspan=3>tsnr</td><td>37.436864741146564</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>

+ 710 - 0
sub-001_ses-022_task-rest_dir-AP_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest" 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-rest_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-rest_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-022_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-022_task-rest_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-rest_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-rest_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-rest_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>e20ba7cdd0fc56c6664a5c76df45dae2</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>21:52:18.290000</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8241, -5625, -6004, 658, -40, -213, 43, 32]</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.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>247.75</td></tr>
+<tr><td>WipMemBlock</td><td>d19c44ab-b621-459f-b8c9-f84f2af3006a||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.0004184913217623498, 0.0004700400534045394, 0.0005095460614152203, 0.0005885714285714285]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004555969012016022, 0.0050541059279038715, 0.008750902363150868, 0.015602297289719623]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>25.118846146149657</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0395690004278073</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9970642428074884</td></tr>
+<tr><td colspan=3>efc</td><td>0.5793</td></tr>
+<tr><td colspan=3>fber</td><td>644.2988</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.09982703550078784</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>10</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>1.335113484646195</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7817635797333278</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.464762006333834</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7614060948730006</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.119122637993149</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00980424, 0.0112715, 0.00995686, 0.00763368]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.004764981102198362</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.12016334384679794</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.4205110077598766</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.9279</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>22.2212</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>133.5503</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>418756.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>667.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>237.8416</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.7089</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>300.0498</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>852.3904</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>809.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134204.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>1436.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>334.2257</td></tr>
+<tr><td colspan=3>tsnr</td><td>52.921937578357756</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>

+ 710 - 0
sub-001_ses-023_task-rest_dir-AP_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest" 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-rest_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-rest_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-023_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-023_task-rest_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-rest_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-rest_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-rest_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>8b7650752e13d6e9f384768277763a87</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>20:24:27.202500</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>FlipAngle</td><td>64</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998852, -0.00202927, 0.0478582, 0.0212718, 0.913976, -0.40521]</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8238, -5618, -6012, 705, -21, -224, -25, 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.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>247.278</td></tr>
+<tr><td>WipMemBlock</td><td>9f2332a7-97df-4f02-b438-e8505d20ff5f||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.00039009345794392523, 0.0004000934579439252, 0.0004331642189586115, 0.0005553938584779706]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005057065380507343, 0.006610960307076102, 0.011333377850467287, 0.020430497863818422]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>28.952751417446503</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.058135497727273</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9952172751871657</td></tr>
+<tr><td colspan=3>efc</td><td>0.5828</td></tr>
+<tr><td colspan=3>fber</td><td>589.0174</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.15294189945966755</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>103</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>13.751668891855807</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.541289109559624</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.2153261856272195</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.553363953883094</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.855177189168557</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0318022, 0.0240041, 0.0191352, 0.013123]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.003826679429039359</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10615749657154083</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.5594409776764007</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.1194</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.3685</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>124.5573</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>418211.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>619.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>218.9828</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.168</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>276.4509</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>812.438</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>778.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134749.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>1347.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>303.9715</td></tr>
+<tr><td colspan=3>tsnr</td><td>47.05240737646818</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>

+ 710 - 0
sub-001_ses-024_task-rest_dir-AP_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest" 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-rest_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-rest_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-024_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-024_task-rest_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-rest_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-rest_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-rest_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>98b9ab55c8167ec0a1073364bc2f2354</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>22:37:40.297500</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>FlipAngle</td><td>64</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999753, -0.00937819, 0.020149, 0.0165781, 0.918505, -0.395063]</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8243, -5624, -6003, 672, -16, -275, 6, 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.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>245.933</td></tr>
+<tr><td>WipMemBlock</td><td>e0a02894-1161-4f96-b627-a0610236ac0e||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.00026375166889185575, 0.0003180106809078772, 0.00038078771695594123, 0.000491909212283044]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006776860614152202, 0.006219394646194926, 0.010386483644859813, 0.018426538451268355]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>25.66285499022727</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0259221508021399</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9911763915106949</td></tr>
+<tr><td colspan=3>efc</td><td>0.5787</td></tr>
+<tr><td colspan=3>fber</td><td>668.1127</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.10083255940809453</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>35</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>4.672897196261682</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.738029804411942</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.3905327378596546</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7524976727049073</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.071059002671263</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0347385, 0.0243473, 0.0185611, 0.0136047]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.006449494510889053</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11410365253686905</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.4838365137454668</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.2117</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>21.0533</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>127.7598</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>418607.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>4.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p95</td><td>640.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>226.5958</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.5432</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>294.5291</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>847.5927</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>806.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134353.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>1414.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>324.4968</td></tr>
+<tr><td colspan=3>tsnr</td><td>48.67808511573821</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>

+ 710 - 0
sub-001_ses-025_task-rest_dir-RL_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest" 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-rest_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-rest_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-025_subject-001_suffix-bold_task-rest" 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-rest_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-025_task-rest_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-rest_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-rest_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-rest_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>ee947ae4b3ea62bc779178dd84e85728</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>20:20:50.367500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8232, -5616, -6007, 662, -16, -135, 12, 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.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.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>244.279</td></tr>
+<tr><td>WipMemBlock</td><td>46248083-36dc-45b3-8271-c4e8e78fb4b2||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.000513596256684492, 0.0006891443850267379, 0.0007444919786096255, 0.0007834358288770054]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0056087347593582896, 0.007549010120320857, 0.01258818070855615, 0.020814569518716578]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>2</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>38.659339858661355</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.037402979518073</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0050321146854069</td></tr>
+<tr><td colspan=3>efc</td><td>0.6504</td></tr>
+<tr><td colspan=3>fber</td><td>132.4158</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.14070282703179826</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>15.508021390374331</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.796111655107269</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.6257787106692883</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7637336140519397</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9988226406005802</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.012969, 0.0141239, 0.0118476, 0.00905728]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14058654010295868</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.02218344807624817</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>748</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.555747509377063</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.0436</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>65.2305</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>170.7741</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>331917.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>722.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>240.0977</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.0244</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>305.7689</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>843.1046</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>133203.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>396.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1391.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>317.3228</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.353067505639046</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>

+ 710 - 0
sub-001_ses-026_task-rest_dir-PA_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest" 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-rest_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-rest_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-026_subject-001_suffix-bold_task-rest" 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-rest_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-026_task-rest_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-rest_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-rest_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-rest_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>d7b50fc3578d43454fe8694d28b08f21</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>22:05:13.225000</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8220, -5623, -6021, 710, -70, -159, 45, 84]</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>238.965</td></tr>
+<tr><td>WipMemBlock</td><td>944bb404-ea1d-4ad2-85c6-01390a400033||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.0004010547396528705, 0.0004134979973297731, 0.00048603471295060083, 0.000566275033377837]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004174456395193591, 0.006003747783711617, 0.01087795608811749, 0.01961738865153538]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>25.381955238409105</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0265547890508024</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9922984141577544</td></tr>
+<tr><td colspan=3>efc</td><td>0.579</td></tr>
+<tr><td colspan=3>fber</td><td>748.7002</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.11475616658080849</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>6.675567423230975</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.662403596781534</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.305415903375134</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.802526789232157</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8792680977373104</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00874961, 0.0122248, 0.0118958, 0.00982983]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.005116875283420086</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11464288085699081</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.6289683103772847</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.3948</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>18.2742</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>123.6002</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>29.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>418120.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>622.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>222.6755</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.4349</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>302.4182</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>821.2332</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>798.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134840.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>1341.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>303.54</td></tr>
+<tr><td colspan=3>tsnr</td><td>50.385370632167906</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>

+ 710 - 0
sub-001_ses-028_task-rest_dir-RL_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest" 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-rest_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-rest_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-028_subject-001_suffix-bold_task-rest" 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-rest_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-028_task-rest_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-rest_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-rest_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-rest_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>62cdf492e99f70505c25a9309cf336eb</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>22:04:34.217500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8236, -5628, -6017, 656, -45, -194, 22, 13]</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>246.718</td></tr>
+<tr><td>WipMemBlock</td><td>3ceae5dc-01a2-4226-92eb-271d999a2168||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.00016516688918558075, 0.000251415220293725, 0.0003324833110814419, 0.00043809078771695593]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006356143351134846, 0.008503953351134847, 0.013589856742323098, 0.022507435781041387]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>37.66876472644388</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0272064799465248</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9984444208957223</td></tr>
+<tr><td colspan=3>efc</td><td>0.6554</td></tr>
+<tr><td colspan=3>fber</td><td>132.6953</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.11462226499516003</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>55</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>7.343124165554072</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7925369377252998</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.6064214920833475</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7899439528382666</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9812453682542848</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00827708, 0.0129525, 0.013184, 0.011057]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14859110116958618</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.019930114969611168</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.6477377801897024</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.4368</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>63.0947</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>168.9897</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>331585.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>716.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>236.2186</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.1335</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>282.6505</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>814.1675</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>133535.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>1327.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>296.4784</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.32321435818449</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>

+ 710 - 0
sub-001_ses-037_task-rest_dir-LR_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest" 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-rest_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-rest_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-037_subject-001_suffix-bold_task-rest" 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-rest_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-037_task-rest_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-rest_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-rest_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-rest_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>10440a515a41d8b10a7e27d24d53551a</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>19:31:54.377500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8226, -5615, -6023, 672, -69, -169, 28, 53]</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>247.006</td></tr>
+<tr><td>WipMemBlock</td><td>7db1d716-0c4e-457d-aa9a-1d91cfba1a07||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.0003702406417112299, 0.0005414438502673797, 0.0006341978609625668, 0.0007039438502673797]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006739882072192513, 0.009191237446524064, 0.015474606176470588, 0.026217075]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>2</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>35.81920106226235</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0052200500535489</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9877210974832673</td></tr>
+<tr><td colspan=3>efc</td><td>0.6491</td></tr>
+<tr><td colspan=3>fber</td><td>147.7262</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1415568917458563</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>92</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>12.29946524064171</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7325343673803943</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.511438612176471</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.735191848327011</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.950972641637702</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0275335, 0.0226676, 0.0174484, 0.0125881]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.1400899589061737</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.020786384120583534</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>748</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.5789339295487785</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.7084</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>62.6895</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>165.3593</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>330691.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>703.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>234.3582</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8808</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>298.9188</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>830.2979</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>134429.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>1372.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>310.5923</td></tr>
+<tr><td colspan=3>tsnr</td><td>34.863450535573065</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>

+ 691 - 0
sub-001_ses-038_task-rest_dir-PA_bold.html

@@ -0,0 +1,691 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-rest_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-rest_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>94a042fb7f907cedd351b82e6cc87c90</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>21:18:42.180000</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8235, -5615, -6012, 678, -78, -102, 58, 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.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.062</td></tr>
+<tr><td>WipMemBlock</td><td>b8f92c8b-033e-45d6-b417-d80ccc5639e6||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.0005492256341789051, 0.0008830440587449935, 0.0011091855807743658, 0.0011891188251001335]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005592144432576769, 0.006204207943925234, 0.010656962563417891, 0.019019753538050733]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>25.926787389157745</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0281224856149718</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0024952594385026</td></tr>
+<tr><td colspan=3>efc</td><td>0.5797</td></tr>
+<tr><td colspan=3>fber</td><td>716.8444</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.10237526853077165</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>5.740987983978638</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6243931240273195</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.308869168148159</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7562239228354835</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.808086281098316</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00737515, 0.0107103, 0.0100283, 0.00828592]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.002707404550164938</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11493151634931564</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.6078106255038547</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.0615</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.4005</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>126.6092</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>418153.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>640.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>227.6714</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5402</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>308.894</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>832.5163</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>808.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134807.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>391.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>309.8373</td></tr>
+<tr><td colspan=3>tsnr</td><td>49.74068258609623</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>

+ 710 - 0
sub-001_ses-039_task-rest_dir-LR_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest" 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-rest_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-rest_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-039_subject-001_suffix-bold_task-rest" 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-rest_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-039_task-rest_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-rest_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-rest_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-rest_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>ca9663b22decdaf182feb2974a257d89</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>19:09:23.367500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8233, -5614, -6012, 692, -69, -200, 14, 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.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>242.37</td></tr>
+<tr><td>WipMemBlock</td><td>ed1ce7fc-a576-477d-9c5f-eb66396ba330||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.00041536715620827763, 0.0005261148197596796, 0.0006731775700934579, 0.0007640987983978638]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006642972296395195, 0.008454055514018692, 0.014363413084112148, 0.024243485046728974]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>35.486991795708526</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0136475754278083</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9940770338636358</td></tr>
+<tr><td colspan=3>efc</td><td>0.6467</td></tr>
+<tr><td colspan=3>fber</td><td>150.9093</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.12951402597605574</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>92</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>12.283044058744993</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.781890085890337</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.5504581384203955</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.8282485688685965</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.966963550382017</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0229139, 0.0210286, 0.016589, 0.0122889]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.1318318396806717</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.031069543212652206</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.5067057858504764</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.082</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>62.0763</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>166.576</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>330268.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>709.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>238.0426</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.3941</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>304.6114</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>840.4746</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>808.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134852.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>1395.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>322.3342</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.52974126301706</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>

+ 691 - 0
sub-001_ses-040_task-rest_dir-AP_bold.html

@@ -0,0 +1,691 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-rest_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-rest_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>b319c30484febfd06709ec670acc4815</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>21:01:25.210000</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>FlipAngle</td><td>64</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998979, 0.00644586, 0.0447055, 0.0101129, 0.932718, -0.360466]</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8235, -5623, -6013, 640, -52, -218, 61, 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.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.69</td></tr>
+<tr><td>WipMemBlock</td><td>25581e36-a037-4553-853a-49c0a7cdb3b4||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.0004563684913217623, 0.00048404539385847795, 0.0005236315086782376, 0.0006233377837116154]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005013924192256341, 0.0062884990520694255, 0.011252692323097464, 0.020213082376502003]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>24.64562687389036</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0013143090106948</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9847229933689842</td></tr>
+<tr><td colspan=3>efc</td><td>0.5798</td></tr>
+<tr><td colspan=3>fber</td><td>707.7455</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.10014611190721456</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>32</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>4.2723631508678235</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.523959427946378</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.148199086205335</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.608038371244676</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8156408263891217</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0278753, 0.0202986, 0.0152954, 0.0110226]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0017994082299992442</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.1054525375366211</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.656815401930836</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.7884</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.7647</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>123.0359</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>418579.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>219.7489</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5696</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>279.5666</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>828.8266</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>134381.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>397.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1365.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>299.6057</td></tr>
+<tr><td colspan=3>tsnr</td><td>48.72798061976209</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>

+ 710 - 0
sub-001_ses-041_task-rest_dir-AP_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest" 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-rest_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-rest_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-041_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-041_task-rest_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-rest_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-rest_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-rest_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>e3feb5bf1b8d9d44a4fe321700dc348f</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>09:21:6.392500</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>FlipAngle</td><td>64</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99933, 0.0313953, 0.0187988, -0.0252957, 0.963897, -0.265071]</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>31</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.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>248.429</td></tr>
+<tr><td>WipMemBlock</td><td>75634ba0-96da-470d-a4e1-48c967f06ab4||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.00034523364485981314, 0.00036192256341789056, 0.00041539385847797064, 0.0005257810413885181]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.003253411228304406, 0.004935089425901202, 0.008052515967957277, 0.014463022830440589]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>26.192878401791447</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0293911213636353</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0048644728074867</td></tr>
+<tr><td colspan=3>efc</td><td>0.5855</td></tr>
+<tr><td colspan=3>fber</td><td>684.3335</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.10230946522326347</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>4.539385847797063</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.4552867829564633</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.0488096672768363</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.5971053076747435</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.71994537391781</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00952866, 0.0109758, 0.0100326, 0.0076646]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0018250934081152081</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.1076374277472496</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.75097087665475</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.9051</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.735</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>125.7238</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>418659.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>640.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>222.6794</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.3182</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>269.2872</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>806.1833</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>134301.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>393.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1312.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>283.1717</td></tr>
+<tr><td colspan=3>tsnr</td><td>51.96415132074617</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>

+ 707 - 0
sub-001_ses-042_task-rest_dir-PA_bold.html

@@ -0,0 +1,707 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest" 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-rest_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-rest_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-042_subject-001_suffix-bold_task-rest" 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-rest_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-042_task-rest_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-rest_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-rest_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-rest_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>0cc883d47d155e800b4cb201302558d0</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>11:24:26.192500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</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-rest_dir-PA__cmrr_me4_sms4_RR</td></tr>
+<tr><td>SeriesNumber</td><td>29</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>WipMemBlock</td><td>982592f1-407f-4b61-8332-7d12af2be3ab||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.0014141655540720961, 0.0018667823765020027, 0.0019366889185580775, 0.0018067022696929237]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.003922935487316421, 0.006063089626168224, 0.010986838731642188, 0.0194786567423231]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>24.338653783623</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0370916731016047</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0139664534625659</td></tr>
+<tr><td colspan=3>efc</td><td>0.5852</td></tr>
+<tr><td colspan=3>fber</td><td>675.6588</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.10350325943804146</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>4.005340453938585</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6134722326128776</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.241446334588927</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7333159015809634</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8656544616687416</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0117956, 0.011974, 0.00984993, 0.00783554]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.0007361694006249309</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10915179550647736</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.6687954573098533</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.3946</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.7786</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>129.9761</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>417710.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>232.6447</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.2637</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>296.8491</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>809.629</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>135250.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>1316.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>295.2632</td></tr>
+<tr><td colspan=3>tsnr</td><td>51.63337583793327</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>

+ 710 - 0
sub-001_ses-043_task-rest_dir-AP_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest" 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-rest_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-rest_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-043_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-043_task-rest_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-rest_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-rest_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-rest_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>de2cf6f949de4a06959ab43dd6aa5e49</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>10:16:21.192500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8233, -5615, -6011, 676, -44, -185, 28, 30]</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>241.688</td></tr>
+<tr><td>WipMemBlock</td><td>48060c57-b840-48d1-931b-ec07b38cafce||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.0002997196261682243, 0.0003309612817089453, 0.00037188251001335113, 0.00046546061415220295]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.003922382990654206, 0.00498258873164219, 0.007833572029372496, 0.013973775433911883]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>26.505748810000007</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0489751886497327</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.007417552366308</td></tr>
+<tr><td colspan=3>efc</td><td>0.584</td></tr>
+<tr><td colspan=3>fber</td><td>657.9888</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.10504926801318924</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>39</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>5.2069425901201605</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6030821303231364</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.24070017461162</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6789281188448104</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.88961809751298</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00961056, 0.0137441, 0.0122888, 0.00964639]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0006883754977025092</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11085300147533417</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.6504156465783386</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.1615</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>22.0431</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>131.7741</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>419730.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>660.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>231.7868</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8721</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>282.8801</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>843.9916</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>808.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>133230.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>411.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1385.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>304.8567</td></tr>
+<tr><td colspan=3>tsnr</td><td>53.23921905644238</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>

+ 710 - 0
sub-001_ses-044_task-rest_dir-LR_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest" 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-rest_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-rest_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-044_subject-001_suffix-bold_task-rest" 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-rest_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-044_task-rest_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-rest_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-rest_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-rest_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>61a875a1a249c109029b0dbba3d36499</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>12:07:39.377500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8227, -5626, -6023, 682, -44, -124, 82, 32]</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>244.324</td></tr>
+<tr><td>WipMemBlock</td><td>3b48103d-025b-4a9b-b4ba-0cd7796bbff6||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.0002403070761014686, 0.0002900934579439252, 0.000340173564753004, 0.00041515353805073437]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006061967209612817, 0.00869252228304406, 0.014402707570093458, 0.024290741388518028]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>36.47022302390377</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0191318228342243</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9985177041978601</td></tr>
+<tr><td colspan=3>efc</td><td>0.6512</td></tr>
+<tr><td colspan=3>fber</td><td>170.8333</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.12519453029343952</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>56</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>7.4766355140186915</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.555717507926723</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.3362765027091985</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.5834988295659107</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.7473771915050595</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0181829, 0.0173813, 0.0150034, 0.0114034]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14913688600063324</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.018447082489728928</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.7047298603998993</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.4301</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>55.7154</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>166.9955</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>60.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>330215.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>734.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>243.534</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5576</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>280.576</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>812.6312</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>134905.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>1320.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>291.3404</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.99059575411957</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>

+ 710 - 0
sub-001_ses-045_task-rest_dir-LR_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest" 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-rest_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-rest_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-045_subject-001_suffix-bold_task-rest" 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-rest_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-045_task-rest_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-rest_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-rest_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-rest_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>a0c137c1412f9b5d67361d8c81cda235</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>19:27:59.370000</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</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.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>243.334</td></tr>
+<tr><td>WipMemBlock</td><td>c7aff7d1-6609-404b-9ee6-e298fe17b2ad||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.00036264, 0.0004483600000000001, 0.0005199466666666668, 0.0005812666666666666]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005615584733333333, 0.008055930626666668, 0.01324827357333333, 0.02229985453333333]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>36.71561551598131</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.031703596461949</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.006021647703605</td></tr>
+<tr><td colspan=3>efc</td><td>0.647</td></tr>
+<tr><td colspan=3>fber</td><td>178.5827</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1294169991936195</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>8.4</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.621413847369807</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.4269380463568284</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6652444866006797</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.7720590091519135</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0123046, 0.0123622, 0.0115989, 0.0087969]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.1366489827632904</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.025852661579847336</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>750</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.660249826592258</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.7011</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>54.1585</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>162.3033</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>330497.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>711.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>237.0188</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7544</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>290.333</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>818.3374</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>794.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134623.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>1330.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>298.4671</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.91686083632521</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>

+ 710 - 0
sub-001_ses-046_task-rest_dir-LR_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest" 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-rest_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-rest_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-046_subject-001_suffix-bold_task-rest" 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-rest_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-046_task-rest_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-rest_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-rest_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-rest_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>13646c659b3d30d978d82e0b751500ff</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>21:11:59.395000</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</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.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.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>245.785</td></tr>
+<tr><td>WipMemBlock</td><td>7b4ba6f9-29d4-4778-8772-1258cdf92ea5||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.0001480614973262032, 0.00017763368983957217, 0.0002286764705882353, 0.0003119251336898396]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.00642483537433155, 0.008941752446524065, 0.014533333422459894, 0.024322452005347592]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>2</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>39.57712274575634</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0180605386746984</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9944616379116462</td></tr>
+<tr><td colspan=3>efc</td><td>0.6521</td></tr>
+<tr><td colspan=3>fber</td><td>156.9889</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.12601031681774383</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>68</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>9.090909090909092</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.4821177922384288</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.3028715261045267</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.515341020157687</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.6281408304530745</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.00378421, 0.00420228, 0.00440161, 0.00356858]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14315514266490936</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.02161557413637638</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>748</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.692595579296</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.5415</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>57.6917</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>164.222</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>330084.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>721.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>238.0014</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5363</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>279.0543</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>799.172</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>775.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>135036.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>1300.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>287.8253</td></tr>
+<tr><td colspan=3>tsnr</td><td>34.92479113582522</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>

+ 710 - 0
sub-001_ses-047_task-rest_dir-RL_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest" 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-rest_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-rest_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-047_subject-001_suffix-bold_task-rest" 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-rest_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-047_task-rest_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-rest_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-rest_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-rest_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>2c40ad91973e07ef06f726da23c342e6</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>19:49:59.402500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>45</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.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>244.361</td></tr>
+<tr><td>WipMemBlock</td><td>4c745908-2074-4994-a429-4e26dfa06a40||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.0002045187165775401, 0.0002755748663101605, 0.0003288368983957219, 0.00037639037433155083]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.006634029973262033, 0.008829618208556149, 0.015408548128342244, 0.02586069411764706]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>2</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>35.806580424672056</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0100980112583668</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.9882020431860782</td></tr>
+<tr><td colspan=3>efc</td><td>0.6546</td></tr>
+<tr><td colspan=3>fber</td><td>125.7798</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.14937258679761772</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>148</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>19.78609625668449</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>4.010735890984695</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.814724471197403</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.977837839103066</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.239645362653616</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0177671, 0.0114268, 0.00812496, 0.00624409]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.16205397248268127</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.016203895211219788</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>748</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.4965911560855623</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.3081</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>68.7884</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>180.1248</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>331351.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>758.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>250.7074</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.4595</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>311.8043</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>847.8887</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>815.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>133769.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>1406.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>326.4439</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.01046240888536</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>

+ 710 - 0
sub-001_ses-048_task-rest_dir-PA_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest" 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-rest_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-rest_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-048_subject-001_suffix-bold_task-rest" 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-rest_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-048_task-rest_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-rest_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-rest_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-rest_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>7b777c36ec51c99f719c57dcec1dcc32</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>21:43:24.387500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8240, -5623, -6019, 635, -52, -228, 70, 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.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.0261249</td></tr>
+<tr><td>TxRefAmp</td><td>248.399</td></tr>
+<tr><td>WipMemBlock</td><td>e4d9bac6-987c-4459-8c62-c0d6c4b9882a||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.0006045126835781043, 0.000751441922563418, 0.0008249933244325768, 0.0008581842456608812]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.004843519038718291, 0.006647012403204273, 0.012234199546061414, 0.021806137917222967]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>25.465880661791466</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0193496998262028</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.990013461590907</td></tr>
+<tr><td colspan=3>efc</td><td>0.5827</td></tr>
+<tr><td colspan=3>fber</td><td>654.2905</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.15585616671489616</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>184</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>24.566088117489986</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.67764870196956</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.336672726814767</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.779778009436209</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9164953696577034</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0102135, 0.00713707, 0.00489562, 0.00364524]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.001378710730932653</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10796679556369781</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.588141631985154</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.8563</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.5545</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>131.6222</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>418232.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>662.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>235.8566</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.4314</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>310.5428</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>826.4524</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>134728.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>1359.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>309.8737</td></tr>
+<tr><td colspan=3>tsnr</td><td>48.96939177531749</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>

+ 710 - 0
sub-001_ses-excl029_task-rest_dir-PA_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_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-rest_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest" 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-rest_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-rest_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_dir-PA_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-PA_session-excl029_subject-001_suffix-bold_task-rest" 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-rest_dir-PA_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-excl029_task-rest_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-rest_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-rest_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-rest_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>bef6211b1ade785980c7b4dca214b50f</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>20:07:25.187500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-PA__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>23</td></tr>
+<tr><td>ShimSetting</td><td>[8225, -5626, -6025, 671, -38, -210, 21, 13]</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>243.011</td></tr>
+<tr><td>WipMemBlock</td><td>f6c96697-60ce-4036-b66f-e459ba289ddd||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.00043543391188251, 0.0003992122830440588, 0.00043008010680907873, 0.0005583177570093457]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.003591960173564753, 0.00451331655540721, 0.007308294112149532, 0.013181721094793057]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>25.85455189915776</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0525191737834216</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0093350777941177</td></tr>
+<tr><td colspan=3>efc</td><td>0.584</td></tr>
+<tr><td colspan=3>fber</td><td>665.7476</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.0779965146296334</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>24</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>3.2042723631508676</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.768457750973015</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.4603578425653385</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.857892769499536</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9871226408541713</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0118109, 0.0154451, 0.0130694, 0.0102678]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.004893757402896881</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11212968081235886</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.592494788010774</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.7172</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>21.4987</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>132.3233</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>418069.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>658.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>234.2668</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.9032</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>307.6786</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>835.6785</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>134891.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>1365.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>312.4392</td></tr>
+<tr><td colspan=3>tsnr</td><td>54.29560745507479</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>

+ 744 - 0
sub-001_ses-pilot005_task-rest_acq-fa80_bold.html

@@ -0,0 +1,744 @@
+<?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-pilot005_task-rest_acq-fa80_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-pilot005_task-rest_acq-fa80_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="#acquisition-fa80_datatype-figures_desc-stdev_echo-1_session-pilot005_subject-001_suffix-bold_task-rest">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#acquisition-fa80_datatype-figures_desc-stdev_echo-2_session-pilot005_subject-001_suffix-bold_task-rest">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#acquisition-fa80_datatype-figures_desc-stdev_echo-3_session-pilot005_subject-001_suffix-bold_task-rest">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#acquisition-fa80_datatype-figures_desc-stdev_echo-4_session-pilot005_subject-001_suffix-bold_task-rest">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="#acquisition-fa80_datatype-figures_desc-mean_echo-1_session-pilot005_subject-001_suffix-bold_task-rest">Reports for: echo <span class="bids-entity">1</span>.</a></li>
+                <li><a class="dropdown-item" href="#acquisition-fa80_datatype-figures_desc-mean_echo-2_session-pilot005_subject-001_suffix-bold_task-rest">Reports for: echo <span class="bids-entity">2</span>.</a></li>
+                <li><a class="dropdown-item" href="#acquisition-fa80_datatype-figures_desc-mean_echo-3_session-pilot005_subject-001_suffix-bold_task-rest">Reports for: echo <span class="bids-entity">3</span>.</a></li>
+                <li><a class="dropdown-item" href="#acquisition-fa80_datatype-figures_desc-mean_echo-4_session-pilot005_subject-001_suffix-bold_task-rest">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="acquisition-fa80_datatype-figures_desc-stdev_echo-1_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-background_echo-1_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-zoomed_echo-1_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-carpet_echo-1_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-stdev_echo-2_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-background_echo-2_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-zoomed_echo-2_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-carpet_echo-2_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-stdev_echo-3_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-background_echo-3_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-zoomed_echo-3_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-carpet_echo-3_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-stdev_echo-4_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-background_echo-4_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-zoomed_echo-4_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-carpet_echo-4_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_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="acquisition-fa80_datatype-figures_desc-mean_echo-1_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-mean_echo-2_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-mean_echo-3_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-mean_echo-4_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_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="acquisition-fa80_datatype-figures_desc-brainmask_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="acquisition-fa80_datatype-figures_desc-norm_session-pilot005_subject-001_suffix-bold_task-rest" 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-pilot005_task-rest_acq-fa80_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_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-pilot005_task-rest_acq-fa80_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot005_task-rest_acq-fa80_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-pilot005/func/sub-001_ses-pilot005_task-rest_acq-fa80_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>f9fdb32bef75a6a912f90e24e8a84a96</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>265.442</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>108</td></tr>
+<tr><td>AcquisitionNumber</td><td>1</td></tr>
+<tr><td>AcquisitionTime</td><td>16:50:4.287500</td></tr>
+<tr><td>B0FieldSource</td><td>['pilot005pepolarbold', 'pilot005phasediff']</td></tr>
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>34.294</td></tr>
+<tr><td>BaseResolution</td><td>108</td></tr>
+<tr><td>BodyPartExamined</td><td>BRAIN</td></tr>
+<tr><td>CoilCombinationMethod</td><td>Sum of Squares</td></tr>
+<tr><td>CoilString</td><td>HeadNeck_64</td></tr>
+<tr><td>ConversionSoftware</td><td>dcm2niix</td></tr>
+<tr><td>ConversionSoftwareVersion</td><td>v1.0.20220720</td></tr>
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000539993</td></tr>
+<tr><td>DeviceSerialNumber</td><td>67014</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>FlipAngle</td><td>80</td></tr>
+<tr><td>HeudiconvVersion</td><td>1.0.0</td></tr>
+<tr><td>ImageComments</td><td>Unaliased MB4/PE4/LB</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998233, 0.0495591, 0.0327836, -0.0484724, 0.998274, -0.0331517]</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>ImagingFrequency</td><td>123.248</td></tr>
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
+<tr><td>InstitutionAddress</td><td>Rue du Bugnon 21,Lausanne,District,CH,1011</td></tr>
+<tr><td>InstitutionName</td><td>CHUV</td></tr>
+<tr><td>MRAcquisitionType</td><td>2D</td></tr>
+<tr><td>MTState</td><td>False</td></tr>
+<tr><td>MagneticFieldStrength</td><td>3</td></tr>
+<tr><td>Manufacturer</td><td>Siemens</td></tr>
+<tr><td>ManufacturersModelName</td><td>MAGNETOM Prisma Fit</td></tr>
+<tr><td>MatrixCoilMode</td><td>GRAPPA</td></tr>
+<tr><td>Modality</td><td>MR</td></tr>
+<tr><td>MultibandAccelerationFactor</td><td>4</td></tr>
+<tr><td>NonlinearGradientCorrection</td><td>True</td></tr>
+<tr><td>ParallelAcquisitionTechnique</td><td>GRAPPA</td></tr>
+<tr><td>ParallelReductionFactorInPlane</td><td>2</td></tr>
+<tr><td>PartialFourier</td><td>0.75</td></tr>
+<tr><td>PartialFourierDirection</td><td>PHASE</td></tr>
+<tr><td>PatientPosition</td><td>HFS</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>ProcedureStepDescription</td><td>RESEARCH Oscar</td></tr>
+<tr><td>ProtocolName</td><td>cmrr_mbep2d_bold_me4_sms4_fa80</td></tr>
+<tr><td>PulseSequenceDetails</td><td>%CustomerSeq%\cmrr_mbep2d_bold</td></tr>
+<tr><td>PulseSequenceName</td><td>epfid2d4_108</td></tr>
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-6</td></tr>
+<tr><td>ReceiveCoilName</td><td>HeadNeck_64</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>ScanOptions</td><td>PFP\FS</td></tr>
+<tr><td>ScanningSequence</td><td>EP</td></tr>
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
+<tr><td>SeriesDescription</td><td>cmrr_mbep2d_bold_me4_sms4_fa80</td></tr>
+<tr><td>SeriesNumber</td><td>5</td></tr>
+<tr><td>ShimSetting</td><td>[8230, -5624, -6018, 699, -79, -124, 41, 44]</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>SoftwareVersions</td><td>syngo MR XA30</td></tr>
+<tr><td>SpacingBetweenSlices</td><td>2</td></tr>
+<tr><td>StationName</td><td>LRG10884</td></tr>
+<tr><td>TaskName</td><td>rest</td></tr>
+<tr><td>TotalReadoutTime</td><td>0.0288896</td></tr>
+<tr><td>TxRefAmp</td><td>243.446</td></tr>
+<tr><td>WipMemBlock</td><td>f139d944-8f4a-4b5a-8ade-e062df939652||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.0024814666666666666, 0.0021896, 0.0019328000000000001, 0.0015955333333333335]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.007397814133333333, 0.007642447333333333, 0.011515984933333332, 0.021499726666666667]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>35.79051692389261</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.1112718473825502</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.1021657981879198</td></tr>
+<tr><td colspan=3>efc</td><td>0.5754</td></tr>
+<tr><td colspan=3>fber</td><td>773.245</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.0730070143279597</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>0</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>0.0</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.793505</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.3893</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>4.00563</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.985585</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0055447, 0.00823127, 0.00743967, 0.00560684]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0040372759103775024</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10499279946088791</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>150</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.6703579512920075</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.5147</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>18.3348</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>122.9455</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>490592.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>p05</td><td>4.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>230.6997</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8717</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>298.601</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>869.5953</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>835.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>162592.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>429.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1423.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>312.6912</td></tr>
+<tr><td colspan=3>tsnr</td><td>43.193156314315274</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>

+ 708 - 0
sub-001_ses-pilot013_task-rest_dir-AP_bold.html

@@ -0,0 +1,708 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_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-rest_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest" 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-rest_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-rest_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-pilot013_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-rest_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-rest_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>c2ad489bbb1784f6f7213959c63ceb97</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>20:39:37.207500</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>FlipAngle</td><td>64</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>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>15</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.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>249.087</td></tr>
+<tr><td>WipMemBlock</td><td>d8e52a46-53fc-4089-8d2a-dc78583b7966||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.0009509866666666667, 0.0015992133333333335, 0.0017676133333333333, 0.001755893333333333]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0050244355466666675, 0.00645750904, 0.010519159213333332, 0.018258174533333334]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>28.972385599986648</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0785300734312429</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0120524055273696</td></tr>
+<tr><td colspan=3>efc</td><td>0.5872</td></tr>
+<tr><td colspan=3>fber</td><td>572.7881</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.13934889465522773</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>69</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>9.2</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5527461340606252</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.1810255754508887</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.581108365722232</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8961044610087554</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0194084, 0.0216995, 0.0197555, 0.0150351]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.015559806488454342</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.1097988560795784</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>750</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.646036249531556</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.6917</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.347</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>124.0373</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>418153.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>616.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>217.4988</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8646</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>258.5915</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>782.0189</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>751.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134807.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>1288.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>283.8197</td></tr>
+<tr><td colspan=3>tsnr</td><td>48.816483445465565</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>

+ 708 - 0
sub-001_ses-pilot014_task-rest_dir-AP_bold.html

@@ -0,0 +1,708 @@
+<?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-rest_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-pilot014_task-rest_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-pilot014_subject-001_suffix-bold_task-rest">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-pilot014_subject-001_suffix-bold_task-rest">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-pilot014_subject-001_suffix-bold_task-rest">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-pilot014_subject-001_suffix-bold_task-rest">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-pilot014_subject-001_suffix-bold_task-rest">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-pilot014_subject-001_suffix-bold_task-rest">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-pilot014_subject-001_suffix-bold_task-rest">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-pilot014_subject-001_suffix-bold_task-rest">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-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-1_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-2_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-3_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-4_desc-background_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_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-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-1_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-2_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-3_desc-mean_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_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-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_dir-AP_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-AP_session-pilot014_subject-001_suffix-bold_task-rest" 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-rest_dir-AP_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot014_task-rest_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-pilot014_task-rest_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-rest_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-pilot014/func/sub-001_ses-pilot014_task-rest_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>71369ea2c14aafca20d86560bbd6f293</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
+<tr><td>AcquisitionTime</td><td>19:18:59.380000</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>FlipAngle</td><td>64</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>PhaseEncodingDirection</td><td>j-</td></tr>
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-AP__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>14</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.845, 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.845, 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.845, 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.845, 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>246.09</td></tr>
+<tr><td>WipMemBlock</td><td>e3b2d54d-1e87-435b-85be-38accfa2de26||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.0006083689839572192, 0.0007590641711229947, 0.0008212700534759358, 0.0009070721925133689]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005920030561497326, 0.006579752259358288, 0.010506597794117648, 0.018440951604278073]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>2</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>28.78446274634537</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0715898980321292</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0021669944042837</td></tr>
+<tr><td colspan=3>efc</td><td>0.5791</td></tr>
+<tr><td colspan=3>fber</td><td>659.1575</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.14530317058975342</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>87</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>11.631016042780749</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6853105280247616</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.3358082731825207</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.750859760559599</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9692635503321654</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0119513, 0.0112516, 0.00902737, 0.00675135]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.012939290143549442</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11499381810426712</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>748</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.515955250941988</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.3615</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.8863</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>122.418</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>418800.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>611.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>217.9414</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.4578</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>274.112</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>807.876</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>771.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134160.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>1349.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>306.4431</td></tr>
+<tr><td colspan=3>tsnr</td><td>48.62636221945286</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>

+ 710 - 0
sub-001_ses-pilot015_task-rest_dir-LR_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_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-rest_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest" 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-rest_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-rest_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_dir-LR_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-LR_session-pilot015_subject-001_suffix-bold_task-rest" 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-rest_dir-LR_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-rest_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-rest_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>350f97fe437b7f33f5516857e2649b1c</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>17:43:14.382500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-LR__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>17</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.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.0243749</td></tr>
+<tr><td>TxRefAmp</td><td>254.186</td></tr>
+<tr><td>WipMemBlock</td><td>7bc2c658-812e-4cd8-b774-849ff71eda6d||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.00026623497997329767, 0.0003532443257676903, 0.0003605073431241656, 0.0004216421895861149]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.007539430013351135, 0.00934264300400534, 0.014997641655540721, 0.024733617890520695]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>42.12003548255341</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0526200241042785</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>0.999123494518717</td></tr>
+<tr><td colspan=3>efc</td><td>0.6568</td></tr>
+<tr><td colspan=3>fber</td><td>136.3355</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.21157824705491346</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>382</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>51.00133511348464</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5718292294831566</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.3596909505964967</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.567065001789703</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.7887317360632693</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0191807, 0.0189374, 0.0156708, 0.0120821]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14327633380889893</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.021230097860097885</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.6335105671409456</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.3119</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>63.2986</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>171.4835</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>330249.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>729.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>242.7631</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.6685</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>284.24</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>800.3833</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>775.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>134871.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>370.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1306.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>294.2829</td></tr>
+<tr><td colspan=3>tsnr</td><td>34.300752751063555</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>

+ 710 - 0
sub-001_ses-pilot016_task-rest_dir-RL_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest" 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-rest_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-rest_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-pilot016_subject-001_suffix-bold_task-rest" 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-rest_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-rest_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-rest_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>d2bb9b942e5be3c9667975a172ab52ab</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>18:39:23.372500</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>26</td></tr>
+<tr><td>ShimSetting</td><td>[8249, -5623, -6026, 663, -13, -188, 48, 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.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>248.2</td></tr>
+<tr><td>WipMemBlock</td><td>6d40421e-28f8-4415-8e2e-87a515bf8090||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.0007509078771695594, 0.0010157276368491324, 0.0013187182910547395, 0.0014951268357810416]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.0072220561014686244, 0.008849351522029373, 0.013588795420560748, 0.022169143791722298]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>36.61640349796796</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0478391640775389</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0152946405481287</td></tr>
+<tr><td colspan=3>efc</td><td>0.652</td></tr>
+<tr><td colspan=3>fber</td><td>132.4298</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.13822788277388728</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>135</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>18.024032042723633</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.9746734559892105</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.7162353437461424</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>4.019676024087216</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.188109000134273</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0189699, 0.0228362, 0.0216271, 0.0191587]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14896366000175476</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.01787632703781128</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>749</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.5425287050136953</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.9337</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>67.2674</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>175.0965</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>71.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331208.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>738.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>247.3347</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.2788</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>299.4747</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>848.6811</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>812.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>133912.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>1409.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>319.3659</td></tr>
+<tr><td colspan=3>tsnr</td><td>35.6785399725195</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>

+ 710 - 0
sub-001_ses-pilot019_task-rest_dir-RL_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest" 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-rest_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-rest_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-pilot019_subject-001_suffix-bold_task-rest" 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-rest_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-rest_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-rest_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>aa627794f765cfd21c4cc48da556319f</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>19:32:27.380000</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>FlipAngle</td><td>64</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>29</td></tr>
+<tr><td>ShimSetting</td><td>[8225, -5613, -5993, 688, -109, -204, 37, 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.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>245.513</td></tr>
+<tr><td>WipMemBlock</td><td>3e1af737-2aa7-4baa-9ef3-9263602cffd1||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.0003774133333333333, 0.0005188266666666667, 0.0006288933333333334, 0.00068976]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005768170840000001, 0.007895883173333333, 0.013415592399999999, 0.022620859599999998]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>34.86740437224297</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0330775686915898</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0062285575166896</td></tr>
+<tr><td colspan=3>efc</td><td>0.6521</td></tr>
+<tr><td colspan=3>fber</td><td>122.4669</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.14639200572427413</td></tr>
+<tr><td>fd</td><td colspan=2>num</td><td>152</td></tr>
+<tr><td>fd</td><td colspan=2>perc</td><td>20.266666666666666</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>4.014483844534571</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.8524143555154056</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.9800690875404015</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.210968090547906</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0155519, 0.0195902, 0.0179408, 0.0149425]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14804957807064056</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.012774890288710594</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>750</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.466198780444622</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.9188</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>73.2821</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>183.5437</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>77.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331545.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>760.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>254.5426</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.0963</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>332.8462</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>886.7189</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>849.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>133575.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>1489.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>344.2532</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.71289202081971</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>

+ 710 - 0
sub-001_ses-pilot021_task-rest_dir-RL_bold.html

@@ -0,0 +1,710 @@
+<?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-rest_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-rest_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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest">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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_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-rest_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest" 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-rest_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
+</div>
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-rest_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_dir-RL_desc-brainmask_bold.svg</a></small>
+
+        </div>
+        <div id="datatype-figures_desc-norm_direction-RL_session-pilot021_subject-001_suffix-bold_task-rest" 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-rest_dir-RL_desc-norm_bold.svg" style="">
+Problem loading figure sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-rest_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-rest_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>1533d20c9e942986b4bd2b3a1ba23032</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>1230.47</td></tr>
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
+<tr><td>AcquisitionTime</td><td>18:17:50.195000</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>FlipAngle</td><td>64</td></tr>
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99804, 0.0105178, 0.0616968, 0.0116713, 0.937209, -0.348573]</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>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>PixelBandwidth</td><td>1961</td></tr>
+<tr><td>ProtocolName</td><td>func-bold_task-rest_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-rest_dir-RL__cmrr_me4_sms4</td></tr>
+<tr><td>SeriesNumber</td><td>33</td></tr>
+<tr><td>ShimSetting</td><td>[8235, -5622, -6000, 664, -53, -179, 20, -1]</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>247.681</td></tr>
+<tr><td>WipMemBlock</td><td>c199a37e-4b9a-44d0-8c7d-8f927fa9265d||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.0006773333333333334, 0.0009598933333333333, 0.00117376, 0.0012820933333333334]</td></tr>
+<tr><td colspan=3>aqi</td><td>[0.005754302893333333, 0.007811823666666666, 0.01305243376, 0.02172408786666667]</td></tr>
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
+<tr><td>dvars</td><td colspan=2>nstd</td><td>34.117165620266995</td></tr>
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0328868517623497</td></tr>
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0074789951001337</td></tr>
+<tr><td colspan=3>efc</td><td>0.6522</td></tr>
+<tr><td colspan=3>fber</td><td>118.9246</td></tr>
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1262400325992252</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>12.933333333333334</td></tr>
+<tr><td>fwhm</td><td colspan=2>avg</td><td>4.1766567106024555</td></tr>
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.945084022756637</td></tr>
+<tr><td>fwhm</td><td colspan=2>y</td><td>4.1912043860993995</td></tr>
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.393681722951332</td></tr>
+<tr><td colspan=3>gcor</td><td>[0.0148707, 0.0197591, 0.018775, 0.0155843]</td></tr>
+<tr><td>gsr</td><td colspan=2>x</td><td>0.1562158614397049</td></tr>
+<tr><td>gsr</td><td colspan=2>y</td><td>0.011764271184802055</td></tr>
+<tr><td>size</td><td colspan=2>t</td><td>750</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.4158841052595474</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.1584</td></tr>
+<tr><td>summary</td><td>bg</td><td>mad</td><td>74.2309</td></tr>
+<tr><td>summary</td><td>bg</td><td>mean</td><td>190.8706</td></tr>
+<tr><td>summary</td><td>bg</td><td>median</td><td>78.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>n</td><td>331927.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>797.0</td></tr>
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>267.378</td></tr>
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.0341</td></tr>
+<tr><td>summary</td><td>fg</td><td>mad</td><td>338.9959</td></tr>
+<tr><td>summary</td><td>fg</td><td>mean</td><td>894.602</td></tr>
+<tr><td>summary</td><td>fg</td><td>median</td><td>852.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>n</td><td>133193.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p05</td><td>408.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1518.0</td></tr>
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>352.6646</td></tr>
+<tr><td colspan=3>tsnr</td><td>36.85718526295386</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>