Spaces:

mainbrains
/

README

Running

App Files Files Community

README / index.html

mainbrains

Add index.html for static space rendering

04b4756 verified 2 days ago

Raw

History Blame Contribute Delete

6.64 kB

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
	@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap');

	* { margin: 0; padding: 0; box-sizing: border-box; }

	body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	background: #0a0a0f;
	color: #c9d1d9;
	min-height: 100vh;
	padding: 2rem;
	line-height: 1.6;
	}

	.container {
	max-width: 720px;
	margin: 0 auto;
	}

	.header {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-bottom: 2rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #1a1a2e;
	}

	.brain-gif {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 2px solid #58a6ff;
	}

	.header-text h1 {
	font-size: 1.8rem;
	font-weight: 700;
	color: #e6edf3;
	margin-bottom: 0.2rem;
	}

	.header-text .subtitle {
	color: #58a6ff;
	font-family: 'JetBrains Mono', monospace;
	font-size: 0.85rem;
	}

	.badges {
	display: flex;
	gap: 0.5rem;
	margin-top: 0.5rem;
	flex-wrap: wrap;
	}

	.badge {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.25rem 0.6rem;
	background: #161b22;
	border: 1px solid #30363d;
	border-radius: 6px;
	color: #8b949e;
	font-size: 0.78rem;
	text-decoration: none;
	transition: border-color 0.2s;
	}

	.badge:hover {
	border-color: #58a6ff;
	color: #c9d1d9;
	}

	.section {
	margin-bottom: 2rem;
	}

	.section h2 {
	font-family: 'JetBrains Mono', monospace;
	font-size: 0.9rem;
	font-weight: 500;
	color: #58a6ff;
	margin-bottom: 1rem;
	letter-spacing: 0.05em;
	}

	.section h2::before {
	content: '$ ';
	color: #484f58;
	}

	p {
	color: #8b949e;
	margin-bottom: 1rem;
	font-size: 0.95rem;
	}

	.skills-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
	}

	.skill-card {
	padding: 1rem;
	background: #0d1117;
	border: 1px solid #1a1a2e;
	border-radius: 8px;
	transition: border-color 0.2s;
	}

	.skill-card:hover {
	border-color: #30363d;
	}

	.skill-card h3 {
	font-size: 0.85rem;
	color: #e6edf3;
	margin-bottom: 0.4rem;
	}

	.skill-card .tags {
	font-family: 'JetBrains Mono', monospace;
	font-size: 0.72rem;
	color: #484f58;
	}

	.tech-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.5rem;
	}

	.tech-tag {
	font-family: 'JetBrains Mono', monospace;
	font-size: 0.75rem;
	padding: 0.2rem 0.5rem;
	background: #161b22;
	border: 1px solid #21262d;
	border-radius: 4px;
	color: #7ee787;
	}

	.focus-list {
	list-style: none;
	}

	.focus-list li {
	padding: 0.5rem 0;
	border-bottom: 1px solid #0d1117;
	font-size: 0.9rem;
	color: #8b949e;
	}

	.focus-list li:last-child {
	border-bottom: none;
	}

	.focus-list li strong {
	color: #c9d1d9;
	}

	.footer {
	margin-top: 3rem;
	padding-top: 1rem;
	border-top: 1px solid #1a1a2e;
	font-family: 'JetBrains Mono', monospace;
	font-size: 0.75rem;
	color: #30363d;
	text-align: center;
	}

	@media (max-width: 600px) {
	.skills-grid { grid-template-columns: 1fr; }
	.header { flex-direction: column; text-align: center; }
	body { padding: 1rem; }
	}
	</style>
	</head>
	<body>
	<div class="container">

	<div class="header">
	<img class="brain-gif" src="https://user-images.githubusercontent.com/25584861/137609321-0e4265a3-d17d-45f4-ba20-c23ce8bceb5c.gif" alt="brain"/>
	<div class="header-text">
	<h1>Neurologist</h1>
	<div class="subtitle">gradient descent, from ring 0.</div>
	<div class="badges">
	<a class="badge" href="https://github.com/Neurologist" target="_blank">🛠 GitHub</a>
	<a class="badge" href="https://x.com/CryptCanvasArt" target="_blank">𝕏 @CryptCanvasArt</a>
	<span class="badge">📍 Los Angeles</span>
	</div>
	</div>
	</div>

	<div class="section">
	<h2>about</h2>
	<p>AI/ML engineer and systems programmer working across the full stack — from PCIe/DMA hardware interfaces to transformer inference and diffusion pipelines. VFX background. I build things that think, then make them run fast on real hardware.</p>
	</div>

	<div class="section">
	<h2>focus</h2>
	<div class="skills-grid">
	<div class="skill-card">
	<h3>🧠 LLM Inference</h3>
	<div class="tags">vLLM · llama.cpp · CUDA kernels · KV-cache optimization · speculative decoding</div>
	</div>
	<div class="skill-card">
	<h3>🎨 Diffusion Models</h3>
	<div class="tags">SDXL · ComfyUI pipelines · LoRA training · VFX integration</div>
	</div>
	<div class="skill-card">
	<h3>🔧 Systems</h3>
	<div class="tags">DMA/PCIe · memory-mapped I/O · kernel modules · WireGuard mesh</div>
	</div>
	<div class="skill-card">
	<h3>🤖 Multi-Agent</h3>
	<div class="tags">AutoGen · LangChain · tool-calling · structured output · edge deployment</div>
	</div>
	</div>
	</div>

	<div class="section">
	<h2>stack</h2>
	<div class="tech-row">
	<span class="tech-tag">Python</span>
	<span class="tech-tag">C++</span>
	<span class="tech-tag">Rust</span>
	<span class="tech-tag">CUDA</span>
	<span class="tech-tag">PyTorch</span>
	<span class="tech-tag">Transformers</span>
	<span class="tech-tag">vLLM</span>
	<span class="tech-tag">TensorRT</span>
	<span class="tech-tag">ONNX</span>
	<span class="tech-tag">ComfyUI</span>
	<span class="tech-tag">Docker</span>
	<span class="tech-tag">Linux</span>
	</div>
	</div>

	<div class="section">
	<h2>currently</h2>
	<ul class="focus-list">
	<li><strong>neurologist-7b-instruct</strong> — Fine-tuned Llama for technical reasoning and code generation</li>
	<li><strong>sdxl-vfx-cinematic-lora</strong> — LoRA trained on VFX reference frames for cinematic generation</li>
	<li><strong>Edge inference</strong> — Sub-200ms serving on consumer hardware (9950X + RTX)</li>
	<li><strong>Homelab mesh</strong> — 4-node WireGuard cluster for distributed inference and automation</li>
	</ul>
	</div>

	<div class="footer">building things that think · los angeles</div>

	</div>
	</body>
	</html>