{"id":8920,"date":"2025-09-05T14:40:26","date_gmt":"2025-09-05T11:40:26","guid":{"rendered":"https:\/\/wamdev.wameleon.com\/?post_type=portfolio&#038;p=8920"},"modified":"2025-09-05T14:43:39","modified_gmt":"2025-09-05T11:43:39","slug":"steki-manufaktura-arculattervezes","status":"publish","type":"portfolio","link":"https:\/\/wamdev.wameleon.com\/ro\/project\/steki-manufaktura-arculattervezes\/","title":{"rendered":"STEKI Manufaktura \u2013 design de identitate vizual\u0103 pentru m\u0103cel\u0103rie"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"8920\" class=\"elementor elementor-8920\" data-elementor-post-type=\"portfolio\">\n\t\t\t\t<div class=\"aux-parallax-section elementor-element elementor-element-93b506d e-flex e-con-boxed e-con e-parent\" data-id=\"93b506d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5aa4ccf elementor-arrows-position-outside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"5aa4ccf\" data-element_type=\"widget\" id=\"teaserCarousel\" data-settings=\"{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;both&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"K\u00e9p k\u00f6rhinta\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 din 5\" data-no-translation-aria-label=\"\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wamdev.wameleon.com\/wp-content\/uploads\/1-3.jpg\" alt=\"1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 din 5\" data-no-translation-aria-label=\"\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wamdev.wameleon.com\/wp-content\/uploads\/2-3.jpg\" alt=\"2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 din 5\" data-no-translation-aria-label=\"\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wamdev.wameleon.com\/wp-content\/uploads\/3-3.jpg\" alt=\"3\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 din 5\" data-no-translation-aria-label=\"\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wamdev.wameleon.com\/wp-content\/uploads\/4-3.jpg\" alt=\"4\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 din 5\" data-no-translation-aria-label=\"\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wamdev.wameleon.com\/wp-content\/uploads\/5-2.jpg\" alt=\"5\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59f19f9 elementor-widget elementor-widget-html\" data-id=\"59f19f9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Nudge subtil st\u00e2nga-dreapta pe slide-ul activ *\/\r\n#teaserCarousel .swiper-slide-active img {\r\n  animation: nudge-left-right 1.6s ease-in-out 0.8s infinite;\r\n  transform-origin: center center;\r\n  will-change: transform;\r\n}\r\n\r\n\/* Oprim anima\u021bia dup\u0103 interac\u021biune sau c\u00e2nd nu e vizibil *\/\r\n#teaserCarousel.nudge-paused .swiper-slide-active img {\r\n  animation: none !important;\r\n}\r\n\r\n@keyframes nudge-left-right {\r\n  0%   { transform: translateX(0); }\r\n  20%  { transform: translateX(-14px); }\r\n  40%  { transform: translateX(0); }\r\n  100% { transform: translateX(0); }\r\n}\r\n\r\n\/* Respect\u0103 preferin\u021bele de accesibilitate pentru mi\u0219care redus\u0103 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #teaserCarousel .swiper-slide-active img { animation: none !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const widget = document.querySelector('#teaserCarousel');\r\n  if (!widget) return;\r\n\r\n  let userInteracted = false;\r\n\r\n  function stopNudge() {\r\n    if (userInteracted) return;\r\n    userInteracted = true;\r\n    widget.classList.add('nudge-paused');\r\n    detachSwiperEvents();\r\n    if (io) io.disconnect();\r\n  }\r\n\r\n  function attachInteractionOnce(el, type) {\r\n    if (!el) return;\r\n    el.addEventListener(type, stopNudge, { once: true, passive: true });\r\n  }\r\n\r\n  function attachDomEvents(swiperEl) {\r\n    \/\/ orice atinsare, click sau scroll pe carusel\r\n    ['touchstart', 'pointerdown', 'mousedown', 'wheel'].forEach(evt =>\r\n      swiperEl.addEventListener(evt, stopNudge, { once: true, passive: true })\r\n    );\r\n\r\n    \/\/ butoane \u0219i paginare\r\n    const next = widget.querySelector('.swiper-button-next');\r\n    const prev = widget.querySelector('.swiper-button-prev');\r\n    const pag = widget.querySelector('.swiper-pagination');\r\n    [next, prev, pag].forEach(el => attachInteractionOnce(el, 'click'));\r\n  }\r\n\r\n  let swiperRef = null;\r\n  function attachSwiperEvents(swiperEl) {\r\n    swiperRef = swiperEl && (swiperEl.swiper || (window.jQuery && window.jQuery(swiperEl).data && window.jQuery(swiperEl).data('swiper')));\r\n    if (!swiperRef || !swiperRef.on) return;\r\n    swiperRef.on('touchStart', stopNudge);\r\n    swiperRef.on('slideChange', stopNudge);\r\n  }\r\n\r\n  function detachSwiperEvents() {\r\n    if (swiperRef && swiperRef.off) {\r\n      swiperRef.off('touchStart', stopNudge);\r\n      swiperRef.off('slideChange', stopNudge);\r\n    }\r\n  }\r\n\r\n  \/\/ Oprim anima\u021bia c\u00e2nd caruselul nu e vizibil \u00een viewport (economisim resurse)\r\n  const io = ('IntersectionObserver' in window) ? new IntersectionObserver(entries => {\r\n    entries.forEach(e => {\r\n      if (e.target !== widget) return;\r\n      if (!e.isIntersecting) widget.classList.add('nudge-paused');\r\n      else if (!userInteracted) widget.classList.remove('nudge-paused');\r\n    });\r\n  }, { threshold: 0.2 }) : null;\r\n\r\n  function init() {\r\n    const swiperEl = widget.querySelector('.swiper, .elementor-swiper, .swiper-container');\r\n    if (!swiperEl) return;\r\n\r\n    \/\/ Respect\u0103 preferin\u021ba \u201ereduce motion\u201d\r\n    const prm = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)');\r\n    if (prm && prm.matches) widget.classList.add('nudge-paused');\r\n\r\n    attachDomEvents(swiperEl);\r\n    attachSwiperEvents(swiperEl);\r\n    if (io) io.observe(widget);\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":8924,"menu_order":0,"template":"","meta":{"footnotes":""},"portfolio-cat":[11,10,6],"portfolio-tag":[69],"portfolio-filter":[19],"class_list":["post-8920","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio-cat-csomagolas","portfolio-cat-offline-design","portfolio-cat-print","portfolio-tag-uncategorized","portfolio-filter-uncategorized"],"_links":{"self":[{"href":"https:\/\/wamdev.wameleon.com\/ro\/wp-json\/wp\/v2\/portfolio\/8920","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wamdev.wameleon.com\/ro\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/wamdev.wameleon.com\/ro\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":3,"href":"https:\/\/wamdev.wameleon.com\/ro\/wp-json\/wp\/v2\/portfolio\/8920\/revisions"}],"predecessor-version":[{"id":8929,"href":"https:\/\/wamdev.wameleon.com\/ro\/wp-json\/wp\/v2\/portfolio\/8920\/revisions\/8929"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wamdev.wameleon.com\/ro\/wp-json\/wp\/v2\/media\/8924"}],"wp:attachment":[{"href":"https:\/\/wamdev.wameleon.com\/ro\/wp-json\/wp\/v2\/media?parent=8920"}],"wp:term":[{"taxonomy":"portfolio-cat","embeddable":true,"href":"https:\/\/wamdev.wameleon.com\/ro\/wp-json\/wp\/v2\/portfolio-cat?post=8920"},{"taxonomy":"portfolio-tag","embeddable":true,"href":"https:\/\/wamdev.wameleon.com\/ro\/wp-json\/wp\/v2\/portfolio-tag?post=8920"},{"taxonomy":"portfolio-filter","embeddable":true,"href":"https:\/\/wamdev.wameleon.com\/ro\/wp-json\/wp\/v2\/portfolio-filter?post=8920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}