{"id":51,"date":"2016-06-27T09:25:26","date_gmt":"2016-06-27T08:25:26","guid":{"rendered":"http:\/\/www.cittadella.cz\/new\/?page_id=51"},"modified":"2020-06-22T13:25:59","modified_gmt":"2020-06-22T12:25:59","slug":"reference","status":"publish","type":"page","link":"https:\/\/www.cittadella.cz\/new\/reference\/","title":{"rendered":"Reference"},"content":{"rendered":"<div id=\"pl-51\"  class=\"panel-layout\" ><div id=\"pg-51-0\"  class=\"panel-grid panel-has-style\" ><div class=\"fixedrow siteorigin-panels-stretch panel-row-style panel-row-style-for-51-0\" id=\"motto\" data-stretch-type=\"full\" ><div id=\"pgc-51-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-51-0-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"panel-widget-style panel-widget-style-for-51-0-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<h2 style=\"text-align: center; margin-top: 40px; color: #fff;\">REFERENCE<\/h2>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-51-1\"  class=\"panel-grid panel-has-style\" ><div class=\"fixedrow2 panel-row-style panel-row-style-for-51-1\" ><div id=\"pgc-51-1-0\"  class=\"panel-grid-cell\" ><style>\r\n\r\n\/* The Modal (background) *\/\r\n.jwmodal {\r\n    display: none; \r\n    position: fixed; \/* Stay in place *\/            \r\n    padding-top: 20px; \/* Location of the box !!! *\/\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%; \/* Full width *\/\r\n    height: 100%; \/* Full height *\/\r\n    overflow: auto; \/* Enable scroll if needed *\/\r\n    background-color: rgb(0,0,0); \/* Fallback color *\/\r\n    background-color: rgba(0,0,0,0.7); \/* Black w\/ opacity *\/\r\n    z-index: 1001;\r\n}\r\n\t\t\t\t\t\t\t\t  \r\n\/* Modal Content *\/\r\n.jwmodal-content { background-color: #333;     margin: auto;    padding: 6px;    border: 1px solid #888;    max-width: 700px; }\r\n\r\n\/* The Close Button *\/\r\n.jwclose,.jwclose2 { color: #fff;    float: right;    font-size: 30px;    font-weight: bold;}\r\n.jwclose:hover, .jwclose:focus, .jwclose2:hover, .jwclose2:focus {    color: #000;    text-decoration: none;    cursor: pointer; }\r\n\r\n.jwmodal-top { width: 100%;    height: 20px;    }\r\n\r\n#copy_url { position: relative; left: -500px; }\r\n\r\n.btn { margin-top: 5px; }\r\n\r\n#myModal2 .jwmodal-content { width: 900px;  }\r\n#myModal2content { margin-top: 40px;  }\r\n.grid-item { width: 290px; padding: 5px; }\r\n.grid-item img { width: 300px; }\r\n.grid-item--width2 { width: 400px; }\r\n\t\t\t\t\t\t\t\t\t    \r\n#youtube {  width: 100%; height: 600px; } \t\t\t\t\t\t\t\t\t    \r\n\r\n@media (max-height: 650px) {\r\n   \r\n\t#youtube {  width: 100%; height: 400px; }\t \r\n\r\n}\r\n\t\t\t\t\t\t\t\t\t    \r\n\r\n<\/style>  \t\t\r\n\t                       \r\n<style>\r\n\r\nnav.main-navigation { z-index: 1 !important; }\r\n\r\ndiv#legend {  margin: 0px auto; text-align: justify;   width: 30%; }\r\ndiv#legend div {display: inline-block; vertical-align: top;\t\/* IE fix. *\/\t*display: inline;\tzoom: 1; margin: 0px 20x;text-align: center;}\r\ndiv#legend:after {\tcontent: \"\";\twidth: 100%;\tdisplay: inline-block; }\r\n\r\n#portfolio_cont { min-height: 400px; }\r\n\r\n.legenda td { color: #444;   font-size: 15px; text-align: center; width: 80px; }\r\n\r\n\/* filter *\/\r\ninput#search { margin: 0px 0px 4px 0px;  }\r\ninput#search::placeholder { \/* Chrome, Firefox, Opera, Safari 10.1+ *\/\r\n  color: #aaa; opacity: 1; \/* Firefox *\/ }\r\n\r\n\r\n<\/style>\r\n\r\n\r\n<script src=\"http:\/\/www.cittadella.cz\/new\/wp-content\/plugins\/citta\/js\/mediaelement\/build\/mediaelement-and-player.js\"><\/script>\r\n<link rel=\"stylesheet\" href=\"http:\/\/www.cittadella.cz\/new\/wp-content\/plugins\/citta\/js\/mediaelement\/build\/mediaelementplayer.css\">\r\n\r\n\r\n\r\n\r\n<script>\r\n\t\r\n\tjQuery(function($) {\r\n\t\tvar next=0;\r\n\t\tvar kateg=0;\r\n\t\tvar gen = 0;\t\r\n\t\t$(document).ready(function () {\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t function get_filter( ) {\r\n\t\t\t\t\tvar pom = \"\";\r\n\t\t\t\t\tif ($('#video').is(':checked'))  pom = \"VIDEO\";\r\n\t\t\t\t\tif ($('#web').is(':checked'))  pom += \";WEB\";\r\n\t\t\t\t\tif ($('#foto').is(':checked'))  pom += \";PHOTO\";\r\n\t\t\t\t\tif ($('#tisk').is(':checked'))  pom += \";TISK\";\r\n\t\t\t\t\tif ($('#d3d').is(':checked'))  pom += \";3D\";\t\t\t\t\t\r\n\t\t\t\t  return pom;\r\n\t\t\t\t}\t\t\t\t\r\n\t\t\r\n\t\t\t\tvar hash = window.location.hash;\r\n\t\t\t\tvar hash = hash.replace(\"#\", \"\");\t\t\t\t\r\n\t\t\t\t\/\/ -------------------------------------------------\t\t\t\t\r\n\t\t\t\t\/\/ nastaven\u00ed okna prehravace na mobilech\r\n\t\t\t\tsw = window.innerWidth;\r\n\t\t\t\tsh = window.innerHeight ;                                         \r\n\r\n\t\t\t\tconsole.log(\"sw: \"+sw+\" sh: \"+sh);\r\n\r\n\t\t\t\tif (sw<760 || sh<760) {\r\n\t\t\t\r\n\t\t\t\t\tif (sw>1000) {\r\n\t\t\t\t\t\ttop_mar = 80;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\ttop_mar = 40;\r\n\t\t\t\t\t} \r\n\t\t\t\t\tconsole.log(\"72: mobil top_mar:\"+top_mar);\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\tif (sw>sh)  {\r\n\t\t\t\t\t\t\/\/ landscape\r\n\t\t\t\t\t\th = sh - top_mar; \/\/ vyska zahlavi bylo 42\r\n\t\t\t\t\t\tw = (16\/9)*h;\r\n\t\t\t\t\t\tpw = (w \/ sw)*100;\r\n\t\t\t\t\t\tpw = Math.round(w)+\"px\";\r\n\t\t\t\t\t\tph = \"calc(100vh - \"+top_mar+\"px)\";\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tpw = \"100%\";\r\n\t\t\t\t\t\tph = \"auto\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\/\/$(\".jwmodal-content\").attr(\"style\",\"  max-width: \"+pw+\" !important;  height: \"+ph+\" !important; \");\r\n\t\t\t\t\t$(\".jwmodal-content\").attr(\"style\",\"  max-width: \"+pw+\" !important;   \");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tconsole.log(\"108: stolni \");\r\n\t\t\t\t\tif (sw>sh)  {\r\n\t\t\t\t\t\t\/\/ landscape\t\t\t\t\t\r\n\t\t\t\t\t\th = sh - 82; \/\/ vyska zahlavi bylo 42\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\tif (sw\/h < 1.7) {\r\n\t\t\t\t\t\t\tconsole.log(\"91: uzzsi jak 16:9 \");\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tif (sw>1280) w = 1280; else w = sw;\r\n\t\t\t\t\t\t\th = (9\/16)*w;\r\n\t\t\t\t\t\t\tpw = w+\"px\";           \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tph = h+\"px\";\t\t\t\t\t\t\t \t\t\t\t\t\t\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tconsole.log(\"97: sirsi jak 16:9 \");\r\n\t\t\t\t\t\t\tif (h>720) h = 720;\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tw = (16\/9)*h;\r\n\t\t\t\t\t\t\tpw = (w \/ sw)*100;           \r\n\t\t\t\t\t\t\tpw = Math.round(w)+\"px\";\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tph = \"calc(100vh - 82px)\";\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tpw = \"80%\";\r\n\t\t\t\t\t\tph = \"auto\";\r\n\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\/\/$(\".jwmodal-content\").attr(\"style\",\"  max-width: \"+pw+\" !important;  height: \"+ph+\" !important; \");\r\n\t\t\t\t\t$(\".jwmodal-content\").attr(\"style\",\"  max-width: \"+pw+\" !important;   \");\r\n\t\t\t\t\t$(\".jwmodal-top\").attr(\"style\",\" float: right;    position: relative;    top: -20px;    right: -18px; \");\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\/\/ -------------------------------------------------\t\r\n\t\t\t\t\r\n\t\r\n\t\t\t\t$( window ).on( 'resize', function( event ) {\r\n\t\t\t\t\t\/\/a lert('This device is in ' + event.orientation + ' mode!' );\r\n\t\t\t\t\tsw = window.innerWidth;\r\n\t\t\t\t\tsh = window.innerHeight ;\r\n\t\t\t\t\tif (sw<760 || sh<760) {\r\n\t\t\t\t\t\tif (sw>sh)  {\r\n\t\t\t\t\t\t\t\/\/ landscape\t\t\t\t\t\r\n\t\t\t\t\t\t\th = sh - 42; \/\/ vyska zahlavi\r\n\t\t\t\t\t\t\tw = (16\/9)*h;\r\n\t\t\t\t\t\t\tpw = (w \/ sw)*100;\r\n\t\t\t\t\t\t\tpw = Math.round(w)+\"px\";\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tph = \"calc(100vh - 40px)\";\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tpw = \"100%\";\r\n\t\t\t\t\t\t\tph = \"auto\";\r\n\t\t\t\t\t\t}\t\t\t\t\r\n\t\t\t\t\t\t\/\/alert(\"B:\"+sw+\" \"+sh+\" pw:\"+pw+\" hw:\"+ph);\r\n\t\t\t\t\t\t\/\/$(\".jwmodal-content\").attr(\"style\",\"max-width: \"+pw+\" !important;  height: \"+ph+\" !important; \");\r\n\t\t\t\t\t\t\/\/ u fotek se neroztahovlalo\t\t\t\t  \r\n\t\t\t\t\t\t$(\".jwmodal-content\").attr(\"style\",\"max-width: \"+pw+\" !important;   \");\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\/\/ ----------------------------------------------------\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\r\n\t\t   \t\t \/\/ uvodni nacteni\r\n\t\t\t\t$.ajax({\r\n  \t\t\t\t\turl: \"http:\/\/www.cittadella.cz\/new\/wp-content\/plugins\/citta\/gen_reference.php?kateg=;2;1;3&f=\"+get_filter()+\"&ref=&logged=0\"+\"&hash=\"+hash,\r\n  \t\t\t\t\tcontext: document.body\r\n\t\t\t\t\t}).done(function(data) {\t\t\t\t\t\t\t\t                                                                                          \r\n\t\t\t\t\t\t\t$(\"#portfolio_cont\").html(data).fadeIn(200);\r\n\t\t\t\t\t\t\tconsole.log('Uvodni nacteni OK');\t\r\n\t\t\t\t});\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t   \r\n\t\t\tvar gen = 0;\r\n\t\t\t\r\n\t \t\t$(\".chfilter\").click(function () { \t\t\r\n\t\t \t\t\t\r\n\t\t \t\t\tconsole.log('Filter - click');\r\n\t\t \t\t\t\r\n\t\t \t\t\tif (gen==1) return;\r\n\t\t \t\t\t\r\n\t\t \t\t\tgen = 1;\r\n\t\t \t\t\t\r\n\t\t \t\t\tkateg='';\r\n\t\t \t\t\tif ($('#komerc').is(':checked')) kateg = ';2';\r\n\t\t \t\t\t\/\/if ($('#komerc').is(':checked'))  { console.log('checked'); } else { console.log('no checked'); } \r\n\t\t \t\t\t\/\/$('#komerc').show();\r\n\t\t \t\t\tif ($('#nekomerc').is(':checked'))   kateg += ';1';\r\n\t\t \t\t\tif ($('#vzdel').is(':checked'))   kateg += ';3';\r\n\t\t \t\t\t\r\n\t\t \t\t\t\r\n\t\t \t\t\t\r\n\t\t \t\t\t\/\/if($('#vzdel').attr('checked')) kateg += ';3';\r\n\t\t\t\t\t \t\t \t\t\t\r\n                    console.log('Filter - '+\"http:\/\/www.cittadella.cz\/new\/wp-content\/plugins\/citta\/gen_reference.php?kateg=\"+kateg+\"&f=\"+get_filter()+\"&ref=\");\r\n\t\t\t\t\t \t\t\t\t\t \t\t \t\t\t\r\n\t\t\t\t\t$.ajax({url: \"http:\/\/www.cittadella.cz\/new\/wp-content\/plugins\/citta\/gen_reference.php?kateg=\"+kateg+\"&f=\"+get_filter()+\"&ref=\", context: document.body\r\n\t\t\t\t\t\t}).done(function(data) {\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t$(\"#portfolio_cont\").html(data).fadeIn(200);\r\n\t\t\t\t\t\t\tgen = 0;\r\n\t\t\t\t\t\t\tconsole.log('Filter - gen OK');\r\n\t\t\t\t\t\t});                  \r\n\t\t\t\t\t\tnext=0;\r\n\t\t\t\t\t\t                  \t\t\t\t\t\t \t\t\t\t         \t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t});\t\t\r\n\t\t\t\/\/ search field\t\t\r\n\t\t\t$( \"#search\" ).keyup(function() {\r\n\t\t\t  \r\n\t\t\t  \tvar str = $(\"#search\").val();\r\n\t\t\t  \t\/\/if (str.length>2) {\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t \t\t\tkateg='';\r\n\t\t \t\t\tif($('#komerc').is(':checked')) kateg = ';2';\r\n\t\t \t\t\tif($('#nekomerc').is(':checked')) kateg += ';1';\r\n\t\t \t\t\tif($('#vzdel').is(':checked')) kateg += ';3';\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t$.ajax({url: \"http:\/\/www.cittadella.cz\/new\/wp-content\/plugins\/citta\/gen_reference.php?kateg=\"+kateg+\"&f=\"+get_filter()+\"&sf=\"+str+\"&ref=\", context: document.body\r\n\t\t\t\t\t\t}).done(function(data) { \r\n\t\t\t\t\t\t\t$(\"#portfolio_cont\").html(data).fadeIn(200);\r\n\t\t\t\t\t\t\tconsole.log(\"filter \"+str);\r\n\t\t\t\t\t\t\tgen = 0;\r\n\t\t\t\t\t\t});                  \r\n\t\t\t\t\t\tnext=0;\t\t\t\t\t\t\t\t\t\t  \r\n\t\t\t\t\/\/}\r\n\t\t\t  \r\n\t\t\t});\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t                                      \t\t\t\t      \r\n\t\t});                    \r\n\t});\r\n\t\r\n  <\/script>\r\n  \r\n  \r\n  \r\n\t<div  style=\" clear: both; height: 20px \" ><\/div>\r\n\t\r\n\t\r\n<div id=\"filter\" >\r\n    <div id=\"filter_a\" >\r\n   \t <input type=\"checkbox\" class=\"chfilter\" name=\"komerc\" id=\"komerc\" checked ><label for=\"komerc\" >CORPORATE<br><span><\/span><\/label>\r\n   \t <input type=\"checkbox\" class=\"chfilter\" name=\"nekomerc\" id=\"nekomerc\" checked ><label for=\"nekomerc\"   >ST\u00c1TN\u00cd A NEZISKOV\u00c9<br><span><\/span><\/label >\r\n  \t <input type=\"checkbox\" class=\"chfilter\" name=\"vzdel\" id=\"vzdel\" checked ><label for=\"vzdel\" style=\"margin-right: 100px; \"  >POPUL\u00c1RN\u011a NAU\u010cN\u00c9<br><span><\/span><\/label >  \t\r\n    <\/div>  \r\n    <div id=\"filter_b\" >\r\n      <input type=\"checkbox\" class=\"chfilter\" name=\"videa\" id=\"video\" checked ><label for=\"video\" >VIDEO<br><span><\/span><\/label> \r\n      <input type=\"checkbox\" class=\"chfilter\" name=\"web\" id=\"web\"  checked ><label for=\"web\" >WEB<br><span><\/span><\/label>\r\n      <input type=\"checkbox\" class=\"chfilter\" name=\"foto\" id=\"foto\" checked ><label for=\"foto\" >FOTO<br><span><\/span><\/label>\r\n      <input type=\"checkbox\" class=\"chfilter\" name=\"tisk\"  id=\"tisk\"  checked ><label for=\"tisk\" >SAZBA|DTP<br><span><\/span><\/label>\r\n      <input type=\"checkbox\" class=\"chfilter\" name=\"d3d\"   id=\"d3d\"  checked ><label for=\"d3d\" >3D<br><span><\/span><\/label>\r\n  <\/div>                 \r\n<\/div> \r\n<div  style=\" clear: both; height: 40px; \" > <\/div>  \r\n \r\n                  \r\n  \r\n  <div id=\"portfolio_cont\" >\r\n  <\/div>\r\n  \r\n  <div  style=\" clear: both; height: 20px \" ><\/div>\r\n\t\t\r\n\r\n<!-- The Modal VIDEO -->\r\n<div id=\"myModal\" class=\"jwmodal\">\r\n\r\n  <!-- Modal content -->\r\n  <div class=\"jwmodal-content\">\r\n    <div style=\"width: 100%; height: 20px\" class=\"jwmodal-top\" ><span class=\"jwclose\">\u00d7<\/span><\/div>\r\n      <video id=\"player1\" width=\"640\" height=\"360\" style=\"max-width:100%;\"  preload=\"none\" controls playsinline webkit-playsinline>\r\n          <source src=\"https:\/\/commondatastorage.googleapis.com\/gtv-videos-bucket\/CastVideos\/mp4\/BigBuckBunny.mp4\" type=\"video\/mp4\">\r\n      <\/video> \r\n\t\t\t<!-- input id=\"copy_url\" value=\"https:\/\/github.com\/zenorocha\/clipboard.js.git\"-->\r\n\t\t\t<!--button class=\"btn\" data-clipboard-target=\"#copy_url\">URL<\/button-->\t\t\t\t\t\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\t\r\n<!-- The Modal PHOTO -->\r\n<div id=\"myModal2\" class=\"jwmodal\">\r\n\r\n  <!-- Modal content -->\r\n  <div  class=\"jwmodal-content\">\r\n    <span class=\"jwclose2\">\u00d7<\/span>\t\t\r\n\t\t<div id=\"myModal2content\" >\r\n  \t    \t\t\t\t        \r\n    <\/div>\t\t\t\r\n  <\/div>\r\n<\/div>\t\r\n\r\n\r\n<div id=\"panel-51-1-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"1\" >\t\t\t<div class=\"textwidget\"><\/div>\n\t\t<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>REFERENCE<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-notitle.php","meta":{"ngg_post_thumbnail":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.cittadella.cz\/new\/wp-json\/wp\/v2\/pages\/51"}],"collection":[{"href":"https:\/\/www.cittadella.cz\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cittadella.cz\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cittadella.cz\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cittadella.cz\/new\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":20,"href":"https:\/\/www.cittadella.cz\/new\/wp-json\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":214,"href":"https:\/\/www.cittadella.cz\/new\/wp-json\/wp\/v2\/pages\/51\/revisions\/214"}],"wp:attachment":[{"href":"https:\/\/www.cittadella.cz\/new\/wp-json\/wp\/v2\/media?parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}