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