$('#artwork_content').html("\u000A\u000A\u000A\u000A\u000A\u003Cul class\u003D\u0022gallery\u002Dul\u0022\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/labil_1_3840x2400_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/labil_1_3840x2400_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Autorské písmo Labil Grotesk 1\u0022 height\u003D\u0022300\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/labil_2_3840x2400_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/labil_2_3840x2400_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Autorské písmo Labil Grotesk 2\u0022 height\u003D\u0022300\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/labil_3_3840x2400_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/labil_3_3840x2400_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Autorské písmo Labil Grotesk 3\u0022 height\u003D\u0022300\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/labil_4_2880x2880_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/labil_4_2880x2880_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Autorské písmo Labil Grotesk 4\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/labil_5_1800x2160_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/labil_5_1800x2160_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Autorské písmo Labil Grotesk 5\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/labil_6_3840x2040_png_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/labil_6_3840x2040_png_480x320_q85.jpg\u0022 alt\u003D\u0022Autorské písmo Labil Grotesk 6\u0022 height\u003D\u0022255\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/labil_9_3840x2400_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/labil_9_3840x2400_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Autorské písmo Labil Grotesk 7\u0022 height\u003D\u0022300\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/labil_8_2880x2880_png_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/labil_8_2880x2880_png_480x320_q85.jpg\u0022 alt\u003D\u0022Autorské písmo Labil Grotesk 8\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u003C/ul\u003E\u000A\u003Cdiv class\u003D\u0022gallery\u002Ddiv\u0022\u003E\u000A\u0009\u003Ch3\u003EChristian Jánský\u003C/h3\u003E\u000A\u0009\u000A\u0009\u003Cp\u003E\u000A\u0009\u003Cstrong\u003EAutorské písmo Labil Grotesk\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003ENový pohled na švýcarský grotesk\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003EUniverzita Tomáše Bati ve Zlíně\u003C/strong\u003E\u000A\u0009\u003C/p\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Ch4\u003EAnotace\u003C/h4\u003E\u000A\u0009\u0009\u003Cp\u003ELabil Grotesk je výsledkem šestiměsíčního úsilí o vytvoření plnohodnotného autorského písma.\u003C/p\u003E\u000A\u000A\u0009\u003Cp\u003ENezapře formální inspiraci švýcarským groteskem, koncepčně však statickou konstrukci nabourává prvkem lability — cílená destabilizace liter do sazby vnáší motiv hry, ve které text zdánlivě podléhá zákonům gravitace. Písmena se mění v reálné předměty — slova se vznáší, znaky přepadávají, účaří se stává podlahou.\u003C/p\u003E\u000A\u000A\u0009\u003Cp\u003EPřestože lze začátky projektu hledat v autorových prvotních pokusech o návrh písma, výsledek utváří komplexní písmovou rodinu čítající 3 řezy — samozřejmostí jsou OpenType funkce ve formě kapitálek a několika kresebných variant číslic, ale i vybrané alternativní minuskové znaky nápadně ovlivňující výsledný typografický výraz.\u003C/p\u003E\u000A\u000A\u0009\u003Cp\u003EKlíčová je pro Labil Grotesk všestrannost použití — základní verze abecedy účelně působí konvenčním dojmem, jež je narušen pouze po bližším ohledání specifických detailů liter. Skutečným oživením jsou pak alternativní znaky, které se od tradiční konstrukce písma doslova odklánějí — porušení optických zákonitostí a jemné naklonění dříků vytváří novotvary představující mezikrok stojaté a kurzivní kresby.\u003C/p\u003E\u000A\u0009\u0009\u000A\u0009\u000A\u0009\u003Cul class\u003D\u0022awards\u0022\u003E\u000A\u0009\u0009\u000A\u0009\u0009\u003Cli\u003E+Soutěžní práce\u003C/li\u003E\u000A\u0009\u0009\u000A\u0009\u003C/ul\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u000A\u0009\u003Ciframe class\u003D\u0022fb\u002Dlike\u0022 src\u003D\u0022//www.facebook.com/plugins/like.php?href\u003Dhttp://www.studentskydesign.cz/cs/2018/artwork/1291\u0026amp\u003Bsend\u003Dfalse\u0026amp\u003Blayout\u003Dstandard\u0026amp\u003Bwidth\u003D450\u0026amp\u003Bshow_faces\u003Dfalse\u0026amp\u003Baction\u003Dlike\u0026amp\u003Bcolorscheme\u003Dlight\u0022 scrolling\u003D\u0022no\u0022 frameborder\u003D\u00220\u0022 style\u003D\u0022border:none\u003B overflow:hidden\u003B width:450px\u0022 allowTransparency\u003D\u0022true\u0022\u003E\u003C/iframe\u003E\u000A\u003C/div\u003E"); $('#content-left .filter li').removeClass('active'); $('#content-left').find('.content').fadeOut(250).filter(function() { return $(this).data('category') == 'galerie' }).fadeIn(250).find('p').cstypo(); if ($slider !== undefined) { $slider.destroyShow(); } var $slider; // $('.gallery-ul:visible').find('li').first().find('img').imagesLoaded(function(){ $('#artwork_content .gallery-ul').not('.active').addClass('active'); $slider = $('#artwork_content .gallery-ul.active').height($('#artwork_content .gallery-ul.active').find('li').first().find('img').attr('height')).bxSlider({ infiniteLoop: false, prevText: '', nextText: '', hideControlOnEnd: true, onNextSlide: function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){ $('#artwork_content .gallery-ul.active').animate({height:currentSlideHtmlObject.height()}, 250); } , onPrevSlide: function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){ $('#artwork_content .gallery-ul.active').animate({height:currentSlideHtmlObject.height()}, 250); } }); // }); // content left - fancybox $('#artwork_content .gallery-ul li a.fbox').click(function(e){ e.preventDefault(); var thumb = $(this).attr('href'); $.fancybox({ href: thumb, overlayOpacity: 0.8, overlayColor: '#fff', showCloseButton: false, hideOnContentClick: true, padding: 0 }); return false; }); $(document).keydown(function(e) { if (e.keyCode == 37) { // left $slider.goToPreviousSlide(); } if (e.keyCode == 39) { // right $slider.goToNextSlide(); } });