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

    Project:     TAWNY NewsBot
    File:        NewsBot.html
    Description: Jarvis, tell me the cyber news, make no mistakes.

    Author:      TAWNY Cyber

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

    Created:     2026-04-08
    Updated:     2026-04-08
    Version:     1.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 | NewsBot</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"/>
    <!-- The ?v= query string busts long-lived browser/CDN caches for style.css
	     and script.js. Without it, a fix that's live on the server can keep
	     rendering as the OLD behaviour for anyone whose browser (or a CDN in
	     front of the site) already cached the un-versioned URL — bump this to
	     today's date on every deploy that changes either file. -->
    <link href="/style.css?v=20260908-1" rel="stylesheet"/>
    <link href="/mike.png" rel="icon"/>
</head>
<!-- ==============================================================================================================
	END OF HEAD
================================================================================================================-->


<body class="newsbot-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">Newsbot</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" href="/blog">Blog</a>
            <a class="nav-link active" 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>
<!-- ==============================================================================================================
	END OF HEADER
================================================================================================================-->


<main class="blog-shell" id="top">

<section aria-live="polite" aria-label="Newsbot loading notice" class="newsbot-loading-section is-visible" id="newsbotLoadingPopup">
    <div class="newsbot-loading-section__shell">
        <div class="hero-panel">
            <div class="hero-grid">
                <div>
                    <p class="eyebrow">Stay Informed, Stay Secure.</p>
                    <h1 class="hero-title">Loading latest infosec reporting ...</h1>
                    <p class="hero-copy">Newsbot takes a moment to load the RSS feeds. The site is working, and the latest reporting will appear as soon as the feeds finish loading.</p>
                    <div aria-label="RSS feeds loading" class="newsbot-loading-section__spinner" role="status"><span></span></div>
                    <article aria-label="Featured blog post placeholder" class="newsbot-loading-section__featured-post">
                        <p class="section-kicker">Featured blog post</p>
                        <h2 class="newsbot-loading-section__featured-title">Latest TAWNY Cyber perspective</h2>
                        <p class="newsbot-loading-section__featured-copy">Placeholder: this panel will surface the latest or featured TAWNY Cyber blog post once the TAWNY Cyber blog RSS feed is available.</p>
                        <div class="blog-stat-grid newsbot-loading-section__featured-meta">
                            <article class="overview-tile"><span class="overview-label">Published</span><strong class="overview-value">Coming soon</strong></article>
                            <article class="overview-tile"><span class="overview-label">Source</span><strong class="overview-value">TAWNY Cyber Blog</strong></article>
                        </div>
                    </article>
                    <div class="hero-actions newsbot-loading-section__actions"><a class="btn-primary" href="/blog">Blog Posts</a></div>
                    <blockquote class="newsbot-loading-section__quote"><p data-random-message></p></blockquote>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="page-hero">
    <div>
        <p class="eyebrow">Stay Informed, Stay Secure.</p>
        <h1 class="page-title">TAWNY Cyber NewsBot</h1>
        <p class="page-subtitle">Near real-time infosec reporting from trusted sources. TAWNY Cyber NewsBot aggregates cybersecurity headlines and updates from trusted sources, clusters important developments, and surfaces them in a format designed for rapid scanning.</p>
    </div>
</section>

<section aria-label="News summary" class="analysis-overview mobile-hide-on-small-screens">
    <article class="overview-tile">
        <span class="overview-label">Live Search</span>
        <strong class="overview-value">Filter by what matters to you.</strong>
    </article>
    <article class="overview-tile">
        <span class="overview-label">Curated Sources</span>
        <strong class="overview-value">News from trusted infosec reporting.</strong>
    </article>
    <article class="overview-tile">
        <span class="overview-label">Refresh Window</span>
        <strong class="overview-value" id="refreshWindowLabel">10 minute auto refresh.</strong>
    </article>
</section>


