chore: import upstream snapshot with attribution

2026-07-13 12:58:35 +08:00
commit 85453da49f
4031 changed files with 710987 additions and 0 deletions
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>body { margin: 0; background: #000; width: 1920px; height: 1080px; } iframe { border: 0; display: block; }</style>
+</head>
+<body>
+  <div id="root" data-composition-id="iframe-test" data-width="1920" data-height="1080" data-start="0" data-duration="5">
+    <iframe src="target.html" width="1920" height="1080" class="clip" data-start="0" data-duration="5"></iframe>
+  </div>
+  <script>window.__timelines = window.__timelines || {};</script>
+</body>
+</html>
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  html, body { margin: 0; padding: 0; width: 1920px; height: 1080px; background: #111; color: #fff; font-family: system-ui, sans-serif; overflow: hidden; }
+  .stage { display:flex; align-items:center; justify-content:center; width:100%; height:100%; gap:120px; }
+  .dial {
+    width: 400px; height: 400px;
+    border: 20px solid rgba(255,255,255,0.12);
+    border-top-color: #60a5fa;
+    border-radius: 50%;
+    transform: rotate(0deg);
+  }
+  .bar {
+    width: 600px; height: 120px;
+    background: linear-gradient(90deg, #f472b6, #60a5fa);
+    transform: translateX(-300px);
+  }
+  .label { font-size: 80px; font-weight: 800; }
+</style>
+</head>
+<body>
+  <div class="stage">
+    <div class="dial" id="dial"></div>
+    <div>
+      <div class="label">LIVE SITE</div>
+      <div class="bar" id="bar"></div>
+    </div>
+  </div>
+  <script>
+    const dial = document.getElementById("dial");
+    const bar = document.getElementById("bar");
+
+    function animate(timeMs) {
+      const rotation = (timeMs / 2000) * 360;
+      const offset = Math.sin((timeMs / 3000) * Math.PI) * 300;
+
+      dial.style.transform = `rotate(${rotation.toFixed(3)}deg)`;
+      bar.style.transform = `translateX(${offset.toFixed(3)}px)`;
+
+      requestAnimationFrame(animate);
+    }
+
+    requestAnimationFrame(animate);
+  </script>
+</body>
+</html>