<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script>
        window.AALBC_CURRENT_PAGE = "/articles/feed";
    </script>

    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('consent', 'default', {
        'ad_storage': 'granted',
        'analytics_storage': 'granted',
        'ad_user_data': 'granted',
        'ad_personalization': 'granted',
        'wait_for_update': 500
    });
    </script>
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-T7DX9D');</script>

    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const isBot = /bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent);
        if (isBot) return;

        const allowedPaths = ['/', '/index.php', '/aboutus.php'];
        const currentPath = window.location.pathname;

        const bait = document.createElement('div');
        bait.className = 'adsbox pub_300x250 pub_300x250_m pub_728x90 text-ad textAd text_ad text_ads text-ads text-ad-links';
        bait.style.position = 'absolute'; bait.style.top = '-9999px'; bait.style.left = '-9999px';
        bait.style.width = '1px'; bait.style.height = '1px';
        document.body.appendChild(bait);

        setTimeout(function() {
            const isBlocked = (bait.offsetParent === null || bait.offsetHeight === 0 || bait.offsetLeft === 0 || bait.clientHeight === 0);
            if (document.body.contains(bait)) document.body.removeChild(bait);
            if (isBlocked && !allowedPaths.includes(currentPath)) {
                showAdblockModal();
            }
        }, 150);
    });

    function showAdblockModal() {
        const overlay = document.createElement('div');
        overlay.id = 'adblock-gate';
        overlay.innerHTML = `
            <div style="position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.95); z-index:99999; display:flex; align-items:center; justify-content:center; text-align:center; color:white; font-family:sans-serif;">
                <div style="background:#222; padding:40px; border-radius:10px; max-width:500px; border:1px solid #ff7e03; box-shadow: 0 0 20px rgba(255,126,3,0.3);">
                    <h2 style="color:#ff7e03; margin-top:0;">Adblock Detected</h2>
                    <p>We rely on advertising to keep AALBC running. Please support Black literature by disabling your ad blocker for this site.</p>
                    <button onclick="location.reload()" style="background:#ff7e03; color:white; border:none; padding:12px 25px; font-size:1rem; cursor:pointer; margin-top:20px; border-radius:4px; font-weight:bold;">Refresh Page</button>
                </div>
            </div>
        `;
        document.body.appendChild(overlay);
        document.body.style.overflow = 'hidden';
    }
    </script>

    <title>Article Not Found | AALBC</title>
    <meta name="description" content="">
    <link rel="canonical" href="">
    
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
    <link rel="stylesheet" href="/css/css2026.css?v=04042026">

    <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
    <script>
      window.googletag = window.googletag || {cmd: []};
      googletag.cmd.push(function() {
        googletag.defineSlot('/42112969/1x1', [1, 1], 'div-gpt-ad-1688844108394-0').addService(googletag.pubads());
        googletag.defineSlot('/42112969/Fixed-all-top', [[300, 250], [300, 75], [300, 100], [300, 450], [300, 325], [325, 325], [300, 50], [350, 300], [300, 300], [300, 600], [325, 300]], 'div-gpt-ad-1695769557811-0').addService(googletag.pubads());
        googletag.defineSlot('/42112969/All-pages-right-position-2', [[300, 450], [320, 50], [300, 325], [320, 480], [325, 325], [325, 300], [300, 250], [300, 100], [300, 600], [300, 75], [350, 300], [300, 50], [300, 300]], 'div-gpt-ad-1695769759857-0').addService(googletag.pubads());
        googletag.defineSlot('/42112969/All-pages-right-position-3', [[300, 450], [300, 325], [325, 325], [350, 300], [300, 100], [300, 250], [300, 300], [300, 600], [325, 300]], 'div-gpt-ad-1695769843180-0').addService(googletag.pubads());
        googletag.defineSlot('/42112969/All-pages-right-position-4', [[350, 300], [300, 100], [300, 300], [325, 300], [300, 50], [300, 75], [300, 450], [320, 50], [300, 250], [325, 325], [300, 325]], 'div-gpt-ad-1695769886029-0').addService(googletag.pubads());
        googletag.defineSlot('/42112969/All-pages-right-position-5', [[300, 75], [320, 100], [325, 300], [300, 300], [350, 300], [300, 600], [300, 100], [300, 325], [300, 450], [300, 250], [320, 50], [300, 50], [320, 480], [325, 325]], 'div-gpt-ad-1695769931034-0').addService(googletag.pubads());
        googletag.defineSlot('/42112969/All-pages-right-position-6', [[320, 100], [300, 600], [300, 50], [300, 300], [350, 300], [300, 75], [320, 480], [325, 325], [300, 325], [300, 450], [320, 50], [300, 100], [300, 250], [325, 300]], 'div-gpt-ad-1695769965497-0').addService(googletag.pubads());
        googletag.defineSlot('/42112969/All-pages-right-position-7', [[300, 50], [320, 100], [300, 450], [300, 325], [300, 75], [300, 300], [325, 300], [350, 300], [300, 100], [320, 480], [325, 325], [320, 50], [300, 600], [300, 250]], 'div-gpt-ad-1695769998479-0').addService(googletag.pubads());
        googletag.defineSlot('/42112969/right-position-8', [[88, 31], [300, 325], [250, 250], [120, 90], [200, 446], [300, 250], [160, 600], [300, 100], [234, 60], [216, 36], [120, 20], [200, 200], [300, 75], [120, 600], [300, 300], [125, 125], [240, 400], [120, 30], [120, 60], [120, 240], [300, 50]], 'div-gpt-ad-1765661344642-0').addService(googletag.pubads());
        googletag.defineSlot('/42112969/All-pages-right-position-9', [[300, 250], [300, 600]], 'div-gpt-ad-All-pages-right-position-9').addService(googletag.pubads());        

        googletag.defineSlot('/42112969/Sticky-Footer', [[728, 90], [320, 50]], 'div-gpt-ad-sticky-footer').addService(googletag.pubads());
        googletag.defineSlot('/42112969/In-Content-Ad', [300, 250], 'div-gpt-ad-in-content').addService(googletag.pubads());

        googletag.pubads().enableLazyLoad({
            fetchMarginPercent: 200,
            renderMarginPercent: 100,
            mobileScaling: 2.0
        });

        googletag.pubads().enableSingleRequest();
        googletag.pubads().collapseEmptyDivs(); 
        googletag.enableServices();
      });
    </script>

    <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/fe23d4832ca911e254ed6dace/1c32d4a69642ee9a3a097cb32.js");</script>
    
   </head>    <body>
        <div id="aalbc-upgrade-banner" style="background-color: #fff3cd; color: #856404; padding: 12px 45px 12px 15px; text-align: center; border-bottom: 1px solid #ffeeba; font-family: sans-serif; font-size: 0.9rem; font-weight: 500; position: relative; z-index: 10001; line-height: 1.4;">
    
    <i class="fa-solid fa-circle-info" style="margin-right: 8px; color: #ff7e03;"></i>
   <strong>AALBC Update:</strong> I’m <a href="https://aalbc.com/aalbc-2026-upgrade" style="color: #856404; font-weight: bold; text-decoration: underline; ">upgrading our website</a>—please pardon any minor “bumps” along the way.

    <button onclick="dismissAALBCBanner()" style="position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: transparent; border: none; font-size: 1.5rem; cursor: pointer; color: #856404; padding: 5px; line-height: 1;">
        &times;
    </button>
