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

107 lines
5.2 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>Reviews - 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" class="active">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">&#9776;</button>
</nav>
<main class="container">
<h1 class="widget-title">Book Reviews</h1>
<!-- Two Column Grid -->
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); gap: 2rem;">
<!-- Review Card 1 -->
<div class="card" style="cursor: pointer;" onclick="window.location.href='book-detail.html'">
<div style="display: flex; gap: 1rem; align-items: center; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 1rem; margin-bottom: 1rem;">
<img src="https://via.placeholder.com/52x74.png?text=Cover" alt="Pandemic Hacker Cover" style="width: 52px; height: 74px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
<div>
<h2 style="margin-bottom: 0.2rem; font-size: 1.5rem;">Pandemic Hacker</h2>
<div style="color: var(--bdm-mid-grey); font-size: 0.9rem;">45 Reviews</div>
</div>
</div>
<div style="margin-bottom: 1.5rem;">
<div style="font-weight: bold; text-transform: uppercase; color: var(--bdm-slate); font-size: 0.9rem; margin-bottom: 0.2rem;">PUBLISHER'S WEEKLY</div>
<div style="font-style: italic; line-height: 1.4; color: var(--bdm-body); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
A tense and deeply unsettling technological thriller that exposes the vulnerabilities in modern healthcare networks. Murphy writes with terrifying authenticity.
</div>
</div>
<div style="margin-bottom: 1.5rem;">
<div style="font-weight: bold; text-transform: uppercase; color: var(--bdm-slate); font-size: 0.9rem; margin-bottom: 0.2rem;">THE TECH TIMES</div>
<div style="font-style: italic; line-height: 1.4; color: var(--bdm-body); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
Couldn't put it down. B.D. Murphy knows the tech and knows how to write a pulse-pounding story that feels incredibly relevant today.
</div>
</div>
<a href="book-detail.php" style="font-weight: bold; text-decoration: underline;">View all 45 reviews &raquo;</a>
</div>
<!-- Review Card 2 -->
<div class="card" style="cursor: pointer;" onclick="window.location.href='book-detail.html'">
<div style="display: flex; gap: 1rem; align-items: center; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 1rem; margin-bottom: 1rem;">
<img src="https://via.placeholder.com/52x74.png?text=Cover" alt="Zero Day Cover" style="width: 52px; height: 74px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
<div>
<h2 style="margin-bottom: 0.2rem; font-size: 1.5rem;">Zero Day</h2>
<div style="color: var(--bdm-mid-grey); font-size: 0.9rem;">12 Reviews</div>
</div>
</div>
<div style="margin-bottom: 1.5rem;">
<div style="font-weight: bold; text-transform: uppercase; color: var(--bdm-slate); font-size: 0.9rem; margin-bottom: 0.2rem;">KIRKUS REVIEWS</div>
<div style="font-style: italic; line-height: 1.4; color: var(--bdm-body); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
An adrenaline-fueled ride through the dark web. The protagonist is flawed, relatable, and fiercely intelligent. A must-read for cyber-thriller fans.
</div>
</div>
<a href="book-detail.php" style="font-weight: bold; text-decoration: underline;">View all 12 reviews &raquo;</a>
</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>