-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
134 lines (116 loc) · 8.72 KB
/
Copy pathindex.html
File metadata and controls
134 lines (116 loc) · 8.72 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>ReForceMind</title>
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="css/style.css">
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries,typography"></script>
<script src="tailwind.config.js"></script>
<link href="https://fonts.googleapis.com" rel="preconnect" />
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect" />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Libre+Franklin:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600;6..72,700&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet" />
</head>
<body
class="bg-parchment-base text-ink-black font-body-md antialiased min-h-screen flex flex-col relative overflow-x-hidden">
<div class="fixed inset-0 pointer-events-none z-0 mix-blend-multiply opacity-20">
<div
class="absolute top-0 left-0 w-full h-full bg-[radial-gradient(ellipse_at_top_left,_var(--tw-gradient-stops))] from-forest-intellect/30 via-transparent to-transparent">
</div>
<div
class="absolute bottom-0 right-0 w-full h-full bg-[radial-gradient(ellipse_at_bottom_right,_var(--tw-gradient-stops))] from-crimson-authority/20 via-transparent to-transparent">
</div>
</div>
<div id="navbar-placeholder"></div>
<main class="flex-grow z-10 pt-24 px-4 md:px-grid-margin pb-section-gap">
<section id="home"
class="relative w-full rounded-xl overflow-hidden mb-8 md:mb-section-gap h-[60vh] md:h-[80vh] flex items-center justify-center bg-composite"
data-alt="A deep, soulful multi-layered painterly collage combining rich forest greens, crimson strokes, and ochre washes. The composition resembles an abstract academic abstract expressionist painting mixed with organic vintage paper textures, creating a sense of profound intellectual depth and organic science."
style="background-image: url('https://lh3.googleusercontent.com/aida-public/AB6AXuDX3GmZaNNMoiKg0pDYoOitgmahyW-ZpcCrgCFdKE6GeL9vY5Xvev5oZ9jU9J5xUhSTGvaf9l98R1naaBCWKpohnSP7wxreHhYBRYJjGAnrMnPxnKS9ZmA9v4cb1W-aY9ernoLtchis8Kj0Nar9miFT7PpEtLTTTQQDhojyTOzbiVH6DO-OrV9VhLllJkYUgPcZS_OzGRAfBkdU1VQZzeuaxWYPSEf0-N2Z4S1L5ccCFoaCJpX8D-NTyFU5igTGCtaa8Cc1sF0-wa9t'); background-blend-mode: multiply;">
<div class="absolute inset-0 bg-parchment-base/30 mix-blend-overlay"></div>
<div class="relative z-10 text-center max-w-4xl px-6 md:px-8 py-8 md:py-12 glass-card rounded-xl">
<h1 class="font-headline-display text-headline-lg-mobile md:text-headline-display text-ink-black mb-0 md:mb-4">Fundamental research in
machine learning.</h1>
<p class="hidden md:block font-label-caps text-label-caps text-forest-intellect mb-8 tracking-widest uppercase">//
systems and reinforcement</p>
</div>
</section>
<div class="block md:hidden mb-section-gap px-2 text-center">
<p class="font-label-caps text-[10px] text-forest-intellect mb-6 tracking-wide uppercase break-words w-full">//
systems and reinforcement</p>
</div>
<section class="mb-section-gap">
<div class="max-w-7xl mx-auto">
<header class="mb-16 flex flex-col md:flex-row items-start md:items-baseline justify-between gap-4 md:gap-0 border-b-[0.5px] border-ink-black pb-4">
<h3 class="font-headline-lg text-headline-lg text-ink-black">Research Vectors</h3>
<span
class="font-technical-sm text-technical-sm text-forest-intellect uppercase">SYS.ARCHIVE_ACTIVE</span>
</header>
<div class="grid grid-cols-1 md:grid-cols-3 gap-grid-gutter relative">
<div class="absolute inset-0 pointer-events-none border-t-[0.5px] border-l-[0.5px] border-ink-black opacity-10 bg-grid-pattern"
style="background-size: calc(100%/3) 100%;">
</div>
<article
class="glass-panel border-[0.5px] border-ink-black p-8 relative group hover:bg-parchment-deep transition-colors z-10 flex flex-col justify-between min-h-[320px]">
<div class="flex justify-between items-start mb-8">
<span class="material-symbols-outlined text-crimson-authority text-4xl">language</span>
<span class="font-technical-sm text-technical-sm text-ink-black/60">IDX_01</span>
</div>
<div>
<h4
class="font-headline-md text-headline-md mb-4 text-ink-black group-hover:text-crimson-authority transition-colors">
World Models</h4>
<p class="font-body-md text-body-md text-on-surface-variant">Approximating physical
constraints via neural substitution for zero-shot VLA simulation.</p>
</div>
<div class="mt-8 pt-4 border-t-[0.5px] border-ink-black/20 flex justify-between items-center">
<span class="font-label-caps text-label-caps uppercase">Status: Active</span>
<span class="material-symbols-outlined text-ink-black">arrow_forward</span>
</div>
</article>
<article
class="glass-panel border-[0.5px] border-ink-black p-8 relative group hover:bg-parchment-deep transition-colors z-10 flex flex-col justify-between min-h-[320px]">
<div class="flex justify-between items-start mb-8">
<span class="material-symbols-outlined text-forest-intellect text-4xl">architecture</span>
<span class="font-technical-sm text-technical-sm text-ink-black/60">IDX_02</span>
</div>
<div>
<h4
class="font-headline-md text-headline-md mb-4 text-ink-black group-hover:text-forest-intellect transition-colors">
Alignment</h4>
<p class="font-body-md text-body-md text-on-surface-variant">Scaling Multi-Agent
Reinforcement Learning environments to parameterize alignment friction.</p>
</div>
<div class="mt-8 pt-4 border-t-[0.5px] border-ink-black/20 flex justify-between items-center">
<span class="font-label-caps text-label-caps uppercase">Status: Research</span>
<span class="material-symbols-outlined text-ink-black">arrow_forward</span>
</div>
</article>
<article
class="glass-panel border-[0.5px] border-ink-black p-8 relative group hover:bg-parchment-deep transition-colors z-10 flex flex-col justify-between min-h-[320px]">
<div class="flex justify-between items-start mb-8">
<span class="material-symbols-outlined text-azure-logic text-4xl">account_tree</span>
<span class="font-technical-sm text-technical-sm text-ink-black/60">IDX_03</span>
</div>
<div>
<h4
class="font-headline-md text-headline-md mb-4 text-ink-black group-hover:text-azure-logic transition-colors">
Systems</h4>
<p class="font-body-md text-body-md text-on-surface-variant">Minimizing latency via neural
approximation across distributed GPU clusters.</p>
</div>
<div class="mt-8 pt-4 border-t-[0.5px] border-ink-black/20 flex justify-between items-center">
<span class="font-label-caps text-label-caps uppercase">Status: Deployed</span>
<span class="material-symbols-outlined text-ink-black">arrow_forward</span>
</div>
</article>
</div>
</div>
</section>
</main>
<div id="footer-placeholder"></div>
<script src="js/components.js"></script>
</body>
</html>