weird-website/index.html at main · WEIRDLabUW/weird-website · GitHub

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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Expires" content="0">
  <title>WEIRD Lab</title>
  <link rel="icon" type="image/png" href="images/favicon.png">
  <script>
	  document.write('<link rel="stylesheet" href="css/style.css?v=' + Date.now() + '">');
  </script>
</head>
<body>


<div class="layout-three">
  <main>
    <div class="main-header">
      <div>
        <h1>WEIRD Lab</h1>
        <p class="intro">Washington Embodied Intelligence and Robotics Development Lab </p>
      </div>
      <img src="images/logo.png" alt="WEIRD Lab logo" class="site-logo">
    </div>
    <p>
      We work on algorithms
      and systems that enable real-world robotic manipulation in the home. Our interests also span computer vision,
      language modeling, human-robot interaction and broader notions of robustness and reliability in machine learning systems.
      We are affiliated with <a href="https://robotics.cs.washington.edu/">UW Robotics</a> and the <a href="https://www.cs.washington.edu">Paul G. Allen School for Computer Science and Engineering</a> at the University of Washington.

    </p>
    <div class="carousel">
      <img src="images/lab_photo.jpg" alt="The lab" class="lab-photo">
      <img src="images/lab_photo_2.jpg" alt="Lab dinner" class="lab-photo">
      <img src="images/topgolf.jpg" alt="Top Golf" class="lab-photo">
      <div class="carousel-dots"></div>
    </div>

    <footer>
      <a href="https://github.com/WEIRDLabUW">github</a>
      <a href="https://robotics.cs.washington.edu/">uw robotics</a>
    </footer>
  </main>

  <aside class="pub-sidebar-left" id="pub-sidebar"></aside>

  <aside class="people-sidebar">
    <div class="people-group">
      <h3>Assistant Professor</h3>
      <a href="https://homes.cs.washington.edu/~abhgupta" class="person-row" data-person="abhishek">
        <img src="images/people/abhgupta_sm.jpeg" alt="Abhishek Gupta">
        <span>Abhishek Gupta</span>
      </a>
    </div>

    <div class="people-group">
      <h3>Postdocs</h3>
      <a href="https://tyler-westenbroek.github.io/" class="person-row" data-person="tyler">
        <img src="images/people/tyler.jpeg" alt="Tyler Westenbroek">
        <span>Tyler Westenbroek</span>
      </a>
      <a href="https://www.jessezhang.net/" class="person-row" data-person="jesse">
        <img src="images/people/jesse.jpeg" alt="Jesse Zhang">
        <span>Jesse Zhang</span>
      </a>
    </div>

    <div class="people-group">
      <h3>PhD</h3>
      <a href="https://homes.cs.washington.edu/~zchuning/" class="person-row" data-person="chuning">
        <img src="images/people/chuning.jpg" alt="Chuning Zhu">
        <span>Chuning Zhu</span>
      </a>
      <a href="https://memmelma.github.io/" class="person-row" data-person="marius">
        <img src="images/people/marius.jpg" alt="Marius Memmel">
        <span>Marius Memmel</span>
      </a>
      <a href="https://yunchuzhang.github.io/" class="person-row" data-person="yunchu">
        <img src="images/people/yunchu.jpg" alt="Yunchu Zhang">
        <span>Yunchu Zhang</span>
      </a>
      <a href="https://www.mateoguaman.com/" class="person-row" data-person="mateo">
        <img src="images/people/mateo.jpeg" alt="Mateo Guaman Castro">
        <span>Mateo Guaman Castro</span>
      </a>
      <a href="https://sriyash.me/" class="person-row" data-person="sriyash">
        <img src="images/people/sriyash.jpeg" alt="Sriyash Poddar">
        <span>Sriyash Poddar</span>
      </a>
      <a href="https://patrickyin.me/" class="person-row" data-person="patrick">
        <img src="images/people/patrick.jpg" alt="Patrick Yin">
        <span>Patrick Yin</span>
      </a>
      <a href="https://ey-cai.github.io/" class="person-row" data-person="eric">
        <img src="images/people/eric.jpg" alt="Eric Cai">
        <span>Eric Cai</span>
      </a>
      <a href="https://arhanjain.github.io/" class="person-row" data-person="arhan">
        <img src="images/people/arhan.jpg" alt="Arhan Jain">
        <span>Arhan Jain</span>
      </a>
      <div class="person-row" data-person="entong">
        <img src="images/people/entong.jpg" alt="Entong Su">
        <span>Entong Su</span>
      </div>
      <a href="https://willhuey.com/" class="person-row" data-person="william">
        <img src="images/people/will.jpg" alt="William Huey">
        <span>William Huey</span>
      </a>
    </div>

    <div class="people-group">
      <h3>Masters / Undergrad</h3>
      <div class="person-row" data-person="shubham">
        <img src="images/people/shubham.jpeg" alt="Shubham Mittal">
        <span>Shubham Mittal</span>
      </div>
      <div class="person-row" data-person="aditya">
        <img src="images/people/aditya.jpg" alt="Aditya Shah">
        <span>Aditya Shah</span>
      </div>
      <a href="https://cleahwin.github.io/" class="person-row" data-person="cleah">
        <img src="images/people/cleahw.jpg" alt="Cleah Winston">
        <span>Cleah Winston</span>
      </a>
      <div class="person-row" data-person="daniel">
        <img src="images/people/daniel.jpeg" alt="Daniel Gorbatov">
        <span>Daniel Gorbatov</span>
      </div>
      <div class="person-row" data-person="joshua">
        <img src="images/people/joshua.jpeg" alt="Joshua Tran">
        <span>Joshua Tran</span>
      </div>
      <a href="https://teeg.org/" class="person-row" data-person="pranav">
        <img src="images/people/pranav.jpg" alt="Pranav Teegavarapu">
        <span>Pranav Teegavarapu</span>
      </a>
      <a href="https://quinnmp.github.io/" class="person-row" data-person="quinn">
        <img src="images/people/quinn.jpeg" alt="Quinn Pfeifer">
        <span>Quinn Pfeifer</span>
      </a>
      <a href="https://raymondyu5.github.io/" class="person-row" data-person="raymond">
        <img src="images/people/raymond.jpg" alt="Raymond Yu">
        <span>Raymond Yu</span>
      </a>
      <div class="person-row" data-person="rico">
        <img src="images/people/rico.jpeg" alt="Rico Qi">
        <span>Rico Qi</span>
      </div>
      <div class="person-row" data-person="sidharth">
        <img src="images/people/sidraja.jpeg" alt="Sidharth Rajagopal">
        <span>Sidharth Rajagopal</span>
      </div>
      <div class="person-row" data-person="waleed">
        <img src="images/people/walyag.jpg" alt="Waleed Yagoub">
        <span>Waleed Yagoub</span>
      </div>
      <div class="person-row" data-person="yanda">
        <img src="images/people/yanda.jpeg" alt="Yanda Bao">
        <span>Yanda Bao</span>
      </div>
    </div>
    <div class="people-group">
      <h3>Alumni</h3>
      <a href="https://jacob-berg.com/" class="person-row alumni-row" data-person="jacob">
        <span class="person-name">Jacob Berg</span>
        <span class="person-arrow" aria-hidden="true">→</span>
        <span class="person-destination">PhD @ Berkeley</span>
      </a>
      </div>
    </div>
  </aside>
