Domžale.info – Vaš Digitalni Vodič po Mestu

@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap’);

body {
font-family: ‘Inter’, sans-serif;
}

.hero-gradient {
background: linear-gradient(135deg, #059669 0%, #047857 50%, #065f46 100%);
}

.section-gradient {
background: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%);
}

.card-hover {
transition: all 0.3s ease;
}

.card-hover:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.city-animation {
animation: cityPulse 4s ease-in-out infinite;
}

@keyframes cityPulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.1); }
}

.feature-pulse {
animation: featurePulse 3s ease-in-out infinite;
}

@keyframes featurePulse {
0%, 100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(5, 150, 105, 0.7);
}
50% {
transform: scale(1.05);
box-shadow: 0 0 0 10px rgba(5, 150, 105, 0);
}
}

.category-badge {
display: inline-flex;
align-items: center;
padding: 0.25rem 0.75rem;
border-radius: 9999px;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
}

.history-badge {
background-color: #fef3c7;
color: #92400e;
}

.culture-badge {
background-color: #f3e8ff;
color: #7c3aed;
}

.sport-badge {
background-color: #dbeafe;
color: #1e40af;
}

.nature-badge {
background-color: #dcfce7;
color: #166534;
}

.floating-icon {
position: absolute;
animation: float 3s ease-in-out infinite;
}

.floating-icon:nth-child(1) { top: 20%; left: 15%; animation-delay: 0s; }
.floating-icon:nth-child(2) { top: 30%; right: 20%; animation-delay: 1s; }
.floating-icon:nth-child(3) { bottom: 25%; left: 25%; animation-delay: 2s; }
.floating-icon:nth-child(4) { bottom: 20%; right: 15%; animation-delay: 0.5s; }

@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
}

.content-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 1.5rem;
}

.faq-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1rem;
}

.parallax-bg {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.text-shadow {
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.nav-sticky {
position: sticky;
top: 0;
z-index: 40;
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.9);
}

// Function implementations for buttons
function showHistoryDetails() {
alert(‘Zgodovina Domžal:\n\n• Prva omemba leta 1253\n• Razvoj slamnikarstva v 19. stoletju\n• Industrijski razvoj v 20. stoletju\n• Moderno predmestje Ljubljane\n\nZa podrobnejše informacije obiščite Slamnikarski muzej.’);
}

function showCultureEvents() {
alert(‘Aktualni kulturni dogodki:\n\n🎵 EtnoRock festival (poletje)\n☀️ Poletje na Studencu\n🎭 Gledališke predstave\n🏛️ Razstave v muzeju\n🎪 Lokalni festivali\n\nZa najnovejše informacije sledite lokalnim medijem.’);
}

function showSportsInfo() {
alert(‘Športni klubi v Domžalah:\n\n⚽ NK Domžale – nogomet\n🏀 KK Helios Suns – košarka\n🤾 Rokometni klub Domžale\n🤸 Gimnastična društva\n🎾 Teniška društva\n🏟️ Športni park Domžale’);
}

function showTourismGuide() {
alert(‘Turistične točke:\n\n🏔️ Šumberk – razgledna točka\n🏞️ Kamniška Bistrica – naravne poti\n🏛️ Slamnikarski muzej\n⛰️ Velika planina – izhodišče\n🚴 Kolesarske poti\n🌲 Naravni parki’);
}

function contactMunicipality() {
alert(‘Občina Domžale\n\nNaslov: Ljubljanska cesta 69, 1230 Domžale\nTelefon: 01 722 31 00\nE-pošta: info@domzale.si\nSpletna stran: www.domzale.si’);
}

function contactLibrary() {
alert(‘Knjižnica Domžale\n\nKnjižnica ponuja bogato zbirko knjig, časopisov in digitalnih vsebin.\nOrganizira tudi kulturne dogodke in delavnice.\n\nZa več informacij obiščite njihovo spletno stran.’);
}

function contactHealthCenter() {
alert(‘Zdravstveni dom Domžale\n\nZdravstvene storitve:\n• Splošna medicina\n• Specialistične ambulante\n• Preventivni pregledi\n• Nujne medicinske pomoči\n\nZa naročanje pokličite na glavno številko.’);
}

function contactCulturalCenter() {
alert(‘Kulturni dom Domžale\n\nProgram:\n• Gledališke predstave\n• Koncerti\n• Razstave\n• Kulturni festivali\n• Izobraževalni dogodki\n\nProgram preverite na spletni strani.’);
}

// Smooth scrolling for navigation links
document.querySelectorAll(‘a[href^=”#”]’).forEach(anchor => {
anchor.addEventListener(‘click’, function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute(‘href’));
if (target) {
target.scrollIntoView({
behavior: ‘smooth’,
block: ‘start’
});
}
});
});

// Add scroll effect to navigation
window.addEventListener(‘scroll’, function() {
const nav = document.querySelector(‘.nav-sticky’);
if (window.scrollY > 100) {
nav.style.backgroundColor = ‘rgba(255, 255, 255, 0.95)’;
} else {
nav.style.backgroundColor = ‘rgba(255, 255, 255, 0.9)’;
}
});

// Initialize page
document.addEventListener(‘DOMContentLoaded’, function() {
console.log(‘Domžale.info loaded successfully’);

// Add hover effects to cards
const cards = document.querySelectorAll(‘.card-hover’);
cards.forEach(card => {
card.addEventListener(‘mouseenter’, function() {
this.style.transform = ‘translateY(-8px)’;
});
card.addEventListener(‘mouseleave’, function() {
this.style.transform = ‘translateY(0)’;
});
});
});

(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement(‘script’);d.innerHTML=”window.__CF$cv$params={r:’97c741c474f51d94′,t:’MTc1NzQyNjg5OC4wMDAwMDA=’};var a=document.createElement(‘script’);a.nonce=”;a.src=’/cdn-cgi/challenge-platform/scripts/jsd/main.js’;document.getElementsByTagName(‘head’)[0].appendChild(a);”;b.getElementsByTagName(‘head’)[0].appendChild(d)}}if(document.body){var a=document.createElement(‘iframe’);a.height=1;a.width=1;a.style.position=’absolute’;a.style.top=0;a.style.left=0;a.style.border=’none’;a.style.visibility=’hidden’;document.body.appendChild(a);if(‘loading’!==document.readyState)c();else if(window.addEventListener)document.addEventListener(‘DOMContentLoaded’,c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);’loading’!==document.readyState&&(document.onreadystatechange=e,c())}}}})();