Galerie - c't Fotografie

function notify(type, message) { const container = document.createElement('p'); container.classList.add('notify', type); container.style.display = 'none'; container.innerHTML = message; document.getElementById('notification_area').appendChild(container); make_notify_sticky(); } function show_notify(data) { notify(data.type, data.message); if (data.backtrace) { console.log(data.backtrace); } } var orig_topnav_zindex = null; function make_notify_sticky() { if (orig_topnav_zindex === null) { orig_topnav_zindex = document.querySelector('.heisetopnavi nav').style.zIndex; } document.querySelector('.heisetopnavi nav').style.zIndex = '1'; document.querySelector('.notify').addEventListener('click', hide_notify); setTimeout(hide_notify, 2500); fadeIn(document.querySelector('.notify')); }; function hide_notify() { const notifyElem = document.querySelector('.notify'); if (!notifyElem) return; fadeOut(notifyElem, function() { const notify = document.querySelector('.notify'); if (notify) { notify.remove(); document.querySelector('.heisetopnavi nav').style.zIndex = orig_topnav_zindex; } }); } function fadeIn(element) { element.style.opacity = 0; element.style.display = 'block'; let opacity = 0; const timer = setInterval(() => { opacity += 0.1; if (opacity >= 1) { clearInterval(timer); element.style.opacity = 1; } element.style.opacity = opacity; }, 20); } function fadeOut(element, callback) { let opacity = 1; const timer = setInterval(() => { opacity -= 0.1; if (opacity <= 0) { clearInterval(timer); element.style.display = 'none'; if (callback) callback(); } element.style.opacity = opacity; }, 50); } function ready(fn) { if (document.readyState !== 'loading'){ fn(); } else { document.addEventListener('DOMContentLoaded', fn); } } document.addEventListener('click', function(e) { if (e.target.matches('p.notify')) { hide_notify(); } }); ready(function() { setTimeout(function() { hide_notify(); }, 3500); }); <section class="upload_form user_profil clearfix"> <article class="form"> <figure class="avatar"> <img src="/foto/galerie/avatar/1049512" alt="Avatar"/> </figure> <ul class="profil_content"> <li class="fotograf"> <span class="gallery_label">Fotograf:</span> Roland Schirmer </li> <li data-ng-if="user.equipment"> <span class="gallery_label">Equipment:</span> Nikon Z6II, Nikkor Z 17-28mm f/2,8, Nikkor Z 35mm f/1,8 S, Nikkor Z 24-70mm f/2,8 S, Lensbaby Velvet 56, Nikkor Z 100-400mm f/4.5-5.6 VR S, Nikkor Z MC 105mm f/2,8 VR S, Nikon Speedlight SB-600 </li> </ul> </article> <article class="note" data-ng-if="user.links.length"> <span class="gallery_label">Interessante Links:</span> <ul class="interesting_websites"> <li><a href="https://www.flickr.com/groups/ftbgalerie/" target="_blank">https://www.flickr.com/groups/ftbgalerie/</a></li> <li><a href="https://www.flickr.com/photos/roland_s/" target="_blank">https://www.flickr.com/photos/roland_s/</a></li> <li><a href="https://www.fototeam-bruchkoebel.de" target="_blank">https://www.fototeam-bruchkoebel.de</a></li> </ul> </article> </section>