</div>

<button class="contact-tab" onclick="toggleContact()">Contact</button>
<div class="contact-drawer">
  <div class="contact-drawer-content">
    <p><strong>PhD applicants:</strong> <a href="https://www.cs.washington.edu/academics/phd/admissions">Apply to UW CSE</a> and list Abhishek as faculty of interest. <strong>Don't email directly.</strong></p>
    <p><strong>Postdocs:</strong> Email <a href="mailto:abhgupta@cs.washington.edu">abhgupta@cs.washington.edu</a> with your CV.</p>
    <p><strong>UW students:</strong> <a href="https://forms.gle/RX1wG7iRGgjfCaoK8">Fill out this form</a>. We only work with current UW students.</p>
    <p><strong>Location:</strong> Bill & Melinda Gates Hall, 3800 E Stevens Way NE, Seattle WA 98195</p>
    <p><strong>Lab tours:</strong> We host tours for students and visitors in Seattle. <a href="mailto:abhgupta@cs.washington.edu">Email us</a> to schedule with details of your visit and group.</p>
  </div>
</div>

<script>
const papers = [
  // year: used for sorting (newest first). Use 9999 for unpublished/under review.
  // authors: keys matching data-person attributes (e.g. "arhan", "marius").
  // selected: False (let abhishek decide the representative papers); all of a person's papers show on hover.
  { title: "SCORE: Support-Constrained RL Enables Real-World Policy Improvement without Real-World Experience", url: "https://weirdlabuw.github.io/score/", venue: "Under Review", year: 2026, selected: true,
    authors: ["abhishek", "raymond", "william"] },
  { title: "TMRL: Diffusion Timestep-Modulated Pre-training Enables Exploration for Efficient Policy Fine-tuning", url: "https://weirdlabuw.github.io/tmrl/", venue: "RSS 2026", year: 2026, selected: true,
    authors: ["abhishek", "jesse"] },
  { title: "Robometer: Scaling General-Purpose Robotic Reward Models via Trajectory Comparisons", url: "https://robometer.github.io/", venue: "RSS 2026", year: 2026, selected: true,
    authors: ["abhishek", "jesse", "aditya"] },
  { title: "VAMOS: A Hierarchical Vision-Language-Action Model for Capability-Modulated and Steerable Navigation", url: "https://vamos-vla.github.io/", venue: "Under Review", year: 9999, selected: true,
    authors: ["abhishek", "mateo", "sidharth", "daniel"] },
  { title: "PEEK: Guiding and Minimal Image Representations for Zero-Shot Generalization of Robot Manipulation Policies", url: "https://peek-robot.github.io/", venue: "ICRA 2026", year: 2026, selected: false,
    authors: ["abhishek", "jesse", "marius"] },
  { title: "OmniReset: Emergent Dexterity via Diverse Resets and Large-Scale Reinforcement Learning", url: "https://weirdlabuw.github.io/omnireset/", venue: "ICLR 2026", year: 2026, selected: true,
    authors: ["abhishek", "patrick", "tyler", "joshua"] },
  { title: "DARP: Difference-Aware Retrieval Policies for Imitation Learning", url: "https://weirdlabuw.github.io/darp-site/", venue: "ICLR 2026", year: 2026, selected: false,
    authors: ["abhishek", "quinn"] },
  { title: "Unified World Models: Coupling Video and Action Diffusion for Pretraining on Large Robotic Datasets", url: "https://weirdlabuw.github.io/uwm/", venue: "RSS 2025 · ICML 2025 Workshop Best Paper", year: 2025, selected: true,
    authors: ["abhishek", "chuning", "raymond"] },
  { title: "Semantic World Models", url: "https://weirdlabuw.github.io/swm/", venue: "Under Review", year: 9999, selected: true,
    authors: ["abhishek", "chuning", "jacob", "yanda"] },
  { title: "Strap: Robot Sub-Trajectory Retrieval for Augmented Policy Learning", url: "https://weirdlabuw.github.io/strap/", venue: "ICLR 2025", year: 2025, selected: false,
    authors: ["abhishek", "marius", "jacob"] },
  { title: "DSRL: Steering Your Diffusion Policy with Latent Space Reinforcement Learning", url: "https://diffusion-steering.github.io", venue: "CoRL 2025 Oral, Best Paper Nominee", year: 2025, selected: true,
    authors: ["abhishek", "yunchu", "waleed"] },
  { title: "RialTo: Reconciling Reality Through Simulation: A Real-to-Sim-to-Real Approach for Robust Manipulation", url: "https://real-to-sim-to-real.github.io/RialTo/", venue: "RSS 2024", year: 2024, selected: true,
    authors: ["abhishek"] },
  { title: "PolaRiS: Scalable Real-to-Sim Evaluations for Generalist Robot Policies", url: "https://polaris-evals.github.io", venue: "RSS 2026", year: 2026, selected: true,
    authors: ["abhishek", "arhan"] },
  { title: "HAMSTER: Hierarchical Action Models For Open-World Robot Manipulation", url: "https://hamster-robot.github.io", venue: "ICLR 2025", year: 2025, selected: true,
    authors: ["abhishek", "jesse", "marius", "raymond"] },
  { title: "CCIL: Continuity-based Data Augmentation for Corrective Imitation Learning", url: "https://personalrobotics.github.io/CCIL/", venue: "ICLR 2024", year: 2024, selected: true,
    authors: ["abhishek", "yunchu"] },
  { title: "CCIL Real: Data Efficient Behavior Cloning for Fine Manipulation via Continuity-based Corrective Labels", url: "https://personalrobotics.github.io/CCIL/", venue: "IROS 2024", year: 2024, selected: false,
    authors: ["abhishek", "quinn"] },
  { title: "SERL: A Software Suite for Sample-Efficient Robotic Reinforcement Learning", url: "https://serl-robot.github.io", venue: "ICRA 2024", year: 2024, selected: true,
    authors: ["abhishek", "jacob"] },
  { title: "DIAYN: Diversity is All You Need: Learning Diverse Skills without a Reward Function", url: "https://sites.google.com/view/diayn", venue: "ICLR 2018", year: 2018, selected: true,
    authors: ["abhishek"] },
  { title: "SAC: Soft Actor-Critic Algorithms and Applications", url: "https://sites.google.com/view/sac-and-applications", venue: "ICML 2018", year: 2018, selected: true,
    authors: ["abhishek"] },
  { title: "RoboArena: Distributed Real-World Evaluation of Generalist Robot Policies", url: "https://robo-arena.github.io", venue: "CoRL 2025 Oral", year: 2025, selected: false,
    authors: ["abhishek", "arhan"] },
  { title: "DRAWER: Digital Reconstruction and Articulation With Environment Realism", url: "https://xiahongchi.github.io/DRAWER/", venue: "CVPR 2025", year: 2025, selected: false,
    authors: ["abhishek", "arhan", "entong", "marius", "raymond"] },
  { title: "CASHER: Robot Learning with Super-Linear Scaling", url: "https://casher-robot-learning.github.io/CASHER/", venue: "RSS 2025", year: 2025, selected: false,
    authors: ["abhishek", "arhan"] },
  { title: "SGFT: Rapidly Adapting Policies to the Real-World via Simulation-Guided Fine-Tuning", url: "https://weirdlabuw.github.io/sgft/", venue: "ICLR 2025", year: 2025, selected: false,
    authors: ["abhishek", "patrick", "tyler"] },
  { title: "DROID: A Large-Scale In-the-Wild Robot Manipulation Dataset", url: "https://droid-dataset.github.io", venue: "RSS 2024", year: 2024, selected: false,
    authors: ["abhishek", "arhan", "marius", "yunchu", "mateo", "patrick"] },
  { title: "Open X-Embodiment: Robotic Learning Datasets and RT-X Models", url: "https://robotics-transformer-x.github.io", venue: "ICRA 2024 Best Paper", year: 2024, selected: false,
    authors: ["abhishek", "arhan", "marius", "yunchu", "mateo", "patrick"] },
];

