1. Select a Movie & Register
Become a free FCN Member in our portal.
Register Here
// also ensure any future dynamic? not needed, everything static built once. // add small breadcrumb easter egg: simulate "Parent Directory" extra style // add a small note: handle optional sorting? but typical index doesn't have sorting by default, but we keep clean. // additional: set title and meta to mimic Apache style fully. const style = document.createElement('style'); style.textContent = ` .parent-row td:first-child a background: #eef2ff; padding: 0.2rem 0.7rem; border-radius: 24px; font-weight: 600; .parent-row:hover td background-color: #f1f3f5; .file-table tr:first-child border-top: none; a[href="../"]:before content: "⬆️ "; font-size: 1rem; `; document.head.appendChild(style);
/* footer */ .footer background: #f9fbfc; border-top: 1px solid #e2e8f0; padding: 1rem 2rem; font-size: 0.75rem; color: #5b6e6b; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px;
.path-bar i font-style: normal; font-weight: 500; index of ebooks epub parent directory
// Toggle view between table and grid let currentView = 'table'; // 'table' or 'grid' const tableViewDiv = document.getElementById('table-view'); const gridViewDiv = document.getElementById('grid-view'); const viewBtns = document.querySelectorAll('.view-btn');
@media (max-width: 680px) body padding: 1rem; .file-table th, .file-table td padding: 0.7rem 1rem; .toolbar flex-direction: column; align-items: flex-start; .header padding: 1.2rem 1.2rem; h1 font-size: 1.6rem; </style> </head> <body> <div class="container"> <div class="header"> <div class="path-bar"> 📂 <i>Index of</i> <strong>/ebooks/epub/</strong> </div> <h1> 📚 EPUB eBook Collection <span>Parent Directory</span> </h1> <div class="sub"> <span>🔓 Public access</span> <span>📄 ~240 items</span> <span>⚡ Last updated: April 2025</span> </div> </div> <div class="toolbar"> <div class="stats"> 📖 showing all EPUBs + subfolders </div> <div class="view-options"> <button class="view-btn active" data-view="table">📋 Table view</button> <button class="view-btn" data-view="grid">🔲 Grid view</button> </div> </div> // also ensure any future dynamic
.grid-view.active display: grid;
.grid-icon font-size: 3rem; margin-bottom: 0.5rem; but typical index doesn't have sorting by default,
// Build table rows function buildTable() const tbody = document.getElementById('table-body'); if (!tbody) return; tbody.innerHTML = ''; fileItems.forEach(item => const icon, display, link = getIconAndLink(item); const row = tbody.insertRow(); if (item.isParent) row.classList.add('parent-row'); // filename column const cellName = row.insertCell(0); const nameSpan = document.createElement('span'); nameSpan.className = 'filename'; const anchor = document.createElement('a'); anchor.href = link; // special styling for parent directory if (item.isParent) anchor.style.fontWeight = '600'; anchor.style.background = '#f1f5f9'; anchor.style.padding = '0.2rem 0.6rem'; anchor.style.borderRadius = '20px'; anchor.style.display = 'inline-flex'; anchor.style.alignItems = 'center'; const iconSpan = document.createElement('span'); iconSpan.className = item.isDir ? 'dir-icon' : 'file-icon'; iconSpan.textContent = icon; iconSpan.style.marginRight = '8px'; anchor.appendChild(iconSpan); anchor.appendChild(document.createTextNode(display)); nameSpan.appendChild(anchor); cellName.appendChild(nameSpan); // last modified column const cellDate = row.insertCell(1); cellDate.className = 'date'; cellDate.textContent = formatDate(item.lastModified); // size column const cellSize = row.insertCell(2); cellSize.className = 'size'; if (item.isDir && !item.isParent) cellSize.textContent = '—'; else cellSize.textContent = item.size; );
.size, .date color: #4b5563; font-size: 0.8rem;
With Faith Content Network, your church can host the best faith films—including movies that are currently in theaters or those that recently were. FCN equips your church with everything you need and best of all: there’s no fee to host! (Like a movie theater, there is a cost for individual tickets; see below for details.)
Become a free FCN Member in our portal.
Register Here
After you find your movie, start planning the details of your event—date, location, seating capacity, popcorn making, etc.
Within 2 days of signing up, you will receive your custom ticketing link and host guide to start promoting your event. Our customer service team is also available to help you with any questions that come up.
Get the word out about your movie event, within your church and outside your walls! FCN provides custom promotional materials, host guides, downloadable trailers, and more!
With all FCN titles, there is no cost to your church for hosting. Each attendee simply purchases a ticket—just like at the movie theater. Ticket prices typically range from $8–$13 for adults and Free–$10 for kids (12 & under), though exact pricing may vary by film. Certain titles may have unique pricing, so be sure to check the movie’s landing page for the latest details.
Have More Questions? Check Out Our FAQ Section here to get all your questions answered.