<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>J Doss</title>
    <meta name="description" content="IT leader. Systems thinker. Building tools, sharing the process.">
    <link rel="stylesheet" href="style.css?v=20260218a">
</head>
<body>
    <div class="container">
        <header>
            <h1>J Doss</h1>
            <p class="tagline">Systems Thinking. Transparent About AI. Team Builder.</p>
            <nav class="nav">
                <a href="/" class="nav-link active">Home</a>
                <a href="/resume/" class="nav-link">Resume</a>
                <a href="/stream/" class="nav-link">Stream</a>
                <a href="/lab/" class="nav-link">Lab</a>
                <a href="/blog/" class="nav-link">Blog</a>
                <a href="/team/" class="nav-link">Team</a>
                <a href="/about/" class="nav-link">About</a>
                <a href="/bbq/" class="nav-link">🔥 Kitchen</a>
                <a href="/add/" class="nav-link">🍴 Eats</a>
            </nav>
        </header>

        <!-- CURRENT FOCUS - Lime section at top -->
        <section class="current glow-card">
            <span class="marker-label marker-label-tilt">WHAT I'M BUILDING NOW</span>
            <h2>Current Focus</h2>
            <p class="quote-subtitle" id="headerQuote">My focus is like Schrödinger's cat—both working and not working simultaneously.</p>
            <div class="project">
                <h3>AI Agent System</h3>
                <p>I built a multi-agent system that actually <mark>reaches out to me</mark> instead of making me remember to check in. Sounds simple—changes everything in practice.</p>
                <p>One agent tracks my tasks and surfaces patterns I've missed. Another reminds me time exists. A third helps me organize scattered thoughts into coherent output. They don't wait. They interrupt when it matters.</p>
                <p class="meta">Built on OpenClaw. First iteration was too noisy; second was useful. Still iterating.</p>
            </div>
        </section>

        <section class="about">
            <blockquote class="pull-quote">I have hyperfocus. Unfortunately, it's hyperfocused on not doing the thing.</blockquote>
            <p>15+ years helping organizations move from <mark>chaos to clarity</mark>—through systems design, honest AI adoption, and teams that thrive with autonomy. I think in systems because of how my brain works, not despite it. ADHD perspective solves problems homogeneous teams miss.</p>
            <p>This site is where I share how I think. Public building on doss.me, <mark>@whatmefocus</mark>, and my thinking notebook. Transparent about what actually works in AI, infrastructure, and team dynamics—not the hype.</p>
        </section>

        <section class="stream">
            <span class="marker-label">WHAT I'VE BEEN THINKING</span>
            <h2>Recent</h2>
            
            <article class="post glow-card">
                <div class="post-date">2026-02-05</div>
                <div class="post-content">
                    <p><a href="/posts/20260205-organization-architecture.html"><strong>Organization as Architecture</strong></a></p>
                    <p>Most people think organization is about prettiness. Neat folders. Consistent naming. Visual harmony. That's decoration, not design. Real organization is about <mark>enabling decisions</mark>. When your external system mirrors good decision-making structure, your internal processes can focus on synthesis, creativity, and strategic thinking.</p>
                </div>
            </article>

            <article class="post glow-card">
                <div class="post-date">2026-02-03</div>
                <div class="post-content">
                    <p>For years I avoided posting publicly. Not because I had controversial opinions—just normal tech observations, family events, the usual. But the further I advanced professionally, the more everything felt like potential liability.</p>
                    <p>Looking back, that wasn't risk management. It was <mark>anxiety dressed up as prudence</mark>.</p>
                    <p>The actual math: risk of sharing normal professional content is near zero. Cost of years of silence is a missing network, no public presence, no voice in conversations that matter.</p>
                    <p>I'm not in politics. I'm not handling sensitive information. I'm an IT manager who builds apps and cooks on a Traeger. The careful silence was protecting against a threat that never existed.</p>
                </div>
            </article>

            <article class="post glow-card">
                <div class="post-date">2026-02-03</div>
                <div class="post-content">
                    <p>Building in public now. This site consolidates everything—professional background, current projects, occasional thoughts. Anyone evaluating me professionally can see the full picture: someone who <mark>builds things</mark>, thinks through problems openly, and doesn't pretend to have all the answers.</p>
                </div>
            </article>
        </section>

        <section class="links">
            <span class="marker-label marker-label-alt">WHERE TO FIND ME</span>
            <h2>Elsewhere</h2>
            <a href="https://linkedin.com/in/jdoss" class="link-card glow-card" target="_blank">
                <span class="link-icon">in</span>
                <span class="link-text">
                    <strong>LinkedIn</strong>
                    <span>Professional background</span>
                </span>
            </a>
            <a href="https://github.com/jcjdoss" class="link-card glow-card" target="_blank">
                <span class="link-icon">gh</span>
                <span class="link-text">
                    <strong>GitHub</strong>
                    <span>Code and projects</span>
                </span>
            </a>
            <a href="https://x.com/whatmefocus" class="link-card glow-card" target="_blank">
                <span class="link-icon">x</span>
                <span class="link-text">
                    <strong>@whatmefocus</strong>
                    <span>Shorter thoughts</span>
                </span>
            </a>
        </section>

        <footer>
            <p class="note">This site is a work in progress.</p>
            <p class="random-quote" id="footerQuote"></p>
            <p class="copyright">© 2026 J Doss</p>
        </footer>
    </div>

    <script>
        // Focus quote rotation and rotation
        const quotes = [
            "My focus is like Schrödinger's cat—both working and not working simultaneously.",
            "Focus defined: spending 90 minutes on Slack while the deadline approaches.",
            "I have three browser tabs open. I'm 62% confident they're all relevant.",
            "They say to work with your ADHD, not against it. I'm still negotiating the terms.",
            "Built this while deep in hyperfocus. Built that while avoiding the first thing entirely. Balance.",
            "If I'm not building, debugging, or reading Hacker News at 2 AM, is it even focus?",
            "Started with one project. Now there are five. This is called progress.",
            "I lose focus the moment something's finished. The messy middle is where I live.",
            "Some people set timers. I set up a new development environment instead.",
            "Attention span: scattered. Attention to detail on whatever I'm actually focused on: unsettling.",
            "I scheduled time to finish this. Then got distracted by a better implementation. Story of my code.",
            "Three open PRs, two abandoned branches, one clear vision. The math doesn't add up, but neither does the code."
        ];

        // Rotate header quote based on day
        function getHeaderQuote() {
            const today = new Date();
            const dayOfYear = Math.floor((today - new Date(today.getFullYear(), 0, 0)) / 86400000);
            return quotes[dayOfYear % quotes.length];
        }

        // Random footer quote
        function getRandomQuote() {
            return quotes[Math.floor(Math.random() * quotes.length)];
        }

        // Glow card mouse tracking
        document.addEventListener('mousemove', (e) => {
            document.querySelectorAll('.glow-card').forEach(card => {
                const rect = card.getBoundingClientRect();
                card.style.setProperty('--glow-x', `${e.clientX - rect.left}px`);
                card.style.setProperty('--glow-y', `${e.clientY - rect.top}px`);
            });
        });

        // Set quotes on load
        document.addEventListener('DOMContentLoaded', () => {
            const headerEl = document.getElementById('headerQuote');
            const footerEl = document.getElementById('footerQuote');
            
            if (headerEl) {
                headerEl.textContent = getHeaderQuote();
            }
            
            if (footerEl) {
                footerEl.textContent = getRandomQuote();
            }
        });
    </script>
</body>
</html>
