Naš tim

Iza PAP/RAC-a stoji multidisciplinarni tim koji pomaže mediteranskim zemljama primijeniti regionalne obveze kroz planiranje i upravljanje za održivija i otpornija obalna područja Mediterana.

Photo: Jakov Prkić

Vodstvo

Daria Povh Škugor

Ravnateljica

Saznajte više

Daria Povh Škugor

Ravnateljica

Daria Povh Škugor imenovana je ravnateljicom CRA/PPA-a u lipnju 2024. godine. Prethodno je obnašala dužnost više voditeljice programa, koordinirajući složene i strateški važne projekte upravljanja obalnim područjima diljem Mediterana, od regionalne do lokalne razine.

Diplomirala je ekonomiju obalnih područja, a magisterij iz integralnog upravljanja obalnim područjima stekla je na Sveučilištu Ulster. Također je provela godinu dana na Sveučilištu u Veneciji, gdje se bavila upravljanjem Venecijanskom lagunom.

U svom radu posvećena je jačanju otpornosti i održivosti mediteranskih obalnih područja kroz integralni pristup koji povezuje vlade, znanstvenu zajednicu, lokalne zajednice i gospodarstvo.

// Add drag handle to each modal document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.team-modal-inner').forEach(modal => { const handle = document.createElement('div'); handle.className = 'team-modal-handle'; modal.insertBefore(handle, modal.firstChild); }); }); // Shared close function function closeModal(card) { const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); if (window.innerWidth { modal.classList.remove('is-open'); modal.style.transform = ''; modal.style.transition = ''; }, 350); } else { // Desktop: fade out modal.classList.remove('is-open'); overlay.classList.remove('is-open'); document.body.classList.remove('modal-open'); } } // Open document.addEventListener('click', function(e) { const btn = e.target.closest('.team-modal-btn'); if (!btn) return; const card = btn.closest('.e-loop-item'); const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); modal.classList.add('is-open'); overlay.classList.add('is-open'); document.body.classList.add('modal-open'); }); // Close via overlay or close button document.addEventListener('click', function(e) { const trigger = e.target.closest('.team-modal-overlay, .team-modal-close'); if (!trigger) return; e.preventDefault(); closeModal(trigger.closest('.e-loop-item')); }); // Escape key document.addEventListener('keydown', function(e) { if (e.key !== 'Escape') return; document.querySelectorAll('.team-modal-inner.is-open').forEach(modal => { closeModal(modal.closest('.e-loop-item')); }); }); // ── Drag to dismiss — handle only ── let touchStartY = 0; let isDragging = false; let activeModal = null; let activeCard = null; document.addEventListener('touchstart', function(e) { if (!e.target.closest('.team-modal-handle')) return; const modal = e.target.closest('.team-modal-inner'); if (!modal) return; touchStartY = e.touches[0].clientY; isDragging = true; activeModal = modal; activeCard = modal.closest('.e-loop-item'); modal.style.transition = 'none'; }, { passive: true }); document.addEventListener('touchmove', function(e) { if (!isDragging || !activeModal) return; const delta = e.touches[0].clientY - touchStartY; if (delta 120) { closeModal(activeCard); } else { // Snap back activeModal.style.transition = 'transform 0.35s ease'; activeModal.style.transform = 'translateY(0)'; setTimeout(() => { activeModal.style.transition = ''; }, 350); } activeModal = null; activeCard = null; });

Marko Prem

Zamjenik ravnateljice

Saznajte više

Marko Prem

Zamjenik ravnateljice

Marko Prem zaposlen je u CRA/PPA-u od 2000. godine. Sudjelovao je u pregovorima o Protokolu o integralnom upravljanju obalnim područjem (IUOP) te i danas aktivno doprinosi njegovoj provedbi. Tijekom 2011. i 2012. godine obnašao je dužnost vršitelja dužnosti ravnatelja Centra.
Doktorirao je geografiju na Sveučilištu Primorska u Sloveniji, stekao magisterij iz politika i upravljanja okolišem na Sveučilištu Hull u Ujedinjenoj Kraljevini te diplomirao krajobraznu arhitekturu i agronomiju na Sveučilištu u Ljubljani u Sloveniji.
Njegov rad usmjeren je na planiranje i upravljanje obalnim i morskim područjima, praćenje i procjenu stanja okoliša te razvoj i provedbu povezanih politika i inicijativa Centra.

