                <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/bachpopmus/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-276" href="#wppdf-modal-276" >
                                <img  src="https://wp.ufpel.edu.br/bachpopmus/files/2017/12/capa.jpg" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-276" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/bachpopmus/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-276').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-276" ).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/bachpopmus/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-276");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/bachpopmus/files/2017/12/Portifolio-Nump.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":148,"date":"2017-09-04T16:26:27","date_gmt":"2017-09-04T19:26:27","guid":{"rendered":"https:\/\/wp.ufpel.edu.br\/bachpopmus\/?page_id=148"},"modified":"2020-07-27T21:45:27","modified_gmt":"2020-07-28T00:45:27","slug":"nump","status":"publish","type":"page","link":"https:\/\/wp.ufpel.edu.br\/bachpopmus\/nump\/","title":{"rendered":"NuMP"},"content":{"rendered":"<p style=\"text-align: justify\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"122\" data-permalink=\"https:\/\/wp.ufpel.edu.br\/bachpopmus\/nump\/%e6%89%93%e5%8d%b0\/\" data-orig-file=\"https:\/\/i0.wp.com\/wp.ufpel.edu.br\/bachpopmus\/files\/2017\/08\/NuMP.jpg?fit=594%2C460&amp;ssl=1\" data-orig-size=\"594,460\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;\\u6253\\u5370&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"NuMP\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/wp.ufpel.edu.br\/bachpopmus\/files\/2017\/08\/NuMP.jpg?fit=400%2C310&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/wp.ufpel.edu.br\/bachpopmus\/files\/2017\/08\/NuMP.jpg?fit=594%2C460&amp;ssl=1\" class=\"alignnone size-medium wp-image-122\" src=\"https:\/\/i0.wp.com\/wp.ufpel.edu.br\/bachpopmus\/files\/2017\/08\/NuMP.jpg?resize=400%2C310&#038;ssl=1\" alt=\"\" width=\"400\" height=\"310\" srcset=\"https:\/\/i0.wp.com\/wp.ufpel.edu.br\/bachpopmus\/files\/2017\/08\/NuMP.jpg?resize=400%2C310&amp;ssl=1 400w, https:\/\/i0.wp.com\/wp.ufpel.edu.br\/bachpopmus\/files\/2017\/08\/NuMP.jpg?w=594&amp;ssl=1 594w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n\n<p style=\"text-align: justify\">O N\u00facleo de M\u00fasica Popular da UFPel tem como objetivo a qualifica\u00e7\u00e3o e divulga\u00e7\u00e3o das pr\u00e1ticas musicais desenvolvidas por professores e alunos do curso de M\u00fasica Popular junto a comunidade pelotense, contribuindo para a difus\u00e3o do conhecimento art\u00edstico musical resultante destas intera\u00e7\u00f5es .<\/p>\n<p style=\"text-align: justify\">Atrav\u00e9s da inser\u00e7\u00e3o dos discentes do curso em atividades extras de ensino, pesquisa e extens\u00e3o desenvolvidas pelo projeto o NuMP pretende contribuir para a forma\u00e7\u00e3o acad\u00eamico profissional destes alunos por meio de experi\u00eancias orientadas que promovam a melhoria na qualidade do processo de ensino aprendizagem, auxilie no combate \u00e0 reprova\u00e7\u00e3o, \u00e0 reten\u00e7\u00e3o, \u00e0 evas\u00e3o, e proporcione a comunidade local uma experi\u00eancia cultural significativa.<\/p>\n<p style=\"text-align: justify\">As atividades promovidas pelo NuMP acontecem em diferentes formatos tais como; encontros, cursos de curta dura\u00e7\u00e3o , eventos, apresenta\u00e7\u00f5es art\u00edsticas, palestras, oficinas, grupos de estudo todas cadastradas como a\u00e7\u00f5es de um mesmo projeto.<\/p>\n<p>&nbsp;<\/p>\n<p>Redes sociais:<\/p>\n<p>Instagram:\u00a0 <a href=\"https:\/\/www.instagram.com\/muspopufpel\/\">https:\/\/www.instagram.com\/muspopufpel\/<\/a><\/p>\n<p>Facebook: <a href=\"https:\/\/www.facebook.com\/profile.php?id=100017729565847\">https:\/\/www.facebook.com\/profile.php?id=100017729565847<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>O N\u00facleo de M\u00fasica Popular da UFPel tem como objetivo a qualifica\u00e7\u00e3o e divulga\u00e7\u00e3o das pr\u00e1ticas musicais desenvolvidas por professores e alunos do curso de M\u00fasica Popular junto a comunidade pelotense, contribuindo para a difus\u00e3o do conhecimento art\u00edstico musical resultante destas intera\u00e7\u00f5es . Atrav\u00e9s da inser\u00e7\u00e3o dos discentes do curso em atividades extras de ensino, &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"https:\/\/wp.ufpel.edu.br\/bachpopmus\/nump\/\">Continue lendo<\/a><\/p>\n","protected":false},"author":651,"featured_media":261,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"template-twocolumnsleft.php","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-148","page","type-page","status-publish","has-post-thumbnail","hentry","nodate","item-wrap"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P9oCR6-2o","jetpack_likes_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/wp.ufpel.edu.br\/bachpopmus\/wp-json\/wp\/v2\/pages\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.ufpel.edu.br\/bachpopmus\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.ufpel.edu.br\/bachpopmus\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/bachpopmus\/wp-json\/wp\/v2\/users\/651"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/bachpopmus\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":12,"href":"https:\/\/wp.ufpel.edu.br\/bachpopmus\/wp-json\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":618,"href":"https:\/\/wp.ufpel.edu.br\/bachpopmus\/wp-json\/wp\/v2\/pages\/148\/revisions\/618"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/bachpopmus\/wp-json\/wp\/v2\/media\/261"}],"wp:attachment":[{"href":"https:\/\/wp.ufpel.edu.br\/bachpopmus\/wp-json\/wp\/v2\/media?parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}