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

    Project:     TAWNY Home Page
    File:        home.html
    Description: TAWNY is home now.

    Author:      TAWNY Cyber

    Website:     https://www.TAWNYCyber.com

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

<!-- ==============================================================================================================
	DIVIDER
================================================================================================================-->
    
<body class="landing-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">Home</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 active" href="/">Home</a>
            <a class="nav-link" 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="landing-shell" id="top">

<section class="hero-story">
    <div class="hero-panel">
        <div class="hero-grid">
            <div>
                <p class="eyebrow">Cybersecurity Intelligence · Learning · News</p>
                <h1 class="hero-title">Stay informed, stay secure.</h1>
                <p class="hero-copy">That's our motto and it should be yours too. TAWNY Cyber brings together original blog writing, a near real-time infosec newsbot, and curated cybersecurity resources in one cohesive destination.</p>
                <div class="hero-actions">
                <a class="btn-primary" href="/blog">Blog</a>
                <a class="btn-primary" href="/newsbot.html">Newsbot</a>
                </div>
                <div class="hero-stat-grid mobile-hide-on-small-screens">
                    <article class="overview-tile">
                        <span class="overview-label">Brand</span>
                        <strong class="overview-value">Created by experts</strong>
                    </article>
                    <article class="overview-tile">
                        <span class="overview-label">Newsbot</span>
                        <strong class="overview-value">Near real-time RSS aggregation</strong>
                    </article>
                        <article class="overview-tile">
                        <span class="overview-label">Learning</span>
                        <strong class="overview-value">Courses and labs coming soon</strong>
                    </article>
                </div>
            </div>
        </div>
    </div>
</section>

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


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

<section class="story-section" id="brand">
    <div class="story-grid">
        <div class="story-content">
            <p class="eyebrow">TAWNY Cyber</p>
            <h2 class="section-heading">An introduction to TAWNY Cyber.</h2>
            <div class="story-card">
                <p class="story-copy">TAWNY Cyber is a cybersecurity project focused on turning information overload into practical clarity. We combine operational thinking, accessible intelligence, and meaningful knowledge to help teams absorb what matters, act faster, and keep learning continuously.</p>
                <div class="feature-list">
                    <div class="feature-item"><span class="feature-dot"></span><span>Informative blog posts on all things cyber</span></div>
                    <div class="feature-item"><span class="feature-dot"></span><span>Curated infosec newsbot</span></div>
                    <div class="feature-item"><span class="feature-dot"></span><span>Learning & Resources - Coming soon ... </span></div>
                </div>
            </div>
        </div>
        <div class="story-visual">
            <img alt="branding image " src="/mikeBRAND.png"/>
            <div class="floating-caption">Stay Informed, Stay Secure.</div>
        </div>
        
    </div>
</section>

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

<section class="story-section" id="blog">
    <div class="story-grid reverse">
        <div class="story-content">
            <p class="eyebrow">Blog</p>
            <h2 class="section-heading">Original writing from TAWNY Cyber.</h2>
            <div class="story-card">
                <p class="story-copy">Keep up to date with the latest TAWNY Cyber research, news and findings here. Our aim is to provide insightful information to the wider cyber security community. </p>
                <div class="cta-actions">
                    <a class="btn-primary" href="/blog">Visit Blog</a>
                </div>
            </div>
            <div class="path-grid mobile-hide-on-small-screens">
                <article class="path-card">
                    <p class="path-kicker">Credibility</p>
                    <h3>News you can trust</h3>
                    <p>All research is written by industry professionals and reviewed before publishing.</p>
                </article>
                <article class="path-card">
                    <p class="path-kicker">Discovery</p>
                    <h3>Search and filtering</h3>
                    <p>Quickly search through the TAWNY Cyber blog to find what matters most to you.</p>
                </article>
                <article class="path-card">
                    <p class="path-kicker">Knowledge</p>
                    <h3>Knowledge is power.</h3>
                    <p>Learn, understand and be empowered with knowledge on cyber threats.</p>
                </article>
            </div>
        </div>
        <div class="story-visual">
            <img alt="Blog section visual"  src="/mikeWATCHING.png"/>
            <div class="floating-caption">A standalone destination for company-authored articles and updates.</div>
        </div>
    </div>
</section>


<section class="story-section" id="newsbot">
    <div class="story-grid">
        <div class="story-content">
            <p class="eyebrow">Newsbot</p>
            <h2 class="section-heading">Near real-time infosec reporting from trusted sources.</h2>
            <div class="story-card">
                <p class="story-copy">The TAWNY Cyber Newsbot aggregates cybersecurity headlines and updates from curated sources, discovers important developments from different perspectives and surfaces them in a format designed for rapid scanning. TAWNY Cyber Newsbot gives teams a living feed of what is changing right now.</p>
                <div class="cta-actions">
                    <a class="btn-primary" href="/newsbot.html">Open Newsbot</a>
                </div>
            
            
            </div>
            
            
            <div class="detail-grid mobile-hide-on-small-screens">
                <article class="detail-card">
                    <h3>Aggregation</h3>
                    <p>Combine multiple infosec feeds into one clear surface for monitoring and review. Providing near real-time visibility into fresh stories as they appear.</p>
                </article>
                <article class="detail-card">
                    <h3>Purpose</h3>
                    <p>Useful for analysts, researchers, and anyone tracking the external threat landscape.</p>
                </article>
            </div>
        </div>
        <div class="story-visual">
            <img alt="Newsbot section visual" src="/mikeNEWSBOT.png"/>
            <div class="floating-caption">A living feed for monitoring what matters across the cybersecurity news cycle.</div>
        </div>
    </div>
</section>


<section class="story-section" id="learning">
<div class="story-grid reverse">
    <div class="story-content">
        <p class="eyebrow">Training & Resources</p>
        <h2 class="section-heading">404 Error - Coming Soon ...</h2>
        <div class="story-card">
            <p class="story-copy"><blockquote><p id="random-message"></p></blockquote></p>
        </div>

    </div>
    <div class="story-visual">
        <img alt="Learning section visual"  src="/mikeTRAINING.png"/>
        <div class="floating-caption">A dedicated place for training, repeatable knowledge transfer, and course-led growth.</div>
    </div>
</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>
<!-- 
  =============================================
████████╗ █████╗ ██╗    ██╗███╗   ██╗██╗   ██╗     ██████╗██╗   ██╗██████╗ ███████╗██████╗ 
╚══██╔══╝██╔══██╗██║    ██║████╗  ██║╚██╗ ██╔╝    ██╔════╝╚██╗ ██╔╝██╔══██╗██╔════╝██╔══██╗
   ██║   ███████║██║ █╗ ██║██╔██╗ ██║ ╚████╔╝     ██║      ╚████╔╝ ██████╔╝█████╗  ██████╔╝
   ██║   ██╔══██║██║███╗██║██║╚██╗██║  ╚██╔╝      ██║       ╚██╔╝  ██╔══██╗██╔══╝  ██╔══██╗
   ██║   ██║  ██║╚███╔███╔╝██║ ╚████║   ██║       ╚██████╗   ██║   ██████╔╝███████╗██║  ██║
   ╚═╝   ╚═╝  ╚═╝ ╚══╝╚══╝ ╚═╝  ╚═══╝   ╚═╝        ╚═════╝   ╚═╝   ╚═════╝ ╚══════╝╚═╝  ╚═╝
  =============================================
-->