Hugging Face's logo

Spaces:
tahamajs
/
Blog
Running

App Files Community
tahamajs commited on
Commit
cd1dc5f
·
verified ·
1 Parent(s): 88c0f39

Upload folder using huggingface_hub

Browse files
Files changed (1) hide show
  1. index.html +234 -0
index.html ADDED
@@ -0,0 +1,234 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ ---
2
+ title: Hoosha AI Technical Research Journal 🧠
3
+ emoji: 🔬
4
+ colorFrom: cyan
5
+ colorTo: purple
6
+ sdk: static
7
+ pinned: false
8
+ license: mit
9
+ ---
10
+
11
+ <!DOCTYPE html>
12
+ <html lang="en">
13
+ <head>
14
+ <meta charset="UTF-8">
15
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
16
+ <title>Hoosha AI — Substack &amp; Technical Research Journal | Taha Majlesi</title>
17
+ <meta name="description" content="Technical research papers and multi-part series on Flow Matching ODEs, GRPO alignment, CUDA kernels, and synthetic cognitive architectures by Mohammad Taha Majlesi.">
18
+
19
+ <!-- Modern Google Fonts -->
20
+ <link rel="preconnect" href="https://fonts.googleapis.com">
21
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
22
+ <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
23
+
24
+ <!-- FontAwesome & KaTeX -->
25
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.0/css/all.min.css">
26
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
27
+ <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
28
+ <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js" onload="if(window.renderMathInElement) renderMathInElement(document.body, {delimiters: [{left: '$$', right: '$$', display: true}, {left: '$', right: '$', display: false}]});"></script>
29
+
30
+ <style>
31
+ :root {
32
+ --bg: #030712;
33
+ --bg2: #0a0f1e;
34
+ --cyan: #00f0ff;
35
+ --purple: #8a2be2;
36
+ --emerald: #10b981;
37
+ --text: #e2e8f0;
38
+ --muted: #94a3b8;
39
+ --border: rgba(0, 240, 255, 0.18);
40
+ --glow: 0 0 25px rgba(0, 240, 255, 0.25);
41
+ }
42
+
43
+ * { box-sizing: border-box; margin: 0; padding: 0; }
44
+ body {
45
+ background-color: var(--bg);
46
+ color: var(--text);
47
+ font-family: 'Inter', sans-serif;
48
+ line-height: 1.6;
49
+ padding: 2rem 1rem;
50
+ min-height: 100vh;
51
+ }
52
+
53
+ h1, h2, h3, h4 { font-family: 'Space Grotesk', sans-serif; }
54
+ code, pre { font-family: 'JetBrains Mono', monospace; }
55
+
56
+ .header-box {
57
+ max-width: 900px;
58
+ margin: 0 auto 3rem;
59
+ text-align: center;
60
+ background: var(--bg2);
61
+ border: 1px solid var(--border);
62
+ padding: 2.5rem 1.5rem;
63
+ border-radius: 20px;
64
+ box-shadow: var(--glow);
65
+ }
66
+
67
+ .badge {
68
+ display: inline-flex;
69
+ align-items: center;
70
+ gap: .5rem;
71
+ background: rgba(0, 240, 255, 0.08);
72
+ color: var(--cyan);
73
+ border: 1px solid var(--border);
74
+ padding: .4rem 1rem;
75
+ border-radius: 20px;
76
+ font-size: .82rem;
77
+ font-family: 'JetBrains Mono', monospace;
78
+ margin-bottom: 1rem;
79
+ }
80
+
81
+ .title {
82
+ font-size: 2.2rem;
83
+ font-weight: 700;
84
+ color: #fff;
85
+ margin-bottom: .8rem;
86
+ }
87
+
88
+ .sub {
89
+ color: var(--muted);
90
+ font-size: 1rem;
91
+ max-width: 680px;
92
+ margin: 0 auto;
93
+ }
94
+
95
+ .series-grid {
96
+ max-width: 900px;
97
+ margin: 0 auto;
98
+ display: flex;
99
+ flex-direction: column;
100
+ gap: 2rem;
101
+ }
102
+
103
+ .series-card {
104
+ background: var(--bg2);
105
+ border: 1px solid var(--border);
106
+ border-radius: 16px;
107
+ padding: 1.8rem;
108
+ }
109
+
110
+ .chapter-item {
111
+ background: rgba(0,0,0,0.3);
112
+ border: 1px solid var(--border);
113
+ padding: 1rem 1.2rem;
114
+ border-radius: 12px;
115
+ margin-top: .8rem;
116
+ display: flex;
117
+ justify-content: space-between;
118
+ align-items: center;
119
+ gap: 1rem;
120
+ flex-wrap: wrap;
121
+ }
122
+
123
+ .btn {
124
+ background: linear-gradient(135deg, var(--cyan), var(--purple));
125
+ color: #000;
126
+ font-weight: 700;
127
+ padding: .5rem 1rem;
128
+ border-radius: 10px;
129
+ text-decoration: none;
130
+ font-size: .82rem;
131
+ display: inline-flex;
132
+ align-items: center;
133
+ gap: .4rem;
134
+ }
135
+
136
+ .btn:hover { opacity: 0.9; }
137
+ </style>
138
+ </head>
139
+ <body>
140
+
141
+ <div class="header-box">
142
+ <div class="badge"><i class="fas fa-brain"></i> HuggingFace Space: tahamajs/Blog</div>
143
+ <h1 class="title">Hoosha AI — Substack &amp; Technical Research Journal</h1>
144
+ <p class="sub">
145
+ Deep-dive AI engineering essays, multi-part research series, and mathematical derivations on Flow Matching ODEs, GRPO alignment, and CUDA kernels by Mohammad Taha Majlesi.
146
+ </p>
147
+ </div>
148
+
149
+ <div class="series-grid">
150
+ <!-- Series 1 -->
151
+ <div class="series-card">
152
+ <div style="display:flex; justify-content:space-between; margin-bottom:.5rem;">
153
+ <span style="color:var(--cyan); font-family:monospace; font-size:.8rem;">📚 Multi-Part Series</span>
154
+ <span style="color:var(--muted); font-size:.8rem;">4 Chapters</span>
155
+ </div>
156
+ <h2 style="color:#fff; margin-bottom:.4rem;">Adaptive RAG &amp; Retrieval Masterclass</h2>
157
+ <p style="color:var(--muted); font-size:.9rem; margin-bottom:1rem;">
158
+ Teaching models when to retrieve, probing knowledge boundaries, and eliminating naive RAG bottlenecks.
159
+ </p>
160
+
161
+ <div class="chapter-item">
162
+ <div>
163
+ <div style="color:var(--cyan); font-size:.75rem; font-family:monospace;">Part 1</div>
164
+ <h3 style="color:#fff; font-size:1rem;">The Hidden Costs of Naive Retrieval: Adaptive RAG, Part 1</h3>
165
+ <div style="color:var(--muted); font-size:.78rem;">📖 12 min read · 3,599 words</div>
166
+ </div>
167
+ <a href="https://hooshaai.substack.com" target="_blank" class="btn">Read on Substack ↗</a>
168
+ </div>
169
+
170
+ <div class="chapter-item">
171
+ <div>
172
+ <div style="color:var(--cyan); font-size:.75rem; font-family:monospace;">Part 2</div>
173
+ <h3 style="color:#fff; font-size:1rem;">Deciding When Not to Retrieve: Adaptive RAG, Part 2</h3>
174
+ <div style="color:var(--muted); font-size:.78rem;">📖 9 min read · 2,242 words</div>
175
+ </div>
176
+ <a href="https://hooshaai.substack.com" target="_blank" class="btn">Read on Substack ↗</a>
177
+ </div>
178
+
179
+ <div class="chapter-item">
180
+ <div>
181
+ <div style="color:var(--cyan); font-size:.75rem; font-family:monospace;">Part 3</div>
182
+ <h3 style="color:#fff; font-size:1rem;">Probing LLMs' Knowledge Boundary: Adaptive RAG, Part 3</h3>
183
+ <div style="color:var(--muted); font-size:.78rem;">📖 18 min read · 6,071 words</div>
184
+ </div>
185
+ <a href="https://hooshaai.substack.com" target="_blank" class="btn">Read on Substack ↗</a>
186
+ </div>
187
+
188
+ <div class="chapter-item">
189
+ <div>
190
+ <div style="color:var(--cyan); font-size:.75rem; font-family:monospace;">Part 4</div>
191
+ <h3 style="color:#fff; font-size:1rem;">Teaching Models to Decide When to Retrieve: Adaptive RAG, Part 4</h3>
192
+ <div style="color:var(--muted); font-size:.78rem;">📖 22 min read · 7,573 words</div>
193
+ </div>
194
+ <a href="https://hooshaai.substack.com" target="_blank" class="btn">Read on Substack ↗</a>
195
+ </div>
196
+ </div>
197
+
198
+ <!-- Series 2 -->
199
+ <div class="series-card">
200
+ <div style="display:flex; justify-content:space-between; margin-bottom:.5rem;">
201
+ <span style="color:var(--emerald); font-family:monospace; font-size:.8rem;">🌊 Flow Matching Series</span>
202
+ <span style="color:var(--muted); font-size:.8rem;">3 Chapters</span>
203
+ </div>
204
+ <h2 style="color:#fff; margin-bottom:.4rem;">Continuous Flow Matching &amp; ODE Trajectories</h2>
205
+ <p style="color:var(--muted); font-size:.9rem; margin-bottom:1rem;">
206
+ Mathematical foundations of Conditional Flow Matching (CFM), simulation-free ODE velocity alignment, and optimal transport vector fields.
207
+ </p>
208
+
209
+ <div class="chapter-item">
210
+ <div>
211
+ <div style="color:var(--emerald); font-size:.75rem; font-family:monospace;">Part 1</div>
212
+ <h3 style="color:#fff; font-size:1rem;">Flow Matching vs Diffusion SDEs: Velocity Vector Fields</h3>
213
+ <div style="color:var(--muted); font-size:.78rem;">📖 14 min read · 4,210 words</div>
214
+ </div>
215
+ <a href="https://hooshaai.substack.com" target="_blank" class="btn">Read on Substack ↗</a>
216
+ </div>
217
+
218
+ <div class="chapter-item">
219
+ <div>
220
+ <div style="color:var(--emerald); font-size:.75rem; font-family:monospace;">Part 2</div>
221
+ <h3 style="color:#fff; font-size:1rem;">Optimal Transport Straight Paths for Fast ODE Integration</h3>
222
+ <div style="color:var(--muted); font-size:.78rem;">📖 19 min read · 5,890 words</div>
223
+ </div>
224
+ <a href="https://hooshaai.substack.com" target="_blank" class="btn">Read on Substack ↗</a>
225
+ </div>
226
+ </div>
227
+ </div>
228
+
229
+ <footer style="text-align:center; margin-top:4rem; color:var(--muted); font-size:.85rem;">
230
+ &copy; 2026 Mohammad Taha Majlesi · Hoosha AI Research Lab · HuggingFace Space <a href="https://huggingface.co/spaces/tahamajs/Blog" target="_blank" style="color:var(--cyan);">tahamajs/Blog</a>
231
+ </footer>
232
+
233
+ </body>
234
+ </html>