add sora

yyvhang · yyvhang · commit 5d6b2c1b482c · 2024-12-10T20:32:37.000+08:00
diff --git a/docs/index.html b/docs/index.html
@@ -103,6 +103,7 @@ <h2 class="model-results-title">Check separate model videos: </h2>
             <a href="specifc_model/vidu1.5/vidu1.5.html">Vidu1.5 (Nov.)</a>
             <a href="specifc_model/hunyuan/hunyuan.html">Hunyuan (Dec.)</a>
             <a href="specifc_model/hunyuan/hunyuan_recap.html">Hunyuan (prompt refine and 50 steps)</a>
+            <a href="specifc_model/Sora/sora.html">Sora (Dec.)</a>
         </div>
     </section>
 
diff --git a/docs/specifc_model/Sora/sora.html b/docs/specifc_model/Sora/sora.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Sora Results</title>
+    <link rel="stylesheet" href="../css/specific_styles.css">
+</head>
+<body>
+<main>
+    <header>
+        <div class="header-left">
+            <a href="../../index.html" class="back-to-main">← Back to Main</a>
+            <div class="logo">
+                <span>●</span> Sora (Dec.)
+            </div>
+        </div>
+        <nav class="category-nav">
+            <a href="#text-to-video" class="category-button">Text-to-Video</a>
+        </nav>
+    </header>
+    <section class="intro">
+        <h1>Videos Generated by <a href="https://openai.com/sora/">Sora</a></h1>
+    </section>
+
+    <section id="text-to-video">
+        <h1>Text-to-Video</h1>
+        <div class="projects-container" id="gallery1">
+            <div class="projects">
+            </div>
+        </div>
+    </section>
+    
+</main>
+
+<script src="./sora.js"></script>
+<script>
+    // 平滑滚动
+    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+        anchor.addEventListener('click', function (e) {
+            e.preventDefault();
+            document.querySelector(this.getAttribute('href')).scrollIntoView({
+                behavior: 'smooth'
+            });
+        });
+    });
+
+    // 高亮当前活动的导航项
+    const navLinks = document.querySelectorAll('.category-button');
+    const sections = document.querySelectorAll('section');
+
+    function changeLinkState() {
+        let index = sections.length;
+
+        while(--index && window.scrollY + 50 < sections[index].offsetTop) {}
+        
+        navLinks.forEach((link) => link.classList.remove('active'));
+        navLinks[index - 1].classList.add('active');
+    }
+
+    window.addEventListener('scroll', changeLinkState);
+</script>
+
+</body>
+</html>
diff --git a/docs/specifc_model/Sora/sora.js b/docs/specifc_model/Sora/sora.js
