Skip to content
Merged

Dev #22

Show file tree
Hide file tree
Changes from all commits
Commits
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
15 changes: 2 additions & 13 deletions clinicians.html
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ <h2>Annotazione del dataset BraTS2023 completo</h2>
<p>I referti saranno letti e processati anche da sistemi automatici. Per questo è importante descrivere ogni reperto in modo preciso, esplicito e standardizzato, evitando formulazioni ambigue o troppo variabili tra casi simili.</p>
<p>Quando descrivi un finding, usa sempre la stessa logica: indica la sede, specifica la componente tumorale coinvolta quando rilevante e riporta la caratteristica osservata. Mantieni lo stesso modo di spiegare concetti ricorrenti, così il testo resta naturale per l'annotatore ma più facilmente interpretabile dalla macchina.</p>
</div>
<p class="highlight-note">L'articolo derivato verrà sottoposto a <strong>Nature</strong>. Tutti gli annotatori i cui referti superano il controllo di qualità saranno inclusi come autori.</p>
<p class="highlight-note">L'articolo derivato verrà sottoposto a <strong>Nature</strong>. Tutti gli annotatori che contribuiscono e i cui referti superano il controllo di qualità saranno inclusi come coautori.</p>
<p class="feedback-note">Per dubbi, problemi o suggerimenti: <a href="mailto:reportx@unimore.it?subject=Feedback%20BraTS%20Reports%20annotatori">reportx@unimore.it</a></p>
</section>

Expand All @@ -72,7 +72,7 @@ <h2>Annotation of the full BraTS2023 dataset</h2>
<p>The reports will also be read and processed by automatic systems. For this reason, each finding should be described precisely, explicitly, and consistently, avoiding ambiguous wording or excessive variation across similar cases.</p>
<p>When describing a finding, follow the same structure whenever possible: state the location, specify the tumor component involved when relevant, and report the observed characteristic. Keep recurring concepts phrased consistently, so the text remains natural for the annotator while being easier for machines to interpret.</p>
</div>
<p class="highlight-note">The resulting paper will be submitted to <strong>Nature</strong>. Every annotator whose reports pass the quality check will be included as an author.</p>
<p class="highlight-note">The resulting paper will be submitted to <strong>Nature</strong>. Contributing annotators whose reports pass the quality check will be included as co-authors.</p>
<p class="feedback-note">For questions, issues, or suggestions: <a href="mailto:reportx@unimore.it?subject=BraTS%20Reports%20annotator%20feedback">reportx@unimore.it</a></p>
</section>

Expand Down Expand Up @@ -1133,16 +1133,5 @@ <h2>Utilizzo della piattaforma Yggdrasil</h2>
</div>
</footer>
<script src="site.js"></script>
<script>
document.querySelectorAll('input[name="language"]').forEach((input) => {
input.addEventListener('change', () => {
document.body.dataset.lang = input.id === 'lang-en' ? 'en' : 'it';
document.querySelectorAll('.video-wrap video').forEach((video) => {
video.pause();
video.load();
});
});
});
</script>
</body>
</html>
8 changes: 7 additions & 1 deletion dataset-release.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
>
<link rel="stylesheet" href="styles.css">
</head>
<body class="page-dataset">
<body class="page-dataset" data-lang="en">
<header class="site-header">
<nav class="topbar" aria-label="Primary navigation">
<div class="topbar-inner">
Expand All @@ -25,6 +25,12 @@
<a href="clinicians.html">Annotators</a>
<a href="experimental-protocol.html">Protocol</a>
<button class="share-button" type="button" data-share-button>Share</button>
<div class="top-language-switch" aria-label="Language selector">
<input class="lang-radio" type="radio" name="language" id="lang-en" checked>
<label for="lang-en">English</label>
<input class="lang-radio" type="radio" name="language" id="lang-it">
<label for="lang-it">Italiano</label>
</div>
</div>
</div>
</nav>
Expand Down
17 changes: 5 additions & 12 deletions experimental-protocol.html
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ <h3>Preliminary Work</h3>
<h3>Next Steps</h3>
<p>The next phase of the project will involve a larger collaborative reporting effort performed by expert neuroradiologists. This work may also provide the basis for a future dedicated MICCAI challenge task focused on report-enriched brain tumor MRI analysis, multimodal image-text learning, or report-guided segmentation.</p>
<p>The project reference neuroradiologist is Researcher Francesco Farioli, neuroradiologist and PhD student at the University of Modena and Reggio Emilia. The coordinating center is the AImageLab, Department of Engineering "Enzo Ferrari", University of Modena and Reggio Emilia.</p>
<p>All collaborators who complete the assigned work according to the project requirements will be included as co-authors in the resulting dataset publication.</p>
<p>The resulting dataset paper will be submitted to Nature. All collaborators who complete the assigned work and pass quality control will be included as co-authors.</p>
</div>
</section>

