140 lines
6.8 KiB
PHP
Executable File
140 lines
6.8 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>Pandemic Hacker - 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" class="active">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>
|
|
|
|
<button class="hamburger" aria-label="Menu">☰</button>
|
|
</nav>
|
|
|
|
<main class="container book-details" style="max-width: 900px;">
|
|
|
|
<!-- Language Tabs -->
|
|
<div style="display: flex; gap: 0.5rem; margin-bottom: 2rem; border-bottom: 2px solid var(--bdm-gold);">
|
|
<button style="padding: 0.5rem 1rem; background: var(--bdm-navy); color: #fff; border: none; font-weight: bold; cursor: pointer;">EN</button>
|
|
<button style="padding: 0.5rem 1rem; background: transparent; color: var(--bdm-navy); border: none; cursor: pointer;">FR</button>
|
|
<button style="padding: 0.5rem 1rem; background: transparent; color: var(--bdm-navy); border: none; cursor: pointer;">DE</button>
|
|
<button style="padding: 0.5rem 1rem; background: transparent; color: var(--bdm-navy); border: none; cursor: pointer;">ES</button>
|
|
</div>
|
|
|
|
<div style="display: flex; gap: 3rem; flex-wrap: wrap;">
|
|
|
|
<!-- Cover Column -->
|
|
<div style="flex: 0 0 220px;">
|
|
<img src="https://via.placeholder.com/220x310.png?text=Cover" alt="Pandemic Hacker Cover" style="box-shadow: 4px 4px 15px rgba(0,0,0,0.3); margin-bottom: 1.5rem;">
|
|
|
|
<button class="btn-primary share-btn" data-url="authorbdmurphy.com/ph" style="width: 100%; text-align: center; margin-bottom: 1rem;">
|
|
🔗 Share Book
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Detail Column -->
|
|
<div style="flex: 1; min-width: 300px;">
|
|
<h1 style="font-size: 2.5rem; margin-bottom: 0;">Pandemic Hacker</h1>
|
|
<p style="font-size: 1.2rem; color: var(--bdm-mid-grey); margin-bottom: 0.5rem;">By B.D. Murphy</p>
|
|
<p style="font-size: 1.1rem; margin-bottom: 1rem;"><a href="series-detail.php" style="font-weight: bold;">Part of the Hacker series - Book 1</a></p>
|
|
|
|
<div class="star-rating" style="font-size: 1.2rem; margin-bottom: 1.5rem;">
|
|
★★★★☆ 4.2 <span style="font-size:0.9rem; color:var(--bdm-mid-grey);">(1,250 ratings)</span>
|
|
</div>
|
|
|
|
<div class="format-toggle">
|
|
<button class="format-btn active" data-format="ebook">Ebook</button>
|
|
<button class="format-btn" data-format="paperback">Paperback</button>
|
|
<button class="format-btn" data-format="hardback">Hardback</button>
|
|
</div>
|
|
|
|
<div class="retailer-links" style="margin-bottom: 2rem;">
|
|
<a href="#" class="retailer-btn">Amazon</a>
|
|
<a href="#" class="retailer-btn">Apple Books</a>
|
|
<a href="#" class="retailer-btn">Google Play</a>
|
|
<a href="#" class="retailer-btn">Kobo</a>
|
|
<a href="#" class="retailer-btn">Barnes & Noble</a>
|
|
</div>
|
|
|
|
<!-- Pull Quote -->
|
|
<div class="pull-quote">
|
|
"A visionary thriller that reads like tomorrow's headlines."
|
|
</div>
|
|
|
|
<!-- Blurb -->
|
|
<div style="line-height: 1.8; margin-bottom: 2rem;">
|
|
<p style="margin-bottom: 1rem;">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>
|
|
<p>Cybersecurity analyst Sarah Jenkins uncovers a terrifying plot...</p>
|
|
</div>
|
|
|
|
<!-- Read Preview -->
|
|
<div style="background: var(--bdm-parchment); padding: 1.5rem; border-radius: 8px; margin-bottom: 3rem;">
|
|
<h3 style="margin-bottom: 1rem;">Read Preview</h3>
|
|
<p style="margin-bottom: 1rem;">The server room was cold, colder than it should have been. Sarah watched the monitor blink steadily, but the logs told a different story...</p>
|
|
<a href="#" style="font-weight: bold; text-decoration: underline;">Read Full Excerpt</a>
|
|
</div>
|
|
|
|
<!-- Reviews Section -->
|
|
<h3 class="widget-title">Praise for Pandemic Hacker</h3>
|
|
<div class="card">
|
|
<p style="font-style: italic; margin-bottom: 0.5rem;">"Tense and deeply unsettling. A fantastic technological thriller."</p>
|
|
<p style="font-size: 0.9rem; font-weight: bold; text-transform: uppercase; color: var(--bdm-slate);">- Publisher's Weekly</p>
|
|
</div>
|
|
<div class="card">
|
|
<p style="font-style: italic; margin-bottom: 0.5rem;">"Couldn't put it down. B.D. Murphy knows the tech and knows how to write a pulse-pounding story."</p>
|
|
<p style="font-size: 0.9rem; font-weight: bold; text-transform: uppercase; color: var(--bdm-slate);">- The Tech Times</p>
|
|
</div>
|
|
|
|
<!-- Social Sharing at Bottom -->
|
|
<div style="margin-top: 3rem; padding-top: 2rem; border-top: 1px solid rgba(0,0,0,0.1); text-align: center;">
|
|
<p style="margin-bottom: 1rem; font-weight: bold;">Share this book</p>
|
|
<div style="display: flex; gap: 1rem; justify-content: center;">
|
|
<a href="#" class="btn-primary" style="background: #1DA1F2;">X/Twitter</a>
|
|
<a href="#" class="btn-primary" style="background: #4267B2;">Facebook</a>
|
|
<a href="#" class="btn-primary" style="background: #25D366;">WhatsApp</a>
|
|
<a href="#" class="btn-primary" style="background: #0077b5;">LinkedIn</a>
|
|
</div>
|
|
</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>
|
|
|