// Add drag handle to each modal document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.team-modal-inner').forEach(modal => { const handle = document.createElement('div'); handle.className = 'team-modal-handle'; modal.insertBefore(handle, modal.firstChild); }); }); // Shared close function function closeModal(card) { const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); if (window.innerWidth { modal.classList.remove('is-open'); modal.style.transform = ''; modal.style.transition = ''; }, 350); } else { // Desktop: fade out modal.classList.remove('is-open'); overlay.classList.remove('is-open'); document.body.classList.remove('modal-open'); } } // Open document.addEventListener('click', function(e) { const btn = e.target.closest('.team-modal-btn'); if (!btn) return; const card = btn.closest('.e-loop-item'); const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); modal.classList.add('is-open'); overlay.classList.add('is-open'); document.body.classList.add('modal-open'); }); // Close via overlay or close button document.addEventListener('click', function(e) { const trigger = e.target.closest('.team-modal-overlay, .team-modal-close'); if (!trigger) return; e.preventDefault(); closeModal(trigger.closest('.e-loop-item')); }); // Escape key document.addEventListener('keydown', function(e) { if (e.key !== 'Escape') return; document.querySelectorAll('.team-modal-inner.is-open').forEach(modal => { closeModal(modal.closest('.e-loop-item')); }); }); // ── Drag to dismiss — handle only ── let touchStartY = 0; let isDragging = false; let activeModal = null; let activeCard = null; document.addEventListener('touchstart', function(e) { if (!e.target.closest('.team-modal-handle')) return; const modal = e.target.closest('.team-modal-inner'); if (!modal) return; touchStartY = e.touches[0].clientY; isDragging = true; activeModal = modal; activeCard = modal.closest('.e-loop-item'); modal.style.transition = 'none'; }, { passive: true }); document.addEventListener('touchmove', function(e) { if (!isDragging || !activeModal) return; const delta = e.touches[0].clientY - touchStartY; if (delta 120) { closeModal(activeCard); } else { // Snap back activeModal.style.transition = 'transform 0.35s ease'; activeModal.style.transform = 'translateY(0)'; setTimeout(() => { activeModal.style.transition = ''; }, 350); } activeModal = null; activeCard = null; });

Programsko i tehničko osoblje

Marina Marković

Viša voditeljica programa

Saznajte više

Marina Marković

Viša voditeljica programa

Marina Marković bavi se integralnim upravljanjem obalnim područjima i prostornim planiranjem morskih područja na Mediteranu, s posebnim iskustvom u jadranskoj regiji.

Njezin rad usmjeren je na jačanje regionalne suradnje te pružanje stručne podrške nacionalnim procesima planiranja.

Magistrirala je političke znanosti te završila poslijediplomske istraživačke studije iz područja upravljanja obalnim područjima.

