PageSourceSearch

https://www.kadoink.com/about

html kadoink.com collected 2026-10-02 00:30:39 UTC 47,972 bytes, 694 lines download raw bytes

1
2
3
4
5<!doctype html>
6<html lang="en"
7      class="">
8<head>
vendor: 100 bytes, lines 8-10
8
9  
10  <script nonce="31ZwpwoomRvR23R9JoF3ng" async src="https://www.googletagmanager.com/gtag/js?id=
10G-PYE98C9XTJ
vendor: 14 bytes, lines 10-11
10"></script>
11  
11<script nonce="31ZwpwoomRvR23R9JoF3ng">
12    
vendor: 139 bytes, lines 12-15
12window.dataLayer = window.dataLayer || [];
13    function gtag(){dataLayer.push(arguments);}
14    gtag('js', new Date());
15    gtag('config', '
15G-PYE98C9XTJ
vendor: 6 bytes, lines 15-16
15');
16  
16</script>
16
17  <meta charset="utf-8">
18  <meta name="viewport" content="width=device-width, initial-scale=1">
19  
20  
21  
21<script nonce="31ZwpwoomRvR23R9JoF3ng">!function(w,d,s,u,n,a,b){if(w[n])return;a=w[n]={q:[],t:+new Date,s:[],o:u,track:function(){a.q.push([+new Date].concat([].slice.call(arguments)))},setScope:function(){a.s=[].slice.call(arguments).filter(function(x){return typeof x==="string"});a.q.push([+new Date,"setScope"].concat(a.s))},scope:function(){var c=[].slice.call(arguments);return{track:function(){a.q.push([+new Date].concat([].slice.call(arguments)).concat([{__scope:c}]))}}}};b=d.createElement(s);b.async=1;b.src=u+"/s.js";d.getElementsByTagName(s)[0].parentNode.insertBefore(b,d.getElementsByTagName(s)[0])}(window,document,"script","https://t.whop.tw","whop");whop.setScope("biz_aDE87Jes3qbvcE");whop.track("page");</script>
21
22  
23  
24  
24<script nonce="31ZwpwoomRvR23R9JoF3ng">
25    (function () {
26      try {
27        if (localStorage.getItem('kd-nav') === 'collapsed') {
28          document.documentElement.classList.add('kd-nav-collapsed');
29        }
30      } catch (e) {}
31    })();
32  </script>
32
33  <title>About — Kadoink</title>
34  
35  
36  
36<script nonce="31ZwpwoomRvR23R9JoF3ng">
37    window.sentryOnLoad = function () {
38      Sentry.init({
39        environment: "production",
40        
41        tracesSampleRate: 0.1,
42        replaysSessionSampleRate: 0.0,
43        replaysOnErrorSampleRate: 1.0
44      });
45    };
46  </script>
46
47  
47<script nonce="31ZwpwoomRvR23R9JoF3ng" src="https://js.sentry-cdn.com/87bdbed539953e959873dcaae348c0a0.min.js" crossorigin="anonymous" data-lazy="no"></script>
47
48  
49  
50  
51  
52  
52<script nonce="31ZwpwoomRvR23R9JoF3ng">(function(w, d, t, u, o) {w[u] = w[u] || [], o.ts = (new Date).getTime();var n = d.createElement(t);n.src = "https://bat.bing.net/bat.js?ti=" + o.ti + ("uetq" != u ? "&q=" + u : ""),n.async = 1, n.onload = n.onreadystatechange = function() {var s = this.readyState;s && "loaded" !== s && "complete" !== s ||(o.q = w[u], w[u] = new UET(o), w[u].push("pageLoad"),n.onload = n.onreadystatechange = null)};var i = d.getElementsByTagName(t)[0];i.parentNode.insertBefore(n, i);})(window, document, "script", "uetq", {ti: "355059110",enableAutoSpaTracking: true});</script>
52
53  
54  <link rel="stylesheet" href="/static/fonts.css">
55  <link rel="stylesheet" href="/static/tailwind.css">
56  <link rel="icon" type="image/png" href="/static/img/kadoink-logo.png">
57  
58  <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
59  
60  <meta name="apple-itunes-app" content="app-id=6792389678">
61  
62  <meta name="htmx-config" content='{"allowEval": false}'>
63  
64  
64<script src="https://unpkg.com/[email protected]/dist/htmx.min.js"
65          integrity="sha384-HGfztofotfshcF7+8n44JQL2oJmowVChPTg48S+jvZoztPfvwD79OC/LTtG6dMp+"
66          crossorigin="anonymous" defer></script>
66
67  
68  
68<script src="/static/kadoink_page.js" defer></script>
68
69  
69<script src="/static/audio_player.js" defer></script>
69
70  
70<script src="/static/kadoink_grid.js" defer></script>
70
71  
72  
72<script src="/static/kadoink_nav.js" defer></script>
72
73  
74  
74<script src="/static/vendor/mediasoup-client.min.js" defer></script>
74
75  
75<script src="/static/kadoink_sfu.js" defer></script>
75
76  
77  
77<script src="/static/kadoink_live_chat.js" defer></script>
77
78  
79  
80  
81  
82  
82<script src="/static/kadoink_ai_fab.js" defer></script>
82
83  
84</head>
85<body>
86  <div class="flex min-h-screen w-full bg-background text-foreground">
87    
88  
89
90
91
92
93
94
95  
96
97  
98
99  
100
101  
102
103  
104
105  
106
107  
108
109<aside id="kd-sidebar" aria-label="Main navigation" class="kd-sidebar w-64 shrink-0 border-r-4 border-foreground flex flex-col p-6 bg-sidebar">
110  
111  <a href="#" data-nav-close aria-label="Close navigation"
112     class="md:hidden absolute top-4 right-4 z-10 size-9 grid place-items-center rounded-xl border-2 border-foreground bg-card hover:bg-secondary transition-colors">
113    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true"><path d="M18 6 6 18" /><path d="m6 6 12 12" /></svg>
114  </a>
115
116
117  
118  <a href="/" class="kd-nav-brand mb-10 flex items-center gap-3">
119    <img src="/static/img/kadoink-logo.png" alt="" aria-hidden="true" width="56" height="56"
120         class="size-14 object-contain -rotate-3 drop-shadow-[3px_3px_0_rgba(0,0,0,0.85)] transition-transform hover:rotate-0 hover:scale-110">
121    
122    <span class="kd-nav-wordmark"><span class="kd-nav-wordmark-text text-3xl tracking-tight"
123      style="font-family:'Fredoka',ui-sans-serif,system-ui,sans-serif;font-weight:700;color:#FF2D55;-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:2px 2px 0 #000;">Kadoink</span></span>
124  </a>
125
126
127  
128  
129  <button type="button" data-nav-toggle aria-expanded="true"
130          data-label-collapse="Collapse navigation"
131          data-label-expand="Expand navigation"
132          aria-label="Collapse navigation" title="Collapse navigation"
133          class="kd-nav-toggle">
134    <span class="kd-nav-toggle-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true"><path d="m11 17-5-5 5-5" /><path d="m18 17-5-5 5-5" /></svg></span>
135  </button>
136
137
138  <nav class="flex-1 space-y-2 overflow-y-auto -mx-2 px-2">
139    
140  
141  
142  
143  
144  <a href="/"
145     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
146    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" /><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Home</span></span>
147  </a>
148  
149
150    
151  
152  
153  
154  
155  <a href="/people"
156     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
157    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><path d="M18 21a8 8 0 0 0-16 0" /><circle cx="10" cy="8" r="5" /><path d="M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">People</span></span>
158  </a>
159  
160
161    
162  
163  
164  
165  
166  <a href="/about" aria-current="page"
167     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl font-semibold bg-brand text-primary-foreground border-2 border-foreground shadow-[3px_3px_0_0_var(--foreground)] -rotate-1 transition-all active:translate-x-[3px] active:translate-y-[3px] active:shadow-none">
168    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform rotate-[-8deg] scale-110" aria-hidden="true"><path d="m12 3-1.9 5.8a2 2 0 0 1-1.287 1.288L3 12l5.8 1.9a2 2 0 0 1 1.288 1.287L12 21l1.9-5.8a2 2 0 0 1 1.287-1.288L21 12l-5.8-1.9a2 2 0 0 1-1.288-1.287z" /><path d="M5 3v4" />
168<path d="M19 17v4" /><path d="M3 5h4" /><path d="M17 19h4" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">About</span></span>
169  </a>
170  
171
172    
173  
174  
175  
176  
177  <a href="/me"
178     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
179    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><circle cx="12" cy="12" r="10" /><circle cx="12" cy="10" r="3" /><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Profile</span></span>
180  </a>
181  
182
183    
184  
185  
186  
187  
188  <a href="/contacts"
189     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
190    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" /><path d="M16 3.128a4 4 0 0 1 0 7.744" /><path d="M22 21v-2a4 4 0 0 0-3-3.87" /><circle cx="9" cy="7" r="4" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Contacts</span></span>
191  </a>
192  
193
194    
195  
196  
197  
198  
199  <a href="/location"
200     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
201    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" /><circle cx="12" cy="10" r="3" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Location</span></span>
202  </a>
203  
204
205    
206  
207  
208  
209  
210  <a href="/profile/media"
211     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
212    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Media Kit</span></span>
213  </a>
214  
215
216    
217  
218  
219  
220  
221  <a href="/videos"
222     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
223    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Videos</span></span>
224  </a>
225  
226
227    
228  
229  
230  
231  
232  <a href="/calls"
233     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground
233/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
234    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><circle cx="12" cy="12" r="10" /><path d="M12 6v6l4 2" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Recent Calls</span></span>
235  </a>
236  
237
238    
239  
240  
241  
242  
243  <a href="/profile"
244     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
245    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" /><circle cx="12" cy="12" r="3" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Settings</span></span>
246  </a>
247  
248
249    <div class="kd-sidebar-more-wrap pt-4 mt-4 border-t-2 border-dashed border-foreground
249/30">
250      
251      <details class="kd-sidebar-more" >
252        <summary class="w-full flex items-center justify-between px-4 py-2 text-[10px] font-bold uppercase tracking-widest text-muted-foreground hover:text-foreground transition-colors rounded-2xl">
253          <span>More</span>
254          <span class="kd-sidebar-chevron" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-3.5" aria-hidden="true"><path d="m6 9 6 6 6-6" /></svg></span>
255        </summary>
256        <div class="mt-2 space-y-2">
257          
258  
259  
260  
261  
262  <a href="/inbox"
263     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
264    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12" /><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Inbox</span></span>
265  </a>
266  
267
268  
269  
270  
271  
272  <a href="/follows"
273     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
274    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0" /><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Following</span></span>
275  </a>
276  
277
278  
279  
280  
281  
282  <a href="/ktags"
283     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
284    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" /><circle cx="7.5" cy="7.5" r=".5" fill="currentColor" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Tags</span></span>
285  </a>
286  
287
288  
289  
290  
291  
292  <a href="/myWidgets"
293     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
294    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1" /><rect width="7" height="7" x="14" y="3" rx="1" /><rect width="7" height="7" x="14" y="14" rx="1" /><rect width="7" height="7" x="3" y="14" rx="1" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Widgets</span></span>
295  </a>
296  
297
298  
299  
300  
301  
302  <a href="/groups"
303     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground
303/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
304    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><path d="M18 21a8 8 0 0 0-16 0" /><circle cx="10" cy="8" r="5" /><path d="M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Groups</span></span>
305  </a>
306  
307
308  
309  
310  
311  
312  <a href="/calendar"
313     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
314    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><path d="M8 2v4" /><path d="M16 2v4" /><rect width="18" height="18" x="3" y="4" rx="2" /><path d="M3 10h18" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Calendar</span></span>
315  </a>
316  
317
318  
319  
320  
321  
322  <a href="/status"
323     class="kd-nav-link group flex items-center gap-3 px-4 py-3 rounded-2xl text-foreground/70 border-2 border-transparent transition-all hover:border-foreground hover:bg-card hover:text-foreground hover:shadow-[3px_3px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px]">
324    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0 transition-transform group-hover:rotate-[-8deg]" aria-hidden="true"><circle cx="12" cy="12" r="10" /><circle cx="12" cy="12" r="1" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Status</span></span>
325  </a>
326  
327
328        </div>
329      </details>
330    </div>
331  </nav>
332
333  
334  <div class="mt-auto pt-6 space-y-2">
335    <a href="/register"
336       class="signup-pill group kd-nav-link flex items-center justify-center gap-2 h-12 rounded-2xl border-2 border-foreground bg-brand text-primary-foreground font-display font-black uppercase tracking-wider text-sm hover:-translate-x-[1px] hover:-translate-y-[1px] active:translate-x-[2px] active:translate-y-[2px] transition-transform">
337      <span aria-hidden="true" class="signup-shine"></span>
338      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-5 shrink-0 relative z-10" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" /><circle cx="9" cy="7" r="4" /><line x1="19" x2="19" y1="8" y2="14" /><line x1="22" x2="16" y1="11" y2="11" /></svg><span class="kd-nav-label relative z-10"><span class="kd-nav-label-text">Sign Up</span></span>
339      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="signup-sparkle size-4 text-sunshine drop-shadow-[1px_1px_0_var(--foreground)] absolute -top-2 -right-2 z-10" aria-hidden="true"><path d="m12 3-1.9 5.8a2 2 0 0 1-1.287 1.288L3 12l5.8 1.9a2 2 0 0 1 1.288 1.287L12 21l1.9-5.8a2 2 0 0 1 1.287-1.288L21 12l-5.8-1.9a2 2 0 0 1-1.288-1.287z" /><path d="M5 3v4" /><path d="M19 17v4" /><path d="M3 5h4" /><path d="M17 19h4" /></svg>
340    </a>
341    
342  <a href="https://play.google.com/store/apps/details?id=com.kadoink.app"
343     target="_blank" rel="noreferrer noopener"
344     class="kd-nav-link group flex items-center justify-center gap-2 h-10 rounded-2xl border-2 border-foreground bg-mint text-(--pcard-ink) font-display font-bold uppercase tracking-wider text-xs hover:-translate-x-[1px] hover:-translate-y-[1px] active:translate-x-[2px] active:translate-y-[2px] transition-transform">
345    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2" /><path d="M12 18h.01" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Android app</span></span>
346  </a>
347  <a href="https://apps.apple.com/us/app/kadoink/id6792389678"
348     target="_blank" rel="noreferrer noopener"
349     class="kd-nav-link group flex items-center justify-center gap-2 h-10 rounded-2xl border-2 border-foreground bg-sky text-(--pcard-ink) font-display font-bold uppercase tracking-wider text-xs hover:-translate-x-[1px] hover:-translate-y-[1px] active:translate-x-[2px] active:translate-y-[2px] transition-transform">
350    <svg aria-hidden="true" class="size-4 shrink-0" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.92 1.36-.21-1.15.41-2.35 1.02-3.05z" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">iOS app</span></span>
351  </a>
352
353    
354  
355  
356  
357  
358  
359  <div role="group" aria-label="Theme"
360       class="kd-skin-slider grid grid-cols-3 gap-1 h-12 rounded-2xl border-2 border-foreground bg-card p-1 shadow-[3px_3px_0_0_var(--foreground)] -rotate-1">
361    
362      
363      <a href="/skin/default" title="Light" aria-label="Light"
364         aria-current="true"
365         class="kd-skin-seg flex items-center justify-center gap-1.5 rounded-xl font-display font-black uppercase tracking-wider text-[11px] transition-all
366                border-2 border-foreground bg-sunshine text-(--pcard-ink) shadow-[2px_2px_0_0_var(--foreground)]">
367        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="4" /><path d="M12 2v2" /><path d="M12 20v2" /><path d="m4.93 4.93 1.41 1.41" /><path d="m17.66 17.66 1.41 1.41" /><path d="M2 12h2" /><path d="M20 12h2" /><path d="m6.34 17.66-1.41 1.41" /><path d="m19.07 4.93-1.41 1.41" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Light</span></span>
368      </a>
369    
370      
371      <a href="/skin/dark" title="Dark" aria-label="Dark"
372         
373         class="kd-skin-seg flex items-center justify-center gap-1.5 rounded-xl font-display font-black uppercase tracking-wider text-[11px] transition-all
374                text-muted-foreground hover:bg-secondary active:scale-95">
375        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0" aria-hidden="true"><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Dark</span></span>
376      </a>
377    
378      
379      <a href="/skin/blue" title="Blue" aria-label="Blue"
380         
381         class="kd-skin-seg flex items-center justify-center gap-1.5 rounded-xl font-display font-black uppercase tracking-wider text-[11px] transition-all
382                text-muted-foreground hover:bg-secondary active:scale-95">
383        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 shrink-0" aria-hidden="true"><path d="M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1" /><path d="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1" /><path d="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1" /></svg><span class="kd-nav-label"><span class="kd-nav-label-text">Blue</span></span>
384      </a>
385    
386  </div>
387
388  </div>
389</aside>
390
391    
392    <a href="#" class="kd-nav-backdrop" data-nav-close aria-label="Close navigation"></a>
393
394    
395    <div class="flex-1 flex flex-col min-w-0" data-nav-content>
396      
397
398<header class="sticky top-0 z-10 flex items-center justify-between md:justify-end gap-4 px-4 md:px-8 py-3 border-b-2 border-foreground bg-background/80 backdrop-blur">
399  <div class="flex items-center gap-2 md:hidden">
400    
401  <a href="#kd-sidebar" data-nav-open aria-expanded="false" aria-controls="kd-sidebar"
402     aria-label="Open navigation" class="kd-nav-burger"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-5" aria-hidden="true"><line x1="4" x2="20" y1="12" y2="12" /><line x1="4" x2="20" y1="6" y2="6" /><line x1="4" x2="20" y1="18" y2="18" /></svg></a>
403
404    <a href="/" class="flex items-center gap-2">
405      <img src="/static/img/kadoink-logo.png" alt="" aria-hidden="true"
406     width="56" height="56"
407     class="size-10 object-contain -rotate-3 drop-shadow-[3px_3px_0_rgba(0,0,0,0.85)] transition-transform hover:rotate-0 hover:scale-110 ">
408      <span class="font-display text-xl font-bold tracking-tight">Kadoink</span>
409    </a>
410  </div>
411  
412  
413
414<span class="kd-free-badge hidden lg:inline-flex">
415  <span aria-hidden="true">&starf;</span>
416  Free
417  <span aria-hidden="true">&starf;</span>
418</span>
419
420  
421  
422  
423
424  <nav class="flex items-center gap-2 sm:gap-3 text-sm">
425    <a href="/login" class="px-2 sm:px-3 py-1.5 text-muted-foreground hover:text-foreground">Sign in</a>
426    <a href="/register"
427       class="px-3 sm:px-4 py-1.5 rounded-xl bg-brand text-primary-foreground font-semibold border-2 border-foreground shadow-[2px_2px_0_0_var(--foreground)] transition-transform hover:-translate-x-[1px] hover:-translate-y-[1px] active:translate-x-[2px] active:translate-y-[2px] active:shadow-none">Create account</a>
428  </nav>
429
430</header>
431
432
433      <main class="flex-1 overflow-y-auto">
434        
435<div class="min-h-full flex flex-col">
436  <div class="flex-1">
437    
438
439
440
441
442
443<div class="p-4 pt-8 md:p-12">
444  <header class="mb-8 md:mb-10 max-w-4xl">
445    <h1 class="font-display text-3xl md:text-4xl font-bold tracking-tight">Meet Kadoink</h1>
446    <p class="mt-2 text-muted-foreground text-base md:text-lg">The fastest way to gather your people.</p>
447  </header>
448
449  <div class="max-w-4xl space-y-8">
450    <section aria-labelledby="founders-heading">
451      <h2 id="founders-heading" class="font-display font-black text-2xl md:text-3xl uppercase tracking-tight mb-6">Meet the founders</h2>
452      <div class="grid gap-6 md:grid-cols-2">
453        
454<div class="rounded-3xl border-2 border-foreground p-6 md:p-8 shadow-[6px_6px_0_0_var(--foreground)] -rotate-1 bg-card">
455        <div class="flex flex-col sm:flex-row sm:items-start gap-5">
456          <img src="/static/img/founders/eric.jpg" alt="Eric Stone, CEO and co-founder of Kadoink" loading="lazy"
457               class="shrink-0 size-20 md:size-24 rounded-full border-2 border-foreground bg-brand object-cover shadow-[4px_4px_0_0_var(--foreground)]">
458          <div class="flex-1 min-w-0">
459            <h3 class="font-display font-black text-xl md:text-2xl leading-tight">Eric Stone</h3>
460            <p class="font-display font-bold uppercase tracking-widest text-xs text-muted-foreground mt-1">CEO &amp; Co-founder</p>
461            <p class="mt-3 text-sm md:text-base text-muted-foreground leading-relaxed">
462              As CEO of Kadoink, I’m rebuilding an idea that was early for its time into a product built for the modern era. The original Kadoink anticipated mobile, social, and follow-style communication before smartphones and modern messaging made the full vision practical. Today, Kadoink is a new company and product focused on intelligent gathering: users say who they need and why, and Kadoink helps bring people together across video, voice, text, push, link, or app. My goal is to make communication less fragmented and turn coordination into one intelligent, simple action.
463            </p>
464            <a href="https://linkedin.com/in/stoneric" target="_blank" rel="noreferrer noopener"
465               class="mt-4 inline-flex items-center gap-2 px-4 py-2 rounded-xl border-2 border-foreground bg-background font-display font-bold text-sm hover:-translate-x-[1px] hover:-translate-y-[1px] transition-transform">
466              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" /><rect width="4" height="12" x="2" y="9" /><circle cx="4" cy="4" r="2" /></svg>
467              LinkedIn
468            </a>
469          </div>
470        </div>
471        </div>
472
473
474        
475<div class="rounded-3xl border-2 border-foreground p-6 md:p-8 shadow-[6px_6px_0_0_var(--foreground)] rotate-1 bg-card">
476        <div class="flex flex-col sm:flex-row sm:items-start gap-5">
477          <img src="/static/img/founders/tricia.jpg" alt="Tricia Lahren, CPO and co-founder of Kadoink" loading="lazy"
478               class="shrink-0 size-20 md:size-24 rounded-full border-2 border-foreground bg-sunshine object-cover shadow-[4px_4px_0_0_var(--foreground)]">
479          <div class="flex-1 min-w-0">
480            <h3 class="font-display font-black text-xl md:text-2xl leading-tight">Tricia Lahren</h3>
481            <p class="font-display font-bold uppercase tracking-widest text-xs text-muted-foreground mt-1">CPO &amp; Co-founder</p>
482            <p class="mt-3 text-sm md:text-base text-muted-foreground leading-relaxed">
483              Tricia Lahren serves as Chief Product Officer for Kadoink, bringing deep product, intelligence, fashion intelligence, and user-experience expertise to the team. At Velou, she worked at the intersection of product data, styling intelligence, and machine learning, helping create the intelligence layer used by models for ecommerce product discovery and enrichment. Public executive profiles list her as Director of Product Intelligence at Velou, where she led product and fashion stylists supporting ML and systems. At Kadoink, Tricia helps shape the product experience, user journeys, and intelligent gathering workflows that make communication feel simple, useful, and human.
484            </p>
485            <a href="https://www.linkedin.com/in/tlahren/" target="_blank" rel="noreferrer noopener"
486               class="mt-4 inline-flex items-center gap-2 px-4 py-2 rounded-xl border-2 border-foreground bg-background font-display font-bold text-sm hover:-translate-x-[1px] hover:-translate-y-[1px] transition-transform">
487              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" /><rect width="4" height="12" x="2" y="9" /><circle cx="4" cy="4" r="2" /></svg>
488              LinkedIn
489            </a>
490          </div>
491        </div>
492        </div>
493
494      </div>
495    </section>
496
497    
498<div class="rounded-3xl border-2 border-foreground p-6 md:p-8 shadow-[6px_6px_0_0_var(--foreground)] -rotate-1 bg-card">
499    <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-foreground text-background font-display font-bold text-xs uppercase tracking-widest mb-4">
500      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true"><path d="M12 8V4H8" /><rect width="16" height="12" x="4" y="8" rx="2" /><path d="M2 14h2" /><path d="M20 14h2" /><path d="M15 13v2" /><path d="M9 13v2" /></svg> New: Kadoink
501    </span>
502    <p class="font-display text-2xl md:text-3xl font-black leading-tight">
503      To kadoink is to gather — video, voice, or text, one person or a 
503whole crew. Kadoink does the kadoinking. Everyone joins any way they want.
504    </p>
505    </div>
506
507
508    
509<div class="rounded-3xl border-2 border-foreground p-6 md:p-8 shadow-[6px_6px_0_0_var(--foreground)] rotate-1 bg-sunshine text-(--pcard-ink)">
510    <p class="font-display font-black uppercase tracking-widest text-xs mb-3">Just ask</p>
511    <p class="text-lg md:text-xl leading-relaxed font-medium">Start with a simple request:</p>
512    <ul class="mt-4 space-y-3 text-lg md:text-xl font-bold">
513      <li class="rounded-2xl border-2 border-foreground bg-background text-foreground px-4 py-3">"Kadoink the team."</li>
514      <li class="rounded-2xl border-2 border-foreground bg-background text-foreground px-4 py-3">"Ask the parents who can drive."</li>
515      <li class="rounded-2xl border-2 border-foreground bg-background text-foreground px-4 py-3">"Kadoink everyone from yesterday on video."</li>
516    </ul>
517    </div>
518
519
520    
521<div class="rounded-3xl border-2 border-foreground p-6 md:p-8 shadow-[6px_6px_0_0_var(--foreground)] -rotate-1 bg-card">
522    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8 mb-3" aria-hidden="true"><path d="M4.9 19.1C1 15.2 1 8.8 4.9 4.9" /><path d="M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5" /><circle cx="12" cy="12" r="2" /><path d="M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5" /><path d="M19.1 4.9C23 8.8 23 15.1 19.1 19" /></svg>
523    <h3 class="font-display font-black text-xl md:text-2xl mb-2">Every channel, one kadoink</h3>
524    <p class="text-lg leading-relaxed">
525      A kadoink can land as
526      <span class="font-bold">video, voice, text, push, email, or a shareable link</span>.
527      Kadoink kadoinks — and each person picks the way they want to join.
528    </p>
529    </div>
530
531
532    <div class="grid gap-6 md:grid-cols-3">
533      
534<div class="rounded-3xl border-2 border-foreground p-6 md:p-8 shadow-[6px_6px_0_0_var(--foreground)] -rotate-2 bg-card">
535      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8 mb-3" aria-hidden="true"><path d="m3 17 2 2 4-4" /><path d="m3 7 2 2 4-4" /><path d="M13 6h8" /><path d="M13 12h8" /><path d="M13 18h8" /></svg>
536      <h3 class="font-display font-black text-lg mb-1">Before</h3>
537      <p class="text-sm text-muted-foreground">Creates a quick agenda so everyone shows up ready.</p>
538      </div>
539
540
541      
542<div class="rounded-3xl border-2 border-foreground p-6 md:p-8 shadow-[6px_6px_0_0_var(--foreground)] rotate-1 bg-brand text-primary-foreground">
543      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8 mb-3" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" /></svg>
544      <h3 class="font-display font-black text-lg mb-1">During</h3>
545      <p class="text-sm opacity-90">Captures decisions and action items as you talk.</p>
546      </div>
547
548
549      
550<div class="rounded-3xl border-2 border-foreground p-6 md:p-8 shadow-[6px_6px_0_0_var(--foreground)] -rotate-1 bg-card">
551      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8 mb-3" aria-hidden="true"><path d="m12 3-1.9 5.8a2 2 0 0 1-1.287 1.288L3 12l5.8 1.9a2 2 0 0 1 1.288 1.287L12 21l1.9-5.8a2 2 0 0 1 1.287-1.288L21 12l-5.8-1.9a2 2 0 0 1-1.288-1.287z" /><path d="M5 3v4" /><path d="M19 17v4" /><path d="M3 5h4" /><path d="M17 19h4" /></svg>
552      <h3 class="font-display font-black text-lg mb-1">After</h3>
553      <p class="text-sm text-muted-foreground">Sends a summary, reminds people what they agreed to, and follows up with anyone who missed it.</p>
554      </div>
555
556    </div>
557
558    
559<div class="rounded-3xl border-2 border-foreground p-6 md:p-8 shadow-[6px_6px_0_0_var(--foreground)] rotate-1 bg-foreground text-background">
560    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-6 mb
560-3 text-sunshine" aria-hidden="true"><path d="m12 3-1.9 5.8a2 2 0 0 1-1.287 1.288L3 12l5.8 1.9a2 2 0 0 1 1.288 1.287L12 21l1.9-5.8a2 2 0 0 1 1.287-1.288L21 12l-5.8-1.9a2 2 0 0 1-1.288-1.287z" /><path d="M5 3v4" /><path d="M19 17v4" /><path d="M3 5h4" /><path d="M17 19h4" /></svg>
561    <p class="font-display text-2xl md:text-3xl font-black leading-tight">Kadoink is not just another chatbot.</p>
562    <p class="mt-3 text-lg md:text-xl leading-relaxed font-medium">
563      It is a real-time gathering engine — one grid, every channel, and a memory of what happened.
564    </p>
565    </div>
566
567
568    <div class="grid gap-6 md:grid-cols-3">
569      
570<div class="rounded-3xl border-2 border-foreground p-6 md:p-8 shadow-[6px_6px_0_0_var(--foreground)] -rotate-2 bg-card">
571      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8 mb-3" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" /><path d="M3 9h18" /><path d="M3 15h18" /><path d="M9 3v18" /><path d="M15 3v18" /></svg>
572      <h3 class="font-display font-black text-lg mb-1">Build your grid</h3>
573      <p class="text-sm text-muted-foreground">Add up to 9 people. That's your circle.</p>
574      </div>
575
576
577      
578<div class="rounded-3xl border-2 border-foreground p-6 md:p-8 shadow-[6px_6px_0_0_var(--foreground)] rotate-1 bg-brand text-primary-foreground">
579      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8 mb-3" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z" /></svg>
580      <h3 class="font-display font-black text-lg mb-1">Press the button</h3>
581      <p class="text-sm opacity-90">One big button. Kadoink kadoinks everyone — video, voice, or text.</p>
582      </div>
583
584
585      
586<div class="rounded-3xl border-2 border-foreground p-6 md:p-8 shadow-[6px_6px_0_0_var(--foreground)] -rotate-1 bg-card">
587      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8 mb-3" aria-hidden="true"><path d="M12 8V4H8" /><rect width="16" height="12" x="4" y="8" rx="2" /><path d="M2 14h2" /><path d="M20 14h2" /><path d="M15 13v2" /><path d="M9 13v2" /></svg>
588      <h3 class="font-display font-black text-lg mb-1">Let Kadoink take it from here</h3>
589      <p class="text-sm text-muted-foreground">Agenda, notes, follow-ups — handled.</p>
590      </div>
591
592    </div>
593
594    <div class="flex flex-wrap gap-3 pt-2">
595      <a href="/register" class="inline-flex items-center gap-2 px-6 py-3 rounded-2xl border-2 border-foreground bg-brand text-primary-foreground font-display font-black uppercase tracking-wider shadow-[4px_4px_0_0_var(--foreground)] hover:-translate-x-[1px] hover:-translate-y-[1px] active:translate-x-[2px] active:translate-y-[2px] active:shadow-none transition-transform">
596        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-5" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" /><circle cx="9" cy="7" r="4" /><line x1="19" x2="19" y1="8" y2="14" /><line x1="22" x2="16" y1="11" y2="11" /></svg>
597        Try Kadoink
598      </a>
599      <a href="/people" class="inline-flex items-center gap-2 px-6 py-3 rounded-2xl border-2 border-foreground bg-card font-display font-bold hover:-translate-x-[1px] hover:-translate-y-[1px] transition-transform">
600        See who's on Kadoink
601      </a>
602    </div>
603  </div>
604</div>
605
606  </div>
607  
608<footer class="border-t border-border px-6 sm:px-10 py-8 text-sm text-center">
609  
610  <div class="flex flex-col items-center gap-4 mb-8">
611    
612<p id="socials-label" class="font-display font-bold uppercase tracking-widest text-sm text-muted-foreground">Kadoink us on the socials</p>
613<ul aria-labelledby="socials-label" class="flex items-center gap-5 sm:gap-6 flex-wrap">
614  
615  <li>
616    <a href="https://x.com/kadoinkai" target="_blank" rel="noreferrer noopener" aria-label="X"
617       class="block size-14 sm:size-16 -rotate-2 transition-transform hover:scale-110 hover:rotate-0">
618      <img src="/static/img/social-x.png" alt="" width="64" height="64" loading="lazy"
619           class="w-full h-full object-contain drop-shadow-[3px_3px_0_rgba(0,0,0,0.9)]">
620    </a>
621  </li>
622  
623  <li>
624    <a href="https://www.youtube.com/@kadoinkai" target="_blank" rel="noreferrer noopener" aria-label="YouTube"
625       class="block size-14 sm:size-16 rotate-3 transition-transform hover:scale-110 hover:rotate-0">
626      <img src="/static/img/social-youtube.png" alt="" width="64" height="64" loading="lazy"
627           class="w-full h-full object-contain drop-shadow-[3px_3px_0_rgba(0,0,0,0.9)]">
628    </a>
629  </li>
630  
631</ul>
632  </div>
633  <nav class="flex flex-wrap justify-center gap-x-5 gap-y-2 text-muted-foreground">
634    
635    <a href="/about" class="hover:text-brand">About</a>
636    <a href="/howitworks" class="hover:text-brand">How it works</a>
637    <a href="/videos" class="hover:text-brand">Videos</a>
638    <a href="/apidocs" class="hover:text-brand">API</a>
639    <a href="/contactus" class="hover:text-brand">Contact</a>
640    <a href="/privacy" class="hover:text-brand">Privacy</a>
641    <a href="/termsofuse" class="hover:text-brand">Terms</a>
642    <a href="/rulesoftheroad" class="hover:text-brand">Rules of the road</a>
643    <a href="/copyrights" class="hover:text-brand">Copyrights</a>
644  </nav>
645  
646  <small class="block mt-4 text-muted-foreground/70">
647    Skin:
648    <a href="/skin/default" class="hover:text-brand">light</a> ·
649    <a href="/skin/dark" class="hover:text-brand">dark</a>
650  </small>
651  
652  <small class="block mt-2 text-muted-foreground">© 2026 Kadoink</small>
653</footer>
654</div>
655
656      </main>
657      
658      
659    </div>
660  </div>
661  
662  
663
664
665<div class="kd-ai-fab" data-ai-fab hidden>
666  
667  <div class="kd-ai-fab__stickers" data-ai-fab-stickers aria-hidden="true">
668    <span class="kd-ai-fab__listening">
669      ● Listening <b data-ai-fab-time>00:00</b>
670    </span>
671    <span class="kd-ai-fab__say">Get together with Kadoink.</span>
672  </div>
673
674  <div class="kd-ai-fab__btnwrap">
675    
676    <div class="kd-ai-fab__pop" data-ai-fab-pop hidden role="dialog" aria-label="Kadoink">
677      <p class="kd-ai-fab__pop-title">Get together with Kadoink.</p>
678      <a href="/register" class="kd-ai-fab__pop-cta">Sign up free →</a>
679    </div>
680    <button type="button"
681            class="kd-ai-fab__btn"
682            data-ai-fab-btn
683            aria-pressed="false"
684            aria-label="Talk to Kadoink"
685            title="Talk to Kadoink">
686      <span class="kd-ai-fab__ring" aria-hidden="true"></span>
687      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="kd-ai-fab__icon" aria-hidden="true"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" /><path d="M19 10v2a7 7 0 0 1-14 0v-2" /><line x1="12" x2="12" y1="19" y2="22" /></svg>
688      <span class="kd-ai-fab__tag" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="" aria-hidden="true"><path d="m12 3-1.9 5.8a2 2 0 0 1-1.287 1.288L3 12l5.8 1.9a2 2 0 0 1 1.288 1.287L12 21l1.9-5.8a2 2 0 0 1 1.287-1.288L21 12l-5.8-1.9a2 2 0 0 1-1.288-1.287z" /><path d="M5 3v4" /><path d="M19 17v4" /><path d="M3 5h4" /><path d="M17 19h4" /></svg>Talk</span>
689    </button>
690  </div>
691</div>
692
693</body>
694</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.