github · blaire-glitch · Mar 17, 2025 · Mar 18, 2025
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "wscats.cors-browser"
+    ]
+}
diff --git a/ACK NAMBALE DIOCESE/index.html b/ACK NAMBALE DIOCESE/index.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Diocese of Nambale</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <header>
+        <h1>Diocese of Nambale</h1>
+        <nav>
+            <ul>
+                <li><a href="#home">Home</a></li>
+                <li><a href="#about">About Us</a></li>
+                <li><a href="#churches">Our Churches</a></li>
+                <li><a href="#contact">Contact Us</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <section id="home">
+        <h2>Welcome to the Diocese of Nambale</h2>
+        <p>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.</p>
+    </section>
+
+    <section id="about">
+        <h2>About Us</h2>
+        <p>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.</p>
+    </section>
+
+    <section id="churches">
+        <h2>Our Churches</h2>
+        <ul>
+            <li>St. Mary's Church</li>
+            <li>St. Joseph's Church</li>
+            <li>Holy Trinity Church</li>
+            <li>St. Peter's Church</li>
+            <li>St. Paul's Church</li>
+        </ul>
+    </section>
+
+    <section id="contact">
+        <h2>Contact Us</h2>
+        <p>Email: [email protected]</p>
+        <p>Phone: +123 456 7890</p>
+        <p>Address: 123 Church Street, Nambale, Kenya</p>
+    </section>
+
+    <footer>
+        <p>&copy; 2025 Diocese of Nambale. All rights reserved.</p>
+    </footer>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/ACK NAMBALE DIOCESE/script.js 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);
+    });
+});
diff --git a/ACK NAMBALE DIOCESE/style.css 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);
+    }
+}
diff --git a/launch.json 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"
+      }
+    ]
+  }