Skip to content

Dev #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
homarone00 merged 2 commits into from
Jun 10, 2026
Merged

Dev #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
86e78e2
Add experimental protocol (english and italian)
kev98 Jun 10, 2026
4a333ca
Merge pull request #12 from AImageLab-zip/dev-kmarchesini
kev98 Jun 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added BraTS-ReportX_Protocol.docx
View file
Open in desktop
Binary file not shown.
120 changes: 86 additions & 34 deletions clinicians.html
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dataset-release.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
</div>
<div class="nav-links">
<a href="clinicians.html">Annotators</a>
<a href="#">Protocol</a>
<a href="experimental-protocol.html">Protocol</a>
<button class="share-button" type="button" data-share-button>Share</button>
</div>
</nav>
Expand Down
304 changes: 304 additions & 0 deletions experimental-protocol.html
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion feedback.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@
</div>
<div class="nav-links">
<a href="clinicians.html">Annotators</a>
<a href="#">Protocol</a>
<a href="experimental-protocol.html">Protocol</a>
<button class="share-button" type="button" data-share-button>Share</button>
</div>
</nav>
Expand Down
179 changes: 161 additions & 18 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
</div>
<div class="nav-links">
<a href="clinicians.html">Annotators</a>
<a href="#">Protocol</a>
<a href="experimental-protocol.html">Protocol</a>
<button class="share-button" type="button" data-share-button>Share</button>
</div>
</nav>
Expand All @@ -41,7 +41,7 @@ <h1>ReportX</h1>
<strong>Annotator guide</strong>
<span>Annotation protocol, annotation fields, examples, and language selector.</span>
</a>
<a class="landing-card protocol-card" href="#">
<a class="landing-card protocol-card" href="experimental-protocol.html">
<span class="card-kicker">Protocol</span>
<strong>Experimental Protocol</strong>
<span>Study design, acquisition parameters, and experimental setup.</span>
Expand Down Expand Up @@ -379,6 +379,144 @@ <h2>Annotators Version in English</h2>
</tbody>
</table>
</div>
<div class="section-heading" style="margin-top:48px;">
<h3 style="font-size:1.25rem;">Field Definitions</h3>
</div>
<div class="field-grid">
<article class="field-item">
<div>
<span class="field-id">F003</span>
<h3>Side of Tumor Center</h3>
<p>Anatomical laterality of the tumor center relative to the brain midline: left, right, or midline.</p>
</div>
<div class="field-img-wrap">
<img src="instruction_images/F003_img.png" alt="F003 – Side of Tumor Center">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F005</span>
<h3>Enhancement Quality</h3>
<p>Qualitative assessment of CET contrast enhancement, including whether it is present and how pronounced it appears.</p>
</div>
<div class="field-img-wrap">
<img src="instruction_images/F005_img.png" alt="F005 – Enhancement Quality">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F010</span>
<h3>Definition of the Enhancing Margin</h3>
<p>Whether most of the outer enhancing margin is well defined or poorly defined.</p>
</div>
<div class="field-img-wrap">
<img src="instruction_images/F010_img.png" alt="F010 – Definition of the Enhancing Margin">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F011</span>
<h3>Definition of the Non-Enhancing Margin</h3>
<p>Whether most of the outer non-enhancing component margin is well defined or poorly defined.</p>
</div>
<div class="field-img-wrap">
<img src="instruction_images/F011_img.png" alt="F011 – Definition of the Non-Enhancing Margin">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F012</span>
<h3>Intratumoral Hemorrhage</h3>
<p>Whether intrinsic hemorrhage is visible anywhere in the tumor matrix.</p>
</div>
<div class="field-img-wrap">
<img src="instruction_images/F012_img.png" alt="F012 – Intratumoral Hemorrhage">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F015</span>
<h3>Tumor Heterogeneity</h3>
<p>Degree of heterogeneity of the tumor internal architecture.</p>
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F018</span>
<h3>Number of Lesions</h3>
<p>Number of independent lesions observed in the brain.</p>
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F019</span>
<h3>Type of Lesion</h3>
<p>Categorical lesion type: single, multicentric, or multifocal.</p>
</div>
<div class="field-img-wrap">
<img src="instruction_images/F019_img.png" alt="F019 – Type of Lesion">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F020</span>
<h3>Ependymal Invasion</h3>
<p>Whether the TC abuts an adjacent ependymal surface.</p>
</div>
<div class="field-img-wrap">
<img src="instruction_images/F020_img.png" alt="F020 – Ependymal Invasion">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F021</span>
<h3>Depth of TC</h3>
<p>Possible values: cortical, subcortical white matter, deep white matter, and basal nuclei.</p>
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F022</span>
<h3>Tumor Center Macroarea</h3>
<p>The macroarea or lobe in which the barycenter lies.</p>
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F023</span>
<h3>Midline Shift</h3>
<p>Shift of the midline caused by the tumor mass, reported in millimeters.</p>
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F024</span>
<h3>Tumor Shape</h3>
<p>Approximate shape of the tumor mass.</p>
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F025</span>
<h3>Tumor Origin</h3>
<p>Likely origin category: periventricular, gyral, or deep white matter.</p>
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F026</span>
<h3>Tumor Crosses Midline</h3>
<p>Whether the tumor crosses the midline.</p>
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F027</span>
<h3>Subject-Specific Findings</h3>
<p>Any subject-specific finding that does not fall under a predefined category.</p>
</div>
</article>
</div>
</section>

