Files
Umbra-Bookshelf/mockups/index.php
2026-10-18 19:02:23 -07:00

119 lines
4.5 KiB
PHP
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>B.D. Murphy | "No limits to your Mind"</title>
<?php wp_head(); ?>
</head>
<body>
<!-- Header -->
<header class="site-header">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/Icon_Quill_BDMurphy_250x250.png" alt="B.D. Murphy Logo" class="site-logo">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/ReadingThroughTimeBanner_1538x250.png" alt="Reading Through Time Banner" class="site-banner">
</header>
<!-- Navigation -->
<nav class="site-nav">
<ul class="nav-menu">
<li><a href="index.php" class="active">Home</a></li>
<li><a href="blog.php">Blog</a></li>
<li><a href="books.php">Books</a></li>
<li><a href="reviews.php">Reviews</a></li>
<li><a href="series.php">Series</a></li>
<li><a href="about.php">About</a></li>
<li><a href="signup.php">Register</a></li>
</ul>
<div class="lang-selector">
<select aria-label="Select Language">
<option value="en">EN</option>
<option value="fr">FR</option>
<option value="de">DE</option>
<option value="es">ES</option>
</select>
</div>
<button class="hamburger" aria-label="Menu">&#9776;</button>
</nav>
<!-- Main Content -->
<main class="container two-column">
<!-- Left Column: News & Blog -->
<section class="column-main">
<h2>Welcome to my digital bookshelf.</h2>
<p>I write thrillers and mysteries exploring the intersection of technology and humanity. Take a look around and expand your mind.</p>
<div style="margin-top: 2rem;">
<h3>Latest News</h3>
<article class="card" style="margin-bottom: 1.5rem;">
<h4 style="margin-bottom: 0.5rem;"><a href="blog.php">Announcing: Pandemic Hacker release date!</a></h4>
<p class="meta" style="color: var(--bdm-mid-grey); font-size: 0.9rem; margin-bottom: 1rem;">May 14, 2026 | Announcements</p>
<p>The wait is almost over. The final proofs are in and we are scheduled for release next month...</p>
</article>
</div>
</section>
<!-- Right Column: Book Shelf Widget -->
<aside class="column-sidebar">
<div class="card">
<h3 class="widget-title">B.D. Murphy Bookshelf</h3>
<div class="book-shelf-item">
<img src="https://via.placeholder.com/44x62.png?text=Cover" alt="Pandemic Hacker Cover">
<div class="book-shelf-details">
<h4><a href="book-detail.php">Pandemic Hacker</a></h4>
<div class="star-rating">&#9733;&#9733;&#9733;&#9733;&#9734; (4.2)</div>
<div class="retailer-icons">
<!-- Placeholder for retailer icons -->
<span style="font-size: 0.8rem; background: #eee; padding: 2px 4px; border-radius: 2px;">AMZ</span>
<span style="font-size: 0.8rem; background: #eee; padding: 2px 4px; border-radius: 2px;">GR</span>
</div>
</div>
</div>
<div class="book-shelf-item">
<img src="https://via.placeholder.com/44x62.png?text=Cover" alt="Zero Day Cover">
<div class="book-shelf-details">
<h4><a href="#">Zero Day</a></h4>
<div class="star-rating">&#9733;&#9733;&#9733;&#9733;&#9733; (4.8)</div>
<div class="retailer-icons">
<span style="font-size: 0.8rem; background: #eee; padding: 2px 4px; border-radius: 2px;">AMZ</span>
</div>
</div>
</div>
</div>
</aside>
</main>
<!-- Footer -->
<footer class="site-footer">
<div class="footer-inner">
<div class="footer-social">
<h4>Follow Me</h4>
<a href="#">X/Twitter</a> | <a href="#">Facebook</a> | <a href="#">LinkedIn</a>
</div>
<div class="footer-donate">
<h4>Support the Author</h4>
<a href="#" class="btn-primary" style="background: var(--bdm-gold); color: var(--bdm-navy);">Buy Me a Coffee</a>
</div>
<div class="footer-utility">
<h4>Links</h4>
<a href="#">Contact</a> | <a href="about.php">About</a> | <a href="#">Privacy Policy</a> | <a href="signup.php">Sign Up</a>
</div>
</div>
<div class="footer-inner" style="margin-top: 2rem; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 1rem; font-size: 0.85rem; color: var(--bdm-light-grey);">
<p>B.D. Murphy Books &copy; 2026. 123 Author Way, Storyville, NY 10001, USA</p>
</div>
</footer>
<?php wp_footer(); ?>
</body>
</html>