</div>

<script>
function dismissAALBCBanner() {
    var banner = document.getElementById('aalbc-upgrade-banner');
    if (banner) {
        banner.style.display = 'none';
        // This stops it from popping up again on the next page load
        sessionStorage.setItem('aalbc_2026_banner_hidden', 'true');
    }
}

// Auto-hide if they already dismissed it this session
if (sessionStorage.getItem('aalbc_2026_banner_hidden') === 'true') {
    document.getElementById('aalbc-upgrade-banner').style.display = 'none';
}
</script>


<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T7DX9D" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<header class="site-header">
    <div class="nav-container">
        <a href="https://aalbc.com/" class="nav-logo" title="AALBC.com">
            <img src="https://aalbc.com/images/AALBC-Logo-long-543-107.png" alt="AALBC Logo">
        </a>
        
        <form action="https://aalbc.com/search/" method="get" class="header-search">
            <input type="text" name="query" placeholder="Search authors, books..." required>
            <button type="submit" aria-label="Search"><i class="fa-solid fa-magnifying-glass"></i></button>
        </form>

        <div class="mobile-menu-toggle" onclick="toggleMenu()">
            <i class="fa-solid fa-bars"></i>
        </div>

        <nav class="main-navigation" id="mainNav">
            <ul>
                <li><a href="https://aalbc.com/books/">Books</a></li>
                <li><a href="https://aalbc.com/authors/">Authors</a></li>
                <li><a href="https://aalbc.com/reviews/">Reviews</a></li>
                <li><a href="https://aalbc.com/events/">Events</a></li>
                <li><a href="https://aalbc.com/writers/">Resources</a></li>
                <li><a href="https://aalbc.com/tc/">Forum</a></li>
                <li><a href="https://store.aalbc.com/cart.php"><i class="fa-solid fa-cart-shopping nav-cart-icon"></i></a></li>

                <li id="auth-section" style="margin-left: 10px; display: flex; align-items: center;">

                                            <div class="auth-btn-container" id="guest-nav">
                            <a href="javascript:void(0)" onclick="openLoginModal()" style="font-weight: bold; color: #4a148c; cursor: pointer;">
                                <i class="fa-solid fa-circle-user"></i> Login
                            </a>
                        </div>
                                    </li>
            </ul>
        </nav>
    </div>
