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/825900" alt="Avatar"/> </figure> <ul class="profil_content"> <li class="fotograf"> <span class="gallery_label">Fotograf:</span> Pi Leo </li> <li data-ng-if="user.equipment"> <span class="gallery_label">Equipment:</span> GoPro Hero 3+ Black Edition, Smartphone Gigaset GS290, Panasonic Lumix DMC-LX 100, Business (REM: Jeol JSM 6610 LV, LM: Leica DM6 M) </li> <li data-ng-if="user.website"> <span class="gallery_label">Webseite:</span> <a data-ng-href="{{user.website}}" target="_blank">https://www.pileo.de</a> </li> <li data-ng-if="user.interessen"> <span class="gallery_label">Interessen:</span> Natur genießen, Mountain Bike Ausfahrten (Cross Country, Freeride) , Musik (keine Klassik)  </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.eclipsed.de/de" target="_blank">https://www.eclipsed.de/de</a></li> <li><a href="https://www.eyeofscience.de/" target="_blank">https://www.eyeofscience.de/</a></li> <li><a href="https://www.terracollage.com/" target="_blank">https://www.terracollage.com/</a></li> </ul> </article> </section>