layout | title | permalink | subtitle | tags | |||||
---|---|---|---|---|---|---|---|---|---|
page |
Deliverables |
/deliverables/ |
What to expect from the project |
|
All delivery results of the project are described here. The schedule and dependencies are described on the Timeline page.
Different components or organisational topics are being worked on within each work package.
<title>Deliverables</title>
Klicken Sie auf eine Box, um den Inhalt anzuzeigen.
<script>
function showContent(boxNumber, init) {
const urls = {
1: '/deliverable-wp1/',
2: '/deliverable-wp2/',
3: '/deliverable-wp3/',
4: '/deliverable-wp4/',
};
fetch(urls[boxNumber])
.then(response => response.text())
.then(data => {
const parser = new DOMParser();
const doc = parser.parseFromString(data, 'text/html');
const mainContent = doc.querySelector('div[role="main"]');
if (mainContent) {
const innerDiv = mainContent.querySelector('div');
const innerInnerDiv = innerDiv.querySelector('div');
if (innerInnerDiv) {
document.getElementById('deliverable-content').innerHTML = innerInnerDiv.innerHTML;
} else {
document.getElementById('deliverable-content').innerHTML = 'The inner content could not be found.';
}
} else {
document.getElementById('deliverable-content').innerHTML = 'The content could not be found.';
}
// Highlight active box
const boxes = document.querySelectorAll('.deliverable-box');
boxes.forEach(box => box.classList.remove('active'));
boxes[boxNumber - 1].classList.add('active');
if (!init) {
const element = document.getElementById('deliverable-content');
const yOffset = -100; // Höhe des Offsets, z.B. die Höhe der Menüleiste
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({ top: y, behavior: 'smooth' });
}
})
.catch(error => {
document.getElementById('deliverable-content').innerHTML = 'The content could not be found.';
console.error('Error fetching content:', error);
});
}
// Automatically select Box 1 when the page loads
document.addEventListener('DOMContentLoaded', () => {
showContent(1, true);
});
</script>