-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtest-warm.json
More file actions
1 lines (1 loc) · 20 KB
/
test-warm.json
File metadata and controls
1 lines (1 loc) · 20 KB
1
{"ok":true,"content":{"tagline":["AI","Product","Builder","One-Person","Company"],"aboutHeading":"Building autonomous AI systems and scaling solo ventures.","aboutParagraphs":["I'm on a mission to prove that one person, armed with AI and the right systems, can operate like a team of ten. This isn't just a metaphor; it's a blueprint for efficiency, automation, and impact. My work revolves around leveraging artificial intelligence to create self-healing, intelligent products that solve real problems without constant human oversight.","My approach to building is rooted in pragmatism: talk to users, validate ideas, and then build. I obsess over finding the most cost-effective, powerful AI tools and strategies to achieve ambitious goals, whether it's optimizing a website's SEO in an afternoon or orchestrating a fleet of AI agents to work 24/7. It's about smart building, not just hard building."],"blogArticles":[{"title":"Self-Healing AI Systems","content":"Just built a self-healing AI system that monitors 4 agents 24/7. No human intervention needed."},{"title":"Free-Tier AI Secrets","content":"The secret to free-tier AI: Gemini Flash for automation, Claude for thinking, Ollama for privacy. Total cost: $0/month."},{"title":"Build What Users Want","content":"Stop building features nobody asked for. Talk to 10 users first. Then build."},{"title":"SEO Grade F to A","content":"My website went from SEO grade F to A in one afternoon. Here is exactly what I fixed."},{"title":"1 Person = Team of 10","content":"One person + AI + the right systems = a team of 10. This is not a metaphor."}],"identityCards":[{"emoji":"🤖","title":"AI Product Builder","description":"Crafting autonomous, intelligent systems that work around the clock."},{"emoji":"💼","title":"One-Person Company","description":"Scaling impact and operations without the overhead of a large team."},{"emoji":"💡","title":"Efficiency Hacker","description":"Optimizing workflows and leveraging AI for maximum output at minimal cost."},{"emoji":"🗣️","title":"User-Centric Developer","description":"Prioritizing user feedback to build features that truly matter."}],"colorTheme":"cyan","roleLabel":"Creator","subtitle":"AI product builder, one person company","connectHeading":"公域看觀點，私域聊真的。","connectSubtext":"歡迎透過以下管道聯繫","ctaText":"開始連結"},"html":"<!DOCTYPE html>\n<html lang=\"zh-TW\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>TestCreator — Personal Site</title>\n<meta name=\"description\" content=\"I'm on a mission to prove that one person, armed with AI and the right systems, can operate like a team of ten. This isn't just a metaphor; it's a blu\">\n<meta name=\"author\" content=\"TestCreator\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:title\" content=\"TestCreator — Creator\">\n<meta property=\"og:description\" content=\"I'm on a mission to prove that one person, armed with AI and the right systems, can operate like a team of ten. This isn't just a metaphor; it's a blu\">\n<meta property=\"og:site_name\" content=\"TestCreator\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"TestCreator — Creator\">\n<meta name=\"twitter:description\" content=\"I'm on a mission to prove that one person, armed with AI and the right systems, can operate like a team of ten. This isn't just a metaphor; it's a blu\">\n<link rel=\"canonical\" href=\"https://threads.com/@testcreator\">\n<script type=\"application/ld+json\">\n{\"@context\":\"https://schema.org\",\"@type\":\"Person\",\"name\":\"TestCreator\",\"description\":\"I'm on a mission to prove that one person, armed with AI and the right systems, can operate like a team of ten. This isn't just a metaphor; it's a blu\",\"url\":\"https://threads.com/@testcreator\",\"sameAs\":[\"https://threads.com/@testcreator\"]}\n</script>\n<link href=\"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700;900&family=JetBrains+Mono:wght@300;400;700&family=Noto+Sans+TC:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n<script src=\"https://cdn.tailwindcss.com\"></script>\n<script>\ntailwind.config = { theme: { extend: { fontFamily: {\n display: ['Outfit','sans-serif'], mono: ['JetBrains Mono','monospace'], body: ['Noto Sans TC','sans-serif']\n}}}}\n</script>\n<script src=\"https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js\"></script>\n<script src=\"https://unpkg.com/lenis@1/dist/lenis.min.js\"></script>\n<style>\n body {\n background-color: #FAF8F5;\n color: #3D3529;\n font-family: 'DM Sans', sans-serif;\n overflow-x: hidden;\n }\n .grain-overlay {\n position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n pointer-events: none; z-index: -1; opacity: 0.02;\n }\n h1, h2, h3, .font-display { font-family: 'Fraunces', serif; }\n .gradient-text {\n background: linear-gradient(90deg, #22d3ee, #6366f1);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n }\n .glass-card {\n background-color: #FFFFFF;\n border: 1px solid rgba(61,53,41,0.1);\n border-radius: 16px;\n box-shadow: 0 2px 16px rgba(61,53,41,0.06);\n position: relative; overflow: hidden;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n }\n .glass-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 12px 32px rgba(61,53,41,0.1);\n }\n .accent-button {\n background-color: #22d3ee; color: #FFFFFF;\n border-radius: 999px;\n transition: all 0.4s ease;\n }\n .accent-button:hover {\n transform: scale(1.05);\n box-shadow: 0 8px 24px rgba(34,211,238, 0.3);\n }\n .line-grow { height: 1px; background: linear-gradient(to right, transparent, rgba(61,53,41,0.15), transparent); }\n .navbar { background-color: transparent; transition: background-color 0.3s ease, backdrop-filter 0.3s ease; }\n .warm-divider { width: 48px; height: 3px; border-radius: 2px; background: #22d3ee; opacity: 0.5; }\n</style>\n</head>\n<body>\n\n<!-- Grain -->\n<div class=\"grain-overlay\">\n <svg viewBox=\"0 0 256 256\" class=\"w-full h-full\">\n <filter id=\"grain\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"4\" stitchTiles=\"stitch\"/></filter>\n <rect width=\"100%\" height=\"100%\" filter=\"url(#grain)\"/>\n </svg>\n</div>\n\n<!-- Navbar -->\n<nav class=\"navbar fixed w-full z-50 py-5 px-6 md:px-12 flex justify-between items-center\">\n <a href=\"#\" class=\"text-xl font-bold font-display\" style=\"color: #3D3529;\">TestCreator</a>\n <div class=\"hidden md:flex space-x-8 text-sm\" style=\"color: #8C8070;\">\n <a href=\"#about\" class=\"hover:opacity-60 transition-colors\">About</a>\n <a href=\"#blog\" class=\"hover:opacity-60 transition-colors\">Blog</a>\n <a href=\"#connect\" class=\"hover:opacity-60 transition-colors\">Connect</a>\n </div>\n <button class=\"md:hidden text-2xl\" style=\"color: #3D3529;\">+</button>\n</nav>\n\n<main>\n <!-- Hero -->\n <section class=\"relative min-h-screen flex items-center justify-center p-6 md:p-12 overflow-hidden\">\n <div class=\"parallax-orb absolute w-72 h-72 rounded-full blur-3xl opacity-10 -top-20 -left-20\" style=\"background: #22d3ee\" data-speed=\"0.8\"></div>\n <div class=\"parallax-orb absolute w-64 h-64 rounded-full blur-3xl opacity-8 -bottom-16 -right-16\" style=\"background: #6366f1\" data-speed=\"1.2\"></div>\n\n <div class=\"text-center max-w-3xl mx-auto z-10\">\n <div class=\"w-32 h-32 md:w-48 md:h-48 rounded-full flex items-center justify-center text-5xl font-black\" style=\"background: linear-gradient(135deg, #22d3ee, #22d3ee88)\">TE</div>\n <p class=\"text-sm uppercase tracking-[0.2em] mt-8 mb-4 reveal-up\" style=\"color: #22d3ee;\">Creator</p>\n <h1 class=\"text-4xl sm:text-6xl md:text-7xl font-bold leading-tight mb-6 font-display hero-title\" style=\"color: #3D3529;\">\n <span class=\"hero-title block gradient-text\">AI</span>\n<span class=\"hero-title block gradient-text\">Product</span>\n<span class=\"hero-title block gradient-text\">Builder</span>\n<span class=\"hero-title block gradient-text\">One-Person</span>\n<span class=\"hero-title block gradient-text\">Company</span>\n </h1>\n <p class=\"text-lg md:text-xl leading-relaxed mb-10 reveal-up\" style=\"color: #8C8070;\">\n AI product builder, one person company\n </p>\n <a href=\"#connect\" class=\"accent-button px-10 py-3.5 font-bold text-lg reveal-up inline-block\">\n 開始連結\n </a>\n </div>\n </section>\n\n <!-- About -->\n <section id=\"about\" class=\"relative py-28 px-6 md:px-12 overflow-hidden\" style=\"background: #F5F2EE;\">\n <div class=\"parallax-orb absolute w-72 h-72 rounded-full blur-3xl opacity-8 top-1/4 right-0\" style=\"background: #22d3ee\" data-speed=\"0.7\"></div>\n <div class=\"max-w-6xl mx-auto grid md:grid-cols-2 gap-16 items-start\">\n <div>\n <div class=\"warm-divider mb-6 reveal-up\"></div>\n <h2 class=\"text-3xl md:text-5xl font-bold mb-8 font-display reveal-up\" style=\"color: #3D3529;\">Building autonomous AI systems and scaling solo ventures.</h2>\n <div class=\"reveal-up\" style=\"color: #6B6358;\"><p class=\"text-lg leading-relaxed text-slate-300 mb-4\">I'm on a mission to prove that one person, armed with AI and the right systems, can operate like a team of ten. This isn't just a metaphor; it's a blueprint for efficiency, automation, and impact. My work revolves around leveraging artificial intelligence to create self-healing, intelligent products that solve real problems without constant human oversight.</p>\n<p class=\"text-lg leading-relaxed text-slate-300 mb-4\">My approach to building is rooted in pragmatism: talk to users, validate ideas, and then build. I obsess over finding the most cost-effective, powerful AI tools and strategies to achieve ambitious goals, whether it's optimizing a website's SEO in an afternoon or orchestrating a fleet of AI agents to work 24/7. It's about smart building, not just hard building.</p></div>\n </div>\n <div class=\"card-group grid gap-5\">\n <div class=\"glass-card rounded-2xl p-6\">\n <div class=\"text-3xl mb-3\">🤖</div>\n <h3 class=\"text-lg font-bold text-white mb-1\">AI Product Builder</h3>\n <p class=\"text-sm text-slate-400\">Crafting autonomous, intelligent systems that work around the clock.</p>\n </div>\n<div class=\"glass-card rounded-2xl p-6\">\n <div class=\"text-3xl mb-3\">💼</div>\n <h3 class=\"text-lg font-bold text-white mb-1\">One-Person Company</h3>\n <p class=\"text-sm text-slate-400\">Scaling impact and operations without the overhead of a large team.</p>\n </div>\n<div class=\"glass-card rounded-2xl p-6\">\n <div class=\"text-3xl mb-3\">💡</div>\n <h3 class=\"text-lg font-bold text-white mb-1\">Efficiency Hacker</h3>\n <p class=\"text-sm text-slate-400\">Optimizing workflows and leveraging AI for maximum output at minimal cost.</p>\n </div>\n<div class=\"glass-card rounded-2xl p-6\">\n <div class=\"text-3xl mb-3\">🗣️</div>\n <h3 class=\"text-lg font-bold text-white mb-1\">User-Centric Developer</h3>\n <p class=\"text-sm text-slate-400\">Prioritizing user feedback to build features that truly matter.</p>\n </div>\n </div>\n </div>\n </section>\n\n <!-- Blog -->\n <section id=\"blog\" class=\"relative py-28 px-6 md:px-12 overflow-hidden\">\n <div class=\"parallax-orb absolute w-96 h-96 rounded-full blur-3xl opacity-6 -bottom-32 left-1/3\" style=\"background: #6366f1\" data-speed=\"1.5\"></div>\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"warm-divider mb-6 reveal-up\"></div>\n <h2 class=\"text-3xl md:text-5xl font-bold mb-12 font-display reveal-up gradient-text\">Thoughts</h2>\n <div class=\"space-y-6\">\n <article class=\"glass-card rounded-2xl p-8 md:p-12 reveal-up\">\n \n <h3 class=\"text-2xl md:text-3xl font-bold mb-3\" style=\"background: linear-gradient(90deg, #22d3ee, #22d3eecc); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">Self-Healing AI Systems</h3>\n <div class=\"flex flex-wrap gap-3 text-xs font-mono text-slate-500 mb-6\"><span>❤️ 25</span></div>\n <p class=\"text-lg leading-relaxed text-slate-300\">Just built a self-healing AI system that monitors 4 agents 24/7. No human intervention needed.</p>\n \n </article>\n <div class=\"line-grow h-px bg-gradient-to-r from-transparent via-current to-transparent my-12\"></div>\n<article class=\"glass-card rounded-2xl p-8 md:p-12 reveal-up\">\n \n <h3 class=\"text-2xl md:text-3xl font-bold mb-3\" style=\"background: linear-gradient(90deg, #22d3ee, #22d3eecc); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">Free-Tier AI Secrets</h3>\n <div class=\"flex flex-wrap gap-3 text-xs font-mono text-slate-500 mb-6\"><span>❤️ 18</span></div>\n <p class=\"text-lg leading-relaxed text-slate-300\">The secret to free-tier AI: Gemini Flash for automation, Claude for thinking, Ollama for privacy. Total cost: $0/month.</p>\n \n </article>\n <div class=\"line-grow h-px bg-gradient-to-r from-transparent via-current to-transparent my-12\"></div>\n<article class=\"glass-card rounded-2xl p-8 md:p-12 reveal-up\">\n \n <h3 class=\"text-2xl md:text-3xl font-bold mb-3\" style=\"background: linear-gradient(90deg, #22d3ee, #22d3eecc); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">Build What Users Want</h3>\n <div class=\"flex flex-wrap gap-3 text-xs font-mono text-slate-500 mb-6\"><span>❤️ 15</span></div>\n <p class=\"text-lg leading-relaxed text-slate-300\">Stop building features nobody asked for. Talk to 10 users first. Then build.</p>\n \n </article>\n <div class=\"line-grow h-px bg-gradient-to-r from-transparent via-current to-transparent my-12\"></div>\n<article class=\"glass-card rounded-2xl p-8 md:p-12 reveal-up\">\n \n <h3 class=\"text-2xl md:text-3xl font-bold mb-3\" style=\"background: linear-gradient(90deg, #22d3ee, #22d3eecc); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">SEO Grade F to A</h3>\n <div class=\"flex flex-wrap gap-3 text-xs font-mono text-slate-500 mb-6\"><span>❤️ 12</span></div>\n <p class=\"text-lg leading-relaxed text-slate-300\">My website went from SEO grade F to A in one afternoon. Here is exactly what I fixed.</p>\n \n </article>\n <div class=\"line-grow h-px bg-gradient-to-r from-transparent via-current to-transparent my-12\"></div>\n<article class=\"glass-card rounded-2xl p-8 md:p-12 reveal-up\">\n \n <h3 class=\"text-2xl md:text-3xl font-bold mb-3\" style=\"background: linear-gradient(90deg, #22d3ee, #22d3eecc); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">1 Person = Team of 10</h3>\n <div class=\"flex flex-wrap gap-3 text-xs font-mono text-slate-500 mb-6\"><span>❤️ 10</span></div>\n <p class=\"text-lg leading-relaxed text-slate-300\">One person + AI + the right systems = a team of 10. This is not a metaphor.</p>\n \n </article>\n \n </div>\n <div class=\"mt-16 text-center reveal-up\">\n <a href=\"https://threads.com/@testcreator\" target=\"_blank\" rel=\"noopener\" class=\"accent-button px-10 py-3.5 font-bold text-lg inline-flex items-center gap-2\">\n Follow on Threads →\n </a>\n </div>\n </div>\n </section>\n\n <!-- Connect -->\n <section id=\"connect\" class=\"relative py-28 px-6 md:px-12 text-center overflow-hidden\" style=\"background: #F5F2EE;\">\n <div class=\"parallax-orb absolute w-80 h-80 rounded-full blur-3xl opacity-10 -top-24 left-1/2 -translate-x-1/2\" style=\"background: #22d3ee\" data-speed=\"1\"></div>\n <div class=\"max-w-xl mx-auto z-10 relative\">\n <div class=\"warm-divider mx-auto mb-6 reveal-up\"></div>\n <h2 class=\"text-3xl md:text-5xl font-bold mb-4 font-display reveal-up\" style=\"color: #3D3529;\">公域看觀點，私域聊真的。</h2>\n <p class=\"text-lg leading-relaxed mb-12 reveal-up\" style=\"color: #8C8070;\">歡迎透過以下管道聯繫</p>\n <div class=\"card-group grid gap-4\">\n <a href=\"mailto:test@example.com\" target=\"_blank\" rel=\"noopener\"\n class=\"glass-card rounded-xl px-6 py-4 flex items-center gap-3 hover:translate-y-[-4px] transition-all\"\n >\n <span class=\"text-2xl\">📧</span>\n <span class=\"font-bold text-white\">Email</span>\n </a>\n<a href=\"https://threads.com/@testcreator\" target=\"_blank\" rel=\"noopener\"\n class=\"glass-card rounded-xl px-6 py-4 flex items-center gap-3 hover:translate-y-[-4px] transition-all\"\n >\n <span class=\"text-2xl\">🧵</span>\n <span class=\"font-bold text-white\">Threads</span>\n </a>\n </div>\n </div>\n </section>\n</main>\n\n<footer class=\"py-8 text-center text-sm relative\" style=\"color: #B5AC9E;\">\n <div class=\"line-grow mb-8\"></div>\n <p class=\"reveal-up\">Built with UltraSite © 2026 TestCreator</p>\n</footer>\n<script>\ndocument.querySelectorAll('details').forEach(d => {\n d.addEventListener('toggle', () => {\n const s = d.querySelector('summary');\n if (s) s.textContent = d.open ? '收合全文 ▴' : '展開全文 ▾';\n });\n});\n\nwindow.addEventListener('load', () => {\nif (typeof gsap === 'undefined' || typeof Lenis === 'undefined') return;\ngsap.registerPlugin(ScrollTrigger);\n\nconst lenis = new Lenis({ lerp: 0.07, smoothWheel: true });\nlenis.on('scroll', ScrollTrigger.update);\ngsap.ticker.add(t => lenis.raf(t * 1000));\ngsap.ticker.lagSmoothing(0);\n\ngsap.from('.hero-title', {\n y: 100, opacity: 0, duration: 1.2,\n ease: 'power4.out', stagger: 0.1, delay: 0.2\n});\n\ngsap.utils.toArray('.reveal-up').forEach(el => {\n gsap.from(el, {\n y: 50, opacity: 0, duration: 0.8, ease: 'power3.out',\n scrollTrigger: { trigger: el, start: 'top 88%', toggleActions: 'play none none none' }\n });\n});\n\ngsap.utils.toArray('.card-group').forEach(group => {\n const cards = group.querySelectorAll('.glass-card');\n if (!cards.length) return;\n gsap.from(cards, {\n y: 30, opacity: 0, duration: 0.6, stagger: 0.12, ease: 'power2.out',\n scrollTrigger: { trigger: group, start: 'top 85%' }\n });\n});\n\ngsap.utils.toArray('.parallax-orb').forEach(orb => {\n const speed = parseFloat(orb.dataset.speed || '1');\n gsap.to(orb, {\n y: () => -120 * speed,\n scrollTrigger: { trigger: orb.parentElement, scrub: 1.5 }\n });\n});\n\ngsap.utils.toArray('.quote-reveal').forEach(q => {\n gsap.from(q, {\n scale: 0.85, opacity: 0, duration: 1, ease: 'power3.out',\n scrollTrigger: { trigger: q, start: 'top 85%' }\n });\n});\n\ngsap.utils.toArray('.line-grow').forEach(line => {\n gsap.fromTo(line,\n { scaleX: 0, transformOrigin: 'center' },\n { scaleX: 1, duration: 1.2, ease: 'power3.out',\n scrollTrigger: { trigger: line, start: 'top 92%' }\n }\n );\n});\n\nconst nav = document.querySelector('.navbar');\nif (nav) {\n ScrollTrigger.create({\n start: 'top -80',\n onUpdate: self => {\n nav.style.backgroundColor = self.progress > 0 ? 'rgba(2,6,23,0.85)' : 'transparent';\n nav.style.backdropFilter = self.progress > 0 ? 'blur(12px)' : 'none';\n }\n });\n}\n\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n e.preventDefault();\n const target = document.querySelector(a.getAttribute('href'));\n if (target) lenis.scrollTo(target);\n });\n});\n\nconst cursor = document.getElementById('cursor');\nif (cursor) {\n document.addEventListener('mousemove', e => {\n gsap.to(cursor, { x: e.clientX - 10, y: e.clientY - 10, duration: 0.4, ease: 'power2.out' });\n });\n document.querySelectorAll('a, button, .glass-card').forEach(el => {\n el.addEventListener('mouseenter', () => gsap.to(cursor, { scale: 2.5, duration: 0.3 }));\n el.addEventListener('mouseleave', () => gsap.to(cursor, { scale: 1, duration: 0.3 }));\n });\n}\n});\n</script>\n</body>\n</html>","persona":{"role":"Creator","tone":"Analytical","themes":["AI"],"colorScheme":"cyan"},"tokensUsed":1394,"templateId":"warm-minimal"}