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/10746" alt="Avatar"/> </figure> <ul class="profil_content"> <li class="fotograf"> <span class="gallery_label">Fotograf:</span> Zika </li> <li data-ng-if="user.equipment"> <span class="gallery_label">Equipment:</span> Jede Kamera- und Objektivkombination is ein Kompromiss. Meiner ist die OM-1 mit 300mm f4 und 40-150mm f2.8 Objektiven für Naturfotos und einem 8-25mm f4 für Städte und Architektur. Mit den langen Linsen bin ich noch ausreichend mobil für Bergwanderungen, Fahrradtouren und eine Anreise mit den öffentlichen Verkehrsmitteln. So entstehen auch die meisten meiner Bilder. </li> <li data-ng-if="user.website"> <span class="gallery_label">Webseite:</span> <a data-ng-href="{{user.website}}" target="_blank">https://www.flickr.com/people/198391481@N03/</a> </li> <li data-ng-if="user.interessen"> <span class="gallery_label">Interessen:</span> Naturfotografie, insbesondere Vogelfotografie - bevorzugt mit einer Anreise aus eigener Kraft, d.h. zu Fuß, per Rad oder Kanu.  </li> </ul> </article> </section>