const pubSidebar = document.getElementById('pub-sidebar');
let activeFilter = null;
let showAll = false;

function renderPubs(filter) {
  const filtered = (filter
    ? papers.filter(p => p.authors.includes(filter))
    : showAll ? papers : papers.filter(p => p.selected)
  ).sort((a, b) => b.year - a.year);

  const personRow = filter && document.querySelector(`[data-person="${filter}"]`);
  const personName = personRow ? personRow.querySelector('span').textContent : '';

  pubSidebar.innerHTML = '';

  if (filter) {
    const heading = document.createElement('h3');
    heading.textContent = personName;
    pubSidebar.appendChild(heading);
  } else {
    const toggle = document.createElement('div');
    toggle.className = 'pub-toggle';
    toggle.innerHTML =
      '<button class="pub-toggle-btn' + (!showAll ? ' active' : '') + '" data-mode="selected">Selected</button>' +
      '<span class="pub-toggle-sep">|</span>' +
      '<button class="pub-toggle-btn' + (showAll ? ' active' : '') + '" data-mode="all">All Papers</button>';
    toggle.addEventListener('click', function(e) {
      const btn = e.target.closest('[data-mode]');
      if (!btn) return;
      showAll = btn.dataset.mode === 'all';
      renderPubs(null);
    });
    pubSidebar.appendChild(toggle);
  }

  filtered.forEach((p, i) => {
    const a = document.createElement('a');
    a.href = p.url;
    a.className = 'pub-item';
    a.style.animationDelay = (i * 40) + 'ms';
    const colonIdx = p.title.indexOf(':');
    const titleHtml = colonIdx > -1
      ? `<strong>${p.title.slice(0, colonIdx)}</strong>${p.title.slice(colonIdx)}`
      : `<strong>${p.title}</strong>`;
    a.innerHTML = `<span class="pub-info">${titleHtml}<span class="venue">${p.venue}</span></span>`;
    pubSidebar.appendChild(a);
  });

  if (filtered.length === 0) {
    const empty = document.createElement('p');
    empty.className = 'pub-empty';
    empty.textContent = 'No publications yet';
    pubSidebar.appendChild(empty);
  }
}

