                <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/choropelotas/wp-content/plugins/wppdf/js/pdf.worker.js";
        });
        </script>
        <!-- Page Content -->
        <div class="wrapper">
            <div id="three-columns" class="grid-container" style="display:block;">
                <ul class="rig columns-3">
                                            <li>
                            <div class="html-code">
                            <a id="thumbnail" class="popup-modal-248" href="#wppdf-modal-248" >
                                <img  src="https://wp.ufpel.edu.br/choropelotas/files/2020/02/Cadernos-do-Choro-de-Pelotas-1_Page_01.jpg" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-248" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/choropelotas/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-248').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-248" ).empty();
                                                var content = '<div id="wppdf" style="position:fixed; overflow:hidden;top:100px; width:100%; height:100%; top:0; left:0;z-index:1000"> '+
                                                '<div id="flipbook" style=" overflow:hidden; width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:absolute; top:0;left:0;bottom:0;right:0;">'+
                                                '<div id="lp"  style="position:absolute; overflow:hidden; height:100%; width:100%; top: 0; left:0; bottom:0;  right: 0;margin:auto">'+
                                                '<div id="nextbtn"></div>'+
                                                '<div id="prevbtn"></div>'+
                                                '<div id="loader" class="loading">'+
                                                '<img src="https://wp.ufpel.edu.br/choropelotas/wp-content/plugins/wppdf/images/loading.gif"   height="42" width="42">'+
                                                '</div>'+
                                                '<div id="thumbnails">'+
                                                '<div id="faulu" class="thumbnails-nav">'+
                                                '<div id="current-nav" class="thumbnails-nav-current">'+
                                                '<div id="next_lp" class="thumbnails-nav-next thumbnail-final"> <div id="next-thumbnail" class="inner_thumbnail"> <div id="next_hover" class="mouse_out_thumbnail"></div> <div id="next-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="next-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div  id="prev-flipbook_popup" class="thumbnails-nav-prev thumbnail-final"> <div id="prev-thumbnail" class="inner_thumbnail"> <div id="prev-flipbook_popup_hover" class="mouse_out_thumbnail"></div> <div id="prev-left" class="thumbnail-holder-left"></div><div id="page-left-0" class="thumbnail-page"></div><div id="prev-right" class="thumbnail-holder-right"><div id="page-left-1" class="thumbnail-page"></div></div></div></div>'+
                                                '<div  id="prev-flipbook_popup" class="thumbnails-nav-prev thumbnail-final"> <div id="prev-thumbnail" class="inner_thumbnail"> <div id="prev-flipbook_popup_hover" class="mouse_out_thumbnail"></div> <div id="prev-left" class="thumbnail-holder-left"></div><div id="page-left-0" class="thumbnail-page"></div><div id="prev-right" class="thumbnail-holder-right"><div id="page-left-1" class="thumbnail-page"></div></div></div></div>'+
                                                '<div id="page0" style="left:0%;" class="thumbnail-final"> <div id="page0-thumbnail" class="inner_thumbnail"> <div id="page-number-0" class="thumbnail-page">1</div><div id="page0Hover" class="mouse_out_thumbnail"></div> <div id="page0-left" class="thumbnail-holder-left"> </div><div id="page0-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div> </div></div>'+
                                                '<div id="page1" style="left:15%;" class="thumbnail-final"> <div id="page1-thumbnail" class="inner_thumbnail"> <div id="page-number-1" class="thumbnail-page">2 - 3</div> <div id="page1Hover" class="mouse_out_thumbnail"></div> <div id="page1-left" class="thumbnail-holder-left">  <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div>  </div><div id="page1-right" class="thumbnail-holder-right"> <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page2" style="left:30%;" class="thumbnail-final"> <div id="page2-thumbnail" class="inner_thumbnail"> <div id="page-number-2" class="thumbnail-page">4 - 5</div> <div id="page2Hover" class="mouse_out_thumbnail"></div> <div id="page2-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page2-right" class="thumbnail-holder-right"> <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page3" style="left:45%" class="thumbnail-final"> <div id="page3-thumbnail" class="inner_thumbnail"> <div id="page-number-3" class="thumbnail-page">6 - 7</div> <div id="page3Hover" class="mouse_out_thumbnail"></div> <div id="page3-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page3-right" class="thumbnail-holder-right">  <div class="thumbnail-spinner"><div class="thumbnail-spinner-inner"><i class="fa fa-circle-o-notch fa-spin"></i></div></div> </div></div></div>'+
                                                '<div id="page4" style="left:60%"class="thumbnail-final"> <div id="page4-thumbnail" class="inner_thumbnail"> <div id="page-number-4" class="thumbnail-page">8 - 9</div> <div id="page4Hover" class="mouse_out_thumbnail"></div> <div id="page4-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page4-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page5" style="left:75%" class="thumbnail-final"> <div id="page5-thumbnail" class="inner_thumbnail"><div id="page-number-5" class="thumbnail-page">10 - 11</div><div id="page5Hover" class="mouse_out_thumbnail"></div> <div id="page5-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page5-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page6" style="left:90%" class="thumbnail-final"> <div id="page6-thumbnail" class="inner_thumbnail"><div id="page-number-6" class="thumbnail-page">12 - 13</div><div id="page6_hover" class="mouse_out_thumbnail"></div> <div id="page6-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page6-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '<div id="page7" style="left:105%" class="thumbnail-final"> <div id="page7-thumbnail" class="inner_thumbnail"><div id="page-number-7" class="thumbnail-page">13 - 14</div><div id="page7_hover" class="mouse_out_thumbnail"></div> <div id="page7-left" class="thumbnail-holder-left"><image src="" width="100%" height="100%"></div><div id="page7-right" class="thumbnail-holder-right"><image src="" width="100%" height="100%"></div></div></div>'+
                                                '</div>'+
                                                '</div>'+
                                                '<div id="nextthumbnail"> </div>'+
                                                '<div id="next-thumb-page"></div>'+
                                                '<div id="prev-thumb-page"></i></div>'+
                                                '</div>'+
                                                '<div id="topnavbar">'+
                                                '<div class="zoom-slider" ><input   id="zoomRange" name="zoomValue" type="range" min="0.5" max="1" value="0.5" step="0.1"  /></div>'+
                                                '<div class="navbuttons" > <div id="prev_nav" class="prev_nav_button"> </div> <div id="next_nav" class="next_nav_button"> </div> </div>'+
                                                '<div id="showPage" > </div> '+
                                                '</div>'+
                                                '<div id ="lp-book" style="overflow: hidden">'+
                                                '<div id="lp-right-page"></div>'+
                                                '<div id="lp-left-page"> </div>'+
                                                '<div id="lp-left"> <div id="lp-inner-left"><div id="lp-clip"> <div id="lp-inner-clip">  </div> </div></div> <div id="lp-inner-2-left"> <div id="lp-clip2" style="backgroung-color:white;"></div></div> </div>'+
                                                '<div id="lp-right"><div id="lp-inner-right"><div id="lp-right-clip"><div id="lp-right-inner-clip">  </div></div></div><div id="lp-inner-2-right"><div id="lp-right-clip2">  </div></div></div>'+
                                                '</div>'+
                                                '</div>'+  
                                                '<div id="lpcontainer">'+
                                                '</div>'+
                                                '</div>'+
                                                '<div class="mfp-close"  style="  z-index:4000">[x]</div> '+
                                                '</div>';

                                                var myNode = document.getElementById("wppdf-modal-248");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/choropelotas/files/2020/02/CADERNO-DO-CHORO-DE-PELOTAS-EBOOK-low.pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
        {"id":1,"date":"2019-08-19T09:12:32","date_gmt":"2019-08-19T12:12:32","guid":{"rendered":"https:\/\/wp.ufpel.edu.br\/choropelotas\/?p=1"},"modified":"2020-02-19T09:36:56","modified_gmt":"2020-02-19T12:36:56","slug":"ola-mundo","status":"publish","type":"post","link":"https:\/\/wp.ufpel.edu.br\/choropelotas\/2019\/08\/19\/ola-mundo\/","title":{"rendered":"Caderno do Choro de Pelotas"},"content":{"rendered":"\n<p><a href=\"https:\/\/wp.ufpel.edu.br\/bachpopmus\/files\/2017\/09\/Cadernos-do-Choro-de-Pelotas.pdf\">Cadernos do Choro de Pelotas<\/a><\/p>\n<p>O objetivo deste caderno \u00e9 de registrar na pauta musical as composi\u00e7\u00f5es dos chor\u00f5es pelotenses e compartilhar com um p\u00fablico amplo as hist\u00f3rias, narrativas musicais e extramusicais de parte dos m\u00fasicos de Choro de Pelotas. Al\u00e9m das transcri\u00e7\u00f5es, o caderno conta com um rico material gr\u00e1fico, formado por fotos, registros e manuscritos recuperados dos acervos particulares que foram doados pelos amigos e familiares dos m\u00fasicos.\u00a0Foi feito ainda um mini document\u00e1rio sobre os m\u00fasicos de choro de Pelotas, narrado pelos pr\u00f3prios compositores que apresentam as suas hist\u00f3rias de vida e pr\u00e1ticas musicais, intercaladas com as apresenta\u00e7\u00f5es musicais promovidas pelo Clube do choro de Pelotas durante seus quatro anos de atua\u00e7\u00e3o na cidade de Pelotas.<\/p>\n<p><a href=\"https:\/\/youtu.be\/P4HN6Sm_IKE\">Mini-document\u00e1rio<\/a><\/p>\n<p>As transcri\u00e7\u00f5es presentes no caderno respeitaram a tonalidade, a forma e o arranjo originais, e foram escritas para os respectivos instrumentos dos compositores; cavaquinho, viol\u00e3o, bandolim, flauta e saxofone. As duas m\u00fasicas a seguir, compostas pelo multi-instrumentista Possid\u00f4nio Tavares foram originalmente compostas para o saxofone Tenor em Bb. A fim de facilitar a performance das m\u00fasicas apresentamos a seguir dois links para as vers\u00f5es de acompanhamento e solo para os instrumentos n\u00e3o transpositores:<\/p>\n<p><a href=\"https:\/\/wp.ufpel.edu.br\/bachpopmus\/files\/2018\/10\/Tempo-de-Gafieira-para-instrumentos-em-C.pdf\">Tempo-de-Gafieira (para instrumentos em C)<\/a><\/p>\n<p><a href=\"https:\/\/wp.ufpel.edu.br\/bachpopmus\/files\/2018\/10\/Vivendo-e-Aprendendopara-instrumentos-em-C.pdf\">Vivendo-e-Aprendendo(para instrumentos em C)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cadernos do Choro de Pelotas O objetivo deste caderno \u00e9 de registrar na pauta musical as composi\u00e7\u00f5es dos chor\u00f5es pelotenses e compartilhar com um p\u00fablico amplo as hist\u00f3rias, narrativas musicais e extramusicais de parte dos m\u00fasicos de Choro de Pelotas&#8230;. <a class=\"more-link\" href=\"https:\/\/wp.ufpel.edu.br\/choropelotas\/2019\/08\/19\/ola-mundo\/\">Continue lendo &rarr;<\/a><\/p>\n","protected":false},"author":651,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"gallery","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-1","post","type-post","status-publish","format-gallery","hentry","category-noticias","post_format-post-format-gallery"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/wp.ufpel.edu.br\/choropelotas\/wp-json\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.ufpel.edu.br\/choropelotas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.ufpel.edu.br\/choropelotas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/choropelotas\/wp-json\/wp\/v2\/users\/651"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/choropelotas\/wp-json\/wp\/v2\/comments?post=1"}],"version-history":[{"count":9,"href":"https:\/\/wp.ufpel.edu.br\/choropelotas\/wp-json\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":265,"href":"https:\/\/wp.ufpel.edu.br\/choropelotas\/wp-json\/wp\/v2\/posts\/1\/revisions\/265"}],"wp:attachment":[{"href":"https:\/\/wp.ufpel.edu.br\/choropelotas\/wp-json\/wp\/v2\/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/choropelotas\/wp-json\/wp\/v2\/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/choropelotas\/wp-json\/wp\/v2\/tags?post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}