</header>

<div id="login-modal" class="modal-overlay" style="display:none;">
    <div class="modal-content">
        <span class="close-modal" onclick="closeLoginModal()">&times;</span>
        
        
        <h2>Login with Email</h2>
        <p style="margin-bottom: 20px;">Unlock exclusive content and follow your favorite authors.</p>
                
        <form id="auth-form" method="POST" action="/login_handler_email.php">
            <input type="email" name="email" id="auth-email" class="auth-input" placeholder="Email Address" required value="">
            
            <div style="position: relative; width: 100%;">
                <input type="password" name="password" id="auth-password" class="auth-input" placeholder="Password" required style="width: 100%; padding-right: 40px;">
                <i class="fa-solid fa-eye" id="modalTogglePassword" style="position: absolute; right: 12px; top: 18px; cursor: pointer; color: #777;"></i>
            </div>
            
            <div id="forgot-password-link" style="text-align: right; margin-top: 5px; margin-bottom: 15px;">
                <a href="https://aalbc.com/forgot-password.php" style="font-size: 0.85rem; color: #666; text-decoration: underline;">Forgot password?</a>
            </div>

            <div class="auth-button-group" style="display: flex; gap: 10px; justify-content: center;">
                <button type="submit" id="login-submit-btn" class="btn-main" style="flex: 1;">Log In</button>
                <a href="/signup.php" class="btn-main" style="flex: 1; background: #333 !important;">Sign Up</a>
            </div>
        </form>
    </div>
</div>

<script type="text/javascript">
/** 1. NAVIGATION CONTROLS **/
function toggleMenu() {
    const nav = document.getElementById('mainNav');
    nav.classList.toggle('active'); // Toggles visibility based on css2026.css
}

function toggleDropdown() {
    const dropdown = document.getElementById('user-dropdown');
    dropdown.style.display = (dropdown.style.display === 'block') ? 'none' : 'block';
}

/** 2. MODAL CONTROLS **/
function openLoginModal() { 
    document.getElementById('login-modal').style.display = 'flex'; 
}

function closeLoginModal() { 
    document.getElementById('login-modal').style.display = 'none'; 
}

function handleLogout() { 
    if(confirm("Log out?")) { 
        window.location.href = '/logout.php'; 
    } 
}

// Password Visibility Toggle
document.getElementById('modalTogglePassword')?.addEventListener('click', function() {
    const pwd = document.getElementById('auth-password');
    const type = pwd.getAttribute('type') === 'password' ? 'text' : 'password';
    pwd.setAttribute('type', type);
    this.classList.toggle('fa-eye-slash');
});

