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">★</span> 416 Free 417 <span aria-hidden="true">★</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 & 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 & 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.