$('#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/2016/06/21/thumbs/vrublevska_anastasia_typografickekompozice_poster_01_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/21/thumbs/vrublevska_anastasia_typografickekompozice_poster_01_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Typografické kompozice 1\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/2016/06/21/thumbs/vrublevska_anastasia_typografickekompozice_poster_02_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/21/thumbs/vrublevska_anastasia_typografickekompozice_poster_02_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Typografické kompozice 2\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/2016/06/21/thumbs/vrublevska_anastasia_typografickekompozice_poster_03_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/21/thumbs/vrublevska_anastasia_typografickekompozice_poster_03_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Typografické kompozice 3\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/2016/06/21/thumbs/vrublevska_anastasia_typografickekompozice_poster_04_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/21/thumbs/vrublevska_anastasia_typografickekompozice_poster_04_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Typografické kompozice 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/2016/06/21/thumbs/vrublevska_anastasia_typografickekompozice_poster_05_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/21/thumbs/vrublevska_anastasia_typografickekompozice_poster_05_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Typografické kompozice 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/2016/06/21/thumbs/vrublevska_anastasia_typografickekompozice_poster_06_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/21/thumbs/vrublevska_anastasia_typografickekompozice_poster_06_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Typografické kompozice 6\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\u003EAnastasia Vrublevská\u003C/h3\u003E\u000A\u0009\u000A\u0009\u003Cp\u003E\u000A\u0009\u003Cstrong\u003ETypografické kompozice\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003Emodernismus v digitální éře\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003EZápadočeská univerzita v Plzni\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\u003EPráce je vytvořena v rámci semestrálního úkolu:\u003Cbr /\u003E\u0026#8220\u003BVyberte si písma na svém počítači, která nepoužíváte a vytvořte z nich šest čtvrcových 21\u0026#215\u003B21 cm typografických kompozic.\u0026#8221\u003B\u003Cbr /\u003E1. Vybrala jsem si dvě písma, která jsem nikdy nepoužila (kvůli jejich vlastní nepoužitelnosti do čehokoliv jiného kromě kovbojsky laděných materiálů).\u003Cbr /\u003E2. Vytiskla jsem znaky na papír a vyřezala.\u003Cbr /\u003E3. Takto vyřezané znaky jsem zkroutila, položila a nastavila do bodového osvětlení, abych je a jejich stíny vyfotografovala.\u003Cbr /\u003E4. Vzniklé fotografie jsem překreslila a obarvila v počítači.\u003Cbr /\u003E5. Takto vzniklé zářivé čtvercové kompozice jsem vytiskla tiskem s širším gamutem, aby si zachovaly svou barevnost.\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/2016/artwork/960\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(); } });