Vyberáme pre vás z nášho eshopu
keď sa povie elesko
Elesko
wine club
Exkluzívny klub pre milovníkov vína, ktorí hľadajú viac než len víno. Hľadajú zážitok. Môžete si vyskladať vlastný balíček podľa preferencií.
Elesko
Restaurant
Fine dining zážitok v objatí vinohradov – len v reštaurácii ELESKO.
Pre milovníkov výnimočného jedla a vína, ktorí hľadajú viac než len chuť.
Zažite atmosféru, kde sa moderná gastronómia snúbi s prírodou.
Vyskladajte si vlastné degustačné menu podľa svojich preferencií.
Zoya
gallery
Priestor pre milovníkov umenia,
ktorí hľadajú viac než len výstavu.
Hľadajú inšpiráciu, zážitok a spojenie s estetikou.
V Zoya Gallery si môžete vybrať výstavy či eventy presne podľa svojich umeleckých preferencií.
Najväčšia monumentálna socha v strednej Európe
(function($){
gsap.registerPlugin(ScrollTrigger);
ScrollTrigger.defaults({
markers: false
});
// Animate From To
$(".stickey_circle_wrap").each(function (index) {
let triggerElement = $(this);
let targetElement = $(".circle");
let contentElement = $(".circle-content"); // Pridajte túto triedu na váš obsah
// Skryť obsah na začiatku
gsap.set(contentElement, {
opacity: 0,
y: 30
});
let tl = gsap.timeline({
scrollTrigger: {
trigger: triggerElement,
// trigger element - viewport
start: "top top",
end: "bottom bottom",
scrub: 1,
onUpdate: (self) => {
// Keď je animácia dokončená na 70% a viac, zobraz obsah
if (self.progress > 0.7 && !contentElement.hasClass('visible')) {
contentElement.addClass('visible');
gsap.to(contentElement, {
opacity: 1,
y: 0,
duration: 0.8,
ease: "power2.out"
});
}
// Skryť obsah pri scrollovaní späť
else if (self.progress < 0.6 && contentElement.hasClass('visible')) {
contentElement.removeClass('visible');
gsap.to(contentElement, {
opacity: 0,
y: 30,
duration: 0.3
});
}
}
}
});
// Check screen width for breakpoint
if (window.matchMedia("(max-width: 768px)").matches) {
// Mobile/Tablet - perfektný kruh
// Použiť menšiu hodnotu alebo vw jednotky pre lepšiu responzivitu
let circleSize = Math.min(window.innerWidth * 0.7, 300); // 70% šírky obrazovky, max 300px
tl.fromTo(targetElement, {
width: circleSize + "px",
height: circleSize + "px",
borderRadius: "50%"
},
{
width: "100%",
height: "90vh",
borderRadius: "0px",
duration: 1
}
);
} else {
// Desktop - perfektný kruh
tl.fromTo(targetElement, {
width: "30em",
height: "30em",
borderRadius: "50%"
},
{
width: "100%",
height: "90vh",
borderRadius: "0px",
duration: 1
}
);
}
});
})(jQuery);
/* CSS pre plynulý prechod obsahu /
.circle-content {
transition: none !important; / Vypnúť CSS transitions, GSAP sa postará o animáciu /
}
/ Zabezpečiť kruh na mobile /
@media (max-width: 768px) {
.circle {
aspect-ratio: 1 / 1 !important; / Vynútiť rovnaký pomer strán */
}
}