65 lines
2.2 KiB
Handlebars
65 lines
2.2 KiB
Handlebars
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{title}} - Book Viewer</title>
|
|
<link rel="stylesheet" href="/styles/main.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
</head>
|
|
<body>
|
|
<!-- Navigation Bar -->
|
|
<nav class="navbar">
|
|
<div class="navbar-content">
|
|
<div class="navbar-brand">
|
|
<i class="fas fa-book-open"></i>
|
|
<span>Book Viewing Website</span>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Main Content Area -->
|
|
<div class="main-container">
|
|
<!-- Left Sidebar - Book and Chapter Selector -->
|
|
<aside class="sidebar">
|
|
<div class="sidebar-header">
|
|
<h3>Books & Chapters</h3>
|
|
</div>
|
|
<div class="sidebar-content">
|
|
<!-- Books List -->
|
|
<div class="books-section">
|
|
<h4>Available Books</h4>
|
|
<div id="books-list" class="books-list">
|
|
<div class="loading">Loading books...</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Chapters List -->
|
|
<div class="chapters-section" id="chapters-section" style="display: none;">
|
|
<h4>Chapters</h4>
|
|
<div id="chapters-list" class="chapters-list">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- Right Side - PDF Display Area -->
|
|
<main class="content-area">
|
|
<div class="pdf-container">
|
|
<div id="pdf-placeholder" class="pdf-placeholder">
|
|
<div class="placeholder-content">
|
|
<i class="fas fa-file-pdf"></i>
|
|
<h2>Select a chapter to view</h2>
|
|
<p>Choose a book and chapter from the sidebar to display the PDF</p>
|
|
</div>
|
|
</div>
|
|
<iframe id="pdf-viewer" class="pdf-viewer" style="display: none;"></iframe>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
{{{body}}}
|
|
|
|
<script src="/scripts/app.js"></script>
|
|
</body>
|
|
</html> |