SupportOpenSource / index.html
sequelbox's picture
V2 update (#1)
c7616fb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Support Open Source</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body { font-family: 'Inter', sans-serif; }
</style>
</head>
<body class="bg-slate-50 text-slate-800 dark:bg-slate-900 dark:text-slate-100 transition-colors duration-200">
<main class="max-w-4xl mx-auto px-6 py-12">
<header class="flex flex-col md:flex-row items-center gap-6 mb-12">
<img src="https://cdn-avatars.huggingface.co/v1/production/uploads/63444f2687964b331809eb55/WvZivsvKsM_t0tBtakovK.png" alt="Profile Avatar" class="w-24 h-24 md:w-32 md:h-32 rounded-full shadow-lg bg-white p-2 border border-slate-200 dark:border-slate-700">
<div class="text-center md:text-left">
<h1 class="text-3xl font-bold tracking-tight mb-2">Support Open Source</h1>
<p class="text-slate-500 dark:text-slate-400 max-w-lg mb-5 text-sm md:text-base">
Support Our Open-Source Releases - models, datasets, and more!
</p>
<div class="flex flex-wrap justify-center md:justify-start gap-3">
<a href="https://ko-fi.com/sequelbox" target="_blank" class="inline-flex items-center px-4 py-2 bg-rose-500 hover:bg-rose-600 text-white text-sm font-medium rounded-lg transition-colors shadow-sm">
β˜• Support on Ko-fi
</a>
<button onclick="navigator.clipboard.writeText('0x9542FEa2621F85fEe5c50ff05B5201af05f7D075'); alert('ETH Address copied to clipboard!');" class="inline-flex items-center px-4 py-2 bg-indigo-500 hover:bg-indigo-600 text-white text-sm font-medium rounded-lg transition-colors shadow-sm">
⟠ Copy ETH Address
</button>
</div>
</div>
</header>
<section class="mb-12">
<h2 class="text-2xl font-semibold mb-6 flex items-center gap-2">
πŸš€ New Releases
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<a href="https://huggingface.co/ValiantLabs/Qwen3.6-35B-A3B-Esper3.1" target="_blank" class="group block p-6 bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 hover:border-blue-500 dark:hover:border-blue-400 shadow-sm hover:shadow-md transition-all">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Esper 3.1</h3>
<span class="px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/40 dark:text-green-300">Model</span>
</div>
<p class="text-slate-600 dark:text-slate-400 text-sm">Esper 3.1 now available for Qwen3.6-35B-A3B and Qwen3.6-27B, plus other small models!</p>
</a>
<a href="https://huggingface.co/datasets/sequelbox/Superpotion-DeepSeek-V3.2-Speciale" target="_blank" class="group block p-6 bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 hover:border-blue-500 dark:hover:border-blue-400 shadow-sm hover:shadow-md transition-all">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Superpotion</h3>
<span class="px-2.5 py-0.5 rounded-full text-xs font-medium bg-amber-100 text-amber-800 dark:bg-amber-900/40 dark:text-amber-300">Dataset</span>
</div>
<p class="text-slate-600 dark:text-slate-400 text-sm">Structured, low-token medical reasoning data powering the Guardpoint model series.</p>
</a>
<a href="https://huggingface.co/ValiantLabs/Qwen3.5-27B-Guardpoint" target="_blank" class="group block p-6 bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 hover:border-blue-500 dark:hover:border-blue-400 shadow-sm hover:shadow-md transition-all">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Guardpoint</h3>
<span class="px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/40 dark:text-green-300">Model</span>
</div>
<p class="text-slate-600 dark:text-slate-400 text-sm">Structured, low-token reasoning for medical diagnosis, management, knowledge, and understanding: available for Qwen 3.5, Qwen 3, and gpt-oss.</p>
</a>
<a href="https://huggingface.co/datasets/sequelbox/Raiden-Mini-DeepSeek-V3.2-Speciale" target="_blank" class="group block p-6 bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 hover:border-blue-500 dark:hover:border-blue-400 shadow-sm hover:shadow-md transition-all">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Raiden-Mini</h3>
<span class="px-2.5 py-0.5 rounded-full text-xs font-medium bg-amber-100 text-amber-800 dark:bg-amber-900/40 dark:text-amber-300">Dataset</span>
</div>
<p class="text-slate-600 dark:text-slate-400 text-sm">A creative reasoning dataset offering head-to-head comparison between DeepSeek-V3.2-Speciale and DeepSeek-V3.2.</p>
</a>
</div>
</section>
<section class="mb-12">
<h2 class="text-2xl font-semibold mb-6 flex items-center gap-2">
πŸ“š Collections
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<a href="https://huggingface.co/collections/sequelbox/experimental-reasoning-models" target="_blank" class="group block p-6 bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 hover:border-blue-500 dark:hover:border-blue-400 shadow-sm hover:shadow-md transition-all">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Experimental Reasoning Models</h3>
<span class="px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800 dark:bg-purple-900/40 dark:text-purple-300">Collection</span>
</div>
<p class="text-slate-600 dark:text-slate-400 text-sm">Experimental fine-tuned models that utilize reasoning to create specific structured forms of output.</p>
</a>
<a href="https://huggingface.co/collections/sequelbox/reasoning-datasets" target="_blank" class="group block p-6 bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 hover:border-blue-500 dark:hover:border-blue-400 shadow-sm hover:shadow-md transition-all">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Reasoning Datasets</h3>
<span class="px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800 dark:bg-purple-900/40 dark:text-purple-300">Collection</span>
</div>
<p class="text-slate-600 dark:text-slate-400 text-sm">Synthetic datasets generated using reasoning models, primarily the DeepSeek-V4, Deepseek-R1 and Deepseek-V3 series.</p>
</a>
</div>
</section>
<section class="mb-12">
<h2 class="text-2xl font-semibold mb-6 flex items-center gap-2">
πŸ› οΈ Coming Soon
</h2>
<div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 p-6 shadow-sm">
<ul class="space-y-5">
<li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">
<span class="mt-0.5 text-xl">⏳</span>
<div>
<span class="font-medium text-base block text-slate-900 dark:text-slate-100">Esper 4</span>
<span class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">The next release of Esper: agentic coding, DevOps, architecture, AI.</span>
</div>
</li>
<li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">
<span class="mt-0.5 text-xl">πŸ—οΈ</span>
<div>
<span class="font-medium text-base block text-slate-900 dark:text-slate-100">Tachibana 4</span>
<span class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed"> Agentic coding dataset: utilizes a variety of topics, languages, personas, and difficulties.</span>
</div>
</li>
<li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">
<span class="mt-0.5 text-xl">πŸ—οΈ</span>
<div>
<span class="font-medium text-base block text-slate-900 dark:text-slate-100">Titanium 4</span>
<span class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed"> Agentic coding dataset focused on DevOps and architecture: utilizes a variety of topics, languages, personas, and difficulties.</span>
</div>
</li>
<li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">
<span class="mt-0.5 text-xl">πŸ—οΈ</span>
<div>
<span class="font-medium text-base block text-slate-900 dark:text-slate-100">Mitakihara 2</span>
<span class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed"> Agentic coding and reasoning dataset for AI development, AI research, and MLOps.</span>
</div>
</li>
</ul>
</div>
</section>
</main>
</body>
</html>