$('#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/26/thumbs/ratajczyk_pawel_vyraj_01_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/26/thumbs/ratajczyk_pawel_vyraj_01_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Vyraj 1\u0022 height\u003D\u0022270\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/26/thumbs/ratajczyk_pawel_vyraj_02_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/26/thumbs/ratajczyk_pawel_vyraj_02_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Vyraj 2\u0022 height\u003D\u0022270\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/26/thumbs/ratajczyk_pawel_vyraj_03_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/26/thumbs/ratajczyk_pawel_vyraj_03_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Vyraj 3\u0022 height\u003D\u0022270\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/26/thumbs/ratajczyk_pawel_vyraj_04_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/26/thumbs/ratajczyk_pawel_vyraj_04_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Vyraj 4\u0022 height\u003D\u0022270\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/26/thumbs/ratajczyk_pawel_vyraj_05_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/26/thumbs/ratajczyk_pawel_vyraj_05_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Vyraj 5\u0022 height\u003D\u0022319\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/26/thumbs/ratajczyk_pawel_vyraj_06_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/26/thumbs/ratajczyk_pawel_vyraj_06_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Vyraj 6\u0022 height\u003D\u0022257\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/26/thumbs/ratajczyk_pawel_vyraj_07_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/26/thumbs/ratajczyk_pawel_vyraj_07_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Vyraj 7\u0022 height\u003D\u0022252\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/30/thumbs/ratajczyk_pawel_vyraj_08_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/30/thumbs/ratajczyk_pawel_vyraj_08_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Vyraj 8\u0022 height\u003D\u0022312\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\u003EPawel Ratajczyk\u003C/h3\u003E\u000A\u0009\u000A\u0009\u003Cp\u003E\u000A\u0009\u003Cstrong\u003EVyraj\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003Edigitální román\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\u003EVyraj je digitální román s prvky hry v podobě multimediální mobilní aplikace. Vypráví příběh Yrji – dívky žijící v post\u002Dapokalyptickým světě, kde je lidstvo decimováno, čas je kontaminovaný, věda a příběhy jsou ztracené. Nucená opustit svoji osadu, Yrja jde do podsvětí, kde objeví minulost a zvrátí osud jejího lidu. Originální příběh byl vymyšlen a napsán autorem.\u003C/p\u003E\u000A\u000A\u0009\u003Cp\u003EHlavním prvkem projektu je typografie. Orientace textu se často mění\u003B čtenář je tak nucen otáčet zařízení. Layout odráží události v příběhu: dlouhé řádky představují pohyb\u003B bloky textu se používají pro statické scény. Když se děj větví, větví se i text – každá věta běží v jiném směru. Neobvyklý layout, např. čtení od zdola nahoru nebo \u003Cspan class\u003D\u0022caps\u0022\u003ERSVP\u003C/span\u003E (technologie rychlého čtení založena na zobrazování textu jako sekvence slov), se objevuje v částech příběhu o kontaminovaném čase.\u003C/p\u003E\u000A\u000A\u0009\u003Cp\u003EČtenář může změnit čas slovesa, aby ovlivnil příběh – objevil jeho skryté části, změnil ho a posunul děj dopředu. Font Vyraj je použit pro označení interaktivních slov. Je to originální písmo, které kombinuje velká a malá písmena. Aby uživatel dokončil četbu a pokračoval do dalších částí, musí dát slovesa do správného tvaru.\u003C/p\u003E\u000A\u000A\u0009\u003Cp\u003ETypografie je doprovázena digitálními kolážemi, lineárními ilustracemi inspirovanými elektrickými diagramy a parallax animací. Autor spolupracoval s profesionální fotografkou, módní návrhářkou a skladatelem.\u003C/p\u003E\u000A\u0009\u0009\u000A\u0009\u000A\u0009\u003Cul class\u003D\u0022awards\u0022\u003E\u000A\u0009\u0009\u000A\u0009\u0009\u003Cli\u003E+Excelentní studenský design\u003C/li\u003E\u000A\u0009\u0009\u000A\u0009\u0009\u003Cli\u003E+Cena Exit Design děkana fakulty umění a designu Univerzity Jana Evangelisty Purkyně v Ústí n. L.\u003C/li\u003E\u000A\u0009\u0009\u000A\u0009\u0009\u003Cli\u003E+Cena děkana Fakulty designu a umění Ladislava Sutnara Západočeské univerzity v Plzni\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/1284\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(); } });