// Close dropdowns/menus when clicking outside
window.addEventListener('click', function(e) {
    const dropdown = document.getElementById('user-dropdown');
    if (dropdown && !document.getElementById('user-nav-menu').contains(e.target)) {
        dropdown.style.display = 'none';
    }
});
</script>        <div class="container" style="text-align:center; padding:50px 20px;">
            <h1>Article Not Found</h1>
            <p>We couldn’t find the article you were looking for.</p>
            <a href="https://aalbc.com/authors/" class="btn btn-primary">Browse Authors</a>
        </div>
        <footer class="site-footer" id="colophon">
    <div class="footer-grid">
        <div class="footer-col">
            <h4>Company</h4>
            <ul>
                <li><a href="https://aalbc.com/aboutus.php">About Us</a></li>
                <li><a href="https://aalbc.com/privacy.php">Privacy Policy</a></li>
                <li><a href="https://aalbc.com/content.php?title=Bookstore+Policies+and+Procedures">Store Policies</a></li>
            </ul>
        </div>
        <div class="footer-col">
            <h4>Support & Services</h4>
            <ul>
                <li><a href="https://aalbc.com/enewsletter/">Subscribe to Newsletter</a></li>
                <li><a href="https://aalbc.com/advertise.php">Advertise with Us</a></li>
                <li><a href="https://aalbc.com/faq/">FAQ</a></li>
                <li><a href="mailto:troy@aalbc.com"><i class="fa-solid fa-envelope"></i> troy@aalbc.com</a></li>
                <li><a href="tel:347-692-2522"><i class="fa-solid fa-phone"></i> 347-69-AALBC</a></li>
            </ul>
        </div>
        <div class="footer-col">
            <h4>Connect</h4>
            <div class="footer-social-icons">
                <a href="https://www.youtube.com/channel/UCKiZCFRFwsYgtn8doHwRtHA?sub_confirmation=1" target="_blank" class="social-btn" title="YouTube"><i class="fa-brands fa-youtube"></i></a>    
                <a href="https://www.facebook.com/aalbcfanpage/" target="_blank" class="social-btn" title="Facebook"><i class="fa-brands fa-facebook"></i></a>
                <a href="https://www.linkedin.com/in/aalbc" target="_blank" class="social-btn" title="LinkedIn"><i class="fa-brands fa-linkedin"></i></a>
                <a href="https://pinterest.com/aalbc/" target="_blank" class="social-btn" title="Pinterest"><i class="fa-brands fa-pinterest"></i></a>
                <a href="https://twitter.com/aalbc" target="_blank" class="social-btn" title="Twitter"><i class="fa-brands fa-x-twitter"></i></a>
                <a href="https://www.instagram.com/aalbc/" target="_blank" class="social-btn" title="Instagram"><i class="fa-brands fa-instagram"></i></a>
                <a href="https://www.flickr.com/people/aalbc/" target="_blank" class="social-btn" title="Flickr"><i class="fa-brands fa-flickr"></i></a>
                <a href="https://www.ibpa-online.org/member/aalbc" target="_blank" class="social-btn" title="IBPA"><i class="fa-solid fa-book"></i></a>
                <a href="https://www.tiktok.com/@aalbccom" target="_blank" class="social-btn" title="TikTok"><i class="fa-brands fa-tiktok"></i></a>
                <a href="https://www.fanbase.app/@aalbc" target="_blank" class="social-btn" title="Fanbase"><i class="fa-solid fa-users"></i></a>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        &copy; 1997&ndash;2026, All Rights Reserved.<br>
        <a href="https://aalbc.com">African American Literature Book Club</a>, AALBC.com, LLC.
    </div>
    
    <div id="sticky-footer-container" style="position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(255,255,255,0.95); box-shadow: 0 -2px 10px rgba(0,0,0,0.1); z-index: 10000; text-align: center; padding: 5px 0; display: none;">
        <button onclick="closeStickyFooter()" style="position: absolute; top: -25px; right: 10px; background: #333; color: #fff; border: none; border-radius: 50%; width: 25px; height: 25px; cursor: pointer; font-weight: bold; font-size: 18px; line-height: 25px;">&times;</button>
        <div id="div-gpt-ad-sticky-footer" style="margin: 0 auto;">
            <script>googletag.cmd.push(function() { googletag.display('div-gpt-ad-sticky-footer'); });</script>
        </div>
    </div>

    <script>
        function closeStickyFooter() {
            document.getElementById('sticky-footer-container').style.display = 'none';
            document.body.style.paddingBottom = '0px';
        }

        googletag.cmd.push(function() {
            googletag.pubads().addEventListener('slotRenderEnded', function(event) {
                if (event.slot.getAdUnitPath() === '/42112969/Sticky-Footer' && !event.isEmpty) {
                    document.getElementById('sticky-footer-container').style.display = 'block';
                    document.body.style.paddingBottom = '60px'; 
                }
            });
        });
    </script>    
