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

125 lines
5.0 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>About - B.D. Murphy</title>
<?php wp_head(); ?>
<style>
.awards-list {
list-style-type: none;
padding-left: 0;
}
.awards-list li {
position: relative;
padding-left: 1.5rem;
margin-bottom: 0.5rem;
}
.awards-list li::before {
content: "•";
color: var(--bdm-gold);
font-size: 1.5rem;
position: absolute;
left: 0;
top: -0.2rem;
}
</style>
</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">Series</a></li>
<li><a href="about.php" class="active">About</a></li>
<li><a href="signup.php">Register</a></li>
</ul>
<button class="hamburger" aria-label="Menu">&#9776;</button>
</nav>
<main class="container two-column">
<!-- Left Column: Bio & Info -->
<section class="column-main">
<h1 class="widget-title">About the Author</h1>
<h2>Brendan D. Murphy</h2>
<p style="color: var(--bdm-mid-grey); font-style: italic; margin-bottom: 1.5rem;">Writing as B.D. Murphy</p>
<div style="line-height: 1.8; margin-bottom: 2rem;">
<p style="margin-bottom: 1rem;">B.D. Murphy is an author of techno-thrillers and suspense novels that explore the dark corners of our connected world. With a background in systems architecture and cybersecurity, Murphy brings a chilling realism to the stories he tells.</p>
<p style="margin-bottom: 1rem;">When not writing or researching the latest zero-day exploits, he can be found hiking with his dog, reading classic sci-fi, or attempting to build the perfect mechanical keyboard.</p>
<p>He currently resides in Upstate New York.</p>
</div>
<h3 style="margin-bottom: 1rem;">Awards & Recognition</h3>
<ul class="awards-list" style="margin-bottom: 2.5rem;">
<li>2025 Cyber-Thriller Book of the Year - Tech Fiction Awards</li>
<li>Amazon #1 Bestseller in Techno-thrillers</li>
<li>Goodreads Choice Awards Nominee</li>
</ul>
<h3 style="margin-bottom: 1rem;">Support the Author</h3>
<div style="display: flex; gap: 1rem; margin-bottom: 3rem;">
<a href="#" class="btn-primary" style="background: var(--bdm-gold); color: var(--bdm-navy); font-weight: bold;">Buy Me a Coffee</a>
<a href="#" class="btn-primary" style="background: #003087; color: white;">Donate via PayPal</a>
</div>
<div style="background: var(--bdm-parchment); padding: 2rem; border-radius: 8px; border-left: 4px solid var(--bdm-gold);">
<h3 style="margin-bottom: 0.5rem; color: var(--bdm-navy);">Stay Updated</h3>
<p style="margin-bottom: 1.5rem;">Want to know when the next book drops? Join the reader group for release news, cover reveals, and exclusive content.</p>
<a href="signup.php" class="btn-primary">Join the Newsletter</a>
</div>
</section>
<!-- Right Column: Sidebar -->
<aside class="column-sidebar">
<!-- Author Photo -->
<div style="margin-bottom: 2rem;">
<img src="https://via.placeholder.com/300x300.png?text=Author+Photo" alt="B.D. Murphy Photo" style="width: 100%; border-radius: 4px; box-shadow: 2px 2px 8px rgba(0,0,0,0.1);">
</div>
<!-- Sign Up Card -->
<div class="card" style="text-align: center;">
<h3 style="color: var(--bdm-navy); margin-bottom: 1rem;">Sign up for updates</h3>
<p style="font-size: 0.95rem; margin-bottom: 1.5rem;">Get early access to new releases, behind-the-scenes writing updates, and more. No spam, ever.</p>
<a href="signup.php" class="btn-primary" style="width: 100%;">Subscribe Now</a>
</div>
</aside>
</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>