-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathkodeWeave-website.json
More file actions
30 lines (30 loc) · 44.5 KB
/
kodeWeave-website.json
File metadata and controls
30 lines (30 loc) · 44.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
{
"name": "kodeWeave website",
"version": "0.0.1",
"title": "kodeWeave: Your on the go code playground!",
"description": "Code anywhere with kodeWeave - blazing-fast playground that works in your browser. Build HTML/CSS/JS apps, export PWAs, import assets, take screenshots - all client-side.",
"author": "kodeWeave",
"url": "https://michaelsboost.com/kodeWeave/",
"meta": " <script src=\"https://cdn.tailwindcss.com\"></script>\n\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n 50:'#ecfeff',\n 100:'#cffafe',\n 200:'#a5f3fc',\n 300:'#67e8f9',\n 400:'#22d3ee',\n 500:'#06b6d4',\n 600:'#0891b2',\n 700:'#0e7490',\n 800:'#155e75',\n 900:'#164e63'\n }\n },\n boxShadow: {\n glow: '0 0 0 2px rgba(6,182,212,.2), 0 10px 30px rgba(14,116,144,.25)',\n 'glow-lg': '0 0 0 3px rgba(6,182,212,.3), 0 15px 40px rgba(14,116,144,.3)'\n },\n animation: {\n 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n 'float': 'float 6s ease-in-out infinite',\n },\n keyframes: {\n float: {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-10px)' },\n }\n }\n }\n }\n }\n </script>\n\n <script type=\"application/ld+json\">\n {\n \"@context\": \"https://schema.org\",\n \"@type\": \"SoftwareApplication\",\n \"name\": \"kodeWeave\",\n \"applicationCategory\": \"DeveloperApplication\",\n \"operatingSystem\": \"Web, Android, iOS, Desktop\",\n \"description\": \"Real-time web playground (HTML/CSS/JS) with CodeMirror v6, PWA export, full-page screenshots, asset search/import, and mobile-first UI.\",\n \"offers\": { \"@type\": \"Offer\", \"price\": \"0\", \"priceCurrency\": \"USD\" }\n }\n </script>",
"libraries": [
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css",
"https://cdn.jsdelivr.net/npm/alpinejs@3.14.1/dist/cdn.min.js"
],
"html_pre_processor": "html",
"css_pre_processor": "css",
"javascript_pre_processor": "javascript",
"html": "<div class=\"bg-slate-950 text-slate-100 selection:bg-brand-400/40\" x-data=\"{ mobileMenuOpen: false }\">\n <!-- NAV -->\n <header class=\"sticky top-0 z-50 backdrop-blur supports-[backdrop-filter]:bg-slate-950/90 border-b border-white/10\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-16\">\n <a href=\"#\" class=\"flex items-center gap-2 group\">\n <svg class=\"w-7 h-7 text-brand-400 group-hover:text-brand-300 transition\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n <defs>\n <linearGradient id=\"grad\" x1=\"100%\" y1=\"50%\" x2=\"0%\" y2=\"50%\">\n <stop offset=\"0\" stop-color=\"#22d3ee\"/>\n <stop offset=\"1\" stop-color=\"#178a9c\"/>\n </linearGradient>\n </defs>\n <circle cx=\"256\" cy=\"256\" r=\"256\" fill=\"url(#grad)\"/>\n <path fill=\"#fff\" d=\"M251 58.7c-4.6.1-20.8 2-29.3 3.7-28.3 5.4-66.9 22.6-73 32.7-1.9 3.1-2 7.2-2 160.8 0 152.3.1 157.7 1.9 160.7 5.2 8.5 36.7 23.7 63.5 30.5 9.8 2.5 34.3 6.3 38.5 6 2-.2 2-1 2.3-73.1.1-40.8.7-73.3 1.2-73.8 1.4-1.4 7.3 1.9 10.4 5.7 1.5 1.8 13.8 20.7 27.4 41.8 51.4 80 50.5 78.5 53.3 79.2 3.3.8 12.6-3.8 27.6-13.8 14.2-9.5 23.9-17.8 34.8-30 11.3-12.6 14.8-17.4 14.8-20.3 0-1.2-15-24.5-33.4-52-18.4-27.4-34.1-51.2-35-52.9-.9-1.7-1.5-4.1-1.5-5.4 0-1.3 12.5-22.3 28.5-47.9 44.5-71.1 41.9-66.3 38.8-72.8-2.6-5.4-15.4-19.7-26.1-29.1-11.5-10.1-35.1-26-39.9-26.9-2.9-.6-4-.3-5.9 1.7-1.3 1.3-20.4 32.3-42.3 68.9-22 36.6-41.1 68-42.4 69.8-2.6 3.6-6.7 6.1-8.7 5.4-1-.4-1.3-18.2-1.3-84.4 0-49.5-.4-84.2-.9-84.6-.1-.1-.5-.1-1.2-.1z\"/>\n </svg>\n <span class=\"font-bold text-xl tracking-tight\">kodeWeave</span>\n </a>\n <nav class=\"hidden md:flex items-center gap-6 text-sm\">\n <a href=\"#features\" class=\"hover:text-brand-300 transition-colors\">Features</a>\n <a href=\"#benchmarks\" class=\"hover:text-brand-300 transition-colors\">Benchmarks</a>\n <a href=\"#compare\" class=\"hover:text-brand-300 transition-colors\">Compare</a>\n <a href=\"#gallery\" class=\"hover:text-brand-300 transition-colors\">Made with kodeWeave</a>\n <a href=\"./go\" target=\"_blank\" class=\"ml-3 inline-flex items-center gap-2 px-4 py-2 rounded-xl bg-brand-500 hover:bg-brand-400 text-slate-900 font-semibold shadow-glow transition-all\">\n <i class=\"fas fa-bolt mr-1\"></i> Launch App\n </a>\n </nav>\n <button @click=\"mobileMenuOpen = !mobileMenuOpen\" class=\"md:hidden p-2\" aria-label=\"Open Menu\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"/>\n </svg>\n </button>\n </div>\n </div>\n \n <!-- Mobile menu -->\n <div x-show=\"mobileMenuOpen\" x-transition class=\"md:hidden border-t border-white/10 bg-slate-950/95 backdrop-blur\">\n <nav class=\"px-4 py-3 space-y-3 text-center\">\n <a href=\"#features\" class=\"block py-2 hover:text-brand-300 transition-colors\">Features</a>\n <a href=\"#benchmarks\" class=\"block py-2 hover:text-brand-300 transition-colors\">Benchmarks</a>\n <a href=\"#compare\" class=\"block py-2 hover:text-brand-300 transition-colors\">Compare</a>\n <a href=\"#gallery\" class=\"block py-2 hover:text-brand-300 transition-colors\">Made with kodeWeave</a>\n <a href=\"#faq\" class=\"block py-2 hover:text-brand-300 transition-colors\">FAQ</a>\n <a href=\"./go\" target=\"_blank\" class=\"inline-flex w-full items-center gap-2 px-4 py-2 rounded-xl bg-brand-500 hover:bg-brand-400 text-slate-900 font-semibold shadow-glow transition-all mt-2\">\n <i class=\"fas fa-bolt mr-1\"></i> Launch App\n </a>\n </nav>\n </div>\n </header>\n\n <!-- HERO -->\n <section class=\"radial relative overflow-hidden\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-16 pb-20\">\n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n <div>\n <div class=\"inline-flex items-center gap-2 text-xs rounded-full border border-white/10 px-3 py-1 bg-white/5 mb-6\">\n <span class=\"inline-flex items-center gap-1\">\n <i class=\"fas fa-check-circle text-emerald-400\"></i> 100× Lighthouse\n </span>\n <span class=\"text-white/70\">Built for Mobile • PWA • Lightning Fast</span>\n </div>\n <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-extrabold tracking-tight leading-tight\">\n The fastest real‑time web playground\n </h1>\n <p class=\"mt-4 text-lg text-white/80 max-w-xl\">\n The real-time coding playground that works entirely in your browser. Build with HTML, CSS, and JS, import assets via APIs, export as PWAs, and take full-page screenshots — all with unmatched performance and zero setup required.\n </p>\n <div class=\"mt-8 flex flex-wrap gap-4\">\n <a href=\"./go\" target=\"_blank\" class=\"inline-flex items-center gap-2 px-6 py-4 rounded-2xl bg-brand-500 hover:bg-brand-400 text-slate-900 font-bold shadow-glow transition-all group\">\n <i class=\"fas fa-bolt\"></i>\n Start Coding Now\n <i class=\"fas fa-arrow-right group-hover:translate-x-1 transition-transform\"></i>\n </a>\n <a href=\"https://www.youtube.com/watch?v=ixIgMwVVTW0\" class=\"inline-flex items-center gap-2 px-6 py-4 rounded-2xl bg-white/5 hover:bg-white/10 border border-white/10 transition-colors\" target=\"_blank\">\n <i class=\"fas fa-play-circle\"></i>\n Watch Demo\n </a>\n </div>\n <div class=\"mt-8 flex items-center gap-6 text-sm text-white/60\">\n <span class=\"flex items-center gap-2\">\n <i class=\"fas fa-shield-alt text-brand-400\"></i>\n No ads • No tracking\n </span>\n <div class=\"h-4 w-px bg-white/10\"></div>\n <span class=\"flex items-center gap-2\">\n <i class=\"fas fa-users text-brand-400\"></i>\n Trusted by developers\n </span>\n </div>\n </div>\n <div class=\"relative lg:pl-8 reveal reveal-right\">\n <a href=\"https://michaelsboost.github.io/kodeWeave/imgs/screenshot.webp\" target=\"_blank\">\n <img class=\"w-full object-cover object-center rounded-lg\" src=\"https://michaelsboost.github.io/kodeWeave/imgs/screenshot.webp\" srcset=\"https://michaelsboost.github.io/kodeWeave/imgs/screenshot-640w.webp 640w, https://michaelsboost.github.io/kodeWeave/imgs/screenshot-1280w.webp 1280w\" alt=\"kodeWeave\">\n </a>\n <div class=\"absolute -bottom-4 -right-4 w-24 h-24 bg-brand-500/20 rounded-full blur-xl\"></div>\n <div class=\"absolute -top-4 -left-4 w-20 h-20 bg-brand-400/20 rounded-full blur-lg\"></div>\n </div>\n </div>\n </div>\n </section>\n\n <!-- FEATURES -->\n <section id=\"features\" class=\"py-20 border-t border-white/10 bg-gradient-to-b from-slate-950 to-slate-900\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl font-bold\">Why kodeWeave Stands Out</h2>\n <p class=\"text-white/70 mt-4 max-w-2xl mx-auto\">Performance‑obsessed and built for touch. Vanilla JS (with Proxies for reactivity) + CodeMirror v6 = buttery editing everywhere.</p>\n </div>\n \n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <div class=\"reveal p-6 rounded-2xl bg-white/5 border border-white/10 card-hover\">\n <div class=\"feature-icon bg-brand-500/20 text-brand-400\">\n <i class=\"fas fa-mobile-alt text-2xl\"></i>\n </div>\n <h3 class=\"text-xl font-bold\">Mobile‑first Editor</h3>\n <p class=\"text-white/70 mt-2\">CodeMirror v6, soft‑keyboard‑friendly UI optimized for phones and tablets.</p>\n </div>\n \n <div class=\"reveal p-6 rounded-2xl bg-white/5 border border-white/10 card-hover\">\n <div class=\"feature-icon bg-purple-500/20 text-purple-400\">\n <i class=\"fas fa-camera text-2xl\"></i>\n </div>\n <h3 class=\"text-xl font-bold\">Full‑page Screenshots</h3>\n <p class=\"text-white/70 mt-2\">Capture the entire page, not just the viewport, right from the editor with one click.</p>\n </div>\n \n <div class=\"reveal p-6 rounded-2xl bg-white/5 border border-white/10 card-hover\">\n <div class=\"feature-icon bg-green-500/20 text-green-400\">\n <i class=\"fas fa-download text-2xl\"></i>\n </div>\n <h3 class=\"text-xl font-bold\">Export as PWA</h3>\n <p class=\"text-white/70 mt-2\">Turn your creations into installable Progressive Web Apps with one click export functionality.</p>\n </div>\n \n <div class=\"reveal p-6 rounded-2xl bg-white/5 border border-white/10 card-hover\">\n <div class=\"feature-icon bg-blue-500/20 text-blue-400\">\n <i class=\"fab fa-codepen text-2xl\"></i>\n </div>\n <h3 class=\"text-xl font-bold\">Share to CodePen</h3>\n <p class=\"text-white/70 mt-2\">Share to CodePen for showcasing your work and getting community feedback.</p>\n </div>\n \n <div class=\"reveal p-6 rounded-2xl bg-white/5 border border-white/10 card-hover\">\n <div class=\"feature-icon bg-yellow-500/20 text-yellow-400\">\n <i class=\"fas fa-bolt text-2xl\"></i>\n </div>\n <h3 class=\"text-xl font-bold\">100× Lighthouse</h3>\n <p class=\"text-white/70 mt-2\">Zero framework bloat. SPA tuned for speed on low‑end phones with perfect performance scores.</p>\n </div>\n \n <div class=\"reveal p-6 rounded-2xl bg-white/5 border border-white/10 card-hover\">\n <div class=\"feature-icon bg-red-500/20 text-red-400\">\n <i class=\"fas fa-search text-2xl\"></i>\n </div>\n <h3 class=\"text-xl font-bold\">Asset Search & Import</h3>\n <p class=\"text-white/70 mt-2\">Find images, SVGs, and audio via APIs or paste Base64. Loading local files supported.</p>\n </div>\n </div>\n </div>\n </section>\n\n <!-- BENCHMARKS -->\n <section id=\"benchmarks\" class=\"py-20 border-t border-white/10\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-end justify-between gap-4 mb-12\">\n <div>\n <h2 class=\"text-3xl font-bold\">Proven Performance</h2>\n <p class=\"text-white/70\">Measured on mid‑range Android and entry laptops. Your miles may vary.</p>\n </div>\n </div>\n \n <div class=\"grid lg:grid-cols-2 gap-8\">\n <div class=\"reveal p-6 rounded-2xl bg-white/5 border border-white/10 card-hover\">\n <h3 class=\"text-xl font-bold mb-4\">Lighthouse Scores (PWA installed)</h3>\n <div class=\"grid grid-cols-2 gap-4 mt-6\">\n <div class=\"text-center p-4 rounded-xl bg-emerald-500/10 border border-emerald-500/20\">\n <div class=\"text-3xl font-bold text-emerald-400\">100</div>\n <div class=\"text-sm text-emerald-300 mt-1\">Performance</div>\n </div>\n <div class=\"text-center p-4 rounded-xl bg-emerald-500/10 border border-emerald-500/20\">\n <div class=\"text-3xl font-bold text-emerald-400\">93</div>\n <div class=\"text-sm text-emerald-300 mt-1\">Accessibility</div>\n </div>\n <div class=\"text-center p-4 rounded-xl bg-emerald-500/10 border border-emerald-500/20\">\n <div class=\"text-3xl font-bold text-emerald-400\">100</div>\n <div class=\"text-sm text-emerald-300 mt-1\">Best Practices</div>\n </div>\n <div class=\"text-center p-4 rounded-xl bg-emerald-500/10 border border-emerald-500/20\">\n <div class=\"text-3xl font-bold text-emerald-400\">100</div>\n <div class=\"text-sm text-emerald-300 mt-1\">SEO</div>\n </div>\n </div>\n </div>\n \n <div class=\"reveal p-6 rounded-2xl bg-white/5 border border-white/10 card-hover\">\n <h3 class=\"text-xl font-bold mb-4\">Cold‑start Performance vs Competitors</h3>\n <div class=\"space-y-4 mt-6\">\n <div class=\"flex items-center justify-between\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-3 h-3 rounded-full bg-brand-500\"></div>\n <span class=\"font-medium\">kodeWeave</span>\n </div>\n <div class=\"text-2xl font-bold text-brand-400\">1.3s</div>\n </div>\n \n <div class=\"flex items-center justify-between\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-3 h-3 rounded-full bg-slate-500\"></div>\n <span class=\"font-medium\">JS Bin</span>\n </div>\n <div class=\"text-xl font-bold text-slate-400\">2.2s</div>\n </div>\n \n <div class=\"flex items-center justify-between\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-3 h-3 rounded-full bg-slate-500\"></div>\n <span class=\"font-medium\">CodePen</span>\n </div>\n <div class=\"text-xl font-bold text-slate-400\">6.0s</div>\n </div>\n \n <div class=\"flex items-center justify-between\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-3 h-3 rounded-full bg-slate-500\"></div>\n <span class=\"font-medium\">JSFiddle</span>\n </div>\n <div class=\"text-xl font-bold text-slate-400\">8.0s</div>\n </div>\n </div>\n <p class=\"text-xs text-white/50 mt-4\">Measured on average 5G connection with mid-range Android device</p>\n </div>\n </div>\n </div>\n </section>\n\n <!-- COMPARE -->\n <section id=\"compare\" class=\"py-20 border-t border-white/10 bg-gradient-to-b from-slate-900 to-slate-950\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <h2 class=\"text-3xl font-bold text-center mb-12\">How We Compare</h2>\n <div class=\"overflow-x-auto rounded-2xl border border-white/10 bg-slate-800/30 backdrop-blur\">\n <table class=\"min-w-full text-sm\">\n <thead class=\"text-left border-b border-white/10\">\n <tr>\n <th class=\"px-6 py-4 font-semibold text-white\">Feature</th>\n <th class=\"px-6 py-4 font-semibold text-brand-400\">kodeWeave</th>\n <th class=\"px-6 py-4 font-semibold text-white\">CodePen</th>\n <th class=\"px-6 py-4 font-semibold text-white\">JSFiddle</th>\n <th class=\"px-6 py-4 font-semibold text-white\">JS Bin</th>\n <th class=\"px-6 py-4 font-semibold text-white\">Liveweave</th>\n </tr>\n </thead>\n <tbody>\n <tr class=\"border-b border-white/5 hover:bg-white/5 transition-colors\">\n <td class=\"px-6 py-4 font-medium text-white/70\">PWA install</td>\n <td class=\"px-6 py-4 text-brand-400\"><i class=\"fas fa-check-circle\"></i> Yes</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n </tr>\n <tr class=\"border-b border-white/5 hover:bg-white/5 transition-colors\">\n <td class=\"px-6 py-4 font-medium text-white/70\">Full‑page screenshots</td>\n <td class=\"px-6 py-4 text-brand-400\"><i class=\"fas fa-check-circle\"></i> Yes</td>\n <td class=\"px-6 py-4 text-white/60\">Partial</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n </tr>\n <tr class=\"border-b border-white/5 hover:bg-white/5 transition-colors\">\n <td class=\"px-6 py-4 font-medium text-white/70\">Mobile-optimized Editor</td>\n <td class=\"px-6 py-4 text-brand-400\"><i class=\"fas fa-check-circle\"></i> Yes</td>\n <td class=\"px-6 py-4 text-white/60\">Varies</td>\n <td class=\"px-6 py-4 text-white/60\">Varies</td>\n <td class=\"px-6 py-4 text-white/60\">Varies</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n </tr>\n <tr class=\"border-b border-white/5 hover:bg-white/5 transition-colors\">\n <td class=\"px-6 py-4 font-medium text-white/70\">Asset search/import</td>\n <td class=\"px-6 py-4 text-brand-400\"><i class=\"fas fa-check-circle\"></i> Built‑in</td>\n <td class=\"px-6 py-4 text-white/60\">Plugins</td>\n <td class=\"px-6 py-4 text-white/60\">Manual</td>\n <td class=\"px-6 py-4 text-white/60\">Manual</td>\n <td class=\"px-6 py-4 text-white/60\">Manual</td>\n </tr>\n <tr class=\"border-b border-white/5 hover:bg-white/5 transition-colors\">\n <td class=\"px-6 py-4 font-medium text-white/70\">Share to CodePen</td>\n <td class=\"px-6 py-4 text-brand-400\"><i class=\"fas fa-check-circle\"></i> 1‑click</td>\n <td class=\"px-6 py-4 text-white/40\">N/A</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n </tr>\n <tr class=\"hover:bg-white/5 transition-colors\">\n <td class=\"px-6 py-4 font-medium text-white/70\">Export as PWA</td>\n <td class=\"px-6 py-4 text-brand-400\"><i class=\"fas fa-check-circle\"></i> Yes</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n <td class=\"px-6 py-4 text-white/40\">—</td>\n </tr>\n </tbody>\n </table>\n </div>\n <p class=\"text-sm text-white/50 mt-4 text-center\">All data verified as of latest testing. kodeWeave leads in mobile experience and export capabilities.</p>\n </div>\n </section>\n\n <!-- MADE WITH KODEWEAVE GALLERY -->\n <section id=\"gallery\" class=\"py-20 border-t border-white/10\" x-data=\"{\n filter: 'all',\n items: [\n {\n title: 'AlgoArena ⚔️',\n tags: ['game', 'trading', 'finance'],\n url: 'https://michaelsboost.github.io/AlgoArena',\n img: 'https://raw.githubusercontent.com/michaelsboost/AlgoArena/main/imgs/screenshot.jpeg',\n author: 'michaelsboost',\n authorUrl: 'https://michaelsboost.com/',\n description: 'A trading game where simple strategies fight for the leaderboard.',\n features: ['Trading', 'Gamification', 'Leaderboard']\n },\n {\n title: 'Chart Dojo 📈',\n tags: ['trading', 'game', 'education', 'finance'],\n url: 'https://michaelsboost.github.io/ChartDojo',\n img: 'https://raw.githubusercontent.com/michaelsboost/ChartDojo/main/imgs/screenshot-2.jpeg',\n author: 'michaelsboost',\n authorUrl: 'https://michaelsboost.com/',\n description: 'Gamified technical analysis trainer with XP, streaks, and skill leveling.',\n features: ['Technical Analysis', 'Gamification', 'Training']\n },\n {\n title: 'The Deck',\n tags: ['cards', 'game', 'entertainment'],\n url: 'https://michaelsboost.github.io/the-deck',\n img: 'https://raw.githubusercontent.com/michaelsboost/the-deck/main/imgs/screenshot.jpeg',\n author: 'michaelsboost',\n authorUrl: 'https://michaelsboost.com/',\n description: 'Central hub for card-based web apps including survival, family, and couple cards.',\n features: ['Card Games', 'Multi-app', 'Interactive']\n },\n {\n title: 'Beacon Survival App',\n tags: ['survival', 'education', 'productivity', 'fitness'],\n url: 'https://michaelsboost.github.io/Beacon/',\n img: 'https://raw.githubusercontent.com/michaelsboost/Beacon/main/imgs/screenshots/screenshot-training.png',\n author: 'michaelsboost',\n authorUrl: 'https://michaelsboost.com/',\n description: 'Interactive survival training with guides, simulations, and progress tracking.',\n features: ['Survival Training', 'Progress Tracking', 'Alpine.js']\n },\n {\n title: 'The Trading Game 🎮',\n tags: ['trading', 'game', 'finance', 'simulation'],\n url: 'https://michaelsboost.github.io/TheTradingGame/',\n img: 'https://raw.githubusercontent.com/michaelsboost/TheTradingGame/gh-pages/imgs/screenshot.jpeg',\n author: 'michaelsboost',\n authorUrl: 'https://michaelsboost.com/',\n description: 'Binary options trading simulator for high-speed decision-making practice.',\n features: ['Trading Simulator', 'Binary Options', 'Performance Analysis']\n },\n {\n title: 'Compound Calculator 📈',\n tags: ['finance', 'productivity', 'tools'],\n url: 'https://michaelsboost.github.io/CompoundCalculator',\n img: 'https://raw.githubusercontent.com/michaelsboost/CompoundCalculator/main/screenshot.png',\n author: 'michaelsboost',\n authorUrl: 'https://michaelsboost.com/',\n description: 'Plan trading growth with precise compound interest calculations.',\n features: ['Finance', 'Calculator', 'Trading Tools']\n },\n {\n title: 'PropForge',\n tags: ['trading', 'simulation', 'education'],\n url: 'https://michaelsboost.github.io/PropForge',\n img: 'https://raw.githubusercontent.com/michaelsboost/PropForge/main/imgs/screenshot.jpeg',\n author: 'michaelsboost',\n authorUrl: 'https://michaelsboost.com/',\n description: 'Prop firm training simulator for challenge preparation.',\n features: ['Trading Sim', 'Prop Firm', 'Training']\n },\n {\n title: 'Plainly',\n tags: ['productivity', 'tools', 'writing'],\n url: 'https://michaelsboost.github.io/Plainly/',\n img: 'https://raw.githubusercontent.com/michaelsboost/Plainly/main/imgs/screenshot.jpeg',\n author: 'michaelsboost',\n authorUrl: 'https://michaelsboost.com/',\n description: 'Markdown editor with live preview and export to DOCX, PDF, and more.',\n features: ['Markdown', 'Export', 'Productivity']\n },\n {\n title: 'RITE 🏋️♂️',\n tags: ['fitness', 'productivity', 'health'],\n url: 'https://michaelsboost.github.io/Rite/',\n img: 'https://raw.githubusercontent.com/michaelsboost/Rite/gh-pages/imgs/screenshot.jpeg',\n author: 'michaelsboost',\n authorUrl: 'https://michaelsboost.com/',\n description: 'Minimalist browser-based fitness timer with audio cues and lap tracking.',\n features: ['Fitness', 'Timer', 'Audio Cues']\n },\n {\n title: 'Chimp Memory Test',\n tags: ['memory', 'game', 'cognitive', 'science'],\n url: 'https://michaelsboost.github.io/ChimpMemoryTest/',\n img: 'https://raw.githubusercontent.com/michaelsboost/ChimpMemoryTest/main/imgs/screenshot-1.jpeg',\n author: 'michaelsboost',\n authorUrl: 'https://michaelsboost.com/',\n description: 'Visual memory challenge based on chimpanzee cognition research with multiple difficulty levels.',\n features: ['Memory Game', 'Scientific', 'Mobile-Friendly']\n },\n {\n title: 'Character Party',\n tags: ['creative', 'writing', 'tools'],\n url: 'https://michaelsboost.github.io/Character-Party/',\n img: 'https://raw.githubusercontent.com/michaelsboost/Character-Party/gh-pages/imgs/screenshot.png',\n author: 'michaelsboost',\n authorUrl: 'https://michaelsboost.com/',\n description: 'Character idea generator with unique combinations and hyperlink exploration.',\n features: ['Creative', 'Generator', 'Storytelling']\n }\n ]\n }\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold\">Made with kodeWeave</h2>\n <p class=\"text-white/70 mt-2\">Real projects built by the community showcasing kodeWeave's versatility.</p>\n </div>\n \n <nav class=\"overflow-auto flex flex-wrap gap-3 m-auto\">\n <div class=\"flex gap-3 list-none m-auto p-4 text-center whitespace-nowrap\">\n <button @click=\"filter='all'\" \n :class=\"filter==='all'?'bg-brand-500 text-slate-900':'bg-white/5 text-white hover:bg-white/10'\" \n class=\"px-4 py-2 rounded-xl border border-white/10 transition-colors\">\n All Projects\n </button>\n <button @click=\"filter='trading'\" \n :class=\"filter==='trading'?'bg-brand-500 text-slate-900':'bg-white/5 text-white hover:bg-white/10'\" \n class=\"px-4 py-2 rounded-xl border border-white/10 transition-colors\">\n Trading\n </button>\n <button @click=\"filter='game'\" \n :class=\"filter==='game'?'bg-brand-500 text-slate-900':'bg-white/5 text-white hover:bg-white/10'\" \n class=\"px-4 py-2 rounded-xl border border-white/10 transition-colors\">\n Games\n </button>\n <button @click=\"filter='productivity'\" \n :class=\"filter==='productivity'?'bg-brand-500 text-slate-900':'bg-white/5 text-white hover:bg-white/10'\" \n class=\"px-4 py-2 rounded-xl border border-white/10 transition-colors\">\n Productivity\n </button>\n <button @click=\"filter='fitness'\" \n :class=\"filter==='fitness'?'bg-brand-500 text-slate-900':'bg-white/5 text-white hover:bg-white/10'\" \n class=\"px-4 py-2 rounded-xl border border-white/10 transition-colors\">\n Fitness\n </button>\n <button @click=\"filter='creative'\" \n :class=\"filter==='creative'?'bg-brand-500 text-slate-900':'bg-white/5 text-white hover:bg-white/10'\" \n class=\"px-4 py-2 rounded-xl border border-white/10 transition-colors\">\n Creative\n </button>\n </li>\n <button @click=\"filter='finance'\" \n :class=\"filter==='finance'?'bg-brand-500 text-slate-900':'bg-white/5 text-white hover:bg-white/10'\" \n class=\"px-4 py-2 rounded-xl border border-white/10 transition-colors\">\n Finance\n </button>\n <button @click=\"filter='education'\" \n :class=\"filter==='education'?'bg-brand-500 text-slate-900':'bg-white/5 text-white hover:bg-white/10'\" \n class=\"px-4 py-2 rounded-xl border border-white/10 transition-colors\">\n Education\n </button>\n </div>\n </nav>\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 auto-rows-fr\">\n <template x-for=\"(item,idx) in items\" :key=\"idx\">\n <a :href=\"item.url\" target=\"_blank\" \n x-show=\"filter==='all' || item.tags.includes(filter)\" \n class=\"reveal group block rounded-2xl overflow-hidden border border-white/10 bg-white/5 card-hover relative\">\n <div class=\"aspect-video overflow-hidden bg-slate-800\">\n <img :src=\"item.img\" :alt=\"item.title\" \n class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\" \n loading=\"lazy\" />\n </div>\n <div class=\"absolute inset-0 bg-black/70 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center p-4\">\n <div class=\"text-center\">\n <p class=\"text-sm text-white/80 mb-3\" x-text=\"item.description\"></p>\n <div class=\"flex flex-wrap justify-center gap-1 mb-3\">\n <template x-for=\"feature in item.features\" :key=\"feature\">\n <span class=\"px-2 py-1 bg-brand-500/20 text-brand-300 rounded text-xs\" x-text=\"feature\"></span>\n </template>\n </div>\n <button class=\"mb-2 px-4 py-2 rounded-lg bg-brand-500 text-slate-900 font-medium\">\n Live Demo\n </button>\n <template x-if=\"item.authorUrl\">\n <a :href=\"item.authorUrl\" target=\"_blank\" class=\"text-xs text-brand-300 hover:text-brand-200 transition-colors block\">\n by <span x-text=\"item.author\"></span>\n </a>\n </template>\n </div>\n </div>\n <div class=\"p-4\">\n <div class=\"flex justify-between items-start mb-2\">\n <div class=\"flex flex-wrap gap-1\">\n <template x-for=\"tag in item.tags\" :key=\"tag\">\n <span class=\"px-2 py-1 bg-brand-500/20 text-brand-300 rounded text-xs\" x-text=\"'#' + tag\"></span>\n </template>\n </div>\n <template x-if=\"item.authorUrl\">\n <a :href=\"item.authorUrl\" target=\"_blank\" class=\"text-xs text-brand-300 hover:text-brand-200 transition-colors\" x-text=\"item.author\"></a>\n </template>\n <template x-if=\"!item.authorUrl\">\n <div class=\"text-xs text-white/60\" x-text=\"item.author\"></div>\n </template>\n </div>\n <h3 class=\"font-semibold text-white mt-2\" x-text=\"item.title\"></h3>\n </div>\n </a>\n </template>\n </div>\n \n <div class=\"mt-12 p-6 rounded-2xl bg-white/5 border border-white/10 text-center\">\n <h3 class=\"text-xl font-bold\">Share Your Creation</h3>\n <p class=\"text-white/70 mt-2 mb-8 max-w-2xl mx-auto\">Have you built something amazing with kodeWeave? Share your project link with us and we might feature it here to inspire others.</p>\n <a href=\"https://github.com/michaelsboost/kodeWeave/issues\" target=\"_blank\" \n class=\"inline-flex items-center gap-2 px-6 py-3 rounded-xl bg-brand-500 hover:bg-brand-400 text-slate-900 font-semibold shadow-glow transition-all\">\n <i class=\"fas fa-code\"></i>\n Submit Project\n </a>\n </div>\n </div>\n </section>\n\n <!-- TESTIMONIALS -->\n <section class=\"py-20 border-t border-white/10 bg-gradient-to-b from-slate-900 to-slate-950\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\n <h2 class=\"text-3xl font-bold text-center mb-12\">What Developers Say</h2>\n <div class=\"grid md:grid-cols-2 gap-8\">\n <div class=\"reveal p-6 rounded-2xl bg-white/5 border border-white/10 card-hover\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"w-12 h-12 bg-purple-500 rounded-full flex items-center justify-center text-white font-bold\">DM</div>\n <div>\n <div class=\"font-semibold\">Darin Murphy</div>\n <div class=\"text-sm text-white/60\">Google Play Review</div>\n </div>\n </div>\n <p class=\"text-white/80 italic\">\"I've been using kodeWeave for several months now and really love it! It makes it possible to live code in HTML, Javascript and CSS, all at the same time! Awesome!\"</p>\n </div>\n \n <div class=\"reveal p-6 rounded-2xl bg-white/5 border border-white/10 card-hover\">\n <div class=\"flex items-center gap-4 mb-4\">\n <div class=\"w-12 h-12 bg-brand-500 rounded-full flex items-center justify-center text-slate-900 font-bold\">SH</div>\n <div>\n <div class=\"font-semibold\">SaaSHub</div>\n <div class=\"text-sm text-white/60\">Software Review Platform</div>\n </div>\n </div>\n <p class=\"text-white/80 italic\">\"The tool is lightweight, meaning it doesn't require extensive system resources to run, making it suitable for use on older or less powerful machines.\"</p>\n </div>\n </div>\n </div>\n </section>\n\n <!-- FINAL CTA -->\n <section class=\"py-20 gradient-bg text-white\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <h2 class=\"text-4xl font-extrabold\">Ready to Weave Your Web Magic?</h2>\n <p class=\"text-xl mt-4 max-w-2xl mx-auto\">Join thousands of developers who use kodeWeave to prototype, experiment, and create at lightning speed.</p>\n <div class=\"mt-8 flex flex-col sm:flex-row gap-4 justify-center\">\n <a href=\"./go\" target=\"_blank\" class=\"inline-flex items-center gap-3 px-8 py-4 rounded-2xl bg-white hover:bg-gray-100 text-slate-900 font-bold shadow-glow transition-all group\">\n <i class=\"fas fa-bolt\"></i>\n Launch kodeWeave Now\n <i class=\"fas fa-arrow-right group-hover:translate-x-1 transition-transform\"></i>\n </a>\n <a href=\"#features\" class=\"inline-flex items-center gap-2 px-8 py-4 rounded-2xl bg-white/10 hover:bg-white/20 border border-white/20 backdrop-blur transition-colors\">\n <i class=\"fas fa-list-ul\"></i>\n Explore Features\n </a>\n </div>\n <div class=\"mt-8 flex flex-wrap justify-center gap-6 text-sm\">\n <span class=\"flex items-center gap-2\">\n <i class=\"fas fa-check-circle\"></i>\n No registration required\n </span>\n <span class=\"flex items-center gap-2\">\n <i class=\"fas fa-check-circle\"></i>\n Installable PWA\n </span>\n <span class=\"flex items-center gap-2\">\n <i class=\"fas fa-check-circle\"></i>\n Works offline\n </span>\n <span class=\"flex items-center gap-2\">\n <i class=\"fas fa-check-circle\"></i>\n Mobile-optimized\n </span>\n </div>\n </div>\n </section>\n\n <!-- FOOTER -->\n <footer class=\"border-t border-white/10 bg-slate-900\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 grid md:grid-cols-2 lg:grid-cols-4 gap-8 text-sm\">\n <div>\n <div class=\"flex items-center gap-2 mb-4\">\n <svg class=\"w-7 h-7 text-brand-400 group-hover:text-brand-300 transition\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n <defs>\n <linearGradient id=\"grad\" x1=\"100%\" y1=\"50%\" x2=\"0%\" y2=\"50%\">\n <stop offset=\"0\" stop-color=\"#22d3ee\"/>\n <stop offset=\"1\" stop-color=\"#178a9c\"/>\n </linearGradient>\n </defs>\n <circle cx=\"256\" cy=\"256\" r=\"256\" fill=\"url(#grad)\"/>\n <path fill=\"#fff\" d=\"M251 58.7c-4.6.1-20.8 2-29.3 3.7-28.3 5.4-66.9 22.6-73 32.7-1.9 3.1-2 7.2-2 160.8 0 152.3.1 157.7 1.9 160.7 5.2 8.5 36.7 23.7 63.5 30.5 9.8 2.5 34.3 6.3 38.5 6 2-.2 2-1 2.3-73.1.1-40.8.7-73.3 1.2-73.8 1.4-1.4 7.3 1.9 10.4 5.7 1.5 1.8 13.8 20.7 27.4 41.8 51.4 80 50.5 78.5 53.3 79.2 3.3.8 12.6-3.8 27.6-13.8 14.2-9.5 23.9-17.8 34.8-30 11.3-12.6 14.8-17.4 14.8-20.3 0-1.2-15-24.5-33.4-52-18.4-27.4-34.1-51.2-35-52.9-.9-1.7-1.5-4.1-1.5-5.4 0-1.3 12.5-22.3 28.5-47.9 44.5-71.1 41.9-66.3 38.8-72.8-2.6-5.4-15.4-19.7-26.1-29.1-11.5-10.1-35.1-26-39.9-26.9-2.9-.6-4-.3-5.9 1.7-1.3 1.3-20.4 32.3-42.3 68.9-22 36.6-41.1 68-42.4 69.8-2.6 3.6-6.7 6.1-8.7 5.4-1-.4-1.3-18.2-1.3-84.4 0-49.5-.4-84.2-.9-84.6-.1-.1-.5-.1-1.2-.1z\"/>\n </svg>\n <span class=\"font-bold text-lg\">kodeWeave</span>\n </div>\n <p class=\"text-white/60\">The fastest real-time coding playground. Built with ♥ for the web community.</p>\n <p class=\"text-white/40 mt-4\">© 2015-<span x-text=\"new Date().getFullYear()\"></span> kodeWeave. All rights reserved.</p>\n </div>\n \n <div>\n <h3 class=\"font-semibold mb-3\">Product</h3>\n <ul class=\"space-y-2 text-white/70\">\n <li><a href=\"#features\" class=\"hover:text-white transition-colors\">Features</a></li>\n <li><a href=\"#benchmarks\" class=\"hover:text-white transition-colors\">Benchmarks</a></li>\n <li><a href=\"#compare\" class=\"hover:text-white transition-colors\">Compare</a></li>\n <li><a href=\"./go\" target=\"_blank\" class=\"hover:text-white transition-colors\">Launch App</a></li>\n </ul>\n </div>\n \n <div>\n <h3 class=\"font-semibold mb-3\">Resources</h3>\n <ul class=\"space-y-2 text-white/70\">\n <li><a href=\"https://github.com/michaelsboost/kodeWeave\" class=\"hover:text-white transition-colors\">GitHub</a></li>\n </ul>\n </div>\n \n <div>\n <h3 class=\"font-semibold mb-3\">Community</h3>\n <ul class=\"space-y-2 text-white/70\">\n <li><a href=\"#gallery\" class=\"hover:text-white transition-colors\">Made with kodeWeave</a></li>\n <li><a href=\"https://twitter.com/kodeweave_app\" class=\"hover:text-white transition-colors\">Twitter</a></li>\n <li><a href=\"https://github.com/michaelsboost/kodeWeave/issues\" class=\"hover:text-white transition-colors\">Contribute</a></li>\n </ul>\n </div>\n </div>\n </footer>\n</div>",
"css": "/* Smooth gradients */\n.radial { \n background: radial-gradient(1200px 600px at 80% -10%, rgba(34,211,238,.25), transparent), \n radial-gradient(800px 400px at 10% -10%, rgba(14,116,144,.25), transparent); \n}\n\n.gradient-bg {\n background: linear-gradient(135deg, #0e7490 0%, #0891b2 50%, #06b6d4 100%);\n}\n\n.code-scroll { scrollbar-width: thin; }\n\n/* Reveal on scroll */\n.reveal{\n opacity:0; \n transform:translateY(24px); \n transition:opacity .7s ease, transform .7s ease; \n will-change:opacity, transform\n}\n.reveal.reveal-right{transform:translateX(24px)}\n.reveal.reveal-left{transform:translateX(-24px)}\n.reveal.is-visible{opacity:1; transform:none}\n\n/* Card hover effects */\n.card-hover {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.card-hover:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n/* Feature icons */\n.feature-icon {\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 16px;\n margin-bottom: 1rem;\n}\n\n/* Typewriter caret */\n.tw-caret{display:inline-block; width:.5ch}\n\n/* Respect reduced motion */\n@media (prefers-reduced-motion: reduce){\n .reveal{opacity:1 !important; transform:none !important; transition:none !important}\n .card-hover:hover { transform: none; }\n}",
"javascript": "// Reveal-on-scroll (IntersectionObserver)\n(function(){\n const prefersReduce = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;\n const observed = new WeakSet();\n function setupIO(){\n if (prefersReduce || !('IntersectionObserver' in window)) return null;\n return new IntersectionObserver((entries, io)=>{\n for (const e of entries){\n if (e.isIntersecting){ \n e.target.classList.add('is-visible'); \n io.unobserve(e.target); \n }\n }\n }, { threshold: 0.15 });\n }\n let io = setupIO();\n window._kwObserveReveals = function(){\n const els = document.querySelectorAll('.reveal');\n if (!io || prefersReduce){ \n els.forEach(el=>el.classList.add('is-visible')); \n return; \n }\n els.forEach(el=>{ \n if (!observed.has(el)){ \n io.observe(el); \n observed.add(el);\n } \n });\n }\n // Initial pass\n window._kwObserveReveals();\n // Watch DOM changes (e.g., Alpine x-for/x-show)\n const mo = new MutationObserver(()=> window._kwObserveReveals());\n mo.observe(document.body, {subtree:true, childList:true, attributes:true, attributeFilter:['class','style']});\n})();",
"logo": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICB2aWV3Qm94PSIwIDAgNTEyIDUxMiIKICAgd2lkdGg9IjUxMiIKICAgaGVpZ2h0PSI1MTIiPgogICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiB4MT0iMTAwJSIgeTE9IjUwJSIgeDI9IjAlIiB5Mj0iNTAlIj4KICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMjJkM2VlIi8+CiAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzE3OGE5YyIvPgogICAgICA8L2xpbmVhckdyYWRpZW50PgogICA8L2RlZnM+CiAgIDxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2IiBmaWxsPSJ1cmwoI2dyYWQpIi8+CiAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNTEgNTguN2MtNC42LjEtMjAuOCAyLTI5LjMgMy43LTI4LjMgNS40LTY2LjkgMjIuNi03MyAzMi43LTEuOSAzLjEtMiA3LjItMiAxNjAuOCAwIDE1Mi4zLjEgMTU3LjcgMS45IDE2MC43IDUuMiA4LjUgMzYuNyAyMy43IDYzLjUgMzAuNSA5LjggMi41IDM0LjMgNi4zIDM4LjUgNiAyLS4yIDItMSAyLjMtNzMuMS4xLTQwLjguNy03My4zIDEuMi03My44IDEuNC0xLjQgNy4zIDEuOSAxMC40IDUuNyAxLjUgMS44IDEzLjggMjAuNyAyNy40IDQxLjggNTEuNCA4MCA1MC41IDc4LjUgNTMuMyA3OS4yIDMuMy44IDEyLjYtMy44IDI3LjYtMTMuOCAxNC4yLTkuNSAyMy45LTE3LjggMzQuOC0zMCAxMS4zLTEyLjYgMTQuOC0xNy40IDE0LjgtMjAuMyAwLTEuMi0xNS0yNC41LTMzLjQtNTItMTguNC0yNy40LTM0LjEtNTEuMi0zNS01Mi45LS45LTEuNy0xLjUtNC4xLTEuNS01LjQgMC0xLjMgMTIuNS0yMi4zIDI4LjUtNDcuOSA0NC41LTcxLjEgNDEuOS02Ni4zIDM4LjgtNzIuOC0yLjYtNS40LTE1LjQtMTkuNy0yNi4xLTI5LjEtMTEuNS0xMC4xLTM1LjEtMjYtMzkuOS0yNi45LTIuOS0uNi00LS4zLTUuOSAxLjctMS4zIDEuMy0yMC40IDMyLjMtNDIuMyA2OC45LTIyIDM2LjYtNDEuMSA2OC00Mi40IDY5LjgtMi42IDMuNi02LjcgNi4xLTguNyA1LjQtMS0uNC0xLjMtMTguMi0xLjMtODQuNCAwLTQ5LjUtLjQtODQuMi0uOS04NC42LS4xLS4xLS41LS4xLTEuMi0uMXoiLz4KPC9zdmc+",
"console": false,
"dark": true,
"previewDark": true,
"module": false,
"autorun": true,
"pwa": false,
"preview": true,
"activePanel": null,
"columns": false,
"columnsRight": true
}