Apostolic Carmel, Southern Province

.compact-quote-widget { max-width: 100%; margin: 10px auto; font-family: 'Arial', sans-serif; background: linear-gradient(145deg, #ffffff, #f5f7ff); border-radius: 8px; padding: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); } .quote-display-area { min-height: 80px; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 15px; overflow: hidden; } .quote-content { text-align: center; opacity: 0; transform: translateY(10px); transition: all 0.6s ease; position: absolute; width: 95%; font-size: 16px; color: #2d3748; line-height: 1.4; font-style: italic; } .quote-content.active { opacity: 1; transform: translateY(0); } .quote-decoration { font-size: 40px; color: #FBECC1; /* Updated quote mark color */ position: absolute; font-family: Georgia, serif; line-height: 1; text-shadow: 1px 1px 2px rgba(123, 60, 31, 0.1); /* Subtle shadow for depth */ } .quote-start { top: -10px; left: 5px; } .quote-end { bottom: -10px; right: 5px; } .progress-indicator { height: 3px; /* Slightly increased for better visibility */ background: rgba(123, 60, 31, 0.1); /* Lighter version of progress color */ border-radius: 1.5px; margin-top: 10px; overflow: hidden; } .progress-bar { width: 0%; height: 100%; background: #7B3C1F; /* Updated progress bar color */ transition: width 0.3s ease; } .quote-stats { text-align: right; margin-top: 5px; font-size: 12px; color: #7B3C1F; /* Matching counter with theme */ opacity: 0.8; } @media (max-width: 768px) { .quote-content { font-size: 14px; } .quote-decoration { font-size: 30px; } } (function() { const quotes = [ "'Agnathon'- 2017, was organised by St Agnes PU College", "Guys like us we had it made Those were the days", "Lovely lady who was bringing up three lovely girls", "A Unique Experience at Christ University by Sr Maria Marilda A.C.", "Be Constant in prayer", "Put your trust in God alone, not in man.", "Be close to Jesus", "As for me he places me on the Cross always. It is my place until the end of my poor life.", "It is good to suffer for Jesus and with Him.", "Count it as a singular grace, an extraordinary honour to be able to suffer and to be despised for Jesus.", "Be of good courage, the darkness of the night will pass and then joy comes in the morning.", "Be faithful to the grace which Our Lord gives you.", "There is pardon for every sin", "We see the faults of others so well- God forbid that I do worse", "Prayer was my delight", "Truth cannot be sacrificed for Charity", "How good it is to confide in Jesus", "God has impressed on my soul love of Truth from my childhood.", "We should be true religious and not pious teachers.", "All for the Glory of the Lord", "It is good for me that Thou has humbled me", "I did not desire anything else but the will of God", "All my ambition and my prayer was to be the last and the least in Carmel", "The only ambition of a Carmelite should be to surpass the others in humility.", "Make yourself small, and remain very small for there is always place for little ones.", "Always be very humble and very charitable.", "God loves a generous giver", "True humility is very simple and not self conscious.", "My element is solitude and my language silence.", "God alone suffices.", "My heart years for the interior life.", "A humble obedience will always receive its reward.", "Be always little.", "God is a banker who never fails.", "Obedience is my life.", "I was ardent, full of zeal to begin my work among these people whom St. Francis Xavier had evangelized.", "Prayer was my delight.", "True humility is very simple and not self – conscious.", "We ought to be respectful one to another.", "Hold fast to your nothingness by reflecting on what you are." ]; let currentIndex = 0; const quoteElement = document.querySelector('.quote-content'); const progressBar = document.querySelector('.progress-bar'); const stats = document.querySelector('.quote-stats'); function updateQuote() { quoteElement.classList.remove('active'); setTimeout(() => { quoteElement.textContent = quotes[currentIndex]; quoteElement.classList.add('active'); // Update progress bar const progress = ((currentIndex + 1) / quotes.length) * 100; progressBar.style.width = progress + '%'; // Update counter stats.textContent = `${currentIndex + 1}/${quotes.length}`; currentIndex = (currentIndex + 1) % quotes.length; }, 600); } // Initial quote quoteElement.textContent = quotes[0]; stats.textContent = `1/${quotes.length}`; progressBar.style.width = (1 / quotes.length * 100) + '%'; // Change quote every 4 seconds setInterval(updateQuote, 4000); })();