mantisshrimpdev.github.io/index.html at main · MantisShrimpdev/mantisshrimpdev.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Mantis Shrimp — independent software</title>
<meta name="description" content="Mantis Shrimp is a one-person software studio. Small, strange, absurdly overpowered. Specimen Nº 001: Cortex — a local-first knowledge base for you and your AI agents." />
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml" />
<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=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,600;9..144,900&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="assets/style.css" />
</head>
<body class="ocean">
<div class="grain" aria-hidden="true"></div>
<div class="caustics" aria-hidden="true"></div>

<header class="crest">
  <span class="mono dim">MANTISSHRIMP.DEV</span>
  <nav class="mono">
    <a href="cortex/">CORTEX</a>
    <a href="https://github.com/MantisShrimpdev" rel="noopener">GITHUB</a>
  </nav>
</header>

<main>
  <section class="hero">
    <p class="kicker mono reveal">INDEPENDENT SOFTWARE · EST. 2026 · ONE HUMAN, MANY EYES</p>
    <h1 class="reveal d1">MANTIS<br /><span class="iri">SHRIMP</span></h1>
    <div class="rule iri-rule reveal d2" aria-hidden="true"></div>
    <p class="lede reveal d3">
      The mantis shrimp sees <em>sixteen</em> kinds of color and strikes faster than a bullet leaves
      a gun. A good mascot for a one-person studio: small, strange, absurdly&nbsp;overpowered.
    </p>
    <p class="lede dim reveal d4">Tools built here are local-first, quick as a reflex, and yours to keep.</p>
  </section>

  <section class="specimens">
    <h2 class="mono dim section-label">— THE CATALOG —</h2>

    <a class="specimen card-ember reveal d5" href="cortex/">
      <div class="spec-meta mono">
        <span>SPECIMEN Nº 001</span>
        <span>DESKTOP · WINDOWS</span>
      </div>
      <div class="spec-body">
        <div class="spec-glyph" aria-hidden="true">
          <svg viewBox="0 0 96 96" width="72" height="72">
            <g fill="none" stroke="var(--ember)" stroke-width="2.5">
              <circle cx="48" cy="48" r="10" fill="var(--ember)" stroke="none" />
              <circle cx="20" cy="26" r="5.5" /><circle cx="76" cy="22" r="5.5" />
              <circle cx="82" cy="62" r="5.5" /><circle cx="26" cy="76" r="5.5" />
              <path d="M40 42 L25 30 M56 42 L71 27 M57 54 L77 60 M40 55 L30 71" stroke-opacity=".65" />
            </g>
          </svg>
        </div>
        <div>
          <h3>Cortex</h3>
          <p class="spec-line">A local-first knowledge base you share with your AI&nbsp;agents.</p>
          <p class="spec-desc">
            Capture at the speed of speech. Recall by meaning, not keywords. Your agents read and
            write the same brain over MCP — and everything stays on your machine.
          </p>
        </div>
      </div>
      <div class="spec-foot mono">
        <span class="go">VIEW SPECIMEN →</span>
        <span class="dim">v0.1.0 · FREE</span>
      </div>
    </a>

    <div class="specimen ghost reveal d6" aria-hidden="true">
      <div class="spec-meta mono"><span>SPECIMEN Nº 002</span><span>UNDESCRIBED</span></div>
      <p class="ghost-line mono">still in the trench…</p>
    </div>
  </section>
</main>

<footer class="crest foot">
  <span class="mono dim">© 2026 MANTIS SHRIMP</span>
  <span class="mono dim">BUILT BY ONE PERSON AND A SMALL SWARM OF AGENTS</span>
</footer>
</body>
</html>