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

116 lines
5.3 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>The Hacker Series - B.D. Murphy</title>
<?php wp_head(); ?>
</head>
<body>
<header class="site-header">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/Icon_Quill_BDMurphy_Black_WhtBG.jpg" alt="B.D. Murphy Logo" class="site-logo">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/ReadingThroughTimeBanner923x150.jpg" alt="Reading Through Time Banner" class="site-banner">
</header>
<nav class="site-nav">
<ul class="nav-menu">
<li><a href="index.php">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" class="active">Series</a></li>
<li><a href="about.php">About</a></li>
<li><a href="signup.php">Register</a></li>
</ul>
<button class="hamburger" aria-label="Menu">&#9776;</button>
</nav>
<!-- Series Header Graphic -->
<div style="max-width: 1200px; margin: 0 auto;">
<img src="https://via.placeholder.com/1200x300.png?text=Series+Header" alt="The Hacker Series" style="width: 100%; height: auto; display: block;">
</div>
<main class="container">
<!-- Breadcrumb -->
<div style="font-size: 0.9rem; color: var(--bdm-mid-grey); margin-bottom: 2rem;">
<a href="index.php" style="text-decoration: underline;">Home</a> &gt;
<a href="series.php" style="text-decoration: underline;">Series</a> &gt;
<span>The Hacker Series</span>
</div>
<!-- Series Info -->
<div style="text-align: center; max-width: 800px; margin: 0 auto 4rem auto;">
<h1 style="font-size: 3rem; margin-bottom: 1rem;">The Hacker Series</h1>
<p style="font-size: 1.2rem; line-height: 1.6; color: var(--bdm-body);">Follow Sarah Jenkins as she uncovers global cyber-conspiracies, rogue AI systems, and government secrets that someone is willing to kill for. A fast-paced technological thriller series where nothing is what it seems.</p>
</div>
<h2 class="widget-title">Books in this series</h2>
<!-- Book Entry 1 -->
<div class="card book-details" style="display: flex; gap: 2rem; align-items: flex-start;">
<div style="flex: 0 0 130px;">
<img src="https://via.placeholder.com/130x185.png?text=Cover" alt="Pandemic Hacker Cover" style="box-shadow: 2px 2px 8px rgba(0,0,0,0.3);">
</div>
<div style="flex: 1;">
<div style="display: inline-block; background: var(--bdm-navy); color: #fff; padding: 0.2rem 0.6rem; border-radius: 4px; font-weight: bold; font-size: 0.85rem; margin-bottom: 0.5rem; text-transform: uppercase;">Book 1</div>
<h2 style="margin-bottom: 0;"><a href="book-detail.php">Pandemic Hacker</a></h2>
<div style="color: var(--bdm-mid-grey); margin-bottom: 1rem;">By B.D. Murphy</div>
<p style="margin-bottom: 1.5rem; line-height: 1.5;">When a rogue AI system targets global hospital infrastructure, it's a race against time. The only person who can stop it is the one who originally designed the security protocol. But she's been missing for five years...</p>
<div class="retailer-links">
<a href="#" class="retailer-btn">Amazon</a>
<a href="#" class="retailer-btn">Apple Books</a>
<a href="#" class="retailer-btn">Google Play</a>
</div>
</div>
</div>
<!-- Book Entry 2 -->
<div class="card book-details" style="display: flex; gap: 2rem; align-items: flex-start;">
<div style="flex: 0 0 130px;">
<img src="https://via.placeholder.com/130x185.png?text=Cover" alt="Zero Day Cover" style="box-shadow: 2px 2px 8px rgba(0,0,0,0.3);">
</div>
<div style="flex: 1;">
<div style="display: inline-block; background: var(--bdm-navy); color: #fff; padding: 0.2rem 0.6rem; border-radius: 4px; font-weight: bold; font-size: 0.85rem; margin-bottom: 0.5rem; text-transform: uppercase;">Book 2</div>
<h2 style="margin-bottom: 0;"><a href="#">Zero Day</a></h2>
<div style="color: var(--bdm-mid-grey); margin-bottom: 1rem;">By B.D. Murphy</div>
<p style="margin-bottom: 1.5rem; line-height: 1.5;">A new threat emerges from the dark web. As Sarah delves deeper into the syndicate behind the hospital attacks, she realizes the true target was never the healthcare system—it was the global financial grid.</p>
<div class="retailer-links">
<a href="#" class="retailer-btn">Amazon</a>
<a href="#" class="retailer-btn">Barnes & Noble</a>
</div>
</div>
</div>
</main>
<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>
</footer>
<?php wp_footer(); ?>
</body>
</html>