1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <link rel="icon" type="image/png" href="/logo.png" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7
7<script type="module" src="./assets/main-WSFCRZ62.js"></script>
7 8<link rel="stylesheet" href="./assets/main-XPVI36N2.css" /> 9 <title>Built with Taskade</title> 10 11 <meta charset="utf-8" /><meta name="language" content="en-US" /><meta name="robots" content="noindex,nofollow" /><meta name="author" content="Taskade" /><link rel="icon" sizes="32x32" href="/_genesis/assets/favicon" /><link rel="apple-touch-icon" sizes="180x180" href="/_genesis/assets/favicon" /><meta name="title" content="Built with Taskade" /><meta property="og:title" content="Built with Taskade" /><meta name="twitter:title" content="Built with Taskade" /><meta name="description" content="A living app built with Taskade Genesis. One prompt, one app. Projects remember, agents learn, and workflows move." /><meta property="og:description" content="A living app built with Taskade Genesis. One prompt, one app. Projects remember, agents learn, and workflows move." /><meta name="twitter:description" content="A living app built with Taskade Genesis. One prompt, one app. Projects remember, agents learn, and workflows move." /><meta property="og:type" content="website" /><meta property="og:url" content="https://arbitrage-dashboard-abezpq27.taskade.app" /><meta property="og:site_name" content="Taskade" /><meta property="og:image" content="https://arbitrage-dashboard-abezpq27.taskade.app/_internal/screenshot" /><meta property="og:image:alt" content="Built with Taskade - A living app built with Taskade Genesis. One prompt, one app. Projects remember, agents learn, and w..." /><meta property="og:locale" content="en_US" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@taskade" /><meta name="twitter:creator" content="@taskade" /><meta name="twitter:image" content="https://arbitrage-dashboard-abezpq27.taskade.app/_internal/screenshot" /><meta name="twitter:image:alt" content="Built with Taskade - A living app built with Taskade Genesis. One prompt, one app. Projects remember, agents learn, and w..." /><meta name="format-detection" content="telephone=no" /><meta name="mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="default" /><meta name="apple-mobile-web-app-title" content="Built with Taskade" /><meta name="application-name" content="Taskade" /><link rel="canonical" href="https://arbitrage-dashboard-abezpq27.taskade.app" />
11<script type="application/ld+json"> 12 { 13 "@context": "https://schema.org", 14 "@type": "WebSite", 15 "name": "Taskade", 16 "alternateName": "Built with Taskade", 17 "description": "A living app built with Taskade Genesis. One prompt, one app. Projects remember, agents learn, and workflows move.", 18 "image": "https://arbitrage-dashboard-abezpq27.taskade.app/_internal/screenshot", 19 "url": "https://arbitrage-dashboard-abezpq27.taskade.app", 20 "author": { 21 "@type": "Organization", 22 "name": "Taskade" 23 }, 24 "publisher": { 25 "@type": "Organization", 26 "name": "Taskade", 27 "url": "https://arbitrage-dashboard-abezpq27.taskade.app", 28 "logo": { 29 "@type": "ImageObject", 30 "url": "https://arbitrage-dashboard-abezpq27.taskade.app/_internal/screenshot" 31 } 32 } 33 } 34</script>
34<script defer src="/_genesis/vendor/flock.min.js" data-proxy-url="/_genesis/api/events" data-tenant-id="h9pwmtaiapppho34:default" data-domain="arbitrage-dashboard-abezpq27.taskade.app"></script>
34<script defer src="/_genesis/vendor/scroll-guard.js"></script>
34</head> 35 <body>
35<script> 36 (function() { 37 if (window.__genesisErrorCatchAll) return; 38 window.__genesisErrorCatchAll = true; 39 var esc = function(s) { return String(s).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); }; 40 var errorHtml = function(msg, id) { 41 return '<div style="position:fixed;inset:0;background:#000;padding:2rem;font-family:system-ui,sans-serif;color:#fff;overflow:auto">' + 42 '<div style="max-width:600px;margin:0 auto">' + 43 '<h2 style="margin:0 0 0.5rem;font-size:1.25rem">Something went wrong</h2>' + 44 '<p style="color:#999;margin:0 0 1rem;font-size:0.95rem">The app failed to load. Try refreshing the page.</p>' + 45 '<pre style="background:#1a1a1a;padding:1rem;border-radius:8px;overflow:auto;font-size:0.8rem;color:#f87171;margin:0;white-space:pre-wrap;word-break:break-word">' + 46 esc(msg) + '<\/pre>' + 47 '<p style="color:#666;margin:1rem 0 0;font-size:0.75rem">Error ID: <code>' + esc(id) + '<\/code><\/p>' + 48 '<\/div><\/div>'; 49 }; 50 var reported = false; 51 var errorId = null; 52 function getErrorId() { 53 if (errorId != null) return errorId; 54 try { 55 if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') { errorId = crypto.randomUUID().replace(/-/g, ''); return errorId; } 56 } catch (e) { /* Fall through to the time+random id below */ } 57 errorId = Date.now().toString(36) + Math.random().toString(36).slice(2, 12); 58 return errorId; 59 } 60 function reportError(code, msg, stack) { 61 if (reported) return; 62 reported = true; 63 try { 64 var logger = window.__TASKADE_APP_LIFECYCLE_LOGGER__; 65 if (typeof logger?.log === 'function') { 66 logger.log({ level: 'error', message: 'Runtime Error', data: { code: code, message: msg, stack: stack || '' } }); 67 return; 68 } 69 // Published: no logger, so beacon to the Taskade gateway instead of 70 // dropping the crash on the floor (#27626). Relative path â the 71 // Director proxy injects the gateway token server-side. Once per page 72 // session (the latch above) so a crash loop cannot flood the sink. 73 fetch('/api/taskade/telemetry/errors', { 74 method: 'POST', 75 headers: { 'Content-Type': 'application/json' }, 76 body: JSON.stringify({ 77 errorId: getErrorId(), 78 code: code, 79 message: String(msg || 'Unknown error').slice(0, 4000), 80 stack: String(stack || '').slice(0, 20000), 81 path: location.pathname.slice(0, 1000),
82 userAgent: navigator.userAgent.slice(0, 512) 83 }), 84 keepalive: true 85 // Default same-origin credentials: a password-protected app gates 86 // /api/taskade/* on its signed access cookie, so omitting them 87 // would redirect the beacon to the password page. 88 }).catch(function() {}); 89 } catch (e) { /* Swallow â never block the fallback error UI */ } 90 } 91 function showError(code, msg, stack) { 92 var root = document.getElementById('root'); 93 if (!root) return; 94 var spinner = root.querySelector('.genesis__spinner-container'); 95 if (spinner) { 96 // Scenario 1: React never mounted â replace spinner 97 reportError('error.fatal', msg, stack); 98 spinner.outerHTML = errorHtml(msg, getErrorId()); 99 } else if (!root.childElementCount) { 100 // Scenario 2: React crashed and unmounted â #root is empty 101 reportError('error.fatal', msg, stack); 102 root.innerHTML = errorHtml(msg, getErrorId()); 103 } else { 104 // React is running fine â don't interfere with the DOM, 105 // but still report with the original code for diagnostics 106 reportError(code, msg, stack); 107 } 108 } 109 window.addEventListener('error', function(e) { 110 var msg = e.message || String(e.error) || 'Unknown error'; 111 var stack = e.error && e.error.stack ? e.error.stack : (e.filename ? e.filename + ':' + e.lineno + ':' + e.colno : ''); 112 showError('error.runtime_error', msg, stack); 113 }); 114 window.addEventListener('unhandledrejection', function(e) { 115 var msg = e.reason ? String(e.reason) : 'Unhandled promise rejection'; 116 var stack = e.reason && e.reason.stack ? e.reason.stack : ''; 117 showError('error.unhandled_promise', msg, stack); 118 }); 119 // A dead <img> degrades to a neutral placeholder instead of painting its 120 // raw alt string across the page (#27730) â the symptom half of the 121 // fabricated-hot-link fix, and the only half that helps an ALREADY 122 // published app, whose images can rot long after generation. 123 // 124 // Resource load errors do not bubble, so they reach window only in the 125 // CAPTURE phase. That is why neither handler above has ever seen one, and 126 // why this cannot disturb them: a broken image must never render the fatal 127 // error overlay or spend the once-per-session crash beacon. 128 // 129 // Swapping in a 1x1 transparent GIF is what actually stops the alt text â 130 // the element becomes a SUCCESSFUL load, so the browser has no broken image 131 // to caption, while the alt attribute stays for assistive tech. Layout is 132 // untouched: the app's own width/height/aspect classes still apply. The grey 133 // is translucent so it reads correctly on a light or a dark surface without 134 // this script having to know the app's theme. 135 var deadImagePixel = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'; 136 window.addEventListener('error', function(e) { 137 var el = e.target; 138 if (!el || el.tagName !== 'IMG') return; 139 // The swap fires a fresh load on the same element, so the latch is what 140 // keeps a failing data URI from looping. 141 if (el.getAttribute('data-genesis-image-fallback') !== null) return; 142 el.setAttribute('data-genesis-image-fallback', ''); 143 el.removeAttribute('srcset'); 144 el.src = deadImagePixel; 145 el.style.background = 'linear-gradient(135deg, rgba(127,127,127,0.16), rgba(127,127,127,0.28))'; 146 }, true); 147 148 // --------------------------------------------------------------- 149 // Dead env reads (advisory, NOT a failure) 150 // --------------------------------------------------------------- 151 // The bundle's import.meta.env / process.env shims are reporting 152 // Proxies (see genesisEnvBanner.ts). They are value-preserving: a 153 // missing key still reads undefined. This turns that read from invisible 154 // into observable, because a feature gated on one is permanently off and 155 // has no other symptom â the app builds, boots and looks healthy. 156 // 157 // Deliberately WARN, never error. The runtime cannot see whether a call 158 // site has a working fallback, so a correct 159 // VITE_API_BASE_URL || 'https://real' is reported too. Warn keeps it
160 // out of the "Fix with AI" popup set and out of FATAL_LIFECYCLE_CODES, 161 // both of which are error-level allowlists. 162 var deadEnvSeen = {}; 163 var deadEnvSent = 0; 164 // Its OWN budget and latch: sharing the 'reported' latch above would let 165 // an advisory notice spend the one crash report this page session gets. 166 var DEAD_ENV_MAX = 5; 167 function reportDeadEnv(source, key) { 168 try { 169 var signature = source + '.' + key; 170 if (deadEnvSeen[signature] || deadEnvSent >= DEAD_ENV_MAX) return; 171 deadEnvSeen[signature] = 1; 172 deadEnvSent++; 173 var msg = signature + ' is read but a Genesis build never defines it, so the value is ' + 174 'always undefined. If it gates a feature, that feature is permanently off. Route ' + 175 'secret-bearing calls through GenesisClient.proxy() with a secretAlias instead.'; 176 var logger = window.__TASKADE_APP_LIFECYCLE_LOGGER__; 177 if (typeof logger?.log === 'function') { 178 logger.log({ level: 'warn', message: 'Dead env read', data: { code: 'warn.dead_env', message: msg } }); 179 return; 180 } 181 fetch('/api/taskade/telemetry/errors', { 182 method: 'POST', 183 headers: { 184 'Content-Type': 'application/json', 185 // Lets the publish Worker pick the advisory rate-limit bucket 186 // without reading this body. Doing that at the edge means I/O 187 // of unbounded duration ahead of the limiter meant to bound it, 188 // which is the whole class of problem the header avoids. The 189 // origin still classifies from the validated body, so this is a 190 // bucket hint and never the record (#29164). 191 'X-Genesis-Telemetry-Code': 'warn.dead_env' 192 }, 193 body: JSON.stringify({ 194 errorId: 'de' + Date.now().toString(36) + Math.random().toString(36).slice(2, 8), 195 code: 'warn.dead_env', 196 message: msg.slice(0, 4000), 197 path: location.pathname.slice(0, 1000), 198 // The source and key as STRUCTURE, not only inside the prose. 199 // The gateway fingerprints on app + code alone, because this 200 // endpoint's token ships in the bundle and free text from it 201 // cannot be trusted; these two validated fields are how the 202 // key still reaches Sentry, as a tag. 203 // Sliced to the schema's bound like every other field here: the 204 // banner filters the key's SHAPE but not its length, and an 205 // over-long key would fail validation and lose the whole 206 // report rather than just the tag. 207 envSource: source, 208 envKey: String(key).slice(0, 64) 209 }), 210 keepalive: true 211 }).catch(function() {}); 212 } catch (e) { /* Swallow â advisory telemetry must never break an app */ } 213 } 214 window.__genesisReportDeadEnv = reportDeadEnv; 215 // Drain anything the bundle's banner queued. This script is a classic 216 // inline script and the bundle is a deferred module, so in practice the 217 // reporter wins the race; the queue is what makes that not a matter of 218 // luck (and covers an app whose HTML predates this script). 219 try { 220 var queued = window.__genesisDeadEnvQueue; 221 if (queued) { 222 window.__genesisDeadEnvQueue = []; 223 for (var qi = 0; qi < queued.length; qi++) reportDeadEnv(queued[qi][0], queued[qi][1]); 224 } 225 } catch (e) { /* Ignore. */ } 226 })(); 227</script>
227 228 <div id="root"></div> 229
229<script> 230 (function() { 231 if (typeof window === 'undefined' || typeof document === 'undefined') { 232 return; 233 } 234 if (typeof window.gtag === 'function') { 235 return; 236 } 237 window.dataLayer = window.dataLayer || []; 238 function gtag(){window.dataLayer.push(arguments);} 239 window.gtag = gtag; 240 gtag('js', new Date()); 241 gtag('config', 'G-WWJTNN1SFE'); 242 const script = document.createElement('script'); 243 script.async = true; 244 script.src = 'https://www.googletagmanager.com/gtag/js?id=G-WWJTNN1SFE'; 245 document.head.appendChild(script); 246 })(); 247</script>
247 248 249<style> 250 @import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&display=swap'); 251 252 :root { 253 /* Onboarding Black Glass - optimized for dark mode */ 254 --badge-black: rgba(0, 0, 0, 0.75); 255 --badge-black-hover: rgba(0, 0, 0, 0.85); 256 --badge-text: rgba(255, 255, 255, 0.9); 257 --badge-text-hover: rgba(255, 255, 255, 1); 258 --badge-border: rgba(255, 255, 255, 0.15); 259 --badge-border-hover: rgba(255, 255, 255, 0.25); 260 --badge-shadow: rgba(0, 0, 0, 0.4); 261 262 /* Rainbow gradient colors from Taskade Upgrade button */ 263 --rainbow-color-1: #5cb2f9; /* Blue */ 264 --rainbow-color-2: #8787f7; /* Purple-Blue */ 265 --rainbow-color-3: #a774f7; /* Purple */ 266 --rainbow-color-4: #e376a8; /* Pink */ 267 --rainbow-color-5: #eb7551; /* Orange */ 268 --rainbow-color-6: #19bd59; /* Green */ 269 --rainbow-color-7: #dee325; /* Yellow-Green */ 270 --rainbow-color-8: #e32545; /* Red */ 271 272 /* Cinematic easing */ 273 --ease-cinematic: cubic-bezier(0.22, 1, 0.36, 1); 274 --ease-cinematic-slow: cubic-bezier(0.16, 1, 0.3, 1); 275 } 276 277 [data-theme="light"] { 278 --badge-black: rgba(0, 0, 0, 0.8); 279 --badge-black-hover: rgba(0, 0, 0, 0.9); 280 --badge-text: rgba(255, 255, 255, 0.95); 281 --badge-text-hover: rgba(255, 255, 255, 1); 282 --badge-border: rgba(255, 255, 255, 0.2); 283 --badge-border-hover: rgba(255, 255, 255, 0.3); 284 --badge-shadow: rgba(0, 0, 0, 0.5); 285 } 286 287 @media (prefers-color-scheme: light) { 288 :root { 289 --badge-black: rgba(0, 0, 0, 0.8); 290 --badge-black-hover: rgba(0, 0, 0, 0.9); 291 --badge-text: rgba(255, 255, 255, 0.95); 292 --badge-text-hover: rgba(255, 255, 255, 1); 293 --badge-border: rgba(255, 255, 255, 0.2); 294 --badge-border-hover: rgba(255, 255, 255, 0.3); 295 --badge-shadow: rgba(0, 0, 0, 0.5); 296 } 297 } 298 299 /* Onboarding Black Glass Badge - Bottom Center Position */ 300 #taskade-badge { 301 position: fixed; 302 bottom: 24px; 303 left: 50%; 304 transform: translateX(-50%) scale(0.9); 305 z-index: 10001; 306 font-family: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif; 307 animation: badgeGeistFadeIn 1.2s var(--ease-cinematic) forwards; 308 opacity: 0; 309 display: inline-flex; 310 align-items: center; 311 gap: 7px; 312 padding: 7px 12px; 313 font-size: 0.8125rem; 314 font-weight: 500; 315 letter-spacing: -0.01em; 316 line-height: 1; 317 color: var(--badge-text); 318 text-decoration: none; 319 background: var(--badge-black); 320 border: 1px solid var(--badge-border); 321 border-radius: 9999px; 322 backdrop-filter: blur(20px) saturate(1.4); 323 -webkit-backdrop-filter: blur(20px) saturate(1.4); 324 cursor: pointer; 325 transition: all 0.3s var(--ease-cinematic); 326 overflow: hidden; 327 will-change: transform, box-shadow; 328 white-space: nowrap; 329 } 330 331 #taskade-badge a { 332 display: flex; 333 align-items: center; 334 gap: 7px; 335 color: inherit; 336 text-decoration: none; 337 } 338 339 /* Default state with subtle rainbow glow */ 340 #taskade-badge { 341 box-shadow: 342 0 4px 16px var(--badge-shadow), 343 0 0 8px rgba(227, 118, 168, 0.2), 344 0 0 16px rgba(163, 116, 247, 0.15); 345 } 346 347 /* Black glass hover with enhanced rainbow glow */ 348 #taskade-badge:hover { 349 background: var(--badge-black-hover); 350 border-color: var(--badge-border-hover); 351 color: var(--badge-text-hover); 352 box-shadow: 353 0 8px 24px var(--badge-shadow), 354 0 0 16px rgba(227, 118, 168, 0.4), 355 0 0 32px rgba(163, 116, 247, 0.3), 356 inset 0 1px 0 rgba(255, 255, 255, 0.12); 357 transform: translateY(-3px) scale(1.03); 358 } 359 360 /* Taskade sheep mascot - optimized for dark mode */ 361 #taskade-badge #taskade-logo { 362 width: 16px; 363 height: 16px; 364 flex-shrink: 0; 365 opacity: 0.95; 366 transition: all 0.3s var(--ease-cinematic); 367 filter: invert(1) brightness(1.1) contrast(1.05); 368 } 369 370 #taskade-badge:hover #taskade-logo { 371 opacity: 1; 372 transform: scale(1.08) rotate(-2deg); 373 filter: invert(1) brightness(1.2) contrast(1.1); 374 } 375 376 /* Light mode adjustments */ 377 [data-theme="light"] #taskade-badge #taskade-logo { 378 filter: invert(0) brightness(1.1); 379 } 380 381 [data-theme="light"] #taskade-badge:hover #taskade-logo { 382 filter: invert(0) brightness(1.2); 383 } 384 385 @media (prefers-color-scheme: light) { 386 :root #taskade-badge #taskade-logo { 387 filter: invert(0) brightness(1.1); 388 } 389 390 :root #taskade-badge:hover #taskade-logo { 391 filter: invert(0) brightness(1.2); 392 } 393 } 394 395 /* Geist typography */ 396 #taskade-badge .badge-text { 397 font-weight: 500; 398 letter-spacing: 0.005em; 399 transition: all 0.3s var(--ease-cinematic); 400 -webkit-font-smoothing: antialiased; 401 -moz-osx-font-smoothing: grayscale; 402 } 403 404 #taskade-badge.hidden { 405 display: none; 406 } 407 408 /* Geist fade-in animation */ 409 @keyframes badgeGeistFadeIn { 410 0% { 411 opacity: 0; 412 transform: translateX(-50%) translateY(8px) scale(0.85); 413 filter: blur(6px); 414 } 415 60% { 416 opacity: 0.7; 417 filter: blur(2px); 418 } 419 100% { 420 opacity: 1; 421 transform: translateX(-50%) translateY(0) scale(0.9); 422 filter: blur(0); 423 } 424 } 425 426 /* Responsive */ 427 @media (max-width: 768px) { 428 #taskade-badge { 429 bottom: 80px; /* Above mobile nav/TAA chat */ 430 left: 50%; 431 transform: translateX(-50%) scale(0.85); 432 padding: 6px 10px; 433 font-size: 0.75rem; 434 gap: 5px; 435 } 436 437 #taskade-badge #taskade-logo { 438 width: 14px; 439 height: 14px; 440 } 441 } 442 443 /* Reduced motion */ 444 @media (prefers-reduced-motion: reduce) { 445 #taskade-badge { 446 animation: none; 447 opacity: 1; 448 } 449 450 #taskade-badge a, 451 #taskade-badge #taskade-logo, 452 #taskade-badge .badge-text { 453 transition: none; 454 animation: none; 455 } 456 } 457 458 /* High contrast */ 459 @media (prefers-contrast: high) { 460 #taskade-badge a { 461 border-width: 2px; 462 border-color: currentColor; 463 } 464 } 465 466 /* Hide when printing */ 467 @media print { 468 #taskade-badge { 469 display: none !important; 470 } 471 } 472</style> 473 474<div id="taskade-badge" data-badge-mode="edit"> 475 <a href="https://www.taskade.com/app/o31cy2vbi1wz4ey4?utm_source=genesis_badge&utm_medium=app_badge&utm_campaign=p
475owered_by&utm_content=o31cy2vbi1wz4ey4" target="_blank" rel="noopener noreferrer"> 476 <img id="taskade-logo" src="./_assets/logo.png" alt="Taskade" /> 477 <span class="badge-text" data-community-text="Edit in Taskade" data-default-text="Powered by Taskade">Edit in Taskade</span> 478 </a> 479</div> 480
481<script> 482 (function() { 483 // Geist theme detection - matching wait.html 484 function applyTheme() { 485 const urlParams = new URLSearchParams(window.location.search); 486 let theme = urlParams.get('theme'); 487 488 if (!theme) { 489 try { 490 if (window.parent !== window) { 491 const parentTheme = window.parent.document.documentElement.getAttribute('data-theme'); 492 if (parentTheme) theme = parentTheme; 493 } 494 } catch (e) {} 495 496 if (!theme) { 497 theme = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark'; 498 } 499 } 500 501 document.documentElement.setAttribute('data-theme', theme === 'light' ? 'light' : 'dark'); 502 } 503 504 // Apply theme immediately 505 applyTheme(); 506 507 // Theme change listener 508 window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', (e) => { 509 const urlParams = new URLSearchParams(window.location.search); 510 if (!urlParams.get('theme')) { 511 document.documentElement.setAttribute('data-theme', e.matches ? 'light' : 'dark'); 512 } 513 }); 514 515 // Analytics tracking and postMessage communication 516 const badgeLink = document.querySelector('#taskade-badge a'); 517 if (badgeLink) { 518 let parentOrigin = '*'; 519 let parentHostname = ''; 520 if (document.referrer) { 521 try { 522 const referrerUrl = new URL(document.referrer); 523 parentOrigin = referrerUrl.origin; 524 parentHostname = referrerUrl.hostname; 525 } catch (err) { 526 parentOrigin = '*'; 527 parentHostname = ''; 528 } 529 } 530 // Taskade itself is framing us (the share page at /app/{id}, which 531 // iframes the app). parentOrigin stays '*' when there is no usable 532 // referrer, and then the framer is unknowable. 533 const framedByTaskade = 534 parentOrigin !== '*' && 535 (parentHostname === 'taskade.com' || parentHostname.endsWith('.taskade.com')); 536 537 const badge = document.getElementById('taskade-badge'); 538 const badgeText = document.querySelector('#taskade-badge .badge-text'); 539 const communityText = badgeText ? badgeText.getAttribute('data-community-text') : null; 540 const badgeHref = badgeLink.getAttribute('href') || ''; 541 const badgeMode = badge ? badge.getAttribute('data-badge-mode') : null; 542 const isCommunityShare = 543 badgeMode === 'edit' || 544 (badgeText && 545 communityText && 546 badgeText.textContent && 547 badgeText.textContent.trim() === communityText) || 548 badgeHref.indexOf('/app/') !== -1; 549 550 if (window.parent !== window) { 551 // Hide only when embedded: on the standalone domain this badge IS the 552 // viral return path into Taskade, so it must stay visible there. 553 // Scope note, two independent reasons to hide inside a frame: 554 // 1. The Taskade share page frames the app and already renders its own 555 // Clone CTA, so ANY badge mode is a duplicate there. A buyer of a 556 // non-template listing stays on /app/{id} and sees exactly that. 557 // 2. An edit-mode badge hides in any frame, because its /app/{id} link 558 // just points back at the framing page. 559 // A powered_by badge in an unrelated third-party embed still renders - 560 // there it is the only way back to Taskade. With no referrer the 561 // framer is unknowable, so only the mode-based reason applies. 562 if ((isCommunityShare || framedByTaskade) && badge) { 563 badge.classList.add('hidden'); 564 } 565 566 const notifyParent = () => { 567 window.parent.postMessage( 568 { 569 type: 'TASKADE_BADGE_MODE', 570 source: 'taskade_badge', 571 mode: isCommunityShare ? 'edit' : 'powered_by', 572 }, 573 parentOrigin 574 ); 575 }; 576 577 try { 578 notifyParent(); 579 setTimeout(notifyParent, 500); 580 } catch (err) { 581 // Ignore postMessage failures. 582 } 583 } 584 585 badgeLink.addEventListener('click', function() { 586 // Track badge engagement 587 if (typeof window.gtag === 'function') { 588 window.gtag('event', 'genesis_badge_clicked', { 589 event_category: 'engagement', 590 event_label: 'edit_in_taskade' 591 }); 592 } 593 594 }); 595 } 596 597 })(); 598</script>
vendor: 1 bytes, line 598
598
599<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"8d4254f20c524f6fbf6ecde0b2c89fb4","spa":2}' crossorigin="anonymous"></script>
599 600</body> 601</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.