// Add drag handle to each modal document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.team-modal-inner').forEach(modal => { const handle = document.createElement('div'); handle.className = 'team-modal-handle'; modal.insertBefore(handle, modal.firstChild); }); }); // Shared close function function closeModal(card) { const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); if (window.innerWidth { modal.classList.remove('is-open'); modal.style.transform = ''; modal.style.transition = ''; }, 350); } else { // Desktop: fade out modal.classList.remove('is-open'); overlay.classList.remove('is-open'); document.body.classList.remove('modal-open'); } } // Open document.addEventListener('click', function(e) { const btn = e.target.closest('.team-modal-btn'); if (!btn) return; const card = btn.closest('.e-loop-item'); const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); modal.classList.add('is-open'); overlay.classList.add('is-open'); document.body.classList.add('modal-open'); }); // Close via overlay or close button document.addEventListener('click', function(e) { const trigger = e.target.closest('.team-modal-overlay, .team-modal-close'); if (!trigger) return; e.preventDefault(); closeModal(trigger.closest('.e-loop-item')); }); // Escape key document.addEventListener('keydown', function(e) { if (e.key !== 'Escape') return; document.querySelectorAll('.team-modal-inner.is-open').forEach(modal => { closeModal(modal.closest('.e-loop-item')); }); }); // ── Drag to dismiss — handle only ── let touchStartY = 0; let isDragging = false; let activeModal = null; let activeCard = null; document.addEventListener('touchstart', function(e) { if (!e.target.closest('.team-modal-handle')) return; const modal = e.target.closest('.team-modal-inner'); if (!modal) return; touchStartY = e.touches[0].clientY; isDragging = true; activeModal = modal; activeCard = modal.closest('.e-loop-item'); modal.style.transition = 'none'; }, { passive: true }); document.addEventListener('touchmove', function(e) { if (!isDragging || !activeModal) return; const delta = e.touches[0].clientY - touchStartY; if (delta 120) { closeModal(activeCard); } else { // Snap back activeModal.style.transition = 'transform 0.35s ease'; activeModal.style.transform = 'translateY(0)'; setTimeout(() => { activeModal.style.transition = ''; }, 350); } activeModal = null; activeCard = null; });

Veronique Evers

Voditeljica programa

Saznajte više

Veronique Evers

Voditeljica programa

Veronique Evers magistrirala je geografiju na Sveučilištu Maine u Francuskoj.
Kroz dugogodišnji profesionalni rad stekla je bogato iskustvo u pružanju stručne potpore zemljama južnog Mediterana u provedbi aktivnosti usmjerenih na održivost obalnih područja.


Prvenstveno se bavi upravljanjem te jačanjem kapaciteta u području IUOP-a i plave ekonomije, s posebnim interesom za društvene i pravne aspekte upravljanja obalnim područjima

// Add drag handle to each modal document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.team-modal-inner').forEach(modal => { const handle = document.createElement('div'); handle.className = 'team-modal-handle'; modal.insertBefore(handle, modal.firstChild); }); }); // Shared close function function closeModal(card) { const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); if (window.innerWidth { modal.classList.remove('is-open'); modal.style.transform = ''; modal.style.transition = ''; }, 350); } else { // Desktop: fade out modal.classList.remove('is-open'); overlay.classList.remove('is-open'); document.body.classList.remove('modal-open'); } } // Open document.addEventListener('click', function(e) { const btn = e.target.closest('.team-modal-btn'); if (!btn) return; const card = btn.closest('.e-loop-item'); const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); modal.classList.add('is-open'); overlay.classList.add('is-open'); document.body.classList.add('modal-open'); }); // Close via overlay or close button document.addEventListener('click', function(e) { const trigger = e.target.closest('.team-modal-overlay, .team-modal-close'); if (!trigger) return; e.preventDefault(); closeModal(trigger.closest('.e-loop-item')); }); // Escape key document.addEventListener('keydown', function(e) { if (e.key !== 'Escape') return; document.querySelectorAll('.team-modal-inner.is-open').forEach(modal => { closeModal(modal.closest('.e-loop-item')); }); }); // ── Drag to dismiss — handle only ── let touchStartY = 0; let isDragging = false; let activeModal = null; let activeCard = null; document.addEventListener('touchstart', function(e) { if (!e.target.closest('.team-modal-handle')) return; const modal = e.target.closest('.team-modal-inner'); if (!modal) return; touchStartY = e.touches[0].clientY; isDragging = true; activeModal = modal; activeCard = modal.closest('.e-loop-item'); modal.style.transition = 'none'; }, { passive: true }); document.addEventListener('touchmove', function(e) { if (!isDragging || !activeModal) return; const delta = e.touches[0].clientY - touchStartY; if (delta 120) { closeModal(activeCard); } else { // Snap back activeModal.style.transition = 'transform 0.35s ease'; activeModal.style.transform = 'translateY(0)'; setTimeout(() => { activeModal.style.transition = ''; }, 350); } activeModal = null; activeCard = null; });

Saznajte više

