CINXE.COM
비만FS_0118
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta content="width=device-width initial-scale=1.0 minimum-scale=1.0 maximum-scale=1.0 user-scalable=no" name="viewport" /> <meta charset="UTF-8"> <meta property="og:image" content="book/content/book.pdf.og.png"> <title>비만FS_0118</title> <script> var loadingStart = new Date().getTime(); window.onWebViewerDocumentReady = function( viewer ){ var exec = function(){ var splash = document.querySelector( '.splash' ); if( !!splash ){ splash.style.display = 'none'; splash.parentNode.removeChild( splash ); } }; var forceShowSplash = 1000; var loading = new Date().getTime() - loadingStart; if( loading > forceShowSplash ){ exec(); }else{ setTimeout( exec, forceShowSplash - loading ); } } window.addEventListener('load', function(){ var agent = navigator.userAgent.toLowerCase(); var mobileApple = agent.indexOf( 'iphone' ) > -1 || agent.indexOf( 'ipad' ) > -1 || agent.indexOf( 'ipod' ) > -1 || ( agent.indexOf( 'apple' ) > -1 && navigator.maxTouchPoints > 1 ); //아이폰의 경우 주소바 유무에 따라서 window.innerHeight가 변경되는데... //여기에 따라서 화면 표시 영역을 변경해 줘야 한다. if( mobileApple ) { setInterval(function() { if ( window.prevInnerWidth != window.innerWidth || window.prevInnerHeight != window.innerHeight ) { window.prevInnerWidth = window.innerWidth; window.prevInnerHeight = window.innerHeight; document.querySelector('#viewerFrame').style.height = window.innerHeight + 'px'; } }, 500); } //아이폰이나 아이패드의 경우 썸네일 보여지는 탭전환 후 원래 탭으로 돌아왔을때 웹뷰어가 프리징되고 오동작하는 현상이 있는데 //램부족으로 인한 브라우저 버그 같으며, 일단 이런 경우에 대해 페이지를 리프레시시켜주겠다. if( mobileApple ){ document.addEventListener('visibilitychange',function(){ if(!document.hidden){ location.reload(); } }); } }); </script> <script>if (typeof module === 'object') {window.module = module; module = undefined;}</script> <script src="book/jquery-2.1.3.min.js"></script> <style type="text/css"> @font-face { font-family: 'NotoSans-Regular'; src: URL('res/NotoSans-Regular.woff2') format('woff2'); } html, body { height : 100%; overflow : hidden; margin : 0px; font-family: 'NotoSans-Regular'; font-size: 12pt; color: white; } .splash{ position:absolute; width:100%; height:100%; left:0px; top:0px; background-color: #e44c27; display: flex; flex-direction: column; align-items: center; justify-content: center; } .splash-title{ font-size: 20pt; flex:1; display: flex; flex-direction: column; align-items: center; justify-content: center; } </style> </head> <body><iframe id="viewerFrame" frameborder="0" width="100%" height="100%" style="width:100%;height:100%;" allowfullscreen></iframe><div class="splash"> <div class="splash-title"> <h1> 비만FS_0118 </h1> <div style="margin:30px;"> <img src="book/content/book.pdf.og.png" style="transform: rotate(10deg);" border="0"> </div> </div> <div>Now loading..</div> <img src="./res/pdfnextlogo.png" style="width: 150px;margin: 20px;" border="0"> </div></body> <script> var invalidLaunch = false; try{ require( 'electron' ); }catch( e ){ console.error( e ); if( window.location.href.indexOf( 'http' ) !== 0 && window.location.href !== 'file:///android_asset/web_app/index.html' ){ invalidLaunch = true; } } if( invalidLaunch ){ alert( "웹서버에 업로드한 후에 열람할 수 있습니다." ); }else{ document.getElementById( 'viewerFrame' ).src = 'skin/skin.html'; } </script> </html>