Skip to content

Commit 92fec4d

Browse files
committed
upd
1 parent 12a0674 commit 92fec4d

5 files changed

Lines changed: 108 additions & 26 deletions

File tree

CLAUDE.md

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
# CLAUDE.md
2+
3+
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
4+
5+
## Project Overview
6+
7+
This is Maks Sorokin's personal academic website built with Astro and Tailwind CSS. The site showcases robotics research, publications, and professional experience. It's a static site generator project deployed to GitHub Pages at https://initmaks.github.io.
8+
9+
## Key Commands
10+
11+
### Development
12+
- `npm run dev` - Start development server with hot reloading
13+
- `npm run build` - Build the production site
14+
- `npm run preview` - Preview the built site locally
15+
- `npm run astro` - Run Astro CLI commands
16+
17+
### Deployment
18+
The site is automatically deployed to GitHub Pages when changes are pushed to the main branch.
19+
20+
## Architecture
21+
22+
### Tech Stack
23+
- **Framework**: Astro 5.x - Static site generator with component islands
24+
- **Styling**: Tailwind CSS 4.x with Vite plugin integration
25+
- **TypeScript**: Strict configuration extending Astro's recommended settings
26+
- **Deployment**: GitHub Pages with custom domain (initmaks.github.io)
27+
28+
### File Structure
29+
- `src/pages/` - Astro pages (index.astro is the main landing page)
30+
- `src/layouts/Layout.astro` - Base layout component with SEO meta tags and Google Analytics
31+
- `src/pages/publications/` - Individual publication detail pages
32+
- `src/styles/global.css` - Global CSS imports and styles
33+
- `assets/` - Media files (videos, images, PDFs, icons)
34+
- `public/` - Static assets served directly
35+
36+
### Key Components
37+
- **Layout.astro**: Base layout with SEO, analytics, and email obfuscation scripts
38+
- **index.astro**: Main landing page with personal info, affiliations, and featured publications
39+
- **publications.astro**: Full publications listing page
40+
- Individual publication pages in `src/pages/publications/`
41+
42+
### Content Management
43+
- Publications are manually authored as individual Astro pages
44+
- Media assets (videos, images, PDFs) are stored in both `assets/` and `public/assets/`
45+
- Email addresses are obfuscated using Base64 encoding for spam protection
46+
47+
### Styling Approach
48+
- Tailwind CSS with utility-first approach
49+
- Responsive design with mobile-first breakpoints
50+
- Custom smooth scrolling and navigation highlighting
51+
- Video autoplay with fallback handling

assets/img/photo.jpg

-1.37 MB
Binary file not shown.

assets/img/photo.png

1.11 MB
Loading

assets/pdfs/CV.pdf

-6.67 MB
Binary file not shown.

src/pages/index.astro

Lines changed: 57 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -24,9 +24,9 @@ import Layout from '../layouts/Layout.astro';
2424
<div class="grid grid-cols-1 md:grid-cols-4 gap-16 mb-8 w-full max-w-6xl">
2525
<!-- Left Column - Photo -->
2626
<div class="md:col-span-1 flex flex-col items-center justify-center pt-8">
27-
<img
28-
src="/assets/img/photo.jpg"
29-
alt="Maks Sorokin"
27+
<img
28+
src="/assets/img/photo.png"
29+
alt="Maks Sorokin"
3030
class="w-full max-w-64 rounded-lg"
3131
/>
3232
</div>
@@ -39,7 +39,7 @@ import Layout from '../layouts/Layout.astro';
3939

4040
<div class="text-lg text-gray-600 mb-8 leading-relaxed">
4141
<p class="mb-4">
42-
I am an Applied Scientist at the <a href="https://rai-inst.com/" class="text-gray-900 hover:text-gray-600 transition-colors">RAI Institute</a>, developing robot learning systems for whole-body manipulation. My work enables robots to have purposeful dynamic interactions with large objects and environments. I focus on fast and steerable policy learning - creating systems that can rapidly acquire new behaviors and generalize well.
42+
I am a Research Scientist at the <a href="https://rai-inst.com/" class="text-gray-900 hover:text-gray-600 transition-colors">RAI Institute</a>, developing robot learning systems for whole-body manipulation. My work enables robots to have purposeful dynamic interactions with large objects and environments. I focus on fast and steerable policy learning - creating systems that can rapidly acquire new behaviors and generalize well.
4343
</p>
4444
<p class="mb-4">
4545
Currently finishing my Robotics Ph.D. at Georgia Tech under
@@ -48,7 +48,7 @@ import Layout from '../layouts/Layout.astro';
4848
<a href="https://ckllab.stanford.edu/" class="text-gray-900 hover:text-gray-600 transition-colors">Dr. C. Karen Liu</a>, where I've built expertise across vision-based learning, navigation, manipulation, and computational design.
4949
</p>
5050
<p>
51-
My goal is to develop robotic systems capable of learning and executing complex physical tasks with elegance - but at superhuman scale, speed, and precision.
51+
My goal is to develop robotic systems capable of learning and executing complex physical tasks with elegance - at scale, and with superhuman speed and precision.
5252
</p>
5353
</div>
5454

