fix docs

bbohlender · bbohlender · commit 20cf21f299fd · 2025-09-01T18:19:17.000+02:00
diff --git a/README.md b/README.md
@@ -63,9 +63,9 @@ return (
 - [What is a timeline?](https://pmndrs.github.io/timeline/getting-started/1-what-is-a-timeline)
 - [Building your First Timeline](https://pmndrs.github.io/timeline/getting-started/2-first-timeline)
 - [Overview over All Functions](https://pmndrs.github.io/timeline/getting-started/3-overview)
-- [Tutorial: Building Complex Timelines using Parallel](https://pmndrs.github.io/timeline/tutorial/4-parallel)
-- [Tutorial: Building Graph Timelines](https://pmndrs.github.io/timeline/tutorial/5-graph)
-- [Tutorial: Use pmndrs/timeline in vanilla three.js](https://pmndrs.github.io/timeline/tutorial/6-vanilla)
+- [Tutorial: Building Complex Timelines using Parallel](https://pmndrs.github.io/timeline/tutorials/4-parallel)
+- [Tutorial: Building Graph Timelines](https://pmndrs.github.io/timeline/tutorials/5-graph)
+- [Tutorial: Use pmndrs/timeline in vanilla three.js](https://pmndrs.github.io/timeline/tutorials/6-vanilla)
 
 ## Sponsors
 
diff --git a/docs/tutorials/6-vanilla.mdx b/docs/tutorials/6-vanilla.mdx
@@ -115,7 +115,7 @@ const update = start(mainTimeline())
 // render loop
 let last = performance.now()
 function onFrame(now: number) {
-  const delta = now - last
+  const delta = Math.max(1e-6, Math.min(1/30, Math.max(0, (now - last) / 1000)))
   last = now
   update(undefined, delta)
   composer.render(delta)
@@ -144,7 +144,7 @@ window.addEventListener('resize', onResize)
     <title>Vanilla timeline</title>
   </head>
   <body style="margin:0">
-    <div id="root" style="width:100vw;height:100vh"></div>
+    <div id="root" style="position:absolute; inset: 0; touch-action: none"></div>
     <script type="module" src="/index.ts"></script>
   </body>
 </html>`
@@ -277,7 +277,7 @@ If you use vite (`pnpm add vite`), you can create a `index.html` file, add the f
     <script type="module" src="index.ts"></script>
   </head>
   <body style="margin: 0;">
-    <div id="root" style="width: 100dvw; height: 100dvh;"></div>
+    <div id="root" style="position:absolute; inset: 0; touch-action: none"></div>
   </body>
 </html>
 ```
