diff --git a/.vscode/extensions.json b/.vscode/extensions.json new file mode 100644 index 0000000000..1926e6bec0 --- /dev/null +++ b/.vscode/extensions.json @@ -0,0 +1,5 @@ +{ + "recommendations": [ + "wscats.cors-browser" + ] +} \ No newline at end of file diff --git a/ACK NAMBALE DIOCESE/index.html b/ACK NAMBALE DIOCESE/index.html new file mode 100644 index 0000000000..0dcf611fc6 --- /dev/null +++ b/ACK NAMBALE DIOCESE/index.html @@ -0,0 +1,55 @@ + + + + + + Diocese of Nambale + + + +
+

Diocese of Nambale

+ +
+ +
+

Welcome to the Diocese of Nambale

+

We are a community of believers under the leadership of the Diocese of Nambale. Our mission is to spread the word of God and serve our communities.

+
+ +
+

About Us

+

The Diocese of Nambale oversees various churches within our region. We are committed to spiritual growth, community service, and fostering a strong faith-based community.

+
+ +
+

Our Churches

+ +
+ +
+

Contact Us

+

Email: info@dioceseofnambale.org

+

Phone: +123 456 7890

+

Address: 123 Church Street, Nambale, Kenya

+
+ + + + + \ No newline at end of file diff --git a/ACK NAMBALE DIOCESE/script.js b/ACK NAMBALE DIOCESE/script.js new file mode 100644 index 0000000000..306a7d8211 --- /dev/null +++ b/ACK NAMBALE DIOCESE/script.js @@ -0,0 +1,34 @@ +document.addEventListener('DOMContentLoaded', function() { + // Navigation link click event + const navLinks = document.querySelectorAll('nav ul li a'); + navLinks.forEach(link => { + link.addEventListener('click', function(event) { + event.preventDefault(); + const targetId = this.getAttribute('href').substring(1); + const targetSection = document.getElementById(targetId); + window.scrollTo({ + top: targetSection.offsetTop, + behavior: 'smooth' + }); + }); + }); + + // Fade in effect + const fadeInElements = document.querySelectorAll('section, header, footer'); + const options = { + threshold: 0.1 + }; + + const observer = new IntersectionObserver((entries, observer) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.classList.add('visible'); + observer.unobserve(entry.target); + } + }); + }, options); + + fadeInElements.forEach(element => { + observer.observe(element); + }); +}); \ No newline at end of file diff --git a/ACK NAMBALE DIOCESE/style.css b/ACK NAMBALE DIOCESE/style.css new file mode 100644 index 0000000000..9ae58a3bb8 --- /dev/null +++ b/ACK NAMBALE DIOCESE/style.css @@ -0,0 +1,82 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f4f4f4; +} + +header { + background-color: #333; + color: #fff; + padding: 1rem 0; + text-align: center; + opacity: 0; + transition: opacity 1s ease-in; +} + +nav ul { + list-style: none; + padding: 0; +} + +nav ul li { + display: inline; + margin: 0 1rem; + animation: slideIn 1s ease-in-out; +} + +nav ul li a { + color: #fff; + text-decoration: none; + transition: color 0.3s; +} + +nav ul li a:hover { + color: #ff6347; +} + +section { + padding: 2rem; + margin: 1rem; + background-color: #fff; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + opacity: 0; + transition: opacity 1.5s ease-in-out; +} + +footer { + text-align: center; + background-color: #333; + color: #fff; + padding: 1rem 0; + position: fixed; + width: 100%; + bottom: 0; + opacity: 0; + transition: opacity 1s ease-in; +} + +section.visible, header.visible, footer.visible { + opacity: 1; +} + +@keyframes slideIn { + from { + transform: translateX(-100%); + } + to { + transform: translateX(0); + } +} + +@keyframes fadeInUp { + from { + opacity: 0; + transform: translateY(20px); + } + to { + opacity: 1; + transform: translateY(0); + } +} \ No newline at end of file diff --git a/launch.json b/launch.json new file mode 100644 index 0000000000..056d559f00 --- /dev/null +++ b/launch.json @@ -0,0 +1,11 @@ +{ + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}/ACK NAMBALE DIOCESE" + } + ] + } \ No newline at end of file