Ivan Sekovski zaposlen je u CRA/PPA-u od 2015. godine, gdje radi na projektima vezanima uz obalno planiranje, rješenja temeljena na prirodi, klimatskoj otpornosti te praćenju stanja morskih i obalnih područja.
Doktorirao je upravljanje morskim i obalnim područjima na Sveučilištu u Cádizu, magistrirao je na temi upravljanja vodnim i obalnim područjima na Sveučilištu u Faru te biologiju i ekologiju mora na Sveučilištu u Splitu.

// Add drag handle to each modal document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.team-modal-inner').forEach(modal => { const handle = document.createElement('div'); handle.className = 'team-modal-handle'; modal.insertBefore(handle, modal.firstChild); }); }); // Shared close function function closeModal(card) { const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); if (window.innerWidth { modal.classList.remove('is-open'); modal.style.transform = ''; modal.style.transition = ''; }, 350); } else { // Desktop: fade out modal.classList.remove('is-open'); overlay.classList.remove('is-open'); document.body.classList.remove('modal-open'); } } // Open document.addEventListener('click', function(e) { const btn = e.target.closest('.team-modal-btn'); if (!btn) return; const card = btn.closest('.e-loop-item'); const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); modal.classList.add('is-open'); overlay.classList.add('is-open'); document.body.classList.add('modal-open'); }); // Close via overlay or close button document.addEventListener('click', function(e) { const trigger = e.target.closest('.team-modal-overlay, .team-modal-close'); if (!trigger) return; e.preventDefault(); closeModal(trigger.closest('.e-loop-item')); }); // Escape key document.addEventListener('keydown', function(e) { if (e.key !== 'Escape') return; document.querySelectorAll('.team-modal-inner.is-open').forEach(modal => { closeModal(modal.closest('.e-loop-item')); }); }); // ── Drag to dismiss — handle only ── let touchStartY = 0; let isDragging = false; let activeModal = null; let activeCard = null; document.addEventListener('touchstart', function(e) { if (!e.target.closest('.team-modal-handle')) return; const modal = e.target.closest('.team-modal-inner'); if (!modal) return; touchStartY = e.touches[0].clientY; isDragging = true; activeModal = modal; activeCard = modal.closest('.e-loop-item'); modal.style.transition = 'none'; }, { passive: true }); document.addEventListener('touchmove', function(e) { if (!isDragging || !activeModal) return; const delta = e.touches[0].clientY - touchStartY; if (delta 120) { closeModal(activeCard); } else { // Snap back activeModal.style.transition = 'transform 0.35s ease'; activeModal.style.transform = 'translateY(0)'; setTimeout(() => { activeModal.style.transition = ''; }, 350); } activeModal = null; activeCard = null; });

Ante Ivčević

Voditelj programa

Saznajte više

Ante Ivčević

Voditelj programa

Ante Ivčević radi na izradi obalnih planova i strategija te na projektima usmjerenima na prilagodbu klimatskim promjenama i jačanju otpornosti obalnih područja.
Doktorirao je geografiju u području upravljanja rizicima na Sveučilištu Aix-Marseille, magistrirao oceanografiju u području morskog okoliša na istom sveučilištu te fiziku – geofiziku na Sveučilištu u Zagrebu.