<section id="clinicians-it" class="section clinicians-it-content">
Expand Down Expand Up @@ -434,127 +572,132 @@ <h2>Definizione dei Campi</h2>
<h3>Lato del Centro del Tumore</h3>
<p>Definito come la lateralità anatomica del centro del tumore in base alla posizione del baricentro del TC rispetto alla linea mediana del cervello, ad esempio sinistra, destra o linea mediana.</p>
</div>
<div class="image-placeholder">F003_lateralita_tumore</div>
<div class="field-img-wrap">
<img src="instruction_images/F003_img.png" alt="F003 – Lato del Centro del Tumore">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F005</span>
<h3>Qualità dell'Enhancement</h3>
<p>Valutazione qualitativa dell'enhancement del contrasto CET, indicando se l'enhancement è presente e quanto appare pronunciato.</p>
</div>
<div class="image-placeholder">F005_qualita_enhancement</div>
<div class="field-img-wrap">
<img src="instruction_images/F005_img.png" alt="F005 – Qualità dell'Enhancement">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F010</span>
<h3>Definizione del Margine Enhancing</h3>
<p>Valuta se la maggior parte del margine esterno dell'enhancement è ben definita o scarsamente definita.</p>
</div>
<div class="image-placeholder">F010_margine_enhancing</div>
<div class="field-img-wrap">
<img src="instruction_images/F010_img.png" alt="F010 – Definizione del Margine Enhancing">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F011</span>
<h3>Definizione del Margine Non-Enhancing</h3>
<p>Valuta se la maggior parte del margine esterno della componente non-enhancing è ben definita o scarsamente definita.</p>
</div>
<div class="image-placeholder">F011_margine_non_enhancing</div>
<div class="field-img-wrap">
<img src="instruction_images/F011_img.png" alt="F011 – Definizione del Margine Non-Enhancing">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F012</span>
<h3>Emorragia Intratumorale</h3>
<p>Valuta se un'emorragia intrinseca è visibile in qualsiasi punto della matrice tumorale.</p>
</div>
<div class="image-placeholder">F012_emorragia_intratumorale</div>
<div class="field-img-wrap">
<img src="instruction_images/F012_img.png" alt="F012 – Emorragia Intratumorale">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F015</span>
<h3>Eterogeneità del Tumore</h3>
<p>Il grado di eterogeneità dell'architettura interna del tumore.</p>
</div>
<div class="image-placeholder">F015_eterogeneita_tumore</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F018</span>
<h3>Numero di Lesioni</h3>
<p>Numero di lesioni indipendenti osservate nel cervello.</p>
</div>
<div class="image-placeholder">F018_numero_lesioni</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F019</span>
<h3>Tipo di Lesione</h3>
<p>Variabile categorica che indica il tipo di lesione osservata. Valori possibili: singola, multicentrica o multifocale.</p>
</div>
<div class="image-placeholder">F019_tipo_lesione</div>
<div class="field-img-wrap">
<img src="instruction_images/F019_img.png" alt="F019 – Tipo di Lesione">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F020</span>
<h3>Invasione Ependimale</h3>
<p>Valuta se il TC è a contatto con una superficie ependimale adiacente.</p>
</div>
<div class="image-placeholder">F020_invasione_ependimale</div>
<div class="field-img-wrap">
<img src="instruction_images/F020_img.png" alt="F020 – Invasione Ependimale">
</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F021</span>
<h3>Profondità del TC</h3>
<p>Determina la profondità del TC. Valori possibili: corticale, sostanza bianca sottocorticale, sostanza bianca profonda e nuclei della base.</p>
</div>
<div class="image-placeholder">F021_profondita_tc</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F022</span>
<h3>Macroarea del Centro del Tumore</h3>
<p>La macroarea, o lobo, in cui ricade il baricentro, ottenuta utilizzando l'atlante.</p>
</div>
<div class="image-placeholder">F022_macroarea_centro</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F023</span>
<h3>Spostamento della Linea Mediana</h3>
<p>Lo spostamento della linea mediana causato dalla massa tumorale, in millimetri.</p>
</div>
<div class="image-placeholder">F023_spostamento_linea_mediana</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F024</span>
<h3>Forma del Tumore</h3>
<p>La forma approssimativa della massa tumorale.</p>
</div>
<div class="image-placeholder">F024_forma_tumore</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F025</span>
<h3>Origine del Tumore</h3>
<p>Dove origina il tumore, secondo le categorie: Periventricolare, Girale, Sostanza bianca profonda.</p>
</div>
<div class="image-placeholder">F025_origine_tumore</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F026</span>
<h3>Il Tumore Attraversa la Linea Mediana</h3>
<p>Indica se il tumore attraversa la linea mediana.</p>
</div>
<div class="image-placeholder">F026_crossing_linea_mediana</div>
</article>
<article class="field-item">
<div>
<span class="field-id">F027</span>
<h3>Reperti Specifici del Soggetto</h3>
<p>Qualsiasi reperto specifico del soggetto che non rientra in alcuna categoria predefinita.</p>
</div>
<div class="image-placeholder">F027_reperti_specifici</div>
</article>
</div>
</section>
Expand Down
Binary file added instruction_images/F003_img.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added instruction_images/F005_img.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added instruction_images/F010_img.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added instruction_images/F011_img.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added instruction_images/F012_img.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added instruction_images/F019_img.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added instruction_images/F020_img.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion join.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
</div>
<div class="nav-links">
<a href="clinicians.html">Annotators</a>
<a href="#">Protocol</a>
<a href="experimental-protocol.html">Protocol</a>
<button class="share-button" type="button" data-share-button>Share</button>
</div>
</nav>
Expand Down
47 changes: 47 additions & 0 deletions site.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,3 +24,50 @@