Expand Down Expand Up @@ -168,7 +168,7 @@ <h2>4. Expected Results and Impact</h2>
<h2>5. Authorship and Data Release</h2>
</div>
<div class="prose">
<p>All collaborators who complete the assigned reporting work and meet the project requirements will be included as co-authors in the resulting publication describing the dataset. The authorship requirement is completion of the assigned 60 cases after quality-control approval.</p>
<p>The resulting dataset paper will be submitted to Nature. All collaborators who complete the assigned reporting work and meet the project requirements will be included as co-authors in the resulting publication describing the dataset. The authorship requirement is completion of the assigned 60 cases after quality-control approval.</p>
<p>The final dataset will be prepared for public release according to the applicable data-sharing conditions of the original BraTS dataset and the policies of the coordinating center. Documentation accompanying the dataset will include the reporting instructions, data structure, structured fields, and recommended citation.</p>
</div>
</section>
Expand Down Expand Up @@ -202,7 +202,7 @@ <h3>Lavoro Preliminare</h3>
<h3>Prossimi Passi</h3>
<p>La fase successiva del progetto coinvolgerà un più ampio sforzo collaborativo di refertazione svolto da neuroradiologi esperti. Questo lavoro può anche costituire la base per una futura task dedicata MICCAI focalizzata su analisi RM dei tumori cerebrali arricchita dal referto, apprendimento multimodale immagine-testo o segmentazione guidata dal referto.</p>
<p>Il neuroradiologo di riferimento del progetto è il Dott. Francesco Farioli, neuroradiologo e dottorando presso l'Università di Modena e Reggio Emilia. Il centro di coordinamento è AImageLab, Dipartimento di Ingegneria "Enzo Ferrari", Università di Modena e Reggio Emilia.</p>
<p>Tutti i collaboratori che completano il lavoro assegnato secondo i requisiti del progetto saranno inclusi come coautori nella pubblicazione risultante del dataset.</p>
<p>L'articolo derivato dal dataset verrà sottoposto a Nature. Tutti i collaboratori che completano il lavoro assegnato e superano il controllo qualità saranno inclusi come coautori.</p>
</div>
</section>