// Add drag handle to each modal document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.team-modal-inner').forEach(modal => { const handle = document.createElement('div'); handle.className = 'team-modal-handle'; modal.insertBefore(handle, modal.firstChild); }); }); // Shared close function function closeModal(card) { const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); if (window.innerWidth { modal.classList.remove('is-open'); modal.style.transform = ''; modal.style.transition = ''; }, 350); } else { // Desktop: fade out modal.classList.remove('is-open'); overlay.classList.remove('is-open'); document.body.classList.remove('modal-open'); } } // Open document.addEventListener('click', function(e) { const btn = e.target.closest('.team-modal-btn'); if (!btn) return; const card = btn.closest('.e-loop-item'); const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); modal.classList.add('is-open'); overlay.classList.add('is-open'); document.body.classList.add('modal-open'); }); // Close via overlay or close button document.addEventListener('click', function(e) { const trigger = e.target.closest('.team-modal-overlay, .team-modal-close'); if (!trigger) return; e.preventDefault(); closeModal(trigger.closest('.e-loop-item')); }); // Escape key document.addEventListener('keydown', function(e) { if (e.key !== 'Escape') return; document.querySelectorAll('.team-modal-inner.is-open').forEach(modal => { closeModal(modal.closest('.e-loop-item')); }); }); // ── Drag to dismiss — handle only ── let touchStartY = 0; let isDragging = false; let activeModal = null; let activeCard = null; document.addEventListener('touchstart', function(e) { if (!e.target.closest('.team-modal-handle')) return; const modal = e.target.closest('.team-modal-inner'); if (!modal) return; touchStartY = e.touches[0].clientY; isDragging = true; activeModal = modal; activeCard = modal.closest('.e-loop-item'); modal.style.transition = 'none'; }, { passive: true }); document.addEventListener('touchmove', function(e) { if (!isDragging || !activeModal) return; const delta = e.touches[0].clientY - touchStartY; if (delta 120) { closeModal(activeCard); } else { // Snap back activeModal.style.transition = 'transform 0.35s ease'; activeModal.style.transform = 'translateY(0)'; setTimeout(() => { activeModal.style.transition = ''; }, 350); } activeModal = null; activeCard = null; });

Tea Marasović

Voditeljica programa

Saznajte više

Tea Marasović

Voditeljica programa

Tea Marasović vodi međunarodne projekte i komunikacijske aktivnosti kao i inicijative kojima se potiče uključivanje dionika i jačanje otpornosti obalnih područja na Mediteranu.
Magistrirala je sociologiju, a tijekom svoje karijere stekla je iskustvo u upravljanju projektima i komunikacijama u javnom, privatnom i civilnom sektoru te u novinarstvu.

// Add drag handle to each modal document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.team-modal-inner').forEach(modal => { const handle = document.createElement('div'); handle.className = 'team-modal-handle'; modal.insertBefore(handle, modal.firstChild); }); }); // Shared close function function closeModal(card) { const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); if (window.innerWidth { modal.classList.remove('is-open'); modal.style.transform = ''; modal.style.transition = ''; }, 350); } else { // Desktop: fade out modal.classList.remove('is-open'); overlay.classList.remove('is-open'); document.body.classList.remove('modal-open'); } } // Open document.addEventListener('click', function(e) { const btn = e.target.closest('.team-modal-btn'); if (!btn) return; const card = btn.closest('.e-loop-item'); const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); modal.classList.add('is-open'); overlay.classList.add('is-open'); document.body.classList.add('modal-open'); }); // Close via overlay or close button document.addEventListener('click', function(e) { const trigger = e.target.closest('.team-modal-overlay, .team-modal-close'); if (!trigger) return; e.preventDefault(); closeModal(trigger.closest('.e-loop-item')); }); // Escape key document.addEventListener('keydown', function(e) { if (e.key !== 'Escape') return; document.querySelectorAll('.team-modal-inner.is-open').forEach(modal => { closeModal(modal.closest('.e-loop-item')); }); }); // ── Drag to dismiss — handle only ── let touchStartY = 0; let isDragging = false; let activeModal = null; let activeCard = null; document.addEventListener('touchstart', function(e) { if (!e.target.closest('.team-modal-handle')) return; const modal = e.target.closest('.team-modal-inner'); if (!modal) return; touchStartY = e.touches[0].clientY; isDragging = true; activeModal = modal; activeCard = modal.closest('.e-loop-item'); modal.style.transition = 'none'; }, { passive: true }); document.addEventListener('touchmove', function(e) { if (!isDragging || !activeModal) return; const delta = e.touches[0].clientY - touchStartY; if (delta 120) { closeModal(activeCard); } else { // Snap back activeModal.style.transition = 'transform 0.35s ease'; activeModal.style.transform = 'translateY(0)'; setTimeout(() => { activeModal.style.transition = ''; }, 350); } activeModal = null; activeCard = null; });

Administrativno osoblje

Dina Šilović

Financijska koordinatorica

Saznajte više

Dina Šilović

Financijska koordinatorica

