<!--
  =============================================
████████╗ █████╗ ██╗    ██╗███╗   ██╗██╗   ██╗     ██████╗██╗   ██╗██████╗ ███████╗██████╗ 
╚══██╔══╝██╔══██╗██║    ██║████╗  ██║╚██╗ ██╔╝    ██╔════╝╚██╗ ██╔╝██╔══██╗██╔════╝██╔══██╗
   ██║   ███████║██║ █╗ ██║██╔██╗ ██║ ╚████╔╝     ██║      ╚████╔╝ ██████╔╝█████╗  ██████╔╝
   ██║   ██╔══██║██║███╗██║██║╚██╗██║  ╚██╔╝      ██║       ╚██╔╝  ██╔══██╗██╔══╝  ██╔══██╗
   ██║   ██║  ██║╚███╔███╔╝██║ ╚████║   ██║       ╚██████╗   ██║   ██████╔╝███████╗██║  ██║
   ╚═╝   ╚═╝  ╚═╝ ╚══╝╚══╝ ╚═╝  ╚═══╝   ╚═╝        ╚═════╝   ╚═╝   ╚═════╝ ╚══════╝╚═╝  ╚═╝
  =============================================

Project:     TAWNY Blog
File:        blog.html
Description: This is the blog page, enjoy. Runs the same near real-time RSS
             engine as NewsBot, pulling live from TAWNY's own blog RSS feed.

Author:      TAWNY Cyber

Website:     https://www.TAWNYCyber.com/blog

Created:     2026-04-08
Updated:     2026-08-23
Version:     2.0.0

Copyright (c) 2026 TAWNY. All rights reserved.

$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$X:;X$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$X;:X$$$$$$$$$$$
$$$$$$$$$$$x:;+X$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$X;;:x$$$$$$$$$$$
$$$$$$$$$$$x:::;+X$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$x;;:::x$$$$$$$$$$$
$$$$$$$$$$$x::::::;;;;+++xxX$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$XXxx++;;;;;::::::x$$$$$$$$$$$
$$$$$$$$$$$X:::::::::::::::::;;;;+xX$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$X++;;;;::::::::::::::::::X$$$$$$$$$$$
$$$$$$$$$$$$:::::::::::::::::::::::;;;;x$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$X+;;;:::::::::::::::::::::::::X$$$$$$$$$$$
$$$$$$$$$$$$;:::::::::::::::::::::::::::;;;X$$$$$$$$$$$$$$$$$$$$$$$$$x;;;::::::::::::::::::::::::::::;$$$$$$$$$$$$
$$$$$$$$$$$$+::::::::::::::::::::::::::::::;;;X$$$$$$$$$$$$$$$$$$$x;;;:::::::::::::::::::::::::::::::+$$$$$$$$$$$$
$$$$$$$$$$$$X:::::::::::::::::::::::::::::::::;;+$$$$$$$$$$$$$$$+;:::::::::::::::::::::::::::::::::::x$$$$$$$$$$$$
$$$$$$$$$$$$$+:::::::::::::::::::::::::::::::::::;+$$$$$$$$$$X;;::::::::::::::::::::::::::::::::::::;X$$$$$$$$$$$$
$$$$$$$$$$$$$x::::::::::::::::::;;:::::::::::::::::;+$$$$$$$+;::::::::::::::::::::::::::::::::;;;:::x$$$$$$$$$$$$$
$$$$$$$$$$$$$$;:::::::::::::::::;;::::::::::::::::::;;X$$$x;;::::::::::::::::::::::::::::::::::::::;X$$$$$$$$$$$$$
$$$$$$$$$$$$$$x:::::::::::::::::;;;;:::::::::::::::::;;x$x;::::::::::::::::::::::::::::::::::::::::+$$$$$$$$$$$$$$
$$$$$$$$$$$$$$X;::::::::::;;+xXXXXXXx+;;:::::::::::::::;;;:::::::::::::::;;+XXXXXXXx+;;:::::::::::;X$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$x:::::::;+$$$$$$$$$$$$$$$$X;::::::::::::::::::::::::::;+$$$$$$$$$$$$$$$$X;::::::::;+$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$X;::::::::+X$$$$$$$$$$$$$$$$$+::::::::::::::::::::;;;X$$$$$$$$$$$$$$$$$X;:::::::::;X$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$x;::::::::;x$$$$$$$$$$$$$$$$$X;;;::::::::::::::::;+$$$$$$$$$$$$$$$$$$;::::::::::;x$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$Xx;;::::::::;x$$$$$$$$$$$$$$$$$+;;:::::::::::::;;x$$$$$$$$$$$$$$$$X;::::::::::;;xX$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$xx;;::::::::::;x$$$$$$$$$$$$$$$+;:::::::::::::;x$$$$$$$$$$$$$$X;;::::::::::::;xx$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$xx;::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::;Xx$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$xX;;:::::::::::::::::::::::::::::::::::::::::::::::::;::::::::::::::::::;+xx$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$+x;;::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::;;x+$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$xxx;;::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::;;xxx$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$xx+;;:::::::::::::::::::::;;;xXXXXx+;;::::::::::::::::::::::;;;+xx$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$X+x+;;::::::::::::::;;;+$$X+;;;;+x$$X+;;:::::::::::::::;;;+x+X$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$Xx+++;;;;;;;;;;;xX$$$X;:::::::::+$$$$X+;;;;;;;;;;;;+++x$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$;::::::::;x$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$X;::::::;+$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$X;::::;+$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$X;;:;x$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$x+X$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta name="description" content="TAWNY Cyber. Stay informed, stay secure.">
    <meta content="#001A33" name="theme-color"/>
    <title>TAWNY Cyber | Blog</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;family=Libre+Baskerville:wght@700&amp;display=swap" rel="stylesheet"/>
    <link rel="stylesheet" href="/style.css?v=20260908-1">
    <link href="/mike.png" rel="icon"/>
