Generated Preview
<!-- Hero Section -->
<section class="hero">
<div class="hero-content">
<h1>Explore the Word of God</h1>
<p>Discover the rich history and structure of the Roman Catholic Lectionary.</p>
<a href="about.html" class="btn">Learn More</a>
</div>
<div class="hero-image">
<img src="https://picsum.photos/id/237/600/400" alt="Open Bible">
</div>
</section>
<!-- Features Section -->
<section class="features">
<div class="feature">
<i class="fas fa-book fa-3x"></i>
<h3>History of the Lectionary</h3>
<p>Trace the development of the Lectionary from its ancient roots to its modern form.</p>
</div>
<div class="feature">
<i class="fas fa-list-alt fa-3x"></i>
<h3>Format and Layout</h3>
<p>Understand the organization and structure of the Lectionary readings.</p>
</div>
<div class="feature">
<i class="fas fa-bible fa-3x"></i>
<h3>Daily Scripture Readings</h3>
<p>Access the daily readings for Mass and other liturgical celebrations.</p>
</div>
</section>
<!-- About Section (moved content to about.html) -->
<!-- Today's Readings Section -->
<section id="readings" class="readings">
<h2>Today's Readings</h2>
<div class="reading">
<h3>First Reading</h3>
<p>Acts 2:14, 22-33</p>
<p class="reading-text">Peter, standing with the Eleven, raised his voice and proclaimed: “You who are men
of Israel, hear these words. Jesus the Nazarene was a man commended to you by God with mighty deeds,
wonders, and signs, which God worked among you through him, as you yourselves know. This man, handed
over by God’s determined plan and foreknowledge, you crucified and killed by the hands of lawless
men. But God raised him up, releasing him from the throes of death, because it was impossible for him
to be held by it...</p>
</div>
<div class="reading">
<h3>Responsorial Psalm</h3>
<p>Psalm 16:1-2, 5, 7-11</p>
<p class="reading-text">R. (11a) Lord, you will show us the path of life.
Keep me, O God, for in you I take refuge;
I say to the LORD, “My Lord are you.”
O LORD, my allotted portion and my cup,
you it is who hold fast my lot.
R. Lord, you will show us the path of life.
I bless the LORD who counsels me;
even in the night my heart exhorts me.
I set the LORD ever before me;
with him at my right hand I shall not be disturbed.
R. Lord, you will show us the path of life.
Therefore my heart is glad and my soul rejoices,
my body, too, abides in confidence;
because you will not abandon my soul to the nether world,
nor will you suffer your faithful one to undergo corruption.
R. Lord, you will show us the path of life.
You will show me the path to life,
fullness of joy in your presence,
the delights at your right hand forever.
R. Lord, you will show us the path of life.</p>
</div>
<div class="reading">
<h3>Gospel</h3>
<p>Matthew 28:8-15</p>
<p class="reading-text">Filled with awe and great joy the women came away from the tomb, and ran to tell
the disciples. And suddenly Jesus met them and said, “Hail!” They came up to him and, falling down
before him, caught hold of his feet. Then Jesus said to them, “Do not be afraid. Go and tell my
brothers to go to Galilee, and there they will see me.” While they were on their way, some of the
guard went into the city and told the chief priests all that had happened. The chief priests assembled
with the elders and took counsel; then they gave a large sum of money to the soldiers, telling them,
“You are to say, ‘His disciples came by night and stole him while we were asleep.’ And if this gets
to the ears of the governor, we will satisfy him and keep you out of trouble.” The soldiers took the
money and did as they were instructed. And this story has circulated among the Jews to the present
day.</p>
</div>
</section>
<!-- Footer -->
<footer>
<p>© 2024 The Lectionary Project. All rights reserved.</p>
</footer>
<script src="script.js"></script>
</div>
<script>
const pages = {"index.html":"<!-- Header/Navigation -->\n <header>\n <nav class=\"navbar\">\n <div class=\"logo\">\n <a href=\"index.html\">The Lectionary</a>\n </div>\n <ul class=\"nav-links\">\n <li><a href=\"index.html\">Home</a></li>\n <li><a href=\"about.html\">About</a></li>\n <li><a href=\"#readings\">Today's Readings</a></li>\n <li><a href=\"contact.html\">Contact</a></li>\n </ul>\n <div class=\"burger\">\n <div class=\"line1\"></div>\n <div class=\"line2\"></div>\n <div class=\"line3\"></div>\n </div>\n </nav>\n </header>\n\n <!-- Hero Section -->\n <section class=\"hero\">\n <div class=\"hero-content\">\n <h1>Explore the Word of God</h1>\n <p>Discover the rich history and structure of the Roman Catholic Lectionary.</p>\n <a href=\"about.html\" class=\"btn\">Learn More</a>\n </div>\n <div class=\"hero-image\">\n <img src=\"https://picsum.photos/id/237/600/400\" alt=\"Open Bible\">\n </div>\n </section>\n\n <!-- Features Section -->\n <section class=\"features\">\n <div class=\"feature\">\n <i class=\"fas fa-book fa-3x\"></i>\n <h3>History of the Lectionary</h3>\n <p>Trace the development of the Lectionary from its ancient roots to its modern form.</p>\n </div>\n <div class=\"feature\">\n <i class=\"fas fa-list-alt fa-3x\"></i>\n <h3>Format and Layout</h3>\n <p>Understand the organization and structure of the Lectionary readings.</p>\n </div>\n <div class=\"feature\">\n <i class=\"fas fa-bible fa-3x\"></i>\n <h3>Daily Scripture Readings</h3>\n <p>Access the daily readings for Mass and other liturgical celebrations.</p>\n </div>\n </section>\n\n <!-- About Section (moved content to about.html) -->\n\n\n <!-- Today's Readings Section -->\n <section id=\"readings\" class=\"readings\">\n <h2>Today's Readings</h2>\n <div class=\"reading\">\n <h3>First Reading</h3>\n <p>Acts 2:14, 22-33</p>\n <p class=\"reading-text\">Peter, standing with the Eleven, raised his voice and proclaimed: “You who are men\n of Israel, hear these words. Jesus the Nazarene was a man commended to you by God with mighty deeds,\n wonders, and signs, which God worked among you through him, as you yourselves know. This man, handed\n over by God’s determined plan and foreknowledge, you crucified and killed by the hands of lawless\n men. But God raised him up, releasing him from the throes of death, because it was impossible for him\n to be held by it...</p>\n </div>\n <div class=\"reading\">\n <h3>Responsorial Psalm</h3>\n <p>Psalm 16:1-2, 5, 7-11</p>\n <p class=\"reading-text\">R. (11a) Lord, you will show us the path of life.\n Keep me, O God, for in you I take refuge;\n I say to the LORD, “My Lord are you.”\n O LORD, my allotted portion and my cup,\n you it is who hold fast my lot.\n R. Lord, you will show us the path of life.\n I bless the LORD who counsels me;\n even in the night my heart exhorts me.\n I set the LORD ever before me;\n with him at my right hand I shall not be disturbed.\n R. Lord, you will show us the path of life.\n Therefore my heart is glad and my soul rejoices,\n my body, too, abides in confidence;\n because you will not abandon my soul to the nether world,\n nor will you suffer your faithful one to undergo corruption.\n R. Lord, you will show us the path of life.\n You will show me the path to life,\n fullness of joy in your presence,\n the delights at your right hand forever.\n R. Lord, you will show us the path of life.</p>\n </div>\n <div class=\"reading\">\n <h3>Gospel</h3>\n <p>Matthew 28:8-15</p>\n <p class=\"reading-text\">Filled with awe and great joy the women came away from the tomb, and ran to tell\n the disciples. And suddenly Jesus met them and said, “Hail!” They came up to him and, falling down\n before him, caught hold of his feet. Then Jesus said to them, “Do not be afraid. Go and tell my\n brothers to go to Galilee, and there they will see me.” While they were on their way, some of the\n guard went into the city and told the chief priests all that had happened. The chief priests assembled\n with the elders and took counsel; then they gave a large sum of money to the soldiers, telling them,\n “You are to say, ‘His disciples came by night and stole him while we were asleep.’ And if this gets\n to the ears of the governor, we will satisfy him and keep you out of trouble.” The soldiers took the\n money and did as they were instructed. And this story has circulated among the Jews to the present\n day.</p>\n </div>\n </section>\n\n <!-- Footer -->\n <footer>\n <p>© 2024 The Lectionary Project. All rights reserved.</p>\n </footer>\n\n <script src=\"script.js\"><\/script>","about.html":"<!-- Header/Navigation -->\n <header>\n <nav class=\"navbar\">\n <div class=\"logo\">\n <a href=\"index.html\">The Lectionary</a>\n </div>\n <ul class=\"nav-links\">\n <li><a href=\"index.html\">Home</a></li>\n <li><a href=\"about.html\">About</a></li>\n <li><a href=\"index.html#readings\">Today's Readings</a></li>\n <li><a href=\"contact.html\">Contact</a></li>\n </ul>\n <div class=\"burger\">\n <div class=\"line1\"></div>\n <div class=\"line2\"></div>\n <div class=\"line3\"></div>\n </div>\n </nav>\n </header>\n\n <section class=\"about-hero\">\n <h1>About the Lectionary</h1>\n <p>A deeper dive into the readings used in the Catholic Church.</p>\n </section>\n\n <!-- History Section -->\n <section class=\"about-section\">\n <h2>History of the Lectionary</h2>\n <img src=\"https://picsum.photos/id/1074/400/300\" alt=\"Ancient Scrolls\">\n <p>The Lectionary has evolved over centuries, with roots in the early Church's practice of reading selections\n from the Old and New Testaments during worship. Early lectionaries were often organized according to the\n liturgical year and the feasts of saints. The modern Lectionary, as revised after the Second Vatican\n Council, aims to provide a more comprehensive and systematic presentation of Scripture at Mass.</p>\n <p>The current Lectionary uses a three-year cycle for Sundays (Years A, B, and C), with each year focusing on\n one of the Synoptic Gospels (Matthew, Mark, and Luke). The Gospel of John is read during the Easter season\n and at other special times. Weekday readings follow a two-year cycle (Year I and Year II).</p>\n </section>\n\n <!-- Format and Layout Section -->\n <section class=\"about-section\">\n <h2>Format and Layout of the Lectionary</h2>\n <img src=\"https://picsum.photos/id/42/400/300\" alt=\"Lectionary Book\">\n <p>The Lectionary is typically organized into sections based on the liturgical season (Advent, Christmas, Lent,\n Easter, Ordinary Time) and the day of the week. For each Sunday and major feast day, the Lectionary\n provides three readings: one from the Old Testament (or Acts of the Apostles during Eastertide), one from\n the New Testament Letters, and one from the Gospels. A Responsorial Psalm is also included between the\n first and second readings.</p>\n <p>The readings are carefully selected to complement each other and to reflect the themes of the liturgical\n season. The Lectionary also includes introductions and concluding prayers to help the reader understand the\n context and significance of the readings.</p>\n </section>\n\n <!-- Footer -->\n <footer>\n <p>© 2024 The Lectionary Project. All rights reserved.</p>\n </footer>\n\n <script src=\"script.js\"><\/script>","contact.html":"<!-- Header/Navigation -->\n <header>\n <nav class=\"navbar\">\n <div class=\"logo\">\n <a href=\"index.html\">The Lectionary</a>\n </div>\n <ul class=\"nav-links\">\n <li><a href=\"index.html\">Home</a></li>\n <li><a href=\"about.html\">About</a></li>\n <li><a href=\"index.html#readings\">Today's Readings</a></li>\n <li><a href=\"contact.html\">Contact</a></li>\n </ul>\n <div class=\"burger\">\n <div class=\"line1\"></div>\n <div class=\"line2\"></div>\n <div class=\"line3\"></div>\n </div>\n </nav>\n </header>\n\n <section class=\"contact-hero\">\n <h1>Contact Us</h1>\n <p>We'd love to hear from you!</p>\n </section>\n\n <!-- Contact Form -->\n <section class=\"contact-form\">\n <form action=\"#\" method=\"post\">\n <div class=\"form-group\">\n <label for=\"name\">Name:</label>\n <input type=\"text\" id=\"name\" name=\"name\" required>\n </div>\n <div class=\"form-group\">\n <label for=\"email\">Email:</label>\n <input type=\"email\" id=\"email\" name=\"email\" required>\n </div>\n <div class=\"form-group\">\n <label for=\"message\">Message:</label>\n <textarea id=\"message\" name=\"message\" rows=\"5\" required></textarea>\n </div>\n <button type=\"submit\" class=\"btn\">Submit</button>\n </form>\n </section>\n\n <!-- Footer -->\n <footer>\n <p>© 2024 The Lectionary Project. All rights reserved.</p>\n </footer>\n\n <script src=\"script.js\"><\/script>"};
function runPageJS() {
const navSlide = () => {
const burger = document.querySelector('.burger');
const nav = document.querySelector('.nav-links');
const navLinks = document.querySelectorAll('.nav-links li');
burger.addEventListener('click', () => {
nav.classList.toggle('nav-active');
navLinks.forEach((link, index) => {
if (link.style.animation) {
link.style.animation = ''
} else {
link.style.animation = `navLinkFade 0.5s ease forwards ${index / 5 + 0.3}s`;
}
});
burger.classList.toggle('toggle');
});}
navSlide();
document.querySelectorAll(‘a[href^=”#”]’).forEach(anchor => {
anchor.addEventListener(‘click’, function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});});
}
document.addEventListener(‘click’, function(e) {
const anchor = e.target.closest(‘a’);
if (anchor) {
const href = anchor.getAttribute(‘href’);
if (pages[href]) {
e.preventDefault();
document.getElementById(‘app’).innerHTML = pages[href];
window.scrollTo(0, 0);
} else if (href && href.endsWith(‘.html’)) {
e.preventDefault();
document.getElementById(‘app’).innerHTML = ‘
404 – Page Not Found
Go back to home‘;
}
}
});
runPageJS();