index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Christopher Barrera — bilingual software developer and founder of TEZCATT LLC.">
  <meta name="theme-color" content="#07131d">
  <meta property="og:title" content="Christopher Barrera | TEZCATT">
  <meta property="og:description" content="Software development, local AI tools, scientific interactive environments, and defensive cybersecurity research.">
  <meta property="og:type" content="website">
  <title>Christopher Barrera | Software Developer</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="assets/css/portfolio.css">
</head>
<body>
  <a class="skip-link" href="#main">Skip to content</a>
  <header class="site-header">
    <a class="brand" href="#home" aria-label="Christopher Barrera home"><span class="brand-mark">CB</span><span>CHRISTOPHER<br>BARRERA</span></a>
    <button class="menu-toggle" type="button" aria-expanded="false" aria-controls="site-nav">Menu</button>
    <nav id="site-nav" aria-label="Primary navigation">
      <a href="#home">Home</a><a href="#apps">Published Apps</a><a href="#engineering">Engineering</a><a href="#skills">Skills</a><a href="#background">Background</a><a href="#contact">Contact</a>
    </nav>
  </header>
  <main id="main">
    <section id="home" class="hero section-shell">
      <div class="hero-copy reveal"><p class="eyebrow">FOUNDER · TEZCATT LLC · EST. 2026</p><h1>I build useful software for <em>curious</em> problems.</h1><p class="lede">I’m Christopher Barrera, a bilingual software developer and founder of TEZCATT LLC. I develop applications, local AI tools, interactive scientific environments, and defensive cybersecurity research systems.</p><div class="hero-actions"><a class="button button-primary" href="#apps">View selected work</a><a class="text-link" href="#contact">Let’s connect <span aria-hidden="true">→</span></a></div></div>
      <aside class="hero-card reveal" aria-label="Developer profile"><img src="assets/media/christopher-barrera.jpg" alt="Christopher Barrera"><div><p class="mono">BASED IN THE UNITED STATES</p><p>Independent developer with a background in web development, technical support, surveillance operations, and U.S. Navy service.</p></div></aside>
    </section>
    <section class="proof-strip" aria-label="Portfolio focus areas"><span>STATIC WEB</span><span>APPLICATION DEVELOPMENT</span><span>LOCAL AI TOOLING</span><span>INTERACTIVE SCIENCE</span></section>
    <section id="apps" class="section-shell section"><div class="section-heading reveal"><p class="eyebrow">01 / VERIFIED APP CATALOG</p><h2>27 verified TEZCATT Google Play Console applications.</h2><p>Production-live applications include direct Google Play links. Applications in Google Play review are listed accurately without an installation link.</p></div><div class="filters" aria-label="Filter applications"><button class="filter is-active" data-filter="all">All</button><button class="filter" data-filter="published">Production live</button><button class="filter" data-filter="development">In review</button><button class="filter" data-filter="science">Science</button><button class="filter" data-filter="arcade">Arcade</button><button class="filter" data-filter="engineering">Engineering</button></div><div id="app-grid" class="app-grid" aria-live="polite"></div></section>
    <section id="engineering" class="section-shell section engineering-section"><div class="section-heading reveal"><p class="eyebrow">02 / ENGINEERING &amp; RESEARCH</p><h2>Building with constraints in view.</h2><p>These are development and research projects—not claims of completed commercial or scientific validation.</p></div><div class="project-grid">
      <article class="project-card reveal"><p class="project-number">01</p><h3>TEZCATT Sanctuary Genesis</h3><p>A locally operated AI-agent research environment focused on controlled intake, auditability, resident lifecycle management, and human authorization controls. Local testing and operational validation are ongoing; it is not represented as a production-certified containment system.</p><ul><li>Local research environment</li><li>Audit and traceability focus</li><li>Fail-closed safeguards</li></ul></article>
      <article class="project-card reveal"><p class="project-number">02</p><h3>Guardian / Guardian Swarm</h3><p>Defensive cybersecurity research and software development organized around detection, access control, containment, anomaly analysis, recovery, deterministic policy, and owner authorization.</p><ul><li>Sentinel · detection</li><li>Gatekeeper · access control</li><li>Warden · containment</li></ul></article>
      <article class="project-card reveal"><p class="project-number">03</p><h3>Universe Reality</h3><p>An interactive astronomy and virtual-reality environment with catalog organization, navigable celestial content, data-driven visualization, and provenance-aware scientific-media controls. VR work remains under construction and is not presented as headset-complete.</p><ul><li>Interactive universe navigation</li><li>Registry and provenance controls</li><li>Experimental VR development</li></ul></article>
      <article class="project-card reveal"><p class="project-number">04</p><h3>TEZCATT COMMAND</h3><p>Local development and orchestration software exploring model integration, task coordination, engineering-tool integrations, controlled execution, and testing workflows.</p><ul><li>Local AI integration</li><li>Workflow automation</li><li>Controlled testing</li></ul></article>
      <article class="project-card reveal"><p class="project-number">05</p><h3>Flight &amp; engineering research</h3><p>Early-stage concepts including AEROMAG MX-H, MX-U, Jet Board MX-JT, and the SPAR asteroid reconnaissance concept. They are experimental research concepts, not airworthy, flight-validated, or completed physical prototypes.</p><ul><li>Experimental concepts</li><li>Documented design research</li><li>No airworthiness claim</li></ul></article>
    </div></section>
    <section id="skills" class="section-shell section skills-section"><div class="section-heading reveal"><p class="eyebrow">03 / SKILLS</p><h2>Practical, evidenced foundations.</h2></div><div class="skills-layout reveal"><div class="skill-list"><span>HTML5 &amp; CSS3</span><span>JavaScript</span><span>Responsive web development</span><span>Git &amp; GitHub</span><span>Application development</span><span>Testing &amp; debugging</span><span>Local AI tooling</span><span>System monitoring</span><span>English / Spanish communication</span></div><div class="credentials"><p class="mono">CREDENTIALS &amp; CONTINUING STUDY</p><p>Codecademy HTML5 and CSS3 certifications (user-reported). Python is an active area of study.</p></div></div></section>
    <section id="background" class="section-shell section background-section"><div class="section-heading reveal"><p class="eyebrow">04 / BACKGROUND</p><h2>The journey behind the work.</h2><p>The earlier personal portfolio is retained here in a professional, privacy-conscious form.</p></div><div class="timeline">
      <article class="timeline-item reveal"><p class="mono">2026 — PRESENT</p><h3>TEZCATT LLC · Founder / Software Developer</h3><p>Building software applications, local AI tools, interactive scientific environments, and research-oriented engineering projects.</p></article><article class="timeline-item reveal"><p class="mono">2025 — PRESENT</p><h3>VXI · Remote Bilingual Phone Operator</h3><p>Providing bilingual customer support and remote communication.</p></article><article class="timeline-item reveal"><p class="mono">2024 — 2025</p><h3>Churchill Downs / Derby City Gaming &amp; Hotel · Surveillance Operator</h3><p>Monitored operations and documented observations in a security-conscious environment.</p></article><article class="timeline-item reveal"><p class="mono">2023</p><h3>Corrisoft · Remote IT Data Support Agent</h3><p>Supported remote IT and data workflows.</p></article><article class="timeline-item reveal"><p class="mono">EARLIER FOUNDATION</p><h3>Web development, science outreach, and U.S. Navy service</h3><p>I began learning programming in middle school, continued with HTML, CSS, and JavaScript in high school, and later maintained those skills through service, education, and independent projects. My historical portfolio photographs and narrative remain part of this site’s record.</p></article>
    </div></section>
    <section id="contact" class="contact-section"><div class="section-shell contact-grid reveal"><div><p class="eyebrow">05 / CONTACT</p><h2>Have a project in mind?</h2><p>I’m open to thoughtful conversations about software development, AI-assisted engineering workflows, and interactive web work.</p></div><div class="contact-links"><a href="mailto:chrisbarrera@tezcatt.com">chrisbarrera@tezcatt.com <span>↗</span></a><a href="https://github.com/CallSignDesertFrost" target="_blank" rel="noopener noreferrer">GitHub <span>↗</span></a><a href="https://tezcatt.com" target="_blank" rel="noopener noreferrer">tezcatt.com <span>↗</span></a></div></div></section>
  </main><footer><span>© 2026 Christopher Barrera / TEZCATT LLC</span><span>Built for the web, without a backend.</span></footer><script src="assets/js/portfolio-data.js?v=badcb26"></script><script src="assets/js/portfolio.js?v=badcb26"></script>
</body></html>