</head>

<!-- ==============================================================================================================
	DIVIDER
================================================================================================================-->

<body class="blog-page">
<canvas aria-hidden="true" id="bg"></canvas>
<header class="app-header" id="top">
    <div class="header-content">
        <div class="brand-cluster">
            <a aria-label="TAWNY Cyber Home" class="brand-link" href="/">
                <img alt="TAWNY Cyber logo" class="site-logo" src="/mike.png"/>
                <span class="brand-name">TAWNY <span class="brand-name-cyber">Cyber</span></span>
            </a>
            <!-- <span class="brand-badge">Blog</span> -->
        </div>
        <button aria-controls="siteNavigation" aria-expanded="false" aria-label="Toggle site navigation" class="nav-toggle" type="button">
            <span></span>
            <span></span>
            <span></span>
        </button>
        <nav aria-label="Primary site navigation" class="main-nav" id="siteNavigation">
            <a class="nav-link" href="/">Home</a>
            <a class="nav-link active" href="/blog">Blog</a>
            <a class="nav-link" href="/newsbot.html">Newsbot</a>
        </nav>
        <div class="user-info user-control-panel">
            <button aria-label="Cycle theme" class="header-theme-cycle" id="headerThemeCycle" title="Cycle theme" type="button">
                <span aria-hidden="true" class="theme-cycle-icon theme-icon theme-icon--default"></span>
                <span class="theme-cycle-text sr-only">Default</span>
            </button>
        </div>
    </div>
    <div aria-hidden="true" class="page-shell-progress">
        <div class="progress-container progress-container--shell">
            <div class="progress-bar" id="myBar"></div>
        </div>
    </div>
</header>

<!-- ==============================================================================================================
	DIVIDER
================================================================================================================-->

<main class="blog-shell" id="top">
<section class="page-hero">
    <div>
        <p class="eyebrow">Stay Informed, Stay Secure.</p>
        <h1 class="page-title">TAWNY Cyber Blog</h1>
    </div>
</section>

<!-- ==============================================================================================================
	DIVIDER
================================================================================================================-->

<div class="dashboard-grid admin-grid">
    <section class="dashboard-card full-width anchor-link" id="featuredSection">
        <div class="card-header card-header--elevated">
            <div>
                <p class="section-kicker">Featured story</p>
                <h2 class="card-title">Latest from the feed</h2>
            </div>
            <div class="hero-actions">
                <a class="card-action" href="#blogLibrary">Browse all articles</a>
            </div>
        </div>
        <div class="panel-body">
            <div aria-label="Open featured article" class="featured-story-link" data-href="#" id="featuredStoryLink" role="link" tabindex="0">
                <div class="blog-feature">
                    <div class="feature-copy">
                        <div>
                            <p class="section-kicker" id="featuredSource">Curated source</p>
                            <h3 class="feature-title" id="featuredTitle">Loading latest article…</h3>
                        </div>
                        <p class="feature-text" id="featuredBlurb">Pulling in the latest coverage from TAWNY Cyber Blog.</p>
                        <div class="blog-stat-grid">
                            <article class="overview-tile">
                                <span class="overview-label">Published</span>
                                <strong class="overview-value" id="featuredPublished">Awaiting feed data</strong>
                            </article>
                            <article class="overview-tile">
                                <span class="overview-label">Source</span>
                                <strong class="overview-value" id="featuredSourceStat">Loading…</strong>
                            </article>
                        </div>
                        <a aria-hidden="true" hidden="" href="#" id="featuredLink" tabindex="-1"></a>
                    </div>
                    <div class="feature-visual">
                        <img alt="" id="featuredImage"/>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="dashboard-card full-width anchor-link" id="blogLibrary">
        <div class="card-header card-header--elevated">
            <div>
                <p class="section-kicker">Blog Library</p>
                <h2 class="card-title">Latest Articles</h2>
            </div>
            <div class="news-library-actions">
                <button aria-label="Refresh feeds" class="refresh-icon-btn js-refresh-feeds-btn" id="refreshFeedsBtn" title="Refresh feeds" type="button"><span aria-hidden="true" class="refresh-icon"></span><span aria-hidden="true" class="refresh-icon-spinner" hidden><span></span></span></button>
                <button class="btn-primary button-match-top" id="resetFiltersBtn" type="button">Reset filters</button>
            </div>
        </div>
        <div class="panel-body">
            <div class="toolbar-layout">
                <label aria-label="Search blog articles" class="search-shell">
                    <span class="search-icon">⌕</span>
                    <input autocomplete="off" autocapitalize="none" class="form-input" id="blogSearch" inputmode="search" maxlength="120" placeholder="Search articles or descriptions..." spellcheck="false" type="search"/>
                </label>
                <select aria-label="Sort articles" class="form-select" id="sortSelect">
                    <option value="newest">Newest first</option>
                    <option value="oldest">Oldest first</option>
                </select>
            </div>
            <div class="results-meta">
                <p id="resultsCount">0 articles</p>
                <p id="activeFilterLabel">Showing latest articles</p>
            </div>
            <div class="blog-cards-grid" id="blogGrid"></div>
        </div>
    </section>