@@ -57,8 +57,7 @@ import Layout from '../layouts/Layout.astro';
5757
<a href="https://twitter.com/initmaks" class="text-gray-600 hover:text-gray-900 transition-colors">Twitter</a>
5858
<a href="https://scholar.google.com/citations?user=tFuFXuMAAAAJ" class="text-gray-600 hover:text-gray-900 transition-colors">Google Scholar</a>
5959
<a href="https://linkedin.com/in/initmaks" class="text-gray-600 hover:text-gray-900 transition-colors">LinkedIn</a>
60-
<a href="/assets/pdfs/CV.pdf" class="text-gray-600 hover:text-gray-900 transition-colors">CV</a>
61-
<button id="email-btn" class="text-gray-600 hover:text-gray-900 transition-colors" title="Email">Contact</button>
60+
<button id="email-btn" class="text-gray-600 hover:text-gray-900 transition-colors" title="Email">Email</button>
6261
</div>
6362

6463
<div id="email-display" class="text-sm text-gray-500 font-mono mt-2 opacity-0 transition-opacity duration-300"></div>
@@ -76,7 +75,7 @@ import Layout from '../layouts/Layout.astro';
7675
</div>
7776
<div class="min-w-0 flex-1">
7877
<div class="text-sm text-gray-500 mb-1">2024 - Present</div>
79-
<div class="font-medium text-gray-900 mb-1">Applied Scientist</div>
78+
<div class="font-medium text-gray-900 mb-1">Research Scientist</div>
8079
<a href="https://rai-inst.com/" target="_blank" rel="noopener noreferrer" class="text-gray-600 leading-snug mb-1 hover:text-gray-800 transition-colors cursor-pointer no-underline">RAI Institute</a>
8180
<div class="text-[10px] text-gray-500">(prev. known as Boston Dynamics AI Institute)</div>
8281
</div>
@@ -120,38 +119,39 @@ import Layout from '../layouts/Layout.astro';
120119
<!-- Latest -->
121120
<div class="mb-20">
122121
<h2 class="text-3xl font-light text-gray-900 mb-16">Latest</h2>
123-
124-
<!-- Jacta Paper -->
122+
123+
<!-- Dynamic Whole-Body Manipulation Paper -->
125124
<div class="max-w-6xl mx-auto">
126125
<!-- Video Section -->
127126
<div class="mb-8">
128127
<div class="aspect-video bg-gray-100 rounded-lg overflow-hidden">
129-
<video class="w-full h-full object-cover" autoplay loop muted playsinline>
130-
<source src="/assets/videos/jacta_stool_lift.mp4" type="video/mp4">
131-
</video>
128+
<iframe
129+
class="w-full h-full"
130+
src="https://www.youtube.com/embed/nM_ZHzp8nQA"
131+
title="Combining Sampling and Learning for Dynamic Whole-Body Manipulation"
132+
frameborder="0"
133+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
134+
allowfullscreen
135+
></iframe>
132136
</div>
133137
</div>
134-
138+
135139
<!-- Text Section -->
136140
<div class="text-center">
137141
<h3 class="text-2xl font-medium text-gray-900 mb-4">
138-
<a href="https://jacta-manipulation.github.io/" class="hover:text-gray-600 transition-colors">
139-
Jacta: A Versatile Planner for Learning Dexterous and Whole-body Manipulation
142+
<a href="https://rai-inst.com/resources/blog/combining-sampling-and-learning-for-dynamic-whole-body-manipulation/" class="hover:text-gray-600 transition-colors">
143+
Combining Sampling and Learning for Dynamic Whole-Body Manipulation
140144
</a>
141145
</h3>
142146
<p class="text-gray-600 mb-3">
143-
Jan Brüdigam, Ali Adeeb Abbas, <strong>Maks Sorokin</strong>, Kuan Fang, Brandon Hung, Maya Guru, Stefan Sosnowski, Jiuguang Wang, Sandra Hirche, Simon Le Cleac'h
144-
</p>
145-
<p class="text-sm text-gray-500 mb-6">
146-
IEEE Robotics and Automation Letters (RA-L) 2024
147+
<strong>Maks Sorokin</strong>*, Jan Brüdigam*, Brandon Hung*, Stephen Phillips, Dmitry Yershov, Farzad Niroui, Tong Zhao, <br> Leonor Fermoselle, Xinghao Zhu, Duy Ta, Tao Pang, Jiuguang Wang, Simon Le Cléac'h
147148
</p>
148149
<p class="text-gray-700 mb-6 leading-relaxed max-w-6xl mx-auto">
149-
We combined reinforcement learning with sampling-based algorithms to solve contact-rich manipulation tasks. While sampling-based planners can quickly find successful trajectories for complex manipulation tasks, the solutions often lack robustness. We leveraged a reinforcement learning algorithm to enhance the robustness of a set of planner demonstrations, distilling them into a single policy that can handle variations and uncertainties in real-world scenarios.
150+
We give Spot the ability to manipulate heavy objects (15kg tires) by using its entire body. We combine sampling-based optimization with reinforcement learning to enable forceful, multi-contact manipulation that discovers strategies on the fly. The system handles objects exceeding the robot's nominal payload at near-human speeds.
150151
</p>
151152
<div class="flex flex-wrap justify-center gap-4 text-sm">
152-
<a href="https://jacta-manipulation.github.io/" class="text-gray-900 hover:text-gray-600 transition-colors underline decoration-1 underline-offset-2">project page</a>
153-
<a href="https://github.com/bdaiinstitute/jacta-manipulation" class="text-gray-900 hover:text-gray-600 transition-colors underline decoration-1 underline-offset-2">code</a>
154-
<a href="https://arxiv.org/pdf/2408.01258.pdf" class="text-gray-900 hover:text-gray-600 transition-colors underline decoration-1 underline-offset-2">pdf</a>
153+
<a href="https://rai-inst.com/resources/blog/combining-sampling-and-learning-for-dynamic-whole-body-manipulation/" class="text-gray-900 hover:text-gray-600 transition-colors underline decoration-1 underline-offset-2">blog post</a>
154+
<a href="https://www.youtube.com/watch?v=nM_ZHzp8nQA" class="text-gray-900 hover:text-gray-600 transition-colors underline decoration-1 underline-offset-2">video</a>
155155
</div>
156156
</div>
157157
</div>
@@ -160,9 +160,41 @@ import Layout from '../layouts/Layout.astro';
160160
<!-- Featured -->
161161
<div class="mb-16">
162162
<h2 class="text-3xl font-light text-gray-900 mb-16">Featured</h2>
163-
163+
164164
<div class="space-y-16">
165165