<section aria-label="Newsbot quick actions and feed status" class="newsbot-toolbar-section">
    <div class="newsbot-toolbar-actions">
        <a class="btn-primary button-match-top" href="#filterPills">Explore sources</a>
    </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 TAWNY Cyber headline</h2>
            </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 aria-label="Featured story loading" class="newsbot-loading-section__spinner newsbot-loading-section__spinner--inline" id="featuredLoadingWheel" role="status"><span></span></div>
                        </div>
                        <p class="feature-text" id="featuredBlurb">Pulling in the latest security coverage from the configured RSS feeds.</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" hidden>
                        <img alt="" id="featuredImage"/>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="dashboard-card full-width anchor-link" id="newsLibrary">
        <div class="card-header card-header--elevated">
            <div>
                <p class="section-kicker">NewsBot Library</p>
                <h2 class="card-title">Latest infosec reports.</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 news 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 headlines, sources, 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="filter-pill-row" id="filterPills"></div>
            <div class="results-meta">
                <p id="resultsCount">0 articles</p>
                <div class="active-filter-loading-group">
                    <p id="activeFilterLabel">Showing all sources</p>
                    <div aria-label="Article list loading" class="newsbot-loading-section__spinner newsbot-loading-section__spinner--inline newsbot-loading-section__spinner--meta" id="activeFilterLoadingWheel" role="status"><span></span></div>
                </div>
            </div>
            <div class="blog-cards-grid" id="blogGrid"></div>
        </div>
    </section>


    <button aria-label="Take me to the top" class="newsbot-top-button" id="newsbotTopButton" type="button">↑ Take me to the top!</button>


    <section class="dashboard-card full-width anchor-link" id="resourcesSection">
        <div class="card-header card-header--elevated">
            <div>
                <p class="section-kicker">Status</p>
                <h2 class="card-title">Coverage &amp; feed status</h2>
            </div>
            <div class="news-library-actions">
                <button aria-label="Refresh feeds" class="refresh-icon-btn js-refresh-feeds-btn" id="refreshFeedsBtnStatus" 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>
            </div>
        </div>
        <div class="panel-body">
            <div class="resource-stack">
                <article class="resource-tile">
                    <p class="section-kicker">Last refresh</p>
                    <h3 class="resource-title">Feed health and refresh cycle</h3>
                    <p class="resource-copy"><span id="lastUpdatedLabel">No successful refresh yet.</span></p>
                    <p class="resource-copy" id="errorSummary">Any feed warnings will appear here without breaking the page.</p>
                </article>
            </div>
        </div>
    </section>


</div>

<!-- ==============================================================================================================
	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>


<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>

<!-- 

			 \  /
			  \/
		.===============.
		| .-----------. |
		| |   TAWNY   | |
		| |   NEWS    | |
		| |    BOT    | |   __
		| '-----------'o|  |o.|
		|===============|  |::|
		|###############|  |::|
		'==============='  '--'

=============================================
	████████╗ █████╗ ██╗    ██╗███╗   ██╗██╗   ██╗     ██████╗██╗   ██╗██████╗ ███████╗██████╗ 
	╚══██╔══╝██╔══██╗██║    ██║████╗  ██║╚██╗ ██╔╝    ██╔════╝╚██╗ ██╔╝██╔══██╗██╔════╝██╔══██╗
	   ██║   ███████║██║ █╗ ██║██╔██╗ ██║ ╚████╔╝     ██║      ╚████╔╝ ██████╔╝█████╗  ██████╔╝
	   ██║   ██╔══██║██║███╗██║██║╚██╗██║  ╚██╔╝      ██║       ╚██╔╝  ██╔══██╗██╔══╝  ██╔══██╗
	   ██║   ██║  ██║╚███╔███╔╝██║ ╚████║   ██║       ╚██████╗   ██║   ██████╔╝███████╗██║  ██║
	   ╚═╝   ╚═╝  ╚═╝ ╚══╝╚══╝ ╚═╝  ╚═══╝   ╚═╝        ╚═════╝   ╚═╝   ╚═════╝ ╚══════╝╚═╝  ╚═╝
=============================================-->