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/1678026" alt="Avatar"/> </figure> <ul class="profil_content"> <li class="fotograf"> <span class="gallery_label">Fotograf:</span> don_cuoio </li> <li data-ng-if="user.equipment"> <span class="gallery_label">Equipment:</span> Nikon D810, AF-S Nikon 24-120mm f/4G ED VR, Nikon AF-S Nikkor 70-200mm f4G ED VR, </li> <li data-ng-if="user.website"> <span class="gallery_label">Webseite:</span> <a data-ng-href="{{user.website}}" target="_blank">https://foto.cuoio.de</a> </li> <li data-ng-if="user.interessen"> <span class="gallery_label">Interessen:</span> Mein Fokus liegt zunehmend auf der digitalen Kunst, bei der ich Fotografie mit kreativen Bearbeitungstechniken kombiniere, um einzigartige, emotionale und oft surreal anmutende Werke zu erschaffen. Durch den gezielten Einsatz von Bewegungsunschärfe, Lichtstimmungen und Farben entstehen Bilder, die über die klassische Fotografie hinausgehen und eine eigene Bildsprache sprechen.  </li> </ul> </article> </section>