CoolFace
Apppublic

sequelbox/SupportOpenSource

sourceHugging Faceapache-2.0updated 18d agoView on Hugging Face
7likes
index.html172 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>Support Open Source</title>7    <script src="https://cdn.tailwindcss.com"></script>8    <style>9        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');10        body { font-family: 'Inter', sans-serif; }11    </style>12</head>13<body class="bg-slate-50 text-slate-800 dark:bg-slate-900 dark:text-slate-100 transition-colors duration-200">14    <main class="max-w-4xl mx-auto px-6 py-12">15        16        <header class="flex flex-col md:flex-row items-center gap-6 mb-12">17            <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">18            19            <div class="text-center md:text-left">20                <h1 class="text-3xl font-bold tracking-tight mb-2">Support Open Source</h1>21                <p class="text-slate-500 dark:text-slate-400 max-w-lg mb-5 text-sm md:text-base">22                    Support Our Open-Source Releases - models, datasets, and more!23                </p>24                25                <div class="flex flex-wrap justify-center md:justify-start gap-3">26                    <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">27                        ☕ Support on Ko-fi28                    </a>29                    <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">30                        ⟠ Copy ETH Address31                    </button>32                </div>33            </div>34        </header>35 36        <section class="mb-12">37            <h2 class="text-2xl font-semibold mb-6 flex items-center gap-2">38                🚀 New Releases39            </h2>40            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">41                42              <a href="https://huggingface.co/ValiantLabs/Qwen3.6-27B-Esper4" 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">43                    <div class="flex justify-between items-start mb-2">44                        <h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Esper 4</h3>45                        <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>46                    </div>47                    <p class="text-slate-600 dark:text-slate-400 text-sm">Agentic coding, architecture, DevOps, and MLOps finetune for Qwen 3.6, Gemma 4, and Muse Glimmer!</p>48                </a>  49              50              <a href="https://huggingface.co/sequelbox/Qwen3.6-27B-Tachibana-Agent" 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">51                    <div class="flex justify-between items-start mb-2">52                        <h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Tachibana-Agent</h3>53                        <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>54                    </div>55                    <p class="text-slate-600 dark:text-slate-400 text-sm">Agentic coding finetune of Qwen 3.6, Gemma 4, and Muse Glimmer using the new Tachibana 4 dataset.</p>56                </a>57              58              <a href="https://huggingface.co/datasets/sequelbox/Mitakihara2-DeepSeek-V4-Pro" 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">59                    <div class="flex justify-between items-start mb-2">60                        <h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Mitakihara 2</h3>61                        <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>62                    </div>63                    <p class="text-slate-600 dark:text-slate-400 text-sm">AI development, research, deployment, interpretability, operation and experimentation dataset.</p>64                </a>  65 66              <a href="https://huggingface.co/datasets/sequelbox/Titanium4-DeepSeek-V4-Pro" 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">67                    <div class="flex justify-between items-start mb-2">68                        <h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Titanium 4</h3>69                        <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>70                    </div>71                    <p class="text-slate-600 dark:text-slate-400 text-sm">Agentic DevOps and architecture dataset generated with DeepSeek-V4-Pro.</p>72                </a>  73                74              <a href="https://huggingface.co/datasets/sequelbox/Tachibana4-DeepSeek-V4-Pro" 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">75                    <div class="flex justify-between items-start mb-2">76                        <h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Tachibana 4</h3>77                        <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>78                    </div>79                    <p class="text-slate-600 dark:text-slate-400 text-sm">Agentic coding dataset generated with DeepSeek-V4-Pro.</p>80                </a>  81 82              <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">83                    <div class="flex justify-between items-start mb-2">84                        <h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Esper 3.1</h3>85                        <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>86                    </div>87                    <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>88                </a>89 90            </div>91        </section>92 93      <section class="mb-12">94            <h2 class="text-2xl font-semibold mb-6 flex items-center gap-2">95                📚 Collections96            </h2>97            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">98                99                <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">100                    <div class="flex justify-between items-start mb-2">101                        <h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Experimental Reasoning Models</h3>102                        <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>103                    </div>104                    <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>105                </a>106 107                <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">108                    <div class="flex justify-between items-start mb-2">109                        <h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Reasoning Datasets</h3>110                        <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>111                    </div>112                    <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>113                </a>114 115            </div>116        </section>117 118        <section class="mb-12">119            <h2 class="text-2xl font-semibold mb-6 flex items-center gap-2">120                🛠️ Coming Soon121            </h2>122            <div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 p-6 shadow-sm">123                <ul class="space-y-5">124                    <li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">125                        <span class="mt-0.5 text-xl">⏳</span>126                        <div>127                            <span class="font-medium text-base block text-slate-900 dark:text-slate-100">Micromodels: Base and Chat</span>128                            <span class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">Micro-sized models, trained from scratch on high quality tokens.</span>129                        </div>130                    </li>131                  <li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">132                        <span class="mt-0.5 text-xl">⏳</span>133                        <div>134                            <span class="font-medium text-base block text-slate-900 dark:text-slate-100">Micromodels: Experimental Releases</span>135                            <span class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">The fun part :) we're going to get creative with micro releases that we can make look very different from mainstream LLMs!</span>136                        </div>137                    </li>138                    <li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">139                        <span class="mt-0.5 text-xl">⏳</span>140                        <div>141                            <span class="font-medium text-base block text-slate-900 dark:text-slate-100">Esper 4</span>142                            <span class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">Qwen 3.8 and more models to come for Esper 4: donate to see more releases!</span>143                        </div>144                    </li>145                    <li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">146                        <span class="mt-0.5 text-xl">⏳</span>147                        <div>148                            <span class="font-medium text-base block text-slate-900 dark:text-slate-100">Celestia 4</span>149                            <span class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">Science, agentic. exciting!</span>150                        </div>151                    </li>152                  <li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">153                        <span class="mt-0.5 text-xl">⏳</span>154                        <div>155                            <span class="font-medium text-base block text-slate-900 dark:text-slate-100">Shining Valiant 4</span>156                            <span class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">A new agentic approach. We're very excited about this one!</span>157                        </div>158                    </li>159                    <li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">160                        <span class="mt-0.5 text-xl">⏳</span>161                        <div>162                            <span class="font-medium text-base block text-slate-900 dark:text-slate-100">Experimental Token Compression Releases</span>163                            <span class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">Multiple experimental releases on reasoning compression and structure.</span>164                        </div>165                    </li>166                </ul>167            </div>168        </section>169 170    </main>171</body>172</html>