</div>

<!-- ==============================================================================================================
	DIVIDER
================================================================================================================-->

<section class="anchor-link" id="learning">
    <div class="resource-tile random-quote-pill">
        <blockquote><p id="random-message"></p></blockquote>
    </div>
</section>

<!-- ==============================================================================================================
	DIVIDER
================================================================================================================-->

<div class="back-to-top-wrap">
    <button class="back-to-top btn-primary" type="button">↑ Back to the top</button>
</div>

<!-- ==============================================================================================================
	DIVIDER
================================================================================================================-->

<footer aria-label="Site footer" class="glass-footer">
    <div class="glass-footer-grid">
        <div class="glass-footer-brand">
            <a class="glass-footer-brand-link" href="/">
                <img alt="TAWNY Cyber logo" class="glass-footer-logo" height="40" src="/mike.png" width="40"/>
                <h2 class="glass-footer-brand-title">TAWNY Cyber</h2>
                <p class="glass-footer-brand-copy">STAY INFORMED, STAY SECURE.</p>
            </a>
        </div>
        <div class="glass-footer-column glass-footer-column--legal is-open">
            <button aria-controls="footerLegalLinks" aria-expanded="true" class="glass-footer-toggle" type="button">
                <span class="glass-footer-heading glass-footer-toggle-label">Legal <span aria-hidden="true" class="glass-footer-toggle-icon"></span></span>
            </button>
            <div class="glass-footer-links" id="footerLegalLinks">
                <a href="/privacy-policy.html">Privacy Policy</a>
                <a href="/acceptable-use-policy.html">Acceptable Use Policy</a>
                <a href="/terms-of-service.html">Terms of Service</a>
            </div>
        </div>
        <div class="glass-footer-column glass-footer-column--communication is-open">
            <button aria-controls="footerCommunicationLinks" aria-expanded="true" class="glass-footer-toggle" type="button">
                <span class="glass-footer-heading glass-footer-toggle-label">Communication <span aria-hidden="true" class="glass-footer-toggle-icon"></span></span>
            </button>
            <div class="glass-footer-links" id="footerCommunicationLinks">
                <a href="https://linkedin.com/company/tawny-cyber" rel="noopener noreferrer" target="_blank">LinkedIn</a>
                <a href="https://x.com/TawnyCyber" rel="noopener noreferrer" target="_blank">X (Twitter)</a>
            </div>
        </div>
    </div>
    <div class="glass-footer-bottom"><span class="glass-footer-copyright">© TAWNY Cyber. All rights reserved. <span data-today-date=""></span></span></div>
</footer>

<!-- ==============================================================================================================
	DIVIDER
================================================================================================================-->

<div aria-hidden="true" class="standalone-logo-block">
    <a href="/">
        <img alt="" class="standalone-logo" src="/footer.png"/>
    </a>
</div>

</main>

<script defer="" src="/script.js?v=20260908-2"></script>

</body>
</html>
<!--
  =============================================
	████████╗ █████╗ ██╗    ██╗███╗   ██╗██╗   ██╗     ██████╗██╗   ██╗██████╗ ███████╗██████╗ 
	╚══██╔══╝██╔══██╗██║    ██║████╗  ██║╚██╗ ██╔╝    ██╔════╝╚██╗ ██╔╝██╔══██╗██╔════╝██╔══██╗
	   ██║   ███████║██║ █╗ ██║██╔██╗ ██║ ╚████╔╝     ██║      ╚████╔╝ ██████╔╝█████╗  ██████╔╝
	   ██║   ██╔══██║██║███╗██║██║╚██╗██║  ╚██╔╝      ██║       ╚██╔╝  ██╔══██╗██╔══╝  ██╔══██╗
	   ██║   ██║  ██║╚███╔███╔╝██║ ╚████║   ██║       ╚██████╗   ██║   ██████╔╝███████╗██║  ██║
	   ╚═╝   ╚═╝  ╚═╝ ╚══╝╚══╝ ╚═╝  ╚═══╝   ╚═╝        ╚═════╝   ╚═╝   ╚═════╝ ╚══════╝╚═╝  ╚═╝
  =============================================
-->