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/1215085" alt="Avatar"/> </figure> <ul class="profil_content"> <li class="fotograf"> <span class="gallery_label">Fotograf:</span> Rudolf Wildgruber </li> <li data-ng-if="user.equipment"> <span class="gallery_label">Equipment:</span> Panasonic Lumix DC-FZ82 </li> <li data-ng-if="user.website"> <span class="gallery_label">Webseite:</span> <a data-ng-href="{{user.website}}" target="_blank">https://www.miramynd.com</a> </li> <li data-ng-if="user.interessen"> <span class="gallery_label">Interessen:</span> Natur- und Makroaufnahmen. Oft ist es eine Kombination von Licht, Farben und Detail, die einen Augenblick zu einem bleibenden Eindruck werden lassen.  </li> </ul> </article> </section>