                <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/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-530" href="#wppdf-modal-530" >
                                <img  src="https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/04/perspec-01-01-1.png" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-530" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-530').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-530" ).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/memoriagraficadepelotas/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-530");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/04/perspectivastecnicaseestilisticas.pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
                        <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/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-535" href="#wppdf-modal-535" >
                                <img  src="https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/04/a-gráfic-01-01.png" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-535" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-535').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-535" ).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/memoriagraficadepelotas/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-535");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/02/A-Gráfica-Diário-Popular-Ltda.-de-Pelotas-como-palco-da-produção-gráfica-local.pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
                        <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/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-539" href="#wppdf-modal-539" >
                                <img  src="https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/04/analis-01-01-1.png" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-539" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-539').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-539" ).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/memoriagraficadepelotas/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-539");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/02/Análise-Gráfica-do-Álbum-Litterário-de-1875.pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
                        <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/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-543" href="#wppdf-modal-543" >
                                <img  src="https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/04/inex-pressões-01.png" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-543" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-543').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-543" ).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/memoriagraficadepelotas/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-543");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/02/Das-inex-pressões-em-resgate-a-um-século-de-Design-em-Pelotas.pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
                        <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/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-550" href="#wppdf-modal-550" >
                                <img  src="https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/04/souzasoar-01.png" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-550" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-550').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-550" ).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/memoriagraficadepelotas/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-550");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/02/Design-gráfico-e-memória.pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
                        <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/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-554" href="#wppdf-modal-554" >
                                <img  src="https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/04/dtsociedade-01.png" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-554" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-554').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-554" ).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/memoriagraficadepelotas/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-554");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/02/DESIGN-TRADIÇÃO-E-SOCIEDADE.pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
                        <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/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-558" href="#wppdf-modal-558" >
                                <img  src="https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/04/lito-01.png" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-558" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-558').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-558" ).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/memoriagraficadepelotas/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-558");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/02/Litografia-uma-Genial-Invenção..pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
                        <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/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-562" href="#wppdf-modal-562" >
                                <img  src="https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/04/o-design-como-suporte-01.png" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-562" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-562').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-562" ).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/memoriagraficadepelotas/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-562");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/02/O-design-como-suporte-de-memória-e-a-busca-pela-identidade.pdf");
                                            },
                                            close: function(){  
                                                clearInterval(startBook.drawInterval());                                              }
                                            }
                                    });
                                    $(document).on('click', '.popup-modal-dismiss', function (e) {
                                        e.preventDefault();
                                        $.magnificPopup.close();
                                    });
                                });
                            </script>
                            </div>
                        </li>
                                        </ul>
            </div>
        </div>
                        <script type="text/javascript">
        var $ = jQuery;
        $(function () {
            PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/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-566" href="#wppdf-modal-566" >
                                <img  src="https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/04/tradição-grafica-pelotas-01.png" width="100%" height="100%" >
                            </a>
                            <div id="wppdf-modal-566" class="mfp-hide white-popup-block">
                            </div>
                                                        <script type="text/javascript">
                                var $ = jQuery;
                                PDFJS.workerSrc = "https://wp.ufpel.edu.br/memoriagraficadepelotas/wp-content/plugins/wppdf/js/pdf.worker.js";
                                $(function () {
                                    $('.popup-modal-566').magnificPopup({
                                        type: 'inline',
                                        preloader: false,
                                        focus: '#username',
                                        modal: true,
                                        callbacks: {
                                            open: function(){
                                                $ = jQuery;
                                                $("#wppdf-modal-566" ).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/memoriagraficadepelotas/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-566");
                                                myNode.innerHTML = content;   

                                                var myNode = document.getElementById("lpcontainer");
                                                myNode.innerHTML = '';    

                                                webViewerInitialized("https://wp.ufpel.edu.br/memoriagraficadepelotas/files/2017/02/Tradição-gráfica-em-Pelotas.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":216,"date":"2017-02-06T16:12:38","date_gmt":"2017-02-06T18:12:38","guid":{"rendered":"https:\/\/wp.ufpel.edu.br\/memoriagraficadepelotas\/?page_id=216"},"modified":"2022-10-18T15:05:11","modified_gmt":"2022-10-18T18:05:11","slug":"publicacoes","status":"publish","type":"page","link":"https:\/\/wp.ufpel.edu.br\/memoriagraficadepelotas\/publicacoes\/","title":{"rendered":"Publica\u00e7\u00f5es"},"content":{"rendered":"<h4>Livros<\/h4>\n<h4 align=\"justify\"><span style=\"color: #000000;\"><span style=\"font-family: Helvetica Neue, serif;\"><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"en-US\"><b>Histogr\u00e1fica Pelotense III: DESIGNA\u00c7\u00d5ES VISUAIS EMERGENTES<\/b><\/span><\/span><\/span><\/span><\/span><\/span><\/h4>\n<p align=\"justify\"><span style=\"color: #000000;\"><span style=\"font-family: Helvetica Neue, serif;\"><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\">A obra se configura como ve\u00edculo de extrovers\u00e3o dos resultados da quinta edi\u00e7\u00e3o do Semin\u00e1rio Internacional Design, Tradi\u00e7\u00e3o e Sociedade (V SIDTS, 2021) \u2013 evento multidisciplinar, promovido pela equipe do Grupo de Pesquisa, CNPq, Mem\u00f3ria Gr\u00e1fica: design, tradi\u00e7\u00e3o e sociedade, vinculado ao projeto de pesquisa Mem\u00f3ria Gr\u00e1fica de Pelotas: um s\u00e9culo de design, financiado pela FAPERGS de 2011 a 2021.<\/span><\/span><\/span> <\/span><\/span><\/p>\n<p align=\"justify\"><a href=\"https:\/\/drive.google.com\/file\/d\/1jwnm0jK-KqNPRKd8GEhEpzH_undE0F9y\/view?usp=sharing\">Baixe seu livro gr\u00e1tis aqui<\/a><\/p>\n<p align=\"justify\"><a href=\"https:\/\/wp.ufpel.edu.br\/memoriagraficadepelotas\/files\/2022\/10\/Histografica-Pelotense-III-U-ebook.pdf\">Navegue pelo livro aqui<\/a><\/p>\n<p align=\"justify\"><span style=\"color: #000000;\"><span style=\"font-family: Helvetica Neue, serif;\"><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"en-US\"><b>Histogr\u00e1fica Pelotense: <\/b><\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><b>Mem<\/b><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"es-ES-u-co-trad\"><b>\u00f3<\/b><\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"it-IT\"><b>ria Gr<\/b><\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><b>\u00e1<\/b><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"pt-PT\"><b>fica de<\/b><\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><b>\u00a0<\/b><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"pt-PT\"><b>Pelotas: um s<\/b><\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"fr-FR\"><b>\u00e9<\/b><\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"pt-PT\"><b>culo de design<\/b><\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"en-US\"><b>, de 1890 a 1990 &#8211; Resultados Parciais<\/b><\/span><\/span><\/span><\/span><\/span><\/span><\/p>\n<p align=\"justify\"><span style=\"color: #000000;\"><span style=\"font-family: Helvetica Neue, serif;\"><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\">Histogr\u00e1<\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"pt-PT\">fica, como argumenta\u00e7\u00e3<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"it-IT\">o l<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"es-ES-u-co-trad\">\u00f3<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"pt-PT\">gica <\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"en-US\">complementar da rela\u00e7\u00e3o entre os termos \u201ch<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\">istograma\u201d e <\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"ar-SA\">\u201c<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\">gr\u00e1<\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"it-IT\">fica<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\">\u201d<\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"pt-PT\">, materializa um conjunto de investiga\u00e7\u00f5<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\">es<\/span><\/span><\/span> <span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"pt-PT\">sistematicamente agrupadas em tem<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\">\u00e1<\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"pt-PT\">ticas espec<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\">\u00ed<\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"pt-PT\">ficas sobre o legado das artes gr<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\">\u00e1<\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"pt-PT\">ficas <\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"en-US\">\u00e0 mem\u00f3ria, tradi\u00e7\u00e3o do of\u00edcio e seus respectivos impactos da sociedade<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\">.<\/span><\/span><\/span> <\/span><\/span><\/p>\n<p align=\"justify\"><span style=\"color: #000000;\"><span style=\"font-family: Helvetica Neue, serif;\"> <span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\">Histogr\u00e1<\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"pt-PT\">fica Pelotense, enquanto produto editorial, registra e disponibiliza os resultados <\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"en-US\">do Grupo<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"es-ES-u-co-trad\"> de <\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"en-US\">P<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"fr-FR\">esquisa<\/span><\/span><\/span><\/span> <span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\">Mem<\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"es-ES-u-co-trad\">\u00f3<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"it-IT\">ria Gr<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\">\u00e1<\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"it-IT\">fica<\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"en-US\">, Tradi\u00e7\u00e3o e Sociedade (CNPq).<\/span><\/span><\/span><\/span><\/span><\/span><\/p>\n<p><a href=\"https:\/\/drive.google.com\/drive\/u\/6\/folders\/0B_shc2z2e7AvNmpqMW5zUk1XdUE?resourcekey=0-QFOI_uXfpD5fpl3-5BBV7w\">Baixe seu livro gr\u00e1tis aqui<\/a><\/p>\n<h5 align=\"justify\"><span style=\"color: #000000;\"><span style=\"font-family: Helvetica Neue, serif;\"><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><b>Histogr\u00e1<\/b><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"pt-PT\"><b>fica Pelotense II: Artes gr<\/b><\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><b>\u00e1<\/b><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"pt-PT\"><b>ficas e acervos na Am<\/b><\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"fr-FR\"><b>\u00e9<\/b><\/span><\/span><\/span><\/span><span style=\"color: #2b2b2b;\"><span style=\"font-family: Helvetica, serif;\"><span style=\"font-size: large;\"><span lang=\"it-IT\"><b>rica Latina<\/b><\/span><\/span><\/span><\/span><\/span><\/span><\/h5>\n<p align=\"left\"><span style=\"color: #000000;\"><span style=\"font-family: Helvetica Neue, serif;\"><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\"><span lang=\"pt-PT\">A obra se configura como ve<\/span><\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\">\u00ed<\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\"><span lang=\"pt-PT\">culo de extrovers\u00e3o dos resultados da quarta edi\u00e7\u00e3o do Semin<\/span><\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\">\u00e1<\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\"><span lang=\"pt-PT\">rio Internacional Design, Tradi\u00e7\u00e3o e Sociedade (IV SIDTS, 2016) &#8211; evento multidisciplinar, promovido pela equipe do Grupo de Pesquisa, CNPq, Mem<\/span><\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\"><span lang=\"es-ES-u-co-trad\">\u00f3<\/span><\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\"><span lang=\"it-IT\">ria Gr<\/span><\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\">\u00e1<\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\"><span lang=\"it-IT\">fica: design, tradi<\/span><\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\"><span lang=\"pt-PT\">\u00e7\u00e3o e sociedade, vinculado ao projeto de pesquisa Mem<\/span><\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\"><span lang=\"es-ES-u-co-trad\">\u00f3<\/span><\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\"><span lang=\"it-IT\">ria Gr<\/span><\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\">\u00e1<\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\"><span lang=\"pt-PT\">fica de Pelotas: um s<\/span><\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\"><span lang=\"fr-FR\">\u00e9<\/span><\/span><\/span><span style=\"color: #212121;\"><span style=\"font-family: Helvetica, serif;\"><span lang=\"pt-PT\">culo de design, financiado pela FAPERGS de 2011 a 2016.<\/span><\/span><\/span><\/span><\/span><\/p>\n<p align=\"left\"><a href=\"http:\/\/guaiaca.ufpel.edu.br:8080\/handle\/prefix\/6666\">Baixe seu livro gr\u00e1tis aqui<\/a><\/p>\n<p><span class=\"Apple-style-span\"><\/span><\/p>\n<p><span class=\"Apple-style-span\"><\/span><\/p>\n<p><span class=\"Apple-style-span\"><\/span><\/p>\n<p><span class=\"Apple-style-span\"><\/span><\/p>\n<p><span class=\"Apple-style-span\"><\/span><\/p>\n<p><span class=\"Apple-style-span\"><\/span><\/p>\n<p><span class=\"Apple-style-span\"><\/span><\/p>\n<p><span class=\"Apple-style-span\"><\/span><\/p>\n<p><span class=\"Apple-style-span\"><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Livros Histogr\u00e1fica Pelotense III: DESIGNA\u00c7\u00d5ES VISUAIS EMERGENTES A obra se configura como ve\u00edculo de extrovers\u00e3o dos resultados da quinta edi\u00e7\u00e3o do Semin\u00e1rio Internacional Design, Tradi\u00e7\u00e3o e Sociedade (V SIDTS, 2021) \u2013 evento multidisciplinar, promovido pela equipe do Grupo de Pesquisa, CNPq, Mem\u00f3ria Gr\u00e1fica: design, tradi\u00e7\u00e3o e sociedade, vinculado ao projeto de pesquisa Mem\u00f3ria Gr\u00e1fica de &hellip; <a href=\"https:\/\/wp.ufpel.edu.br\/memoriagraficadepelotas\/publicacoes\/\" class=\"more-link\">Continue lendo <span class=\"screen-reader-text\">Publica\u00e7\u00f5es<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":709,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-216","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wp.ufpel.edu.br\/memoriagraficadepelotas\/wp-json\/wp\/v2\/pages\/216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.ufpel.edu.br\/memoriagraficadepelotas\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.ufpel.edu.br\/memoriagraficadepelotas\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/memoriagraficadepelotas\/wp-json\/wp\/v2\/users\/709"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/memoriagraficadepelotas\/wp-json\/wp\/v2\/comments?post=216"}],"version-history":[{"count":35,"href":"https:\/\/wp.ufpel.edu.br\/memoriagraficadepelotas\/wp-json\/wp\/v2\/pages\/216\/revisions"}],"predecessor-version":[{"id":1317,"href":"https:\/\/wp.ufpel.edu.br\/memoriagraficadepelotas\/wp-json\/wp\/v2\/pages\/216\/revisions\/1317"}],"wp:attachment":[{"href":"https:\/\/wp.ufpel.edu.br\/memoriagraficadepelotas\/wp-json\/wp\/v2\/media?parent=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}