</footer>

<div id="su-footer-links" style="text-align: center;"></div>
<script id="dsq-count-scr" src="//aalbc.disqus.com/count.js" async></script>
<script src="/js/shift.js" async></script>


<script>
/**
 * Smooth Scroll and Auto-Open Details
 */
document.addEventListener("DOMContentLoaded", function() {
  if (window.location.hash) {
    const targetId = window.location.hash;
    try {
        const targetElement = document.querySelector(targetId);
        if (targetElement) {
          const parentDetails = targetElement.closest('details');
          if (parentDetails) { parentDetails.open = true; }
          setTimeout(() => {
              targetElement.scrollIntoView({behavior: "smooth", block: "start"});
          }, 200);
        }
    } catch (e) { console.warn("Hash error: ", e); }
  }
});

/**
 * AALBC AJAX Utilities: Toggle Book Favorites & Author Follows
 */
function toggleFavorite(btn, isbn) {
    if (!btn) return;
    fetch('/includes/ajax_save_favorite.php', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ isbn: isbn })
    })
    .then(res => res.json())
    .then(data => {
        if (data.success) {
            const icon = btn.querySelector('i');
            const text = btn.querySelector('.btn-text');
            if (data.action === 'added') {
                icon?.classList.replace('fa-regular', 'fa-solid');
                if (text) text.innerText = 'Saved to Bookshelf';
                btn.style.borderColor = '#e91e63';
            } else {
                icon?.classList.replace('fa-solid', 'fa-regular');
                if (text) text.innerText = 'Save to Bookshelf';
                btn.style.borderColor = '#ddd';
            }
            } else if (data.message === 'Login required' || data.error === 'Login required') {
                // 1. Save the current page so they come back here
                // No AJAX needed, just set a cookie or rely on the next page hit
                
                // 2. Alert and redirect
                alert('Please log in to save books to your bookshelf.');
                window.location.href = '/signup.php?auth_required=1';
            }
    }).catch(err => console.error('Favorite Error:', err));
}

function toggleFollowAuthor(btn, aid) {
    if (!btn || !aid) return;
    const txt = btn.querySelector('.btn-text');
    const icon = btn.querySelector('i');
    const action = txt.innerText === 'Following' ? 'unfollow' : 'follow';

    fetch('/includes/toggle_follow.php', {
        method: 'POST',
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
        body: `author_id=${aid}&action=${action}`
    })
    .then(r => r.json())
    .then(data => {
        if (data.success) {
            if (action === 'follow') {
                txt.innerText = 'Following';
                icon?.classList.replace('fa-regular', 'fa-solid');
                icon.style.color = '#4a148c';
                btn.style.borderColor = '#4a148c';
            } else {
                txt.innerText = 'Follow Author';
                icon?.classList.replace('fa-solid', 'fa-regular');
                icon.style.color = '#777';
                btn.style.borderColor = '#ddd';
            }
        }
    }).catch(err => console.error('Follow Error:', err));
}
</script>

<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/fe23d4832ca911e254ed6dace/1c32d4a69642ee9a3a097cb32.js");</script>

    </body>
    </html>
    