iii/website/index.html at main · iii-hq/iii · 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>iii | Interoperable Invocation Interface</title>

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-E4G8GW1J2Q"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-E4G8GW1J2Q');
    </script>

    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="apple-touch-icon" href="/favicon.svg" />

    <!-- SEO Meta Tags -->
    <meta
      name="description"
      content="The universal runtime engine for distributed systems. iii unifies APIs, jobs, queues, streams, workflows, and AI agents into a single durable execution model."
    />
    <meta
      name="keywords"
      content="iii, runtime, distributed systems, APIs, workflows, AI agents, open source, backend, execution engine"
    />
    <meta name="author" content="III, Inc." />
    <meta name="theme-color" content="#000000" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://iii.dev/" />
    <meta property="og:title" content="iii | The Universal Runtime Engine" />
    <meta
      property="og:description"
      content="One engine. Three primitives. iii unifies APIs, jobs, queues, streams, workflows, and AI agents into a single durable execution model. Open Source."
    />
    <meta property="og:image" content="https://iii.dev/og-image.png" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://iii.dev/" />
    <meta name="twitter:title" content="iii | The Universal Runtime Engine" />
    <meta
      name="twitter:description"
      content="One engine. Three primitives. iii unifies APIs, jobs, queues, streams, workflows, and AI agents into a single durable execution model. Open Source."
    />
    <meta name="twitter:image" content="https://iii.dev/og-image.png" />

    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>

    <!-- Global Styles -->
    <link rel="stylesheet" href="/globals.css" />

    <!-- Fonts: ChivoMono (local brand font) -->

    <script>
      tailwind.config = {
        theme: {
          extend: {
            fontFamily: {
              chivo: ['"Chivo Mono"', "monospace"],
            },
            colors: {
              iii: {
                black: "var(--color-black)",
                dark: "var(--color-dark)",
                medium: "var(--color-medium)",
                "medium-dark": "var(--color-medium-dark)",
                "medium-light": "var(--color-medium-light)",
                light: "var(--color-light)",
                accent: "var(--color-accent)",
                "accent-light": "var(--color-accent-light)",
                info: "var(--color-info)",
                warn: "var(--color-warn)",
                alert: "var(--color-alert)",
                success: "var(--color-success)",
              },
            },
            animation: {
              "pulse-fast": "pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite",
              glitch: "glitch 1s linear infinite",
              flow: "flow 20s linear infinite",
              "fade-in-up": "fadeInUp 0.8s ease-out forwards",
              "fade-in": "fadeIn 0.5s ease-out forwards",
            },
            keyframes: {
              fadeInUp: {
                "0%": { opacity: "0", transform: "translateY(20px)" },
                "100%": { opacity: "1", transform: "translateY(0)" },
              },
              fadeIn: {
                "0%": { opacity: "0" },
                "100%": { opacity: "1" },
              },
              glitch: {
                "2%, 64%": { transform: "translate(2px,0) skew(0deg)" },
                "4%, 60%": { transform: "translate(-2px,0) skew(0deg)" },
                "62%": { transform: "translate(0,0) skew(5deg)" },
              },
              flow: {
                "0%": { backgroundPosition: "0 0" },
                "100%": { backgroundPosition: "0 100%" },
              },
            },
          },
        },
      };
    </script>
    <style>
      body {
        background-color: var(--color-black);
        color: var(--color-light);
        font-family: "Chivo Mono", monospace;
        overflow-x: hidden;
      }
    </style>
    <script type="importmap">
      {
        "imports": {
          "react/": "https://esm.sh/react@^19.2.3/",
          "react": "https://esm.sh/react@^19.2.3",
          "lucide-react": "https://esm.sh/lucide-react@^0.562.0",
          "react-dom/": "https://esm.sh/react-dom@^19.2.3/"
        }
      }
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/index.tsx"></script>
  </body>
</html>