renderPubs(null);

let resetTimeout = null;

function cancelReset() {
  if (resetTimeout) { clearTimeout(resetTimeout); resetTimeout = null; }
}

function scheduleReset() {
  cancelReset();
  resetTimeout = setTimeout(() => {
    if (activeFilter === null) return;
    activeFilter = null;
    renderPubs(null);
  }, 150);
}

document.querySelectorAll('.person-row[data-person]').forEach(row => {
  row.addEventListener('mouseenter', () => {
    cancelReset();
    const person = row.dataset.person;
    if (activeFilter !== person) {
      activeFilter = person;
      renderPubs(person);
    }
  });
});

const peopleSidebar = document.querySelector('.people-sidebar');
peopleSidebar.addEventListener('mouseleave', scheduleReset);
peopleSidebar.addEventListener('mouseenter', cancelReset);

pubSidebar.addEventListener('mouseenter', cancelReset);
pubSidebar.addEventListener('mouseleave', scheduleReset);

function toggleContact() {
  document.querySelector('.contact-drawer').classList.toggle('active');
  document.querySelector('.contact-tab').classList.toggle('active');
}

document.addEventListener('keydown', function(e) {
  if (e.key === 'Escape') {
    document.querySelector('.contact-drawer').classList.remove('active');
    document.querySelector('.contact-tab').classList.remove('active');
  }
});

