Hugging Face's logo

Spaces:
sequelbox
/
SupportOpenSource
Running

App Files Community
1

V2 update

#1
by sequelbox - opened
base: refs/heads/main
←
from: refs/pr/1
Discussion Files changed
+140
-72
Files changed (2) hide show
  1. index.html +140 -44
  2. style.css +0 -28
index.html CHANGED
@@ -1,46 +1,142 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>Support Open Source</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Support Our Open-Source Releases - models, datasets, and more!</h1>
12
-
13
- <p>
14
- Recently released:
15
- </p>
16
-
17
- <ul>
18
- <li><a href="https://huggingface.co/ValiantLabs/Qwen3-14B-Esper3" rel="noopener noreferrer" target="_blank">ValiantLabs/Qwen3-14B-Esper3</a></li>
19
- <li><a href="https://huggingface.co/ValiantLabs/Qwen3-8B-Esper3" rel="noopener noreferrer" target="_blank">ValiantLabs/Qwen3-8B-Esper3</a></li>
20
- <li><a href="https://huggingface.co/ValiantLabs/Qwen3-4B-Esper3" rel="noopener noreferrer" target="_blank">ValiantLabs/Qwen3-4B-Esper3</a></li>
21
- <li><a href="https://huggingface.co/datasets/sequelbox/Titanium2.1-DeepSeek-R1" rel="noopener noreferrer" target="_blank">sequelbox/Titanium2.1-DeepSeek-R1</a></li>
22
- <li><a href="https://huggingface.co/datasets/sequelbox/Tachibana2-DeepSeek-R1" rel="noopener noreferrer" target="_blank">sequelbox/Tachibana2-DeepSeek-R1</a></li>
23
- </ul>
24
-
25
- <p>
26
- In progress / coming soon:
27
- </p>
28
-
29
- <ul>
30
- <li>Additional Esper 3 releases, for Qwen 3 14b and other models!</li>
31
- <li>Cobalt 2 training and release!</li>
32
- <li>Celestia 3 science-reasoning dataset!</li>
33
- <li>Shining Valiant 3!</li>
34
- </ul>
35
-
36
- <p>You can support us through the following methods:</p>
37
-
38
- <dl class="donation-methods">
39
- <dt>Ko-fi:</dt>
40
- <dd><a href="https://ko-fi.com/sequelbox" rel="noopener noreferrer" target="_blank">https://ko-fi.com/sequelbox</a></dd>
41
- <dt>ETH:</dt>
42
- <dd><span class="eth-address">0x9542FEa2621F85fEe5c50ff05B5201af05f7D075</span></dd> </dl>
43
-
44
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45
  </body>
46
  </html>
 
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-fi
28
+ </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 Address
31
+ </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 Releases
39
+ </h2>
40
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
41
+
42
+ <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">
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 3.1</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">Esper 3.1 now available for Qwen3.6-35B-A3B and Qwen3.6-27B, plus other small models!</p>
48
+ </a>
49
+
50
+ <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">
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">Superpotion</h3>
53
+ <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>
54
+ </div>
55
+ <p class="text-slate-600 dark:text-slate-400 text-sm">Structured, low-token medical reasoning data powering the Guardpoint model series.</p>
56
+ </a>
57
+
58
+ <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">
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">Guardpoint</h3>
61
+ <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>
62
+ </div>
63
+ <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>
64
+ </a>
65
+
66
+ <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">
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">Raiden-Mini</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">A creative reasoning dataset offering head-to-head comparison between DeepSeek-V3.2-Speciale and DeepSeek-V3.2.</p>
72
+ </a>
73
+
74
+ </div>
75
+ </section>
76
+
77
+ <section class="mb-12">
78
+ <h2 class="text-2xl font-semibold mb-6 flex items-center gap-2">
79
+ 📚 Collections
80
+ </h2>
81
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
82
+
83
+ <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">
84
+ <div class="flex justify-between items-start mb-2">
85
+ <h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Experimental Reasoning Models</h3>
86
+ <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>
87
+ </div>
88
+ <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>
89
+ </a>
90
+
91
+ <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">
92
+ <div class="flex justify-between items-start mb-2">
93
+ <h3 class="font-semibold text-lg group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Reasoning Datasets</h3>
94
+ <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>
95
+ </div>
96
+ <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>
97
+ </a>
98
+
99
+ </div>
100
+ </section>
101
+
102
+ <section class="mb-12">
103
+ <h2 class="text-2xl font-semibold mb-6 flex items-center gap-2">
104
+ 🛠️ Coming Soon
105
+ </h2>
106
+ <div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 p-6 shadow-sm">
107
+ <ul class="space-y-5">
108
+ <li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">
109
+ <span class="mt-0.5 text-xl">⏳</span>
110
+ <div>
111
+ <span class="font-medium text-base block text-slate-900 dark:text-slate-100">Esper 4</span>
112
+ <span class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed">The next release of Esper: agentic coding, DevOps, architecture, AI.</span>
113
+ </div>
114
+ </li>
115
+ <li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">
116
+ <span class="mt-0.5 text-xl">🏗️</span>
117
+ <div>
118
+ <span class="font-medium text-base block text-slate-900 dark:text-slate-100">Tachibana 4</span>
119
+ <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>
120
+ </div>
121
+ </li>
122
+ <li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">
123
+ <span class="mt-0.5 text-xl">🏗️</span>
124
+ <div>
125
+ <span class="font-medium text-base block text-slate-900 dark:text-slate-100">Titanium 4</span>
126
+ <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>
127
+ </div>
128
+ </li>
129
+ <li class="flex items-start gap-4 text-slate-700 dark:text-slate-300">
130
+ <span class="mt-0.5 text-xl">🏗️</span>
131
+ <div>
132
+ <span class="font-medium text-base block text-slate-900 dark:text-slate-100">Mitakihara 2</span>
133
+ <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>
134
+ </div>
135
+ </li>
136
+ </ul>
137
+ </div>
138
+ </section>
139
+
140
+ </main>
141
  </body>
142
  </html>
style.css DELETED
@@ -1,28 +0,0 @@
1
- body {
2
- padding: 2rem;
3
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
- }
5
-
6
- h1 {
7
- font-size: 16px;
8
- margin-top: 0;
9
- }
10
-
11
- p {
12
- color: rgb(107, 114, 128);
13
- font-size: 15px;
14
- margin-bottom: 10px;
15
- margin-top: 5px;
16
- }
17
-
18
- .card {
19
- max-width: 620px;
20
- margin: 0 auto;
21
- padding: 16px;
22
- border: 1px solid lightgray;
23
- border-radius: 16px;
24
- }
25
-
26
- .card p:last-child {
27
- margin-bottom: 0;
28
- }