50 lines
10 KiB
HTML
50 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="icon" href="./favicon.png" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="description" content="Build with AI - Data science guides, interactive tools, and insights" />
|
|
|
|
<link href="./_app/immutable/assets/0.Bj4WkHXk.css" rel="stylesheet">
|
|
<link rel="modulepreload" href="./_app/immutable/entry/start.uC0-OaNu.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/BwW0cSGu.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/s1dcSIVc.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/C0eu8ep9.js">
|
|
<link rel="modulepreload" href="./_app/immutable/entry/app.DmALO4Sl.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/CPMpaYR7.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/CkL4Pxt3.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/B6leOVDb.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/-tUHYaTb.js">
|
|
<link rel="modulepreload" href="./_app/immutable/nodes/0.DcCAWxrr.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/ZgnPtkD2.js">
|
|
<link rel="modulepreload" href="./_app/immutable/nodes/2.CXSe1A10.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/DQsFLTCT.js"><!--1uha8ag--><meta name="description" content="Data science guides, interactive tools, and insights to accelerate your journey."/><!----><title>Build with AI | ValueCurve</title>
|
|
</head>
|
|
<body data-sveltekit-preload-data="hover">
|
|
<div style="display: contents"><!--[--><!--[--><!----><!--[--><!----><div class="min-h-screen"><nav class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent"><div class="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between"><a href="/" class="flex items-center gap-2"><img src="/logo.png" alt="ValueCurve" class="h-8 w-auto"/> <span class="font-semibold text-gray-900">Build ValueCurve</span></a> <div class="flex items-center gap-6"><a href="/guides/" class="text-gray-600 hover:text-gray-900 transition-colors text-sm font-medium">Guides</a> <a href="/tools/" class="text-gray-600 hover:text-gray-900 transition-colors text-sm font-medium">Tools</a> <a href="https://www.valuecurve.ai" target="_blank" rel="noopener" class="text-gray-600 hover:text-gray-900 transition-colors text-sm font-medium">Newsletter</a> <a href="/notebooks/" class="text-gray-600 hover:text-gray-900 transition-colors text-sm font-medium">Notebooks</a></div></div></nav><!----> <main><section class="relative min-h-[80vh] flex items-center justify-center overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50"></div> <div class="absolute inset-0 opacity-[0.03]" style="background-image: url('data:image/svg+xml,%3Csvg width=%2760%27 height=%2760%27 viewBox=%270 0 60 60%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cg fill=%27%23000%27%3E%3Cpath d=%27M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"></div> <div class="absolute top-20 left-10 w-72 h-72 bg-primary-200 rounded-full mix-blend-multiply filter blur-3xl opacity-30 animate-pulse"></div> <div class="absolute bottom-20 right-10 w-72 h-72 bg-indigo-200 rounded-full mix-blend-multiply filter blur-3xl opacity-30 animate-pulse" style="animation-delay: 1s;"></div> <div class="relative z-10 text-center px-6 max-w-4xl mx-auto transition-all duration-1000 opacity-0 translate-y-8"><h1 class="text-5xl md:text-7xl font-extrabold tracking-tight mb-6"><span class="text-gray-900">Build with</span> <span class="gradient-text">AI</span></h1> <p class="text-xl md:text-2xl text-gray-600 font-light max-w-2xl mx-auto mb-10 leading-relaxed">Data science guides, interactive tools, and insights to accelerate your journey.</p> <div class="flex flex-wrap justify-center gap-4"><a href="/guides/" class="px-8 py-3 bg-primary-600 text-white rounded-full font-medium hover:bg-primary-700 transition-all shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30">Explore Guides</a> <a href="/tools/" class="px-8 py-3 bg-white text-gray-700 rounded-full font-medium hover:bg-gray-50 transition-all border border-gray-200 shadow-sm">Try Tools</a></div></div></section><!----> <section class="py-20 px-6 bg-white"><div class="max-w-6xl mx-auto"><div class="text-center mb-12"><h2 class="text-3xl font-bold text-gray-900 mb-4">Featured Resources</h2> <p class="text-gray-600 max-w-2xl mx-auto">Practical guides and interactive tools to help you make data-driven decisions.</p></div> <div class="grid md:grid-cols-3 gap-6 max-w-5xl mx-auto"><!--[--><a href="/guides/statistical-tests/" class="group block p-6 bg-white rounded-2xl border border-gray-100 card-hover"><div class="w-12 h-12 rounded-xl flex items-center justify-center mb-4 transition-transform group-hover:scale-110" style="background: #1565c015;"><span class="text-2xl">📊</span></div> <h3 class="text-lg font-semibold text-gray-900 mb-2 group-hover:text-primary-600 transition-colors">Statistical Tests</h3> <p class="text-gray-600 text-sm leading-relaxed">A comprehensive guide to choosing the right statistical test. Interactive fishbone diagram to navigate parametric vs non-parametric options.</p> <div class="mt-4 flex items-center text-primary-600 text-sm font-medium"><span>Learn more</span> <svg class="w-4 h-4 ml-1 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></a><a href="/tools/privacy-scanner/" class="group block p-6 bg-white rounded-2xl border border-gray-100 card-hover"><div class="w-12 h-12 rounded-xl flex items-center justify-center mb-4 transition-transform group-hover:scale-110" style="background: #7b1fa215;"><span class="text-2xl">🔒</span></div> <h3 class="text-lg font-semibold text-gray-900 mb-2 group-hover:text-primary-600 transition-colors">Privacy Scanner</h3> <p class="text-gray-600 text-sm leading-relaxed">Detect and redact personally identifiable information (PII) from text and files. Supports 30+ PII types including emails, SSN, API keys.</p> <div class="mt-4 flex items-center text-primary-600 text-sm font-medium"><span>Learn more</span> <svg class="w-4 h-4 ml-1 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></a><a href="/notebooks/" class="group block p-6 bg-white rounded-2xl border border-gray-100 card-hover"><div class="w-12 h-12 rounded-xl flex items-center justify-center mb-4 transition-transform group-hover:scale-110" style="background: #00897b15;"><span class="text-2xl">🌍</span></div> <h3 class="text-lg font-semibold text-gray-900 mb-2 group-hover:text-primary-600 transition-colors">Exploratory Data Analysis</h3> <p class="text-gray-600 text-sm leading-relaxed">Exploratory data analysis using the Gapminder dataset. Learn data wrangling, visualization, and insights extraction.</p> <div class="mt-4 flex items-center text-primary-600 text-sm font-medium"><span>Learn more</span> <svg class="w-4 h-4 ml-1 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></a><!--]--></div></div></section> <section class="py-20 px-6 bg-gray-50"><div class="max-w-6xl mx-auto"><div class="flex items-center justify-between mb-8"><h2 class="text-2xl font-bold text-gray-900">Latest from Newsletter</h2> <a href="https://www.valuecurve.ai" class="text-primary-600 hover:text-primary-700 text-sm font-medium" target="_blank" rel="noopener">View all →</a></div> <!--[--><div class="grid md:grid-cols-2 gap-6"><!--[--><div class="p-6 bg-white rounded-xl border border-gray-100 animate-pulse"><div class="h-3 bg-gray-200 rounded w-20 mb-3"></div> <div class="h-5 bg-gray-200 rounded w-3/4 mb-2"></div> <div class="h-4 bg-gray-200 rounded w-full"></div></div><div class="p-6 bg-white rounded-xl border border-gray-100 animate-pulse"><div class="h-3 bg-gray-200 rounded w-20 mb-3"></div> <div class="h-5 bg-gray-200 rounded w-3/4 mb-2"></div> <div class="h-4 bg-gray-200 rounded w-full"></div></div><div class="p-6 bg-white rounded-xl border border-gray-100 animate-pulse"><div class="h-3 bg-gray-200 rounded w-20 mb-3"></div> <div class="h-5 bg-gray-200 rounded w-3/4 mb-2"></div> <div class="h-4 bg-gray-200 rounded w-full"></div></div><div class="p-6 bg-white rounded-xl border border-gray-100 animate-pulse"><div class="h-3 bg-gray-200 rounded w-20 mb-3"></div> <div class="h-5 bg-gray-200 rounded w-3/4 mb-2"></div> <div class="h-4 bg-gray-200 rounded w-full"></div></div><!--]--></div><!--]--></div></section><!----> <section class="py-16 px-6 bg-gradient-to-b from-white to-gray-50"><div class="max-w-6xl mx-auto text-center"><h3 class="text-2xl font-semibold text-gray-900 mb-4">More Coming Soon</h3> <p class="text-gray-600 max-w-xl mx-auto">We're building more guides and interactive tools for machine learning, data visualization, and AI development.</p></div></section></main> <footer class="bg-gray-50 border-t border-gray-100 py-12"><div class="max-w-6xl mx-auto px-6"><div class="flex flex-col md:flex-row items-center justify-between gap-4"><div class="flex items-center gap-2"><img src="/logo.png" alt="ValueCurve" class="h-6 w-auto"/> <span class="text-sm text-gray-600">Build ValueCurve</span></div> <p class="text-sm text-gray-500">Data science guides and tools for builders.</p></div></div></footer><!----></div><!----><!--]--><!----><!--]--> <!--[!--><!--]--><!--]-->
|
|
|
|
<script>
|
|
{
|
|
__sveltekit_118gwxe = {
|
|
base: new URL(".", location).pathname.slice(0, -1)
|
|
};
|
|
|
|
const element = document.currentScript.parentElement;
|
|
|
|
Promise.all([
|
|
import("./_app/immutable/entry/start.uC0-OaNu.js"),
|
|
import("./_app/immutable/entry/app.DmALO4Sl.js")
|
|
]).then(([kit, app]) => {
|
|
kit.start(app, element, {
|
|
node_ids: [0, 2],
|
|
data: [null,null],
|
|
form: null,
|
|
error: null
|
|
});
|
|
});
|
|
}
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|