55 lines
11 KiB
HTML
55 lines
11 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.DxgpWi6j.css" rel="stylesheet">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/entry/start.BwqP7o9C.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/WSjfo0Ud.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/mO2F3zLa.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/OXvvA7WZ.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/entry/app.I5VArHs7.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/eH5yZvH4.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/Bh-96fzJ.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/tuD4s8Oc.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/DBQEMQMg.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/ECMuNRdJ.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/nodes/0.BOu9fROT.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/EiYUD4Mm.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/nodes/5.czV5dpLK.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/DhvLCtu-.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/Da-hDQCT.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/CJrErHKE.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/DToPcL1w.js"><!--171l7w4--><meta name="description" content="Interactive tools for data science, machine learning, and AI development."/><!----><title>Tools | 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">Tools</h1> <p class="text-gray-600 max-w-2xl mx-auto">Interactive tools to help you with data science, machine learning, and AI development.</p></div> <div class="flex flex-col sm:flex-row gap-4 mb-8"><div class="flex-1"><input type="text" placeholder="Search tools..." 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="INTERACTIVE">INTERACTIVE</option><option value="VISUALIZATION">VISUALIZATION</option><option value="FRAMEWORK">FRAMEWORK</option><!--]--></select></div> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><!--[--><!--[!--><a href="/tools/privacy-scanner/" 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-purple-100 text-purple-700">INTERACTIVE</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>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><!--]--><!--[!--><a href="/tools/eda-gapminder/" 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-green-100 text-green-700">VISUALIZATION</span></div> <h3 class="text-lg font-semibold text-gray-900 mb-2 group-hover:text-primary-600 transition-colors">EDA Gapminder</h3> <p class="text-gray-600 text-sm leading-relaxed">Explore global development data with interactive visualizations. GDP, life expectancy, and population trends from 1952-2007.</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 s
|
||
|
|
|
||
|
|
<script>
|
||
|
|
{
|
||
|
|
__sveltekit_m4hdb0 = {
|
||
|
|
base: new URL("..", location).pathname.slice(0, -1)
|
||
|
|
};
|
||
|
|
|
||
|
|
const element = document.currentScript.parentElement;
|
||
|
|
|
||
|
|
Promise.all([
|
||
|
|
import("../_app/immutable/entry/start.BwqP7o9C.js"),
|
||
|
|
import("../_app/immutable/entry/app.I5VArHs7.js")
|
||
|
|
]).then(([kit, app]) => {
|
||
|
|
kit.start(app, element, {
|
||
|
|
node_ids: [0, 5],
|
||
|
|
data: [null,null],
|
||
|
|
form: null,
|
||
|
|
error: null
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|