Iskusna je voditeljica administrativnih i financijskih poslova s dugogodišnjim iskustvom u upravljanju projektima financiranima od strane različitih međunarodnih donatora. Magistrirala je ekonomiju na Sveučilištu u Zagrebu.
Odgovorna je za financijsko planiranje, upravljanje sredstvima, izvještavanje, upravljanje novčanim tokom i imovinom, razvoj internih procedura te praćenje provedbe proračuna. Kroz svoje stručno vodstvo osigurava učinkovitu provedbu projekata te doprinosi strateškom donošenju odluka. Također osigurava usklađenost s zahtjevima donatora te transparentno, odgovorno i učinkovito upravljanje projektnim sredstvima.

// Add drag handle to each modal document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.team-modal-inner').forEach(modal => { const handle = document.createElement('div'); handle.className = 'team-modal-handle'; modal.insertBefore(handle, modal.firstChild); }); }); // Shared close function function closeModal(card) { const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); if (window.innerWidth { modal.classList.remove('is-open'); modal.style.transform = ''; modal.style.transition = ''; }, 350); } else { // Desktop: fade out modal.classList.remove('is-open'); overlay.classList.remove('is-open'); document.body.classList.remove('modal-open'); } } // Open document.addEventListener('click', function(e) { const btn = e.target.closest('.team-modal-btn'); if (!btn) return; const card = btn.closest('.e-loop-item'); const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); modal.classList.add('is-open'); overlay.classList.add('is-open'); document.body.classList.add('modal-open'); }); // Close via overlay or close button document.addEventListener('click', function(e) { const trigger = e.target.closest('.team-modal-overlay, .team-modal-close'); if (!trigger) return; e.preventDefault(); closeModal(trigger.closest('.e-loop-item')); }); // Escape key document.addEventListener('keydown', function(e) { if (e.key !== 'Escape') return; document.querySelectorAll('.team-modal-inner.is-open').forEach(modal => { closeModal(modal.closest('.e-loop-item')); }); }); // ── Drag to dismiss — handle only ── let touchStartY = 0; let isDragging = false; let activeModal = null; let activeCard = null; document.addEventListener('touchstart', function(e) { if (!e.target.closest('.team-modal-handle')) return; const modal = e.target.closest('.team-modal-inner'); if (!modal) return; touchStartY = e.touches[0].clientY; isDragging = true; activeModal = modal; activeCard = modal.closest('.e-loop-item'); modal.style.transition = 'none'; }, { passive: true }); document.addEventListener('touchmove', function(e) { if (!isDragging || !activeModal) return; const delta = e.touches[0].clientY - touchStartY; if (delta 120) { closeModal(activeCard); } else { // Snap back activeModal.style.transition = 'transform 0.35s ease'; activeModal.style.transform = 'translateY(0)'; setTimeout(() => { activeModal.style.transition = ''; }, 350); } activeModal = null; activeCard = null; });

Lada Jakelić

Voditeljica operativnih poslova

Saznajte više

Lada Jakelić

Voditeljica operativnih poslova

Lada koordinira organizaciju sastanaka, seminara, službenih putovanja i stručnih misija te doprinosi učinkovitoj provedbi aktivnosti Centra. Zadužena je za koordinaciju administrativnih i operativnih procesa u CRA/PPA-u. Magistrirala je kemiju.