Expand Down Expand Up @@ -292,7 +292,7 @@ <h2>4. Risultati Attesi e Impatto</h2>
<h2>5. Authorship e Rilascio dei Dati</h2>
</div>
<div class="prose">
<p>Tutti i collaboratori che completano il lavoro di refertazione assegnato e soddisfano i requisiti del progetto saranno inclusi come coautori nella pubblicazione risultante che descrive il dataset. Il requisito di authorship è il completamento dei 60 casi assegnati dopo approvazione del controllo qualità.</p>
<p>L'articolo derivato dal dataset verrà sottoposto a Nature. Tutti i collaboratori che completano il lavoro di refertazione assegnato e soddisfano i requisiti del progetto saranno inclusi come coautori nella pubblicazione risultante che descrive il dataset. Il requisito di authorship è il completamento dei 60 casi assegnati dopo approvazione del controllo qualità.</p>
<p>Il dataset finale sarà preparato per il rilascio pubblico secondo le condizioni di condivisione dati applicabili del dataset BraTS originale e le policy del centro di coordinamento. La documentazione che accompagna il dataset includerà le istruzioni di refertazione, la struttura dei dati, i campi strutturati è la citazione raccomandata.</p>
</div>
</section>
Expand All @@ -306,12 +306,5 @@ <h2>5. Authorship e Rilascio dei Dati</h2>
</div>
</footer>
<script src="site.js"></script>
<script>
document.querySelectorAll('input[name="language"]').forEach((input) => {
input.addEventListener('change', () => {
document.body.dataset.lang = input.id === 'lang-en' ? 'en' : 'it';
});
});
</script>
</body>
</html>
</html>
8 changes: 7 additions & 1 deletion feedback.html
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
}
</style>
</head>
<body>
<body data-lang="en">
<header class="site-header">
<nav class="topbar" aria-label="Primary navigation">
<div class="topbar-inner">
Expand All @@ -61,6 +61,12 @@
<a href="clinicians.html">Annotators</a>
<a href="experimental-protocol.html">Protocol</a>
<button class="share-button" type="button" data-share-button>Share</button>
<div class="top-language-switch" aria-label="Language selector">
<input class="lang-radio" type="radio" name="language" id="lang-en" checked>
<label for="lang-en">English</label>
<input class="lang-radio" type="radio" name="language" id="lang-it">
<label for="lang-it">Italiano</label>
</div>
</div>
</div>
</nav>
Expand Down
9 changes: 8 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
>
<link rel="stylesheet" href="styles.css">
</head>
<body class="home">
<body class="home" data-lang="en">
<header class="site-header">
<nav class="topbar" aria-label="Primary navigation">
<div class="topbar-inner">
Expand All @@ -25,6 +25,12 @@
<a href="clinicians.html">Annotators</a>
<a href="experimental-protocol.html">Protocol</a>
<button class="share-button" type="button" data-share-button>Share</button>
<div class="top-language-switch" aria-label="Language selector">
<input class="lang-radio" type="radio" name="language" id="lang-en" checked>
<label for="lang-en">English</label>
<input class="lang-radio" type="radio" name="language" id="lang-it">
<label for="lang-it">Italiano</label>
</div>
</div>
</div>
</nav>
Expand All @@ -49,6 +55,7 @@ <h1>ReportX</h1>
</a>
</div>
<a class="join-button" href="join.html">Join the project</a>
<p class="highlight-note">The resulting paper will be submitted to <strong>Nature</strong>. Contributing annotators whose reports pass the quality check will be included as co-authors.</p>
</div>
</div>
</section>
Expand Down
10 changes: 8 additions & 2 deletions join.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
>
<link rel="stylesheet" href="styles.css">
</head>
<body class="join-page">
<body class="join-page" data-lang="en">
<header class="site-header">
<nav class="topbar" aria-label="Primary navigation">
<div class="topbar-inner">
Expand All @@ -25,6 +25,12 @@
<a href="clinicians.html">Annotators</a>
<a href="experimental-protocol.html">Protocol</a>
<button class="share-button" type="button" data-share-button>Share</button>
<div class="top-language-switch" aria-label="Language selector">
<input class="lang-radio" type="radio" name="language" id="lang-en" checked>
<label for="lang-en">English</label>
<input class="lang-radio" type="radio" name="language" id="lang-it">
<label for="lang-it">Italiano</label>
</div>
</div>
</div>
</nav>
Expand All @@ -38,7 +44,7 @@ <h1>We are still recruiting.</h1>
If you would like to contribute to the ReportX annotation effort,
contact the ReportX team for more details.
</p>
<p class="highlight-note">The resulting paper will be submitted to <strong>Nature</strong>. Every annotator whose reports pass the quality check will be included as an author.</p>
<p class="highlight-note">The resulting paper will be submitted to <strong>Nature</strong>. Contributing annotators whose reports pass the quality check will be included as co-authors.</p>
<a class="join-mail" href="mailto:reportx@unimore.it?subject=Joining%20BraTS%20Reports">
reportx@unimore.it
</a>
Expand Down
54 changes: 54 additions & 0 deletions site.js
Original file line number Diff line number Diff line change
@@ -1,3 +1,57 @@
(function () {
const storageKey = "reportx-language";
const supportedLanguages = new Set(["en", "it"]);
const radios = document.querySelectorAll('input[name="language"]');

if (!radios.length) {
return;
}

function getStoredLanguage() {
try {
const language = window.localStorage.getItem(storageKey);
return supportedLanguages.has(language) ? language : null;
} catch (error) {
return null;
}
}

function storeLanguage(language) {
try {
window.localStorage.setItem(storageKey, language);
} catch (error) {
// Ignore storage failures; the in-page language switch still works.
}
}

function setLanguage(language, options) {
const nextLanguage = supportedLanguages.has(language) ? language : "en";
document.body.dataset.lang = nextLanguage;
document.documentElement.lang = nextLanguage;

radios.forEach(function (radio) {
radio.checked = radio.id === "lang-" + nextLanguage;
});

if (options && options.reloadVideos) {
document.querySelectorAll(".video-wrap video").forEach(function (video) {
video.pause();
video.load();
});
}
}

setLanguage(getStoredLanguage() || document.body.dataset.lang || "en");

radios.forEach(function (radio) {
radio.addEventListener("change", function () {
const language = radio.id === "lang-it" ? "it" : "en";
setLanguage(language, { reloadVideos: true });
storeLanguage(language);
});
});
})();

