{"id":4262,"date":"2022-10-04T06:37:42","date_gmt":"2022-10-04T04:37:42","guid":{"rendered":"https:\/\/www.cech.nowytarg.pl\/?page_id=4262"},"modified":"2024-01-25T18:57:33","modified_gmt":"2024-01-25T17:57:33","slug":"aplikacja-zsb","status":"publish","type":"page","link":"https:\/\/www.cech.nowytarg.pl\/index.php\/aplikacja-zsb\/","title":{"rendered":"Aplikacja ZSB"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4262\" class=\"elementor elementor-4262\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-6979a3a elementor-section-height-full elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"6979a3a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7373acd\" data-id=\"7373acd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5bca6d5 elementor-hidden-desktop elementor-widget elementor-widget-text-editor\" data-id=\"5bca6d5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h5 style=\"text-align: center;\">Demonstracja aplikacji mobilnej<\/h5><h3 style=\"text-align: center;\">ZSB Informator Szkolny<\/h3><p style=\"text-align: center;\"><strong><span style=\"text-decoration: underline; color: #ff0000;\">Podgl\u0105d aplikacji widoczny tylko na pe\u0142nej szeroko\u015bci ekranu komputera.<\/span><\/strong><\/p><p style=\"text-align: center;\">Aplikacja <span style=\"text-decoration: underline;\"><strong>wkr\u00f3tce<\/strong><\/span> dost\u0119pna na GooglePlay!<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc6f5f2 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"fc6f5f2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n@import url(https:\/\/fonts.googleapis.com\/css?family=Varela+Round:400,600,300|Audiowide);body{background-color:#DEF;font-family:'Varela Round',sans-serif;a.btn-google{font-family:'Audiowide',sans-serif}}.phone{border:40px solid #333;border-width:50px 15px;border-radius:40px;margin:50px auto;overflow:hidden;transition:all 0.5s ease}.phone iframe{border:0;width:100%;height:100%}.phone.view_1{transform:rotateX(50deg) rotateY(0deg) rotateZ(-50deg);box-shadow:-3px 3px 0 #BBB,-6px 6px 0 #BBB,-9px 9px 0 #BBB,-12px 12px 0 #BBB,-14px 10px 20px #666}.phone.view_2{transform:rotateX(0deg) rotateY(-60deg) rotateZ(0deg);box-shadow:5px 1px 0 #BBB,9px 2px 0 #BBB,12px 3px 0 #BBB,15px 4px 0 #BBB,0 7px 20px #999}.phone.view_3{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);box-shadow:0 3px 0 #BBB,0 4px 0 #BBB,0 5px 0 #BBB,0 7px 0 #BBB,0 10px 20px #666}#controls{position:absolute;top:20px;left:0;font-size:.9em;color:#333}#controls div{margin:10px;display:none}#controls div label{width:50px;display:block;float:left}#views{position:absolute;top:100px;right:20px;width:200px}#views button{width:50px;border:2px solid #bbb;background-color:#fff;height:50px;margin:10px 0;color:#666;transition:all 0.2s;border-radius:50%}#views button:hover{color:#444;background-color:#eee}@media (max-width:900px){#wrapper{transform:scale(.8,.8)}}@media (max-width:700px){#wrapper{transform:scale(.6,.6)}}@media (max-width:500px){#wrapper{transform:scale(.4,.4)}}a.btn-google{color:#fff}.btn{padding:10px 16px;margin:5px;font-size:18px;line-height:1.3333333;border-radius:6px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;font-weight:500;text-decoration:none;display:inline-block}.btn:active:focus,.btn:focus{outline:0}.btn:focus,.btn:hover{color:#333;text-decoration:none;outline:0}.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-google{color:#fff;background-color:#111;border-color:#000;padding:15px 16px 5px 40px;position:relative;font-family:Audiowide;font-weight:600}.btn-google:focus{color:#fff;background-color:#555;border-color:#000}.btn-google:active,.btn-google:hover{color:#fff;background-color:#555;border-color:#000}.btn-google:before{content:\"\";background-image:url(https:\/\/4.bp.blogspot.com\/-52U3eP2JDM4\/WSkIT1vbUxI\/AAAAAAAArQA\/iF1BeARv2To-2FGQU7V6UbNPivuv_lccACLcB\/s30\/nexus2cee_ic_launcher_play_store_new-1.png);background-size:cover;background-repeat:no-repeat;width:30px;height:30px;position:absolute;left:6px;top:50%;margin-top:-15px}.btn-google:after{content:\"GET IT ON\";position:absolute;top:5px;left:40px;font-size:10px;font-weight:400}\r\n<\/style>\r\n\r\n\r\n<!--The Main Thing-->\r\n<div id=\"wrapper\">\r\n  <div class=\"phone view_1\" id=\"phone_1\">\r\n    <iframe src=\"https:\/\/docs-demo.ionic.io\/?ionic:mode=md\" id=\"frame_1\"><\/iframe>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!--Controls etc.-->\r\n<div id=\"controls\">\r\n    <h5>Interaktywna  demonstracja aplikacji mobilnej<\/h5>\r\n    <h3>ZSB Informator Szkolny [1.0.7]<\/h3>\r\n  <h5>Apka <u>wkr\u00f3tce<\/u> dost\u0119pna na GooglePlay!<\/h5>\r\n\r\n<a class=\"btn btn-google\" href=\"#\" title=\"Google Play\">Google Play<\/a>\r\n  <div>\r\n    <label for=\"iframeURL\">URL:<\/label>\r\n    <input type=\"text\" id=\"iframeURL\" placeholder=\"https:\/\/docs-demo.ionic.io\/?ionic:mode=md\" value=\"https:\/\/docs-demo.ionic.io\/?ionic:mode=md\" \/>\r\n  <\/div>\r\n  <div>\r\n    <label for=\"iframeWidth\">Width:<\/label>\r\n    <input type=\"number\" id=\"iframeWidth\" placeholder=\"400\" value=\"400\" \/>\r\n  <\/div>\r\n  <div>\r\n    <label for=\"iframeHeight\">Height:<\/label>\r\n    <input type=\"number\" id=\"iframeHeight\" placeholder=\"650\" value=\"650\" \/>\r\n  <\/div>\r\n  <!--Idea by \/u\/aerosole-->\r\n  <div>\r\n    <label for=\"iframePerspective\">Add perspective:<\/label>\r\n    <input type=\"checkbox\" id=\"iframePerspective\" checked=\"true\" \/>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"views\">\r\n  <h4>Wybierz widok:<\/h4>\r\n  <button value=\"1\">&#x21D9;<\/button>\r\n  <button value=\"2\">&rArr;<\/button>\r\n  <button value=\"3\">&uArr;<\/button>\r\n<\/div>\r\n\r\n<script>\r\n  var phone=document.getElementById(\"phone_1\"),iframe=document.getElementById(\"frame_1\");function updateView(view){if(view){phone.className=\"phone view_\"+view}}\r\n  function updateIframe(){iframe.src=\"https:\/\/zsb-informator-107.netlify.app\";phone.style.width=\"360px\";phone.style.height=\"740px\";document.getElementById(\"wrapper\").style.perspective=(document.getElementById(\"iframePerspective\").checked?\"1000px\":\"none\")}\r\n  updateIframe();document.getElementById(\"controls\").addEventListener(\"change\",function(){updateIframe()});document.getElementById(\"views\").addEventListener(\"click\",function(evt){updateView(evt.target.value)})\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Demonstracja aplikacji mobilnej ZSB Informator Szkolny Podgl\u0105d aplikacji widoczny tylko na pe\u0142nej szeroko\u015bci ekranu komputera. Aplikacja wkr\u00f3tce dost\u0119pna na GooglePlay! Interaktywna demonstracja aplikacji mobilnej ZSB Informator Szkolny [1.0.7] Apka wkr\u00f3tce dost\u0119pna na GooglePlay! Google Play URL: Width: Height: Add perspective: Wybierz widok: &#x21D9; &rArr; &uArr;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.cech.nowytarg.pl\/index.php\/wp-json\/wp\/v2\/pages\/4262"}],"collection":[{"href":"https:\/\/www.cech.nowytarg.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cech.nowytarg.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cech.nowytarg.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cech.nowytarg.pl\/index.php\/wp-json\/wp\/v2\/comments?post=4262"}],"version-history":[{"count":130,"href":"https:\/\/www.cech.nowytarg.pl\/index.php\/wp-json\/wp\/v2\/pages\/4262\/revisions"}],"predecessor-version":[{"id":5400,"href":"https:\/\/www.cech.nowytarg.pl\/index.php\/wp-json\/wp\/v2\/pages\/4262\/revisions\/5400"}],"wp:attachment":[{"href":"https:\/\/www.cech.nowytarg.pl\/index.php\/wp-json\/wp\/v2\/media?parent=4262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}