about.html

<!DOCTYPE html>
<html lang="en" data-i18n-title="title.about">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About — United Science Vaca (NUSV)</title>
  <meta name="description" content="About United Science Vaca (NUSV): what USV is, why we build in the open, and what we value.">
  <link rel="icon" type="image/png" href="assets/img/nusv-logo.png">
  <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>

  <header class="nav">
    <div class="wrap nav-inner">
      <a class="brand" href="index.html">
        <span class="brand-mark"><img src="assets/img/nusv-logo.png" alt="NUSV" loading="lazy"></span>
        NUSV <small>United Science Vaca</small>
      </a>
      <nav class="nav-links">
        <a href="index.html" data-i18n="nav.home">Home</a>
        <a href="warehouse.html" data-i18n="nav.warehouse">Warehouse</a>
        <a href="docs.html" data-i18n="nav.docs">Docs</a>
        <a href="about.html" data-i18n="nav.about">About</a>
      </nav>
      <span class="nav-cta">
        <button class="lang-toggle" id="lang-toggle" data-lang="en" title="中文版即将推出">EN</button>
      </span>
    </div>
  </header>

  <main>
    <section class="pagehead">
      <div class="wrap">
        <p class="section-kicker" data-i18n="about.kicker">About</p>
        <h1 data-i18n="about.h1">United Science Vaca</h1>
        <p data-i18n="about.lead">We are a tiny open-source collective with a simple habit: build things we actually want to use, then share them properly.</p>
      </div>
    </section>

    <section class="section">
      <div class="wrap" style="max-width:760px">

        <div class="docblock">
          <h2 data-i18n="about.who.h2">Who we are</h2>
          <p data-i18n="about.who.p">United Science Vaca — abbreviated <strong>USV</strong>, reborn as <strong>NUSV</strong> in 2026 with a new look, a new purpose and a fresh start. The project grew out of a small Android client and kept growing: today NUSV ships an Android ecosystem client, a private messenger, and games — all open source on GitHub.</p>
        </div>

        <div class="docblock">
          <h2 data-i18n="about.why.h2">Why we build in the open</h2>
          <p data-i18n="about.why.p1">Every repository is public. Our source code is predominantly written with the assistance of AI agents, then <strong>reviewed, tested and audited by humans</strong> before release — so publishing it isn't just a choice, it's part of how we work. If you can't trust the binary, read the source.</p>
          <p data-i18n="about.why.p2">Open source also means the projects outlive us: anyone can fork, fix, translate or learn from them.</p>
        </div>

        <div class="docblock">
          <h2 data-i18n="about.values.h2">What we value</h2>
          <ul>
            <li data-i18n="about.values.li1"><strong>Privacy and offline-first design</strong> — your messages and games shouldn't depend on someone else's server.</li>
            <li data-i18n="about.values.li2"><strong>No account, no dark patterns</strong> — if a project needs an account, it will say why, and it will offer a self-hosted option.</li>
            <li data-i18n="about.values.li3"><strong>Polish in the small things</strong> — sound effects synthesized on-device, themes, animations, stats that persist.</li>
            <li data-i18n="about.values.li4"><strong>Plain honesty</strong> — including about how the code was made.</li>
          </ul>
        </div>

        <div class="docblock">
          <h2 data-i18n="about.find.h2">Where to find us</h2>
          <ul>
            <li data-i18n="about.find.li1"><strong>GitHub:</strong> <a href="https://github.com/NUSV" target="_blank" rel="noopener">github.com/NUSV</a> — every repository lives here</li>
            <li data-i18n="about.find.li2"><strong>Warehouse:</strong> <a href="warehouse.html">all projects &amp; downloads</a></li>
            <li data-i18n="about.find.li3"><strong>Docs:</strong> <a href="docs.html">project guides</a></li>
          </ul>
          <p style="margin-top:26px" data-i18n="about.closing">If you already know what USV is — welcome home. If you don't, this site will still tell you everything we're working on.</p>
        </div>

      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="wrap footer-inner">
      <span>&copy; <span class="year"></span> <span data-i18n="footer.copyright">United Science Vaca (NUSV). Open source.</span></span>
      <span><a href="https://github.com/NUSV" target="_blank" rel="noopener" data-i18n="footer.github">GitHub</a> &middot; <a href="warehouse.html" data-i18n="nav.warehouse">Warehouse</a> &middot; <a href="docs.html" data-i18n="nav.docs">Docs</a></span>
    </div>
  </footer>

  <script src="assets/js/i18n.js"></script>
  <script src="assets/js/main.js"></script>
</body>
</html>