166+
<!-- Jacta Paper -->
167+
<div class="flex flex-col lg:flex-row gap-8 items-center">
168+
<div class="lg:w-1/3">
169+
<div class="aspect-video bg-gray-100 rounded-lg overflow-hidden">
170+
<video class="w-full h-full object-cover" autoplay loop muted playsinline>
171+
<source src="/assets/videos/jacta_stool_lift.mp4" type="video/mp4">
172+
</video>
173+
</div>
174+
</div>
175+
<div class="lg:w-2/3">
176+
<h3 class="text-xl font-medium text-gray-900 mb-3">
177+
<a href="https://jacta-manipulation.github.io/" class="hover:text-gray-600 transition-colors">
178+
Jacta: A Versatile Planner for Learning Dexterous and Whole-body Manipulation
179+
</a>
180+
</h3>
181+
<p class="text-gray-600 mb-2">
182+
Jan Brüdigam, Ali Adeeb Abbas, <strong>Maks Sorokin</strong>, Kuan Fang, Brandon Hung, Maya Guru, Stefan Sosnowski, Jiuguang Wang, Sandra Hirche, Simon Le Cleac'h
183+
</p>
184+
<p class="text-sm text-gray-500 mb-4">
185+
IEEE Robotics and Automation Letters (RA-L) 2024
186+
</p>
187+
<p class="text-gray-700 mb-4 leading-relaxed">
188+
We combined reinforcement learning with sampling-based algorithms to solve contact-rich manipulation tasks. While sampling-based planners can quickly find successful trajectories for complex manipulation tasks, the solutions often lack robustness. We leveraged a reinforcement learning algorithm to enhance the robustness of a set of planner demonstrations, distilling them into a single policy that can handle variations and uncertainties in real-world scenarios.
189+
</p>
190+
<div class="flex flex-wrap gap-4 text-sm">
191+
<a href="https://jacta-manipulation.github.io/" class="text-gray-900 hover:text-gray-600 transition-colors underline decoration-1 underline-offset-2">project page</a>
192+
<a href="https://github.com/bdaiinstitute/jacta-manipulation" class="text-gray-900 hover:text-gray-600 transition-colors underline decoration-1 underline-offset-2">code</a>
193+
<a href="https://arxiv.org/pdf/2408.01258.pdf" class="text-gray-900 hover:text-gray-600 transition-colors underline decoration-1 underline-offset-2">pdf</a>
194+
</div>
195+
</div>
196+
</div>
197+
166198
<!-- Hardware Design Paper -->
167199
<div class="flex flex-col lg:flex-row gap-8 items-center">
168200
<div class="lg:w-1/3">
@@ -250,7 +282,6 @@ import Layout from '../layouts/Layout.astro';
250282
<a href="https://twitter.com/initmaks" class="text-gray-600 hover:text-gray-900 transition-colors">Twitter</a>
251283
<a href="https://scholar.google.com/citations?user=tFuFXuMAAAAJ" class="text-gray-600 hover:text-gray-900 transition-colors">Scholar</a>
252284
<a href="https://linkedin.com/in/initmaks" class="text-gray-600 hover:text-gray-900 transition-colors">LinkedIn</a>
253-
<a href="/assets/pdfs/CV.pdf" class="text-gray-600 hover:text-gray-900 transition-colors">CV</a>
254285
<button id="email-btn-footer" class="text-gray-600 hover:text-gray-900 transition-colors" title="Email">Email</button>
255286
</div>
256287

0 commit comments

Comments
 (0)