ai-tools-suite/frontend/build/guides/index.html

54 lines
7.7 KiB
HTML
Raw Normal View History

2025-12-27 15:33:06 +00:00
<!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/3.5hKfmfvo.js">
<link rel="modulepreload" href="../_app/immutable/chunks/DQsFLTCT.js">
<link rel="modulepreload" href="../_app/immutable/chunks/SaFGkI3k.js">
<link rel="modulepreload" href="../_app/immutable/chunks/2Jbz9SS3.js">
<link rel="modulepreload" href="../_app/immutable/chunks/BtxxubAD.js"><!--1u1bdwi--><meta name="description" content="In-depth guides for statistics, data visualization, and machine learning."/><!----><title>Guides | Build with AI</title>
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"><!--[--><!--[--><!----><!--[--><!----><div class="min-h-screen bg-gradient-to-b from-slate-50 to-white"><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 class="pt-24 pb-16 px-6"><div class="max-w-6xl mx-auto"><div class="text-center mb-12"><h1 class="text-4xl font-bold text-gray-900 mb-4">Guides</h1> <p class="text-gray-600 max-w-2xl mx-auto">In-depth guides to help you understand statistics, data visualization, and machine learning concepts.</p></div> <div class="flex flex-col sm:flex-row gap-4 mb-8"><div class="flex-1"><input type="text" placeholder="Search guides..." value="" class="w-full px-4 py-2.5 border border-gray-200 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all"/></div> <select class="px-4 py-2.5 border border-gray-200 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500 bg-white"><option value="all" selected>All Categories</option><!--[--><option value="STATISTICS">STATISTICS</option><option value="VISUALIZATION">VISUALIZATION</option><option value="ML">ML</option><!--]--></select></div> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><!--[--><!--[!--><a href="/guides/statistical-tests/" class="group block p-6 bg-white rounded-2xl border border-gray-100 card-hover"><div class="flex items-start justify-between mb-4"><div class="w-12 h-12 rounded-xl bg-primary-50 flex items-center justify-center transition-transform group-hover:scale-110"><span class="text-2xl">📊</span></div> <span class="text-xs font-medium px-2 py-1 rounded-full bg-blue-100 text-blue-700">STATISTICS</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>Explore</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 class="group block p-6 bg-white rounded-2xl border border-gray-100 opacity-75"><div class="flex items-start justify-between mb-4"><div class="w-12 h-12 rounded-xl bg-gray-100 flex items-center justify-center"><span class="text-2xl grayscale">📈</span></div> <span class="text-xs font-medium px-2 py-1 rounded-full bg-gray-100 text-gray-500">Coming Soon</span></div> <h3 class="text-lg font-semibold text-gray-400 mb-2">Data Visualization</h3> <p class="text-gray-400 text-sm leading-relaxed">Learn the principles of effective data visualization. From choosing the right chart type to creating compelling visual narratives.</p></div><!--]--><!--[--><div class="group block p-6 bg-white rounded-2xl border border-gray-100 opacity-75"><div class="flex items-start justify-between mb-4"><div class="w-12 h-12 rounded-xl bg-gray-100 flex items-center justify-center"><span class="text-2xl grayscale">🤖</span></div> <span class="text-xs font-medium px-2 py
<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, 3],
data: [null,null],
form: null,
error: null
});
});
}
</script>
</div>
</body>
</html>