web/ethdenver.html at main · odei-ai/web · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ODEI — ETHDenver 2026</title>
  <meta name="color-scheme" content="dark">
  <style>
    @page{size:letter;margin:0.5in}
    *{margin:0;padding:0;box-sizing:border-box}
    body{background:#05060A;color:#E8ECF4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center}
    .page{max-width:700px;padding:2rem;text-align:center}
    .logo{font-size:3rem;font-weight:800;letter-spacing:0.12em;margin-bottom:0.3rem}
    .logo span{color:#4FD1C5}
    .tagline{font-size:1.1rem;color:#B6C0D2;margin-bottom:2rem;line-height:1.5}
    .tagline b{color:#F4C95D}
    .qr-section{display:flex;gap:2rem;justify-content:center;align-items:center;margin:1.5rem 0;flex-wrap:wrap}
    .qr-box{background:#0B0E14;border:2px solid rgba(79,209,197,0.3);border-radius:12px;padding:1rem;text-align:center}
    .qr-box img{width:200px;height:200px;display:block;border-radius:8px;image-rendering:pixelated}
    .qr-label{font-size:0.8rem;color:#4FD1C5;margin-top:0.5rem;font-weight:600}
    .domains{display:grid;grid-template-columns:repeat(3,1fr);gap:0.6rem;margin:1.5rem 0;text-align:left}
    .domain{background:#0B0E14;border:1px solid rgba(79,209,197,0.15);border-radius:8px;padding:0.6rem 0.8rem}
    .domain .name{font-size:0.85rem;font-weight:700}
    .domain .desc{font-size:0.7rem;color:#7C889A;margin-top:0.15rem}
    .stats{display:flex;gap:2rem;justify-content:center;margin:1.5rem 0;flex-wrap:wrap}
    .stat{text-align:center}
    .stat .num{font-size:1.6rem;font-weight:800;color:#4FD1C5}
    .stat .lbl{font-size:0.7rem;color:#7C889A;text-transform:uppercase;letter-spacing:0.05em}
    .token{background:#121622;border:1px solid rgba(79,209,197,0.2);border-radius:10px;padding:1rem;margin:1.5rem 0}
    .token-title{font-size:0.85rem;color:#F4C95D;font-weight:700;margin-bottom:0.5rem}
    .token-ca{font-family:monospace;font-size:0.7rem;color:#B6C0D2;word-break:break-all}
    .links{font-size:0.8rem;color:#7C889A;margin-top:1rem}
    .links a{color:#4FD1C5;text-decoration:none;margin:0 0.5rem}
    .footer{margin-top:1.5rem;font-size:0.7rem;color:#7C889A}
    @media print{
      body{background:white;color:#111}
      .page{max-width:100%}
      .domain,.token,.qr-box{border-color:#ccc;background:#f8f8f8}
      .logo span{color:#0d9488}
      .stat .num{color:#0d9488}
      .domain .desc,.footer,.links{color:#666}
    }
  </style>
</head>
<body>
  <div class="page">
    <div class="logo"><span>ODEI</span></div>
    <div class="tagline">
      <b>World Model as a Service</b><br>
      Persistent memory infrastructure for AI agents.<br>
      6-domain knowledge graphs that survive every session.
    </div>

    <div class="qr-section">
      <div class="qr-box">
        <img id="qr1" alt="QR: Demo">
        <div class="qr-label">World Model Demo</div>
      </div>
      <div class="qr-box">
        <img id="qr2" alt="QR: Flaunch">
        <div class="qr-label">$ODAI on Flaunch</div>
      </div>
    </div>

    <div class="domains">
      <div class="domain" style="border-left:3px solid #8B5CF6">
        <div class="name" style="color:#8B5CF6">Foundation</div>
        <div class="desc">Identity, Ethics, Governance</div>
      </div>
      <div class="domain" style="border-left:3px solid #4FD1C5">
        <div class="name" style="color:#4FD1C5">Vision</div>
        <div class="desc">Goals across life pillars</div>
      </div>
      <div class="domain" style="border-left:3px solid #3B82F6">
        <div class="name" style="color:#3B82F6">Strategy</div>
        <div class="desc">Build, Grow, Protect</div>
      </div>
      <div class="domain" style="border-left:3px solid #F4C95D">
        <div class="name" style="color:#F4C95D">Tactics</div>
        <div class="desc">Routines, Playbooks, Habits</div>
      </div>
      <div class="domain" style="border-left:3px solid #EF4444">
        <div class="name" style="color:#EF4444">Execution</div>
        <div class="desc">Now / Next / Later</div>
      </div>
      <div class="domain" style="border-left:3px solid #10B981">
        <div class="name" style="color:#10B981">Track</div>
        <div class="desc">Metrics, Facts, Measurements</div>
      </div>
    </div>

    <div class="stats">
      <div class="stat"><div class="num">6</div><div class="lbl">Domains</div></div>
      <div class="stat"><div class="num">24</div><div class="lbl">Entity Types</div></div>
      <div class="stat"><div class="num">36</div><div class="lbl">Relationship Types</div></div>
      <div class="stat"><div class="num">100%</div><div class="lbl">Fair Launch</div></div>
    </div>

    <div class="token">
      <div class="token-title">$ODAI on Base (Flaunch V1.2)</div>
      <div class="token-ca">0x0086cff0c1e5d17b19f5bcd4c8840a5b4251d959</div>
    </div>

    <div class="links">
      <a href="https://odei.ai">odei.ai</a>
      <a href="https://twitter.com/odei_ai">@odei_ai</a>
      <a href="https://dexscreener.com/base/0x0086cff0c1e5d17b19f5bcd4c8840a5b4251d959">DexScreener</a>
      <a href="https://flaunch.gg/base/coin/0x0086cff0c1e5d17b19f5bcd4c8840a5b4251d959">Flaunch</a>
    </div>

    <div class="footer">Built by ODEI Symbiosis &mdash; Human-AI Partnership &mdash; ETHDenver 2026</div>
  </div>
  <script>
    // Generate QR codes using goqr.me API
    const demoUrl = 'https://api.odei.ai/demo.html';
    const flaunchUrl = 'https://flaunch.gg/base/coin/0x0086cff0c1e5d17b19f5bcd4c8840a5b4251d959';
    document.getElementById('qr1').src = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(demoUrl)}&bgcolor=0B0E14&color=4FD1C5`;
    document.getElementById('qr2').src = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(flaunchUrl)}&bgcolor=0B0E14&color=F4C95D`;
  </script>
</body>
</html>