// Add drag handle to each modal document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.team-modal-inner').forEach(modal => { const handle = document.createElement('div'); handle.className = 'team-modal-handle'; modal.insertBefore(handle, modal.firstChild); }); }); // Shared close function function closeModal(card) { const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); if (window.innerWidth { modal.classList.remove('is-open'); modal.style.transform = ''; modal.style.transition = ''; }, 350); } else { // Desktop: fade out modal.classList.remove('is-open'); overlay.classList.remove('is-open'); document.body.classList.remove('modal-open'); } } // Open document.addEventListener('click', function(e) { const btn = e.target.closest('.team-modal-btn'); if (!btn) return; const card = btn.closest('.e-loop-item'); const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); modal.classList.add('is-open'); overlay.classList.add('is-open'); document.body.classList.add('modal-open'); }); // Close via overlay or close button document.addEventListener('click', function(e) { const trigger = e.target.closest('.team-modal-overlay, .team-modal-close'); if (!trigger) return; e.preventDefault(); closeModal(trigger.closest('.e-loop-item')); }); // Escape key document.addEventListener('keydown', function(e) { if (e.key !== 'Escape') return; document.querySelectorAll('.team-modal-inner.is-open').forEach(modal => { closeModal(modal.closest('.e-loop-item')); }); }); // ── Drag to dismiss — handle only ── let touchStartY = 0; let isDragging = false; let activeModal = null; let activeCard = null; document.addEventListener('touchstart', function(e) { if (!e.target.closest('.team-modal-handle')) return; const modal = e.target.closest('.team-modal-inner'); if (!modal) return; touchStartY = e.touches[0].clientY; isDragging = true; activeModal = modal; activeCard = modal.closest('.e-loop-item'); modal.style.transition = 'none'; }, { passive: true }); document.addEventListener('touchmove', function(e) { if (!isDragging || !activeModal) return; const delta = e.touches[0].clientY - touchStartY; if (delta 120) { closeModal(activeCard); } else { // Snap back activeModal.style.transition = 'transform 0.35s ease'; activeModal.style.transform = 'translateY(0)'; setTimeout(() => { activeModal.style.transition = ''; }, 350); } activeModal = null; activeCard = null; });

Adriana Baban

Pomoćna djelatnica

Saznajte više

Adriana Baban

Pomoćna djelatnica

Adriana je dio tima CRA/PPA-a od 2022. godine. Svojim radom doprinosi svakodnevnom funkcioniranju Centra kroz brigu o uredskim prostorima te stvaranju ugodnog i poticajnog radnog okruženja.

// Add drag handle to each modal document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.team-modal-inner').forEach(modal => { const handle = document.createElement('div'); handle.className = 'team-modal-handle'; modal.insertBefore(handle, modal.firstChild); }); }); // Shared close function function closeModal(card) { const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); if (window.innerWidth { modal.classList.remove('is-open'); modal.style.transform = ''; modal.style.transition = ''; }, 350); } else { // Desktop: fade out modal.classList.remove('is-open'); overlay.classList.remove('is-open'); document.body.classList.remove('modal-open'); } } // Open document.addEventListener('click', function(e) { const btn = e.target.closest('.team-modal-btn'); if (!btn) return; const card = btn.closest('.e-loop-item'); const modal = card.querySelector('.team-modal-inner'); const overlay = card.querySelector('.team-modal-overlay'); modal.classList.add('is-open'); overlay.classList.add('is-open'); document.body.classList.add('modal-open'); }); // Close via overlay or close button document.addEventListener('click', function(e) { const trigger = e.target.closest('.team-modal-overlay, .team-modal-close'); if (!trigger) return; e.preventDefault(); closeModal(trigger.closest('.e-loop-item')); }); // Escape key document.addEventListener('keydown', function(e) { if (e.key !== 'Escape') return; document.querySelectorAll('.team-modal-inner.is-open').forEach(modal => { closeModal(modal.closest('.e-loop-item')); }); }); // ── Drag to dismiss — handle only ── let touchStartY = 0; let isDragging = false; let activeModal = null; let activeCard = null; document.addEventListener('touchstart', function(e) { if (!e.target.closest('.team-modal-handle')) return; const modal = e.target.closest('.team-modal-inner'); if (!modal) return; touchStartY = e.touches[0].clientY; isDragging = true; activeModal = modal; activeCard = modal.closest('.e-loop-item'); modal.style.transition = 'none'; }, { passive: true }); document.addEventListener('touchmove', function(e) { if (!isDragging || !activeModal) return; const delta = e.touches[0].clientY - touchStartY; if (delta 120) { closeModal(activeCard); } else { // Snap back activeModal.style.transition = 'transform 0.35s ease'; activeModal.style.transform = 'translateY(0)'; setTimeout(() => { activeModal.style.transition = ''; }, 350); } activeModal = null; activeCard = null; });