Nema pronađenih rezultata
Stranica koju ste tražili nije pronađena. Pokušajte da suzite pretragu, ili koristite navigaciju iznad kako biste pronašli objavu.
Category
<!-- Happy Dog Club: brand pulse + rotating popup + chatbot loader -->
<style>
:root{
--hd-primary:#774ad8; /* ljubičasta */
--hd-accent:#ff782c; /* narandžasta */
--hd-white:#ffffff;
}
/* Floating pulse behind the chatbot icon */
#chat-icon-animation {
position: fixed;
bottom: 20px;
right: 20px;
width: 65px;
height: 65px;
pointer-events: none;
z-index: 9999;
}
.pulse-ring-outer {
position: absolute;
top: 50%;
left: 50%;
width: 55px;
height: 55px;
margin-left: -27.5px;
margin-top: -27.5px;
border-radius: 50%;
background: rgba(119, 74, 216, 0.22); /* #774ad8 */
box-shadow:
0 0 10px rgba(119, 74, 216, 0.40),
0 0 18px rgba(255, 120, 44, 0.25); /* #ff782c */
animation: pulse-outer 3s infinite ease-in-out;
}
.pulse-ring-inner {
position: absolute;
top: 50%;
left: 50%;
width: 45px;
height: 45px;
margin-left: -22.5px;
margin-top: -22.5px;
border-radius: 50%;
background: rgba(255, 120, 44, 0.35); /* #ff782c */
box-shadow:
0 0 8px rgba(255, 120, 44, 0.45),
0 0 14px rgba(119, 74, 216, 0.30); /* #774ad8 */
animation: pulse-inner 3s infinite ease-in-out;
}
/* Popup message bubble */
.chat-popup {
position: fixed;
bottom: 100px;
right: 25px;
padding: 18px 22px;
background: var(--hd-primary);
border-radius: 18px;
color: var(--hd-white);
font-size: 16px;
max-width: 380px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
align-items: flex-start;
z-index: 9998;
animation: popup-bounce 0.9s ease-in-out;
text-align: left;
line-height: 1.55;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid rgba(255, 120, 44, 0.45);
}
.chat-popup a {
color: var(--hd-accent);
text-decoration: underline;
font-size: 14px;
margin-top: 8px;
font-weight: 700;
}
.close-btn {
margin-left: auto;
cursor: pointer;
font-weight: bold;
color: var(--hd-white);
font-size: 14px;
background: none;
padding: 6px 10px;
border-radius: 50%;
border: 1px solid rgba(255, 120, 44, 0.65);
margin-top: -6px;
margin-right: -6px;
transition: all .25s ease;
user-select: none;
}
.close-btn:hover {
background-color: rgba(255, 120, 44, 0.20);
transform: scale(1.03);
}
@keyframes popup-bounce {
0% { transform: translateY(18px); opacity: 0; }
100% { transform: translateY(0); opacity: 1; }
}
@keyframes pulse-outer {
0% { transform: scale(1); opacity: 1; }
100% { transform: scale(1.55); opacity: 0; }
}
@keyframes pulse-inner {
0% { transform: scale(1); opacity: 0.95; }
100% { transform: scale(1.55); opacity: 0; }
}
</style>
<div id="chat-icon-animation">
<div class="pulse-ring-outer"></div>
<div class="pulse-ring-inner"></div>
</div>
<script type="text/javascript">
(function(d, t) {
var v = d.createElement(t), s = d.getElementsByTagName(t)[0];
v.onload = function() {
// INIT WIDGET – Happy Dog Club
if (window.AIChatBot && typeof window.AIChatBot.init === 'function') {
window.AIChatBot.init({
botId: "792b9dcb-dfa4-488e-aa13-2831866ed327",
position: "bottom-right"
});
}
// ROTATING POPUP MESSAGES – Happy Dog Club
const base = "https://www.happydog-club.com";
const messages = [
{ question: "Ćao! Ja sam Mimi 🐾 Tvoj AI asistent u Happy Dog Club-u.", link: base },
{ question: "Treba ti preporuka hrane za psa ili mačku? 🐶🐱 Reci mi rasu i uzrast.", link: base },
{ question: "Imaš pitanje o porudžbini, dostavi ili dostupnosti proizvoda? 📦", link: base },
{ question: "Problemi sa alergijama, stomakom ili dlakom? ✅ Mimi pomaže!", link: base },
{ question: "Pogledaj kompletnu ponudu i novitete 🛒", link: base }
];
const popup = document.createElement('div');
popup.className = 'chat-popup';
let i = 0;
popup.innerHTML = `
<div>
<span>${messages[i].question}</span>
<a href="${messages[i].link}" target="_blank" rel="noopener">Saznaj više</a>
</div>
<span class="close-btn" onclick="this.parentElement.style.display='none'">×</span>
`;
document.body.appendChild(popup);
setInterval(() => {
i = (i + 1) % messages.length;
popup.querySelector('span').textContent = messages[i].question;
popup.querySelector('a').href = messages[i].link;
}, 9000);
};
v.src = "https://aichatbot-rs.lovable.app/widget-loader.js";
v.type = "text/javascript";
v.async = true;
s.parentNode.insertBefore(v, s);
})(document, 'script');
</script>