(function () {
const button = document.querySelector("[data-share-button]");

Expand Down
30 changes: 12 additions & 18 deletions styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -412,17 +412,13 @@ body.page-dataset .language-panel {
cursor: pointer;
}

body.page-protocol .nav-links,
body.page-clinicians .nav-links {
.nav-links {
align-items: center;
flex-wrap: nowrap;
gap: 8px 14px;
}

body.page-protocol .nav-links a,
body.page-protocol .share-button,
body.page-clinicians .nav-links a,
body.page-clinicians .share-button {
.nav-links a,
.share-button {
display: inline-flex;
align-items: center;
min-height: 34px;
Expand All @@ -434,25 +430,23 @@ body.page-clinicians .share-button {
background: var(--dark);
}

body.page-clinicians[data-lang="it"] .clinicians-en-content,
body.page-clinicians[data-lang="en"] .clinicians-it-content {
body[data-lang="it"] .clinicians-en-content,
body[data-lang="en"] .clinicians-it-content {
display: none;
}

body.page-clinicians[data-lang="it"] .lang-copy-en,
body.page-clinicians[data-lang="en"] .lang-copy-it {
body[data-lang="it"] .lang-copy-en,
body[data-lang="en"] .lang-copy-it {
display: none;
}

body.page-protocol[data-lang="it"] .protocol-en-content,
body.page-protocol[data-lang="en"] .protocol-it-content {
body[data-lang="it"] .protocol-en-content,
body[data-lang="en"] .protocol-it-content {
display: none;
}

body.page-protocol[data-lang="it"] #lang-it + label,
body.page-protocol[data-lang="en"] #lang-en + label,
body.page-clinicians[data-lang="it"] #lang-it + label,
body.page-clinicians[data-lang="en"] #lang-en + label {
body[data-lang="it"] #lang-it + label,
body[data-lang="en"] #lang-en + label {
color: #ffffff;
background: var(--dark);
}
Expand Down Expand Up @@ -1105,7 +1099,7 @@ figcaption {
grid-template-columns: 1fr;
}

body.page-protocol .nav-links {
.nav-links {
flex-wrap: wrap;
}

Expand Down
1 change: 1 addition & 0 deletions videos/.gitkeep
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@

Loading