// Carousel
(function() {
  const carousel = document.querySelector('.carousel');
  const slides = Array.from(carousel.querySelectorAll('.lab-photo'));
  const dotsContainer = document.querySelector('.carousel-dots');
  const count = slides.length;
  let current = 0;
  let autoTimer;
  let animating = false;

  // All slides start off-screen to the right, except the first
  slides.forEach((s, i) => {
    s.style.transform = i === 0 ? 'translateX(0)' : 'translateX(100%)';
  });

  slides.forEach((_, i) => {
    const dot = document.createElement('button');
    dot.className = 'carousel-dot' + (i === 0 ? ' active' : '');
    dot.addEventListener('click', () => { goTo(i); resetAuto(); });
    dotsContainer.appendChild(dot);
  });

  function updateDots() {
    dotsContainer.querySelectorAll('.carousel-dot').forEach((d, i) =>
      d.classList.toggle('active', i === current));
  }

  function goTo(index, direction) {
    if (animating || index === current) return;
    animating = true;
    const next = ((index % count) + count) % count;
    const dir = direction || (next > current ? 1 : -1);
    const leaving = slides[current];
    const entering = slides[next];

    // Place entering slide off-screen in the direction we're sliding from
    entering.style.transition = 'none';
    entering.style.transform = 'translateX(' + (dir * 100) + '%)';
    entering.offsetHeight; // reflow

    // Animate both
    entering.style.transition = '';
    entering.style.transform = 'translateX(0)';
    leaving.style.transform = 'translateX(' + (-dir * 100) + '%)';

    current = next;
    updateDots();

    leaving.addEventListener('transitionend', function handler() {
      leaving.removeEventListener('transitionend', handler);
      animating = false;
    });
    // Fallback in case transitionend doesn't fire
    setTimeout(() => { animating = false; }, 500);
  }

  function resetAuto() {
    clearInterval(autoTimer);
    autoTimer = setInterval(() => goTo((current + 1) % count, 1), 5000);
  }
  resetAuto();

  // Drag / swipe
  let startX = 0, dragX = 0, dragging = false, dragOther = -1, dragDir = 0;

  function onStart(e) {
    if (animating) return;
    dragging = true;
    startX = (e.touches ? e.touches[0] : e).clientX;
    dragX = 0;
    dragDir = 0;
    dragOther = -1;
    slides[current].style.transition = 'none';
  }

  function onMove(e) {
    if (!dragging) return;
    dragX = (e.touches ? e.touches[0] : e).clientX - startX;
    const pct = (dragX / carousel.offsetWidth) * 100;
    const newDir = dragX < 0 ? 1 : -1; // 1 = sliding left (next), -1 = sliding right (prev)

    // When drag direction changes, reposition the companion slide
    if (newDir !== dragDir) {
      dragDir = newDir;
      const other = dragDir === 1
        ? (current + 1) % count
        : (current - 1 + count) % count;
      if (dragOther >= 0 && dragOther !== other) {
        slides[dragOther].style.transition = 'none';
        slides[dragOther].style.transform = 'translateX(100%)';
      }
      dragOther = other;
      slides[dragOther].style.transition = 'none';
      slides[dragOther].style.transform = dragDir === 1 ? 'translateX(100%)' : 'translateX(-100%)';
      slides[dragOther].offsetHeight;
    }

    slides[current].style.transform = 'translateX(' + pct + '%)';
    if (dragOther >= 0) {
      const otherBase = dragDir === 1 ? 100 : -100;
      slides[dragOther].style.transform = 'translateX(' + (otherBase + pct) + '%)';
    }
  }

  function onEnd() {
    if (!dragging) return;
    dragging = false;
    const threshold = carousel.offsetWidth * 0.2;

    slides[current].style.transition = '';
    if (dragOther >= 0) slides[dragOther].style.transition = '';

    if (dragX < -threshold && dragOther >= 0) {
      // Swiped left → show next
      slides[current].style.transform = 'translateX(-100%)';
      slides[dragOther].style.transform = 'translateX(0)';
      current = dragOther;
    } else if (dragX > threshold && dragOther >= 0) {
      // Swiped right → show prev
      slides[current].style.transform = 'translateX(100%)';
      slides[dragOther].style.transform = 'translateX(0)';
      current = dragOther;
    } else {
      // Snap back
      slides[current].style.transform = 'translateX(0)';
      if (dragOther >= 0) {
        const otherBase = dragDir === 1 ? 100 : -100;
        slides[dragOther].style.transform = 'translateX(' + otherBase + '%)';
      }
    }
    dragOther = -1;
    dragDir = 0;
    updateDots();
    resetAuto();
  }

  carousel.addEventListener('mousedown', onStart);
  window.addEventListener('mousemove', onMove);
  window.addEventListener('mouseup', onEnd);
  carousel.addEventListener('touchstart', onStart, { passive: true });
  window.addEventListener('touchmove', onMove, { passive: true });
  window.addEventListener('touchend', onEnd);
})();
</script>

</body>
</html>