network.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CNA Network - libcna.com Sites &amp; Services</title>
  <meta name="description" content="A directory of the websites and services available on libcna.com, including demos, samples, graphics tools, and a historical PDF of the CNA Bible.">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="CNA">
  <meta property="og:url" content="https://libcna.com/network.html">
  <meta property="og:title" content="CNA Network - libcna.com Sites &amp; Services">
  <meta property="og:description" content="A directory of the websites and services available on libcna.com, including demos, samples, graphics tools, and a historical PDF of the CNA Bible.">
  <link rel="stylesheet" href="css/style.css">
  <link rel="icon" href="favicon.svg" type="image/svg+xml">
  <link rel="canonical" href="https://libcna.com/network.html">
  <link rel="stylesheet" href="css/prism-tomorrow.min.css">
  <script>(function(){try{var t=localStorage.getItem("cna-theme");if(t==="light"||t==="dark")document.documentElement.setAttribute("data-theme",t);}catch(e){}})();</script>
</head>
<body>

<a class="skip-link" href="#main-content">Skip to content</a>
<nav class="nav">
  <div class="nav-container">
    <a href="index.html" class="nav-brand">CNA</a>
    <button class="nav-toggle" aria-label="Toggle navigation" aria-expanded="false">
      <span></span><span></span><span></span>
    </button>
    <div class="nav-menu">
      <a href="index.html" class="nav-link">Home</a>
      <a href="about.html" class="nav-link">About</a>
      <a href="features.html" class="nav-link">Features</a>
      <a href="architecture.html" class="nav-link">Architecture</a>
      <a href="documentation.html" class="nav-link">Documentation</a>
      <a href="development/index.html" class="nav-link">Development</a>
      <a href="deep-dives/index.html" class="nav-link">Deep Dives</a>
      <a href="tutorials.html" class="nav-link">Tutorials</a>
      <a href="demos.html" class="nav-link">Demos</a>
      <a href="showcase.html" class="nav-link">Showcase</a>
      <a href="videos.html" class="nav-link">Videos</a>
      <a href="roadmap.html" class="nav-link">Roadmap</a>
      <a href="contact.html" class="nav-link">Contact</a>
      <a href="network.html" class="nav-link">Network</a>
      <a href="search.html" class="nav-link">Search</a>
      <a href="https://github.com/libcna/cna" class="nav-link nav-link--github" target="_blank" rel="noopener">GitHub</a>
      <a href="https://blog.libcna.com/" class="nav-link nav-link--blog" target="_blank" rel="noopener">Blog</a>
      <a href="https://www.youtube.com/@libcna" class="nav-link nav-link--youtube" target="_blank" rel="noopener">YouTube</a>
      <a href="https://discord.gg/vrnc4n6DaE" class="nav-link nav-link--discord" target="_blank" rel="noopener">Discord</a>
    </div>
    <button class="theme-toggle" type="button" aria-label="Switch to light theme" title="Switch to light theme">
      <svg class="theme-icon-light" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 17a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.5 4.9l1.4-1.4 2.1 2.1-1.4 1.4L3.5 4.9zm13.5 13.5l1.4-1.4 2.1 2.1-1.4 1.4-2.1-2.1zM19.1 3.5l1.4 1.4-2.1 2.1-1.4-1.4 2.1-2.1zM5.6 17l1.4 1.4-2.1 2.1-1.4-1.4L5.6 17zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"/></svg>
      <svg class="theme-icon-dark" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12.3 22a10 10 0 0 1-1.6-19.9c.6-.1 1 .5.8 1a7.9 7.9 0 0 0 9.7 10.6c.5-.2 1 .3.9.8A10 10 0 0 1 12.3 22z"/></svg>
    </button>
  </div>
</nav>

