{"id":3392,"date":"2023-05-30T18:49:49","date_gmt":"2023-05-30T16:49:49","guid":{"rendered":"http:\/\/bibliotekarekovac.hola.rs\/?page_id=3392"},"modified":"2023-10-04T09:22:04","modified_gmt":"2023-10-04T07:22:04","slug":"photo-booth","status":"publish","type":"page","link":"https:\/\/bibliotekarekovac.hola.rs\/?page_id=3392","title":{"rendered":"Photo Booth"},"content":{"rendered":"\n<div class=\"wp-block-columns header-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:10%\">\n<figure class=\"wp-block-image size-full back-image\"><img loading=\"lazy\" decoding=\"async\" width=\"57\" height=\"57\" src=\"http:\/\/bibliotekarekovac.hola.rs\/wp-content\/uploads\/2023\/05\/Back.png\" alt=\"\" class=\"wp-image-3616\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\"><\/div>\n\n\n\n<div class=\"wp-block-column last-header-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\"><div id=\"simple-weather--ad14b821e4cf25b7a9decf29e85ac356\" class=\"simple-weather simple-weather--vue\" :style=\"atts.inline_css\">\n  <template v-if=\"style !== 'widget'\">\n    <span v-if=\"hasCurrentWeather()\" class=\"simple-weather__day simple-weather__day--current\">\n      <span v-if=\"filter_var(atts.show_units)\" class=\"simple-weather__date\">{{current_weather.dt | momentjs( atts.date )}}<\/span>\n      <i class=\"sw\" :class=\"getWeatherIcon(current_weather)\"><\/i>\n      <em class=\"simple-weather__temp\">{{current_weather.temp | temp}} &deg;<template v-if=\"filter_var(atts.show_units)\">{{units}}<\/template>\n      <\/em>\n    <\/span>\n    <template v-if=\"weather_feed\">\n      <span v-for=\"(day, index) in weather_feed\" v-if=\"isDayVisible(index, day)\" class=\"simple-weather__day\">\n        <span v-if=\"filter_var(atts.show_units)\" class=\"simple-weather__date\">{{day.dt | momentjs(atts.date)}}<\/span>\n        <i class=\"sw\" :class=\"getWeatherIcon(day)\"><\/i>\n        <em class=\"simple-weather__temp\">{{day.temp | temp}} &deg;<em class=\"simple-weather__temp-min\" v-if=\"filter_var(atts.night)\">{{day.temp_min | temp}} &deg;<\/em><template v-if=\"filter_var(atts.show_units)\">{{units}}<\/template><\/em>\n      <\/span>\n    <\/template>\n    <template v-else>\n      <span v-html=\"error\" class=\"error\"><\/span>\n    <\/template>\n  <\/template>\n  <template v-else>\n    <div class=\"simple-weather-widget\" v-if=\"current_weather.name || weather_feed\" :class=\"atts.inline_css ? 'simple-weather-widget--bg' : ''\">\n      <h4 class='widget_title' v-if=\"atts.title || current_weather.name\" v-text=\"atts.title ? atts.title : current_weather.name\"><\/h4>\n      <div class=\"temp\">\n        <span v-if=\"current_weather.temp\" class=\"degrees\">{{current_weather.temp | temp}} &deg;<\/span>\n        <span class=\"details\">\n          <template v-if=\"current_weather.humidity\">Humidity: <em class=\"float-right\">{{current_weather.humidity}}%<\/em><br><\/template>\n          <template v-if=\"current_weather.clouds\">Clouds: <em class=\"float-right\">{{current_weather.clouds}}%<\/em><br><\/template>\n          <template v-if=\"current_weather.wind\">Wind <small>({{current_weather.wind.deg}})<\/small>:\n          <em class=\"float-right\">{{current_weather.wind.speed}}<small>{{units_wind}}<\/small><\/em><\/template>\n        <\/span>\n      <\/div>\n      <div class=\"summary\">{{current_weather.desc}}<\/div>\n      <div class=\"simple-weather-table\" v-if=\"weather_feed\">\n        <div v-for=\"(day, index) in weather_feed\" v-if=\"index < atts.days\" class=\"simple-weather-table__row\">\n\t\t\t\t\t<div class=\"simple-weather-table__date\">{{day.dt | momentjs(atts.date)}}<\/div>\n\t\t\t\t\t<div class=\"simple-weather-table__icon\"><i class=\"sw\" :class=\"getWeatherIcon(day)\"><\/i><\/div>\n\t\t\t\t\t<div class=\"simple-weather-table__temp\">\n            {{day.temp | temp}}&deg;\n            <span class=\"simple-weather-table__temp-min\">{{day.temp_min | temp}} &deg;<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/template>\n<\/div>\n\n\n\n<span id=\"tka_time\" class=\"tka_style\" style=\"font-size:500;color:#ffff;\"><\/span>\r\n<script>\r\n\tfunction checkTime(i) {\r\n  if (i < 10) {\r\n    i = \"0\" + i;\r\n  }\r\n  return i;\r\n}\r\n\r\nfunction startTime() {\r\n  var ampm=\"\";\r\n  var today = new Date();\r\n\r\n  var n = today.getTimezoneOffset();\r\n  var temp=(0*60)\/60;\r\n  var h = today.getHours();\r\n  \th=(temp+h);\r\n  \r\n  var m = today.getMinutes();\r\n  var s = today.getSeconds();\r\n  \/\/ add a zero in front of numbers<10\r\n  m = checkTime(m);\r\n  s = checkTime(s); document.getElementById(\"tka_time\").innerHTML =\" \"+ h + \":\" + m + \":\" + s +\" \"+ampm;\r\n  t = setTimeout(function() {\r\n    startTime()\r\n  }, 500);\r\n}\r\n\r\n\r\nstartTime();\r\n\r\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-d79ac12e qodef-col-num--1 qodef-col-layout--100 qodef-content--full-width\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-8eb6f08e qodef-horizontal-align--center\"><div class=\"qodef-gutenberg-column-inner\">\n\t\t\t<div class=\"selfie-container\">\n\t\t\t\t<div class=\"selfie-start\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bibliotekarekovac.hola.rs\/wp-content\/plugins\/selfie-plugin\/assets\/imgs\/icons\/photo-icon.png\" \/>\n\t\t\t\t\t<h2>DOBRO DO\u0160LI U INTERAKTIVNU RAZGLEDNICU.<\/h2>\n\t\t\t\t\t<h5>Svoju fotografiju mo\u017eete poslati na email.<\/h5>\n\t\t\t\t\t<div class=\"shady-window start-info\">\n\t\t\t\t\t\t<p>Klikom na polje START potvr\u0111ujem da se moja fotografija\n\t\t\t\t\t\t<\/br>ne\u0107e \u010duvati na ovom ure\u0111aju. Razumem da se moja\n\t\t\t\t\t\t<\/br>fotografija ne\u0107e koristiti u marketin\u0161ke i druge svrhe.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/br>\n\t\t\t\t\t<button class=\"start-selfie-camera\">START<\/button>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"start-camera-screen\">\n\t\t\t\t\t<button id=\"start-camera\"><\/button>\n\t\t\t\t\t<div class=\"shady-window vc-window\">\n\t\t\t\t\t\t<div class=\"video-container\">\n\t\t\t\t\t\t\t<video id=\"video\" autoplay><\/video>\n\t\t\t\t\t\t\t<div class=\"timer\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"hide-on-snap\">\n                            <h2>Napravi razglednicu!<\/h2>\n                            <h4>Imate 5 sekundi da se namestite za slikanje :)<\/h4>\n                            <button id=\"click-photo\">START<\/button>\n                        <\/div>\n                        <div class=\"show-on-snap\">\n                        \t<h2>Dobro izgleda!<\/h2>\n                            <button class=\"try-again-btn\">PONOVI<\/button>\n                            <button class=\"proceed-btn\">NASTAVI<\/button>\n                        <\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<canvas id=\"canvas\" width=\"800\" height=\"1000\"><\/canvas>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"image-taken-screen\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"swiper-info\">\n\t\t\t\t\t<h2>Dodajte foto ram!<\/h2>\n\t\t\t\t\t<p>Kliknite na foto ram kako bi ga dodali na razglednicu.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<!-- Swiper -->\n\t\t\t\t<div class=\"swiper mySwiper\">\n\t\t\t\t  <div class=\"swiper-wrapper\">\n\t\t\t\t  \t<div class=\"swiper-slide\" data-frame=\"no-frame\">BEZ OKVIRA<\/div>\n\t\t\t\t\t<div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/bibliotekarekovac.hola.rs\/wp-content\/plugins\/selfie-plugin\/assets\/imgs\/frames\/frame1.png\"\/><\/div><div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/bibliotekarekovac.hola.rs\/wp-content\/plugins\/selfie-plugin\/assets\/imgs\/frames\/frame2.png\"\/><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<button class=\"proceed-final-btn\">NASTAVI<\/button>\n\t\t\t\t<input type=\"hidden\" value=\"\" id=\"frame-choosen\"\/>\n\t\t\t\t<input type=\"hidden\" value=\"\" id=\"camera-photo-block\"\/>\n\t\t\t\t<div class=\"final-step-div\">\n\t\t\t\t\t<h2>Po\u0161aljite na email!<\/h2>\n\t\t\t\t\t<input type=\"email\" id=\"enter-email\" autocomplete=\"off\" class=\"js-kioskboard-input\" data-kioskboard-type=\"all\" data-kioskboard-placement=\"bottom\" data-kioskboard-specialcharacters=\"true\" \/>\n\t\t\t\t\t<button class=\"send-image\">PO\u0160ALJI<\/button>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"all-finished\">\n\t\t\t\t\t<h2>Uspre\u0161no ste poslali svoju\n\t\t\t\t\t<\/br>interaktivnu razglednicu iz\n\t\t\t\t\t<\/br>na\u0161eg grada.\n\t\t\t\t\t<\/br>\n\t\t\t\t\t<\/br>Hvala!<\/h2>\n\t\t\t\t\t<p>Ova stranica \u0107e se automatski ugasiti\n\t\t\t\t\t<\/br>i vratiti na po\u010detak interaktivnog kioska!<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\n<\/div><\/div>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3392","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/bibliotekarekovac.hola.rs\/index.php?rest_route=\/wp\/v2\/pages\/3392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bibliotekarekovac.hola.rs\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bibliotekarekovac.hola.rs\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bibliotekarekovac.hola.rs\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bibliotekarekovac.hola.rs\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3392"}],"version-history":[{"count":2,"href":"https:\/\/bibliotekarekovac.hola.rs\/index.php?rest_route=\/wp\/v2\/pages\/3392\/revisions"}],"predecessor-version":[{"id":3632,"href":"https:\/\/bibliotekarekovac.hola.rs\/index.php?rest_route=\/wp\/v2\/pages\/3392\/revisions\/3632"}],"wp:attachment":[{"href":"https:\/\/bibliotekarekovac.hola.rs\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}