commits

Author: alanfox2000software

bible/data/books/enoch.json

@@ -5,7 +5,12 @@
             "2": "And he took up his parable and said..."
         },
         "2": {
-            "1": "And behold! He comes with ten thousands of His holy ones..."
+            "1": "And behold! He comes with ten thousands...",
+            "2": "To execute judgment upon all..."
+        },
+        "3": {
+            "1": "And the first heaven shall depart...",
+            "2": "And the earth shall be rent in twain..."
         }
     }
 }

bible/index.html

@@ -16,6 +16,11 @@ <h2>Books</h2>
 
         <!-- Right Content Area -->
         <div class="main-content">
+            <div id="navigation" style="display: none;">
+                <button id="prevChapter">&lt;</button>
+                <div id="chapter-numbers"></div>
+                <button id="nextChapter">&gt;</button>
+            </div>
             <div id="verses"></div>
         </div>
     </div>

bible/script.js

@@ -1,49 +1,56 @@
-const bookManifest = [
-    { name: "Genesis", file: "genesis.json" },
-    { name: "1 Enoch", file: "enoch.json" }
-];
-
 let currentBook = null;
+let currentChapter = null;
+let bookData = null;
 const bookCache = {};
 
-// Fetch book data
-async function loadBookData(bookFile) {
-    if (!bookCache[bookFile]) {
-        const response = await fetch(`data/books/${bookFile}`);
-        const data = await response.json();
-        bookCache[bookFile] = data;
-    }
-    return bookCache[bookFile];
-}
+// Navigation controls
+document.getElementById('prevChapter').addEventListener('click', () => {
+    const prev = parseInt(currentChapter) - 1;
+    if (prev >= 1) loadChapter(prev.toString());
+});
+
+document.getElementById('nextChapter').addEventListener('click', () => {
+    const next = parseInt(currentChapter) + 1;
+    if (bookData[currentBook][next]) loadChapter(next.toString());
+});
 
-// Load chapter 1 of a book automatically
 async function loadBook(bookFile) {
-    const bookData = await loadBookData(bookFile);
-    currentBook = Object.keys(bookData)[0]; // e.g., "1 Enoch"
-    const firstChapter = Object.keys(bookData[currentBook])[0]; // Chapter 1
+    bookData = await loadBookData(bookFile);
+    currentBook = Object.keys(bookData)[0];
+    currentChapter = Object.keys(bookData[currentBook])[0];
 
-    // Display verses
-    const versesDiv = document.getElementById('verses');
-    versesDiv.innerHTML = `
-        <h2>${currentBook}</h2>
-        ${Object.entries(bookData[currentBook][firstChapter])
-          .map(([verse, text]) => `
-            <p class="verse"><b>${verse}:</b> ${text}</p>
-          `).join('')}
-    `;
+    document.getElementById('navigation').style.display = 'flex';
+    updateChapterNavigation();
+    loadChapter(currentChapter);
+}
+
+function updateChapterNavigation() {
+    const chapters = Object.keys(bookData[currentBook]);
+    const chapterNumbers = document.getElementById('chapter-numbers');
+    
+    chapterNumbers.innerHTML = chapters.map(chapter => `
+        <button class="chapter-btn ${chapter === currentChapter ? 'active' : ''}" 
+                onclick="loadChapter('${chapter}')">
+            ${chapter}
+        </button>
+    `).join('');
 }
 
-// Initialize book list
-function initBooks() {
-    const bookList = document.getElementById('book-list');
-    bookList.innerHTML = bookManifest
-        .map(book => `
-            <button onclick="loadBook('${book.file}')">
-                ${book.name}
-            </button>
-        `)
-        .join('');
+function loadChapter(chapter) {
+    currentChapter = chapter;
+    const chapterContent = bookData[currentBook][chapter];
+    
+    // Update verses display
+    document.getElementById('verses').innerHTML = `
+        <h2>${currentBook} ${currentChapter}</h2>
+        ${Object.entries(chapterContent).map(([verse, text]) => `
+            <p><b>${verse}:</b> ${text}</p>
+        `).join('')}
+    `;
+
+    // Update chapter navigation
+    updateChapterNavigation();
 }
 
-// Start
-initBooks();
+// Rest of the script remains the same until the init function
+// (Previous loadBookData and initBooks functions stay unchanged)

bible/styles.css

@@ -1,35 +1,32 @@
-body {
-    margin: 0;
-    font-family: Arial, sans-serif;
-}
-
-.container {
+#navigation {
     display: flex;
-    height: 100vh;
+    align-items: center;
+    gap: 10px;
+    margin-bottom: 20px;
 }
 
-.sidebar {
-    width: 250px;
-    background: #f5f5f5;
-    padding: 20px;
-    overflow-y: auto;
+#chapter-numbers {
+    display: flex;
+    gap: 5px;
+    overflow-x: auto;
+    padding: 5px 0;
 }
 
-.main-content {
-    flex: 1;
-    padding: 20px;
-    overflow-y: auto;
+.chapter-btn {
+    padding: 8px 12px;
+    cursor: pointer;
+    border: 1px solid #ddd;
+    background: #f8f8f8;
+    border-radius: 4px;
 }
 
-#book-list button {
-    display: block;
-    width: 100%;
-    padding: 10px;
-    margin: 5px 0;
-    text-align: left;
-    cursor: pointer;
+.chapter-btn.active {
+    background: #4CAF50;
+    color: white;
+    border-color: #45a049;
 }
 
-.verse {
-    margin: 10px 0;
+#prevChapter, #nextChapter {
+    padding: 8px 16px;
+    font-size: 1.2em;
 }