{"id":10,"date":"2022-07-24T16:25:20","date_gmt":"2022-07-24T13:25:20","guid":{"rendered":"https:\/\/djvladib.tempomixdj.com\/?page_id=10"},"modified":"2026-07-13T13:33:50","modified_gmt":"2026-07-13T10:33:50","slug":"%d0%b3%d0%b0%d0%bb%d0%b5%d1%80%d0%b8%d1%8f","status":"publish","type":"page","link":"https:\/\/djvladib.tempomixdj.com\/?page_id=10","title":{"rendered":"\u0413\u0430\u043b\u0435\u0440\u0438\u044f"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t\t\t<section class=\"ob-is-breaking-bad elementor-section elementor-top-section elementor-element elementor-element-beb6c65 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"beb6c65\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ob_bbad_use_it&quot;:&quot;yes&quot;,&quot;_ob_bbad_sssic_use&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;}\">\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-7e96fc0\" data-id=\"7e96fc0\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fbf8d3c ob-harakiri-inherit ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"fbf8d3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_use_harakiri&quot;:&quot;yes&quot;,&quot;_ob_harakiri_writing_mode&quot;:&quot;inherit&quot;,&quot;_ob_harakiri_text_clip&quot;:&quot;none&quot;,&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u041e\u0431\u0449\u0430 \u0433\u0430\u043b\u0435\u0440\u0438\u044f<\/h2>\t\t\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"ob-is-breaking-bad elementor-section elementor-top-section elementor-element elementor-element-bd029ff elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"bd029ff\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ob_bbad_use_it&quot;:&quot;yes&quot;,&quot;_ob_bbad_sssic_use&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;}\">\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-6c56029\" data-id=\"6c56029\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;_ob_bbad_is_stalker&quot;:&quot;no&quot;,&quot;_ob_teleporter_use&quot;:false,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-74a0c2c ob-has-background-overlay elementor-widget elementor-widget-shortcode\" data-id=\"74a0c2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">  <!-- 1\ufe0f\u20e3 HTML (\u0422\u0423\u041a \u041f\u0418\u041f\u0410\u0428 \u0421\u0410\u041c\u041e \u0422\u0418) -->\r\n\r\n<div id=\"rg-gallery\">\r\n\t\r\n\t<!-- IMAGE -->\r\n  <a href=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/20171231_190110-scaled.jpg\">\r\n  <img decoding=\"async\" src=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/20171231_190110-scaled.jpg\" loading=\"lazy\" alt=\"\" title=\"\">\r\n<\/a>\r\n\r\n\t<!-- IMAGE -->\r\n  <a href=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/20180205_190217-scaled.jpg\">\r\n  <img decoding=\"async\" src=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/20180205_190217-scaled.jpg\" loading=\"lazy\" alt=\"\" title=\"\">\r\n<\/a>\r\n\t\r\n\t<!-- IMAGE -->\r\n  <a href=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/FB_IMG_1656097347511.jpg\">\r\n  <img decoding=\"async\" src=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/FB_IMG_1656097347511.jpg\" loading=\"lazy\" alt=\"\" title=\"\">\r\n<\/a>\r\n\t\r\n<!-- IMAGE -->\r\n  <a href=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/FB_IMG_1656097422131.jpg\">\r\n  <img decoding=\"async\" src=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/FB_IMG_1656097422131.jpg\" loading=\"lazy\" alt=\"\" title=\"\">\r\n<\/a>\r\n\t\r\n\t<!-- IMAGE -->\r\n  <a href=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/FB_IMG_1656097461546.jpg\">\r\n  <img decoding=\"async\" src=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/FB_IMG_1656097461546.jpg\" loading=\"lazy\" alt=\"\" title=\"\">\r\n<\/a>\r\n\t\r\n\t<!-- IMAGE -->\r\n  <a href=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/FB_IMG_1656097504404.jpg\">\r\n  <img decoding=\"async\" src=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/FB_IMG_1656097504404.jpg\" loading=\"lazy\" alt=\"\" title=\"\">\r\n<\/a>\r\n\t\r\n\t<!-- IMAGE -->\r\n  <a href=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/IMG_20190223_190443-scaled.jpg\">\r\n  <img decoding=\"async\" src=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/IMG_20190223_190443-scaled.jpg\" loading=\"lazy\" alt=\"\" title=\"\">\r\n<\/a>\r\n\t\r\n\t<!-- IMAGE -->\r\n  <a href=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/IMG_20190526_114039-scaled.jpg\">\r\n  <img decoding=\"async\" src=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/IMG_20190526_114039-scaled.jpg\" loading=\"lazy\" alt=\"\" title=\"\">\r\n<\/a>\r\n\t<!-- IMAGE -->\r\n  <a href=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/IMG_20190526_114222-scaled.jpg\">\r\n  <img decoding=\"async\" src=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/IMG_20190526_114222-scaled.jpg\" loading=\"lazy\" alt=\"\" title=\"\">\r\n<\/a>\r\n\t<!-- IMAGE -->\r\n  <a href=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/IMG_20191231_212042-scaled.jpg\">\r\n  <img decoding=\"async\" src=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/IMG_20191231_212042-scaled.jpg\" loading=\"lazy\" alt=\"\" title=\"\">\r\n<\/a>\r\n\t<!-- IMAGE -->\r\n  <a href=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/IMG_20211231_201934-scaled.jpg\">\r\n  <img decoding=\"async\" src=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/IMG_20211231_201934-scaled.jpg\" loading=\"lazy\" alt=\"\" title=\"\">\r\n<\/a>\r\n\t<!-- IMAGE -->\r\n  <a href=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/IMG_20220528_122529-scaled.jpg\">\r\n  <img decoding=\"async\" src=\"https:\/\/djvladib.tempomixdj.com\/wp-content\/uploads\/2022\/06\/IMG_20220528_122529-scaled.jpg\" loading=\"lazy\" alt=\"\" title=\"\">\r\n<\/a>\r\n\t\r\n\r\n\t\r\n  <!-- \u041a\u041e\u041f\u0418\u0420\u0410\u0428 \u0422\u041e\u0417\u0418 \u0411\u041b\u041e\u041a \u0417\u0410 \u0412\u0421\u042f\u041a\u0410 \u041d\u041e\u0412\u0410 \u0421\u041d\u0418\u041c\u041a\u0410 -->\r\n\t\r\n\t <!-- 1\ufe0f\u20e3 HTML (\u0422\u0423\u041a \u041f\u0418\u041f\u0410\u0428 \u0421\u0410\u041c\u041e \u0422\u0418) END -->\r\n\r\n<\/div>\r\n\r\n<!-- 2\ufe0f\u20e3 CSS (Grid + overlay + \u0438\u043a\u043e\u043d\u043a\u0430 \u043a\u0430\u0442\u043e RoboGallery) --> \r\n\r\n<style> \r\n\t#rg-gallery{\r\n    margin:0 -7px;\r\n}\r\n\r\n#rg-gallery a{\r\n    width:25%;\r\n    padding:7px;\r\n    float:left;\r\n    box-sizing:border-box;\r\n    position:relative;\r\n    overflow:hidden;\r\n    border-radius:6px;\r\n}\r\n\r\n#rg-gallery img{\r\n    width:100%;\r\n    height:auto;\r\n    display:block;\r\n    border-radius:6px;\r\n    transition:transform .3s ease;\r\n}\r\n\r\n#rg-gallery a:hover img{\r\n    transform:scale(1.05);\r\n}\r\n\r\n\/* Tablet *\/\r\n@media(max-width:1024px){\r\n    #rg-gallery a{\r\n        width:33.333%;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:767px){\r\n    #rg-gallery a{\r\n        width:50%;\r\n    }\r\n}\r\n\t} \r\n\t#rg-gallery a { \r\n\t\tposition: relative; \r\n\t\toverflow: hidden; \r\n\t\tborder-radius: 6px;\r\n\t} \r\n\t#rg-gallery img { \r\n\t\twidth: 100%; \r\n\t\tobject-position: center; \/* \ud83d\udc48 \u0426\u0415\u041d\u0422\u0420\u0418\u0420\u0410 *\/ \r\n\t\tdisplay: block; \r\n\t\ttransition: transform .3s ease;\r\n\t} \r\n\t\r\n\t#rg-gallery a:hover img { \r\n\t\ttransform: scale(1.05); \r\n\t} \r\n\t\r\n\t#rg-gallery a::after { \r\n\t\tcontent: \"\ud83d\udd0d\";\r\n\t\tposition: absolute; inset: 0; \r\n\t\tbackground: rgba(0,0,0,.35); \r\n\t\tcolor: #fff; font-size: 34px; \r\n\t\tdisplay: flex; align-items: center; \r\n\t\tjustify-content: center; \r\n\t\topacity: 0; \r\n\t\ttransition: opacity .3s ease; \r\n\t} \r\n\t#rg-gallery a:hover::after { \r\n\t\topacity: 1; \r\n\t}\r\n\t\r\n\t\/* LIGHTBOX *\/ \r\n\t.rg-lightbox { \r\n\t\tposition: fixed; inset: 0; \r\n\t\tbackground: rgba(0,0,0,.9); \r\n\t\tdisplay: flex; \r\n\t\talign-items: center; \r\n\t\tjustify-content: center; \r\n\t\tz-index: 99999;\r\n\t} \r\n\t.rg-lightbox img { \r\n\t\tmax-width: 90%; \r\n\t\tmax-height: 90%; \r\n\t\tborder-radius: 6px;\r\n\t} \r\n\t\r\n\t\/* \ud83d\udcf1 Mobile *\/ \r\n\t@media (max-width: 767px) { \r\n\t\t#rg-gallery { \r\n\t\t\tgrid-template-columns: repeat(2, 1fr); gap: 10px;\r\n\t\t} \r\n\t\t#rg-gallery img { \r\n\t\t\theight: 160px;\r\n\t\t} .rg-lightbox img { max-width: 95%; max-height: 85%; } } \/* \ud83d\udcf1 Tablet *\/ @media (min-width: 768px) and (max-width: 1024px) { #rg-gallery { grid-template-columns: repeat(3, 1fr); } #rg-gallery img { height: 180px; } } \/* LIGHTBOX SCENE *\/ .rg-lightbox { position: fixed; inset: 0; background: rgba(0,0,0,.9); display: flex; align-items: center; justify-content: center; z-index: 99999; perspective: 1200px; } \/* IMAGE *\/ .rg-lightbox img { max-width: 90%; max-height: 90%; border-radius: 6px; transform-style: preserve-3d; backface-visibility: hidden; transition: transform .6s ease, opacity .6s ease; } \/* ANIMATION STATES *\/ .rg-anim-next { transform: rotateY(-90deg) translateZ(200px); opacity: 0; } .rg-anim-prev { transform: rotateY(90deg) translateZ(200px); opacity: 0; } \/* MOBILE TWEAK *\/ @media (max-width: 767px) { .rg-lightbox img { max-width: 95%; max-height: 85%; } } <\/style>\r\n\r\n<!-- 2\ufe0f\u20e3 CSS (Grid + overlay + \u0438\u043a\u043e\u043d\u043a\u0430 \u043a\u0430\u0442\u043e RoboGallery) End -->\r\n\r\n\r\n  <!-- 3\ufe0f\u20e3 JS Lightbox (\u043a\u0430\u0442\u043e RoboGallery) -->\r\n\r\n<script src=\"https:\/\/unpkg.com\/masonry-layout@4\/dist\/masonry.pkgd.min.js\"><\/script>\r\n\r\n<script>\r\n(function () {\r\n  const gallery = document.getElementById('rg-gallery');\r\n  if (!gallery) return;\r\n\r\n  const links = Array.from(gallery.querySelectorAll('a'));\r\n  let msnry;\r\n\r\nwindow.addEventListener(\"load\", function(){\r\n\r\n    msnry = new Masonry(gallery,{\r\n        itemSelector:'a',\r\n        percentPosition:true,\r\n        gutter:0\r\n    });\r\n\r\n});\r\n\r\n\r\n  let currentIndex = 0;\r\n  let overlay, img, isAnimating = false;\r\n\r\n  function openLightbox(index) {\r\n    currentIndex = index;\r\n\r\n    overlay = document.createElement('div');\r\n    overlay.className = 'rg-lightbox';\r\n\r\n    img = document.createElement('img');\r\n    img.src = links[currentIndex].href;\r\n\r\n    overlay.appendChild(img);\r\n    document.body.appendChild(overlay);\r\n\r\n    overlay.addEventListener('click', closeLightbox);\r\n    document.addEventListener('keydown', keyHandler);\r\n  }\r\n\r\n  function closeLightbox() {\r\n    if (overlay) overlay.remove();\r\n    document.removeEventListener('keydown', keyHandler);\r\n  }\r\n\r\n  function animate(direction) {\r\n    if (isAnimating) return;\r\n    isAnimating = true;\r\n\r\n    img.classList.add(direction === 'next' ? 'rg-anim-next' : 'rg-anim-prev');\r\n\r\n    setTimeout(() => {\r\n      currentIndex =\r\n        direction === 'next'\r\n          ? (currentIndex + 1) % links.length\r\n          : (currentIndex - 1 + links.length) % links.length;\r\n\r\n      img.src = links[currentIndex].href;\r\n      img.classList.remove('rg-anim-next', 'rg-anim-prev');\r\n\r\n      setTimeout(() => {\r\n        isAnimating = false;\r\n      }, 50);\r\n    }, 300);\r\n  }\r\n\r\n  function keyHandler(e) {\r\n    if (e.key === 'ArrowRight') animate('next');\r\n    if (e.key === 'ArrowLeft') animate('prev');\r\n    if (e.key === 'Escape') closeLightbox();\r\n  }\r\n\r\n  links.forEach((link, index) => {\r\n    link.addEventListener('click', e => {\r\n      e.preventDefault();\r\n      openLightbox(index);\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n\r\n  <!-- 3\ufe0f\u20e3 JS Lightbox (\u043a\u0430\u0442\u043e RoboGallery) END --><\/div>\n\t\t\t\t\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<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u041e\u0431\u0449\u0430 \u0433\u0430\u043b\u0435\u0440\u0438\u044f<\/p>\n","protected":false},"author":2,"featured_media":99,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"tags":[64],"class_list":["post-10","page","type-page","status-publish","has-post-thumbnail","hentry","tag-----vladi-b"],"_links":{"self":[{"href":"https:\/\/djvladib.tempomixdj.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/djvladib.tempomixdj.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/djvladib.tempomixdj.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/djvladib.tempomixdj.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/djvladib.tempomixdj.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":29,"href":"https:\/\/djvladib.tempomixdj.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":1817,"href":"https:\/\/djvladib.tempomixdj.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/1817"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/djvladib.tempomixdj.com\/index.php?rest_route=\/wp\/v2\/media\/99"}],"wp:attachment":[{"href":"https:\/\/djvladib.tempomixdj.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/djvladib.tempomixdj.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}