button.addEventListener("click", copyPageLink);
})();

(function () {
function openLightbox(src, alt, labels) {
const overlay = document.createElement("div");
overlay.className = "img-lightbox";
const box = document.createElement("div");
box.className = "img-lightbox-box";
const img = document.createElement("img");
img.src = src;
img.alt = alt || "";
box.appendChild(img);
if (labels.length) {
const row = document.createElement("div");
row.className = "img-labels img-labels--lightbox";
labels.forEach(function (label) {
const s = document.createElement("span");
s.textContent = label.text;
s.style.flex = label.weight;
row.appendChild(s);
});
box.appendChild(row);
}
overlay.appendChild(box);
overlay.addEventListener("click", () => overlay.remove());
document.addEventListener("keydown", function onKey(e) {
if (e.key === "Escape") { overlay.remove(); document.removeEventListener("keydown", onKey); }
});
document.body.appendChild(overlay);
}

document.querySelectorAll(".field-img-wrap img").forEach(function (img) {
const inner = document.createElement("div");
inner.className = "field-img-inner";
img.parentNode.insertBefore(inner, img);
inner.appendChild(img);
});

document.addEventListener("click", function (e) {
const wrap = e.target.closest(".field-img-wrap");
if (!wrap) return;
const img = wrap.querySelector("img");
if (!img) return;
const labelEls = Array.from(wrap.querySelectorAll(".img-labels span"));
const labels = labelEls.map(function (s) { return { text: s.textContent, weight: s.dataset.weight || "1" }; });
openLightbox(img.src, img.alt, labels);
});
})();
Loading
Loading