Teaser version 7 (#256)

Author: ildyria

public/Lychee-v7-teasing.png

@@ -255,4 +255,53 @@ const metadata = {
 
     <Fragment slot="subtitle"> Deploy in a matter of seconds with our docker-compose file. </Fragment>
   </CallToAction>
+
+  <script>
+  document.addEventListener('DOMContentLoaded', () => {
+    const teaser = document.createElement('div');
+    teaser.id = 'teaser';
+    teaser.style.position = 'fixed';
+    teaser.style.top = '0';
+    teaser.style.left = '0';
+    teaser.style.width = '100%';
+    teaser.style.height = '100%';
+    teaser.style.backgroundColor = 'black';
+    teaser.style.display = 'flex';
+    teaser.style.justifyContent = 'center';
+    teaser.style.alignItems = 'center';
+    teaser.style.zIndex = '9999';
+    teaser.style.transition = 'opacity 3s ease-in';
+
+    const img = document.createElement('img');
+    img.src = '/Lychee-v7-teasing.png';
+    img.alt = 'Teaser Image';
+    img.style.maxWidth = '90%';
+    img.style.maxHeight = '90%';
+    img.style.transform = 'scale(1)';
+    img.style.opacity = '0';
+    img.style.transition = 'transform 6s ease-in-out, opacity 3s ease';
+
+    teaser.appendChild(img);
+    document.body.appendChild(teaser);
+
+    // Start the zoom animation
+    setTimeout(() => {
+      img.style.opacity = '1';
+      img.style.transform = 'scale(1.5)';
+    }, 0);
+
+    // Fade out the teaser after the zoom animation
+    setTimeout(() => {
+      teaser.style.opacity = '0';
+      img.style.opacity = '0';
+      setTimeout(() => {
+        teaser.remove();
+      }, 3000);
+    }, 3000);
+
+    teaser.addEventListener('click', () => {
+      teaser.remove();
+    });
+  });
+</script>
 </Layout>

src/pages/index.astro

@@ -1,6 +1,5 @@
 ---
 import Layout from '~/layouts/PageLayout.astro';
-import Hero from '~/components/widgets/Hero.astro';
 
 const metadata = {
   title: 'Roadmap - Lychee Release History',
@@ -9,6 +8,7 @@ const metadata = {
 
 // Release data extracted from releases.md
 const releases = [
+  { version: 'v7.0.0', date: 'Soon...', title: 'Upcoming Major Release', type: 'major', highlights: ['Stay tuned for exciting new features and improvements!'] },
   { version: 'v6.10.4', date: 'Dec 11, 2025', title: 'Minor Reflected SSRF fix', type: 'security', highlights: ['Fixed SSRF vulnerability with redirect validation', 'Added expert configuration to disable URL redirects'] },
   { version: 'v6.10.3', date: 'Dec 4, 2025', title: 'Video support in embedded galleries', type: 'feature', highlights: ['Added video support to embedded galleries', 'Translations in EmbedCodeDialog', 'Fixed base URL for embedded galleries'] },
   { version: 'v6.10.2', date: 'Nov 18, 2025', title: 'Translation updates and fixes', type: 'enhancement', highlights: ['Translation of all settings in admin panel', 'Fixed groups not loading in share dialog', 'Fixed SmartAlbum portrait errors'] },