Galerie - c't Fotografie

function notify(type, message) { jQuery('<p class="notify" style="display: none;"></p>').appendTo('#notification_area'); jQuery("p.notify").addClass(type); jQuery(".notify").html(message); 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 = jQuery('.heisetopnavi nav').css('z-index'); } jQuery('.heisetopnavi nav').css('z-index', '1'); jQuery('.notify').click( hide_notify ); setTimeout( hide_notify, 2500 ); jQuery(".notify").fadeIn('fast'); }; function hide_notify() { jQuery('.notify').fadeOut('slow', function() { jQuery('.notify').replaceWith(); jQuery('.heisetopnavi nav').css('z-index', orig_topnav_zindex); } ); } jQuery(document).on('click', 'p.notify', function () { hide_notify(); }); jQuery(document).on('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/561058" alt="Avatar"/> </figure> <ul class="profil_content"> <li class="fotograf"> <span class="gallery_label">Fotograf:</span> dave-derbis </li> <li data-ng-if="user.equipment"> <span class="gallery_label">Equipment:</span> Nikon Z8 14 mm - 400 mm </li> <li data-ng-if="user.website"> <span class="gallery_label">Webseite:</span> <a data-ng-href="{{user.website}}" target="_blank">https://leidenschaft-landschaftsfotografie.de/</a> </li> <li data-ng-if="user.interessen"> <span class="gallery_label">Interessen:</span> Landschaftsfotografie? oO  </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.dave-derbis.de" target="_blank">https://www.dave-derbis.de</a></li> </ul> </article> </section>