<main id="main-content">
  <div class="page-header">
    <div class="container">
      <span class="section-label">CNA Network</span>
      <h1>Sites &amp; services</h1>
      <p>One place for the public sites available under the <code>libcna.com</code> domain.</p>
    </div>
  </div>

  <section class="section">
    <div class="container">
      <h2>Read and follow</h2>
      <p class="section-desc">News and project updates.</p>
      <div class="cards">
        <article class="card">
          <span class="card-icon" aria-hidden="true">&#128221;</span>
          <h3>Blog</h3>
          <p>News, notes, and updates from the project.</p>
          <a href="https://blog.libcna.com/" class="btn btn-secondary btn-sm mt-2" target="_blank" rel="noopener">blog.libcna.com &#8599;</a>
        </article>
      </div>
    </div>
  </section>

  <section class="section section--alt">
    <div class="container">
      <h2>Try and explore</h2>
      <p class="section-desc">Browser-accessible examples and sample material.</p>
      <div class="cards cards--2">
        <article class="card">
          <span class="card-icon" aria-hidden="true">&#127918;</span>
          <h3>Demos</h3>
          <p>Interactive CNA demonstrations for the web: 15 WebAssembly builds in the gallery as of its commit <code>865c56a</code> (25 September 2026), from the 3D house demo to games, editors and simulators.</p>
          <a href="https://demos.libcna.com/" class="btn btn-primary btn-sm mt-2" target="_blank" rel="noopener">demos.libcna.com &#8599;</a>
        </article>
        <article class="card">
          <span class="card-icon" aria-hidden="true">&#128187;</span>
          <h3>Samples</h3>
          <p>XNA 4.0 sample ports playable in the browser: 90 published C++ builds as of its commit <code>b3939de</code> (3 October 2026). The ports come from the <code>cna-samples</code> repository, where 91 sample and game ports are complete.</p>
          <a href="https://samples.libcna.com/" class="btn btn-primary btn-sm mt-2" target="_blank" rel="noopener">samples.libcna.com &#8599;</a>
        </article>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="container">
      <h2>Graphics projects</h2>
      <p class="section-desc">Related rendering and graphics tools.</p>
      <div class="cards">
        <article class="card">
          <span class="card-icon" aria-hidden="true">&#127912;</span>
          <h3>EasyGL</h3>
          <p>EasyGL: a toolkit-independent C++ RAII wrapper over OpenGL and OpenGL ES, and the library behind CNA's three GL renderer identities.</p>
          <a href="https://easygl.libcna.com/" class="btn btn-secondary btn-sm mt-2" target="_blank" rel="noopener">easygl.libcna.com &#8599;</a>
        </article>
        <article class="card">
          <span class="card-icon" aria-hidden="true">&#128300;</span>
          <h3>MeshCraft</h3>
          <p>MeshCraft: a C++23 3D scene editor with primitives, CSG, PBR materials, keyframe animation and glTF/GLB export.</p>
          <a href="https://meshcraft.libcna.com/" class="btn btn-secondary btn-sm mt-2" target="_blank" rel="noopener">meshcraft.libcna.com &#8599;</a>
        </article>
        <article class="card">
          <span class="card-icon" aria-hidden="true">&#10024;</span>
          <h3>MetaGL</h3>
          <p>MetaGL: a low-level, type-safe C++23 wrapper for OpenGL ES 2.0-3.2 and desktop OpenGL 3.3+, the foundation of EasyGL.</p>
          <a href="https://metagl.libcna.com/" class="btn btn-secondary btn-sm mt-2" target="_blank" rel="noopener">metagl.libcna.com &#8599;</a>
        </article>
      </div>
      <div class="callout callout--info" style="margin-top:2rem;">
        <span class="callout-icon" aria-hidden="true">&#128279;</span>
        <p>These links open sites hosted on their respective <code>*.libcna.com</code> subdomains in a new tab.</p>
      </div>
      <div class="callout callout--note" style="margin-top:1rem;">
        <span class="callout-icon" aria-hidden="true">&#128221;</span>
        <p>The demos and samples are prebuilt WebAssembly bundles. Each is evidence for the CNA revision it was built with (which the demo gallery does not record), not for the development snapshot documented on this site. Gallery sizes change as builds are added; the counts above are pinned to the dates shown.</p>
      </div>
    </div>
  </section>

  <section class="section section--alt">
    <div class="container">
      <h2>Historical</h2>
      <p class="section-desc">Retired material kept for reference only.</p>
      <div class="cards">
        <article class="card">
          <span class="card-icon" aria-hidden="true">&#128214;</span>
          <h3>CNA Bible (historical)</h3>
          <p>The book that accompanied CNA <code>v0.1.0-alpha.1</code>, kept only as a historical PDF. Its online editions are retired; the current technical content lives in Deep Dives and Known Issues.</p>
          <a href="historical/index.html" class="btn btn-secondary btn-sm mt-2">About the historical PDF</a>
          <a href="historical/cna-bible-v0.1.0-alpha.1.pdf" class="btn btn-outline btn-sm mt-2" download>Download PDF</a>
        </article>
      </div>
    </div>
  </section>
</main>

<footer>
  <div class="footer-inner">
    <div class="footer-top">
      <div class="footer-brand">
        <div class="footer-brand-name">CNA</div>
        <p>Documentation snapshot for CNA commit c1c316b9 (9 October 2026), a post-alpha.1 development snapshot. CNA exposes 14 renderer identities across 12 implementation families; APIs may change before 1.0.</p>
      </div>
      <div class="footer-col">
        <h4>Project</h4>
        <ul>
          <li><a href="about.html">About</a></li>
          <li><a href="features.html">Features</a></li>
          <li><a href="architecture.html">Architecture</a></li>
          <li><a href="roadmap.html">Roadmap</a></li>
          <li><a href="network.html">CNA Network</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Docs</h4>
        <ul>
          <li><a href="docs/getting-started.html">Getting Started</a></li>
          <li><a href="docs/building.html">Building</a></li>
          <li><a href="docs/platforms.html">Platforms</a></li>
          <li><a href="docs/rendering-backends.html">Renderers</a></li>
          <li><a href="docs/faq.html">FAQ</a></li>
          <li><a href="deep-dives/index.html">Deep Dives</a></li>
          <li><a href="known-issues/index.html">Known Issues</a></li>
          <li><a href="historical/index.html">CNA Bible (historical PDF)</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Community</h4>
        <ul>
          <li><a href="https://github.com/libcna/cna" target="_blank" rel="noopener">GitHub</a></li>
          <li><a href="https://discord.gg/vrnc4n6DaE" target="_blank" rel="noopener">Discord</a></li>
          <li><a href="demos.html">Demos</a></li>
          <li><a href="videos.html">Videos</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <p>CNA is not affiliated with or endorsed by Microsoft Corporation. XNA is a trademark of Microsoft. Licensed under the Microsoft Public License (Ms-PL).</p>
      <div class="footer-links">
        <a href="https://github.com/libcna/cna/blob/c1c316b9c7a846ce8002809c151fcd1af14942c9/LICENSE" target="_blank" rel="noopener">License</a>
        <a href="contact.html">Contact</a>
      </div>
    </div>
  </div>
</footer>

<script src="js/main.js"></script>
<script src="js/prism/prism.min.js" defer></script>
<script src="js/prism/prism-cpp.min.js" defer></script>
<script src="js/prism/prism-glsl.min.js" defer></script>
<script src="js/prism/prism-json.min.js" defer></script>
<script src="js/prism/prism-bash.min.js" defer></script>
<script src="js/prism/prism-cmake.min.js" defer></script>
</body>
</html>