Posts published in “Downloads”

body { font-family: Arial, sans-serif; margin: 40px; background-color: #fff8f0; } /* Moving sentence with star */ .marquee { font-size: 22px; font-weight: bold; color: #b71c1c; background: linear-gradient(to right, #ffe082, #f44336); padding: 10px; border-radius: 8px; overflow: hidden; white-space: nowrap; box-shadow: 0 0 10px rgba(244, 67, 54, 0.5); margin-bottom: 20px; } .marquee span { display: inline-block; animation: marquee 20s linear infinite; /* slower speed */ } @keyframes marquee { from { transform: translateX(100%); } to { transform: translateX(-100%); } } /* Download button + counter side by side */ .download-section { display: flex; align-items: center; gap: 15px; position: relative; } button { padding: 12px 25px; background: linear-gradient(45deg, #f44336, #ffeb3b); color: #fff; font-size: 18px; font-weight: bold; border: none; cursor: pointer; border-radius: 6px; box-shadow: 0 0 15px rgba(255, 193, 7, 0.8); transition: transform 0.2s ease; position: relative; } button:hover { transform: scale(1.1); } /* Finger animation pointing at button */ .finger { position: absolute; left: -60px; top: 50%; transform: translateY(-50%); font-size: 30px; animation: bounce 1s infinite alternate; color: #f44336; } @keyframes bounce { from { transform: translateY(-50%) translateX(0); } to { transform: translateY(-50%) translateX(10px); } } .finger-text { position: absolute; left: -200px; top: 50%; transform: translateY(-50%); font-size: 16px; font-weight: bold; color: #d32f2f; animation: fade 2s infinite alternate; } @keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } /* Counter styled like a calendar */ .counter { background: #ff7043; color: #fff; font-size: 14px; font-weight: bold; padding: 8px 12px; border-radius: 6px; box-shadow: 0 0 10px rgba(255, 87, 34, 0.7); animation: flip 1s ease-in-out infinite alternate; } @keyframes flip { from { transform: rotateY(0deg); } to { transform: rotateY(15deg); } } /* Form container */ .form-container { display: none; margin-top: 30px; } object { width: 100%; height: 600px; border: 2px solid #f44336; border-radius: 8px; } let count = 0; function unlockForm() { count++; document.getElementById("downloadCount").textContent = count; document.getElementById("formContainer").style.display = "block"; // Trigger download in new tab window.open("http://loyola.ac.tz/wp-content/uploads/2026/08/LHS-FOMU-YA-KUJIUNGA-KIDATO-CHA-KWANZA-2027.pdf", "_blank"); // Hide finger and text after click document.getElementById("finger").style.display = "none"; document.getElementById("fingerText").style.display = "none"; }