lumina-slides 8.0.0

package/dist/deck.json

@@ -0,0 +1,93 @@
+{
+    "meta": {
+        "title": "Lumina V8 Showcase"
+    },
+    "slides": [
+        {
+            "type": "statement",
+            "meta": {
+                "orbColor": "#3b82f6"
+            },
+            "tag": "Declarative Engine",
+            "title": "Lumina V8",
+            "subtitle": "A highly modular, performance-first presentation engine for the modern web."
+        },
+        {
+            "type": "features",
+            "meta": {
+                "orbColor": "#10b981",
+                "orbPos": {
+                    "top": "10%",
+                    "left": "60%"
+                }
+            },
+            "title": "Core Capabilities",
+            "description": "Built to scale from simple decks to complex interactive apps.",
+            "features": [
+                {
+                    "title": "Reactive Store",
+                    "desc": "Centralized state management with external control.",
+                    "icon": "fa-database"
+                },
+                {
+                    "title": "Type Safety",
+                    "desc": "End-to-end strict TypeScript definitions.",
+                    "icon": "fa-shield-halved"
+                },
+                {
+                    "title": "Theming API",
+                    "desc": "CSS Variable generation for instant branding.",
+                    "icon": "fa-palette"
+                },
+                {
+                    "title": "GSAP Context",
+                    "desc": "Memory-leak free animation scoping.",
+                    "icon": "fa-film"
+                },
+                {
+                    "title": "Input Manager",
+                    "desc": "Keyboard, touch, and remote control ready.",
+                    "icon": "fa-keyboard"
+                },
+                {
+                    "title": "Modular",
+                    "desc": "Tree-shakable component architecture.",
+                    "icon": "fa-cube"
+                }
+            ]
+        },
+        {
+            "type": "half",
+            "meta": {
+                "orbColor": "#f43f5e"
+            },
+            "imageSide": "left",
+            "image": "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2000",
+            "tag": "Layout Engine",
+            "title": "Smart Split Layouts",
+            "paragraphs": [
+                "Lumina's split layout automatically adapts to viewport size. On desktop, it pins the image and allows content to scroll independently.",
+                "This ensures that even slides with substantial amounts of text remain readable and accessible without breaking the visual hierarchy.",
+                "Try resizing the browser window to see how the layout transforms into a vertical stack on mobile devices.",
+                "Content is King. We prioritize legibility and typographic rhythm above all else."
+            ],
+            "cta": "Read Documentation"
+        },
+        {
+            "type": "half",
+            "meta": {
+                "orbColor": "#8b5cf6"
+            },
+            "imageSide": "right",
+            "image": "https://images.unsplash.com/photo-1558655146-d09347e0c766?q=80&w=2000",
+            "tag": "Event System",
+            "title": "Interactive by Design",
+            "paragraphs": [
+                "Events are emitted from deep within components and bubbled up to your main application.",
+                "You can listen for specific actions like button clicks, slide transitions, or even custom triggers defined in your own components.",
+                "Click the button below to fire a test action event to the console."
+            ],
+            "cta": "Test Event Emit"
+        }
+    ]
+}

package/dist/layout-features.json

@@ -0,0 +1,72 @@
+{
+    "meta": {
+        "title": "Layout: Features Gallery"
+    },
+    "slides": [
+        {
+            "type": "features",
+            "meta": {
+                "orbColor": "#06b6d4"
+            },
+            "title": "Grid System",
+            "description": "The features layout automatically arranges cards into a responsive grid.",
+            "features": [
+                {
+                    "title": "Card One",
+                    "desc": "Standard card with an icon.",
+                    "icon": "fa-bolt"
+                },
+                {
+                    "title": "Card Two",
+                    "desc": "Cards scale on hover.",
+                    "icon": "fa-star"
+                },
+                {
+                    "title": "Card Three",
+                    "desc": "Fully responsive on mobile.",
+                    "icon": "fa-mobile"
+                },
+                {
+                    "title": "Card Four",
+                    "desc": "Supports 1-4 columns.",
+                    "icon": "fa-table"
+                },
+                {
+                    "title": "Card Five",
+                    "desc": "Glassmorphism simplicity.",
+                    "icon": "fa-glass-water"
+                },
+                {
+                    "title": "Card Six",
+                    "desc": "Auto-flow grid placement.",
+                    "icon": "fa-border-all"
+                }
+            ]
+        },
+        {
+            "type": "features",
+            "meta": {
+                "orbColor": "#f59e0b"
+            },
+            "title": "Few Items",
+            "description": "It looks great with just a few items too.",
+            "features": [
+                {
+                    "title": "Focus",
+                    "desc": "Less items means more attention on each.",
+                    "icon": "fa-eye"
+                },
+                {
+                    "title": "Clarity",
+                    "desc": "Great for high-level overviews.",
+                    "icon": "fa-list-check"
+                },
+                {
+                    "title": "Impact",
+                    "desc": "Icons drive the visual message.",
+                    "icon": "fa-fire"
+                }
+            ]
+        }
+    ]
+}

package/dist/layout-half.json

@@ -0,0 +1,52 @@
+{
+    "meta": {
+        "title": "Layout: Half Gallery"
+    },
+    "slides": [
+        {
+            "type": "half",
+            "meta": {
+                "orbColor": "#8b5cf6"
+            },
+            "imageSide": "left",
+            "image": "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2000",
+            "tag": "Left Aligned",
+            "title": "Image on Left",
+            "paragraphs": [
+                "The classic split screen. Image on the left, content on the right.",
+                "Perfect for introducing a product or feature where the visual context leads the narrative."
+            ],
+            "cta": "Explore Left"
+        },
+        {
+            "type": "half",
+            "meta": {
+                "orbColor": "#10b981"
+            },
+            "imageSide": "right",
+            "image": "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2000",
+            "tag": "Right Aligned",
+            "title": "Image on Right",
+            "paragraphs": [
+                "Switching sides is as easy as changing one property in the JSON.",
+                "This layout is great for maintaining visual interest by alternating image positions across multiple slides.",
+                "Notice how the content area scrolls independently if the text gets too long."
+            ],
+            "cta": "Explore Right"
+        },
+        {
+            "type": "half",
+            "meta": {
+                "orbColor": "#f43f5e"
+            },
+            "imageSide": "right",
+            "image": "https://images.unsplash.com/photo-1542751371-adc38448a05e?q=80&w=2000",
+            "tag": "No CTA",
+            "title": "Informational",
+            "paragraphs": [
+                "Sometimes you don't need a button. This variation omits the CTA field entirely.",
+                "Use this for pure storytelling or deep dives into technical details."
+            ]
+        }
+    ]
+}

package/dist/layout-statement.json

@@ -0,0 +1,33 @@
+{
+    "meta": {
+        "title": "Layout: Statement Gallery"
+    },
+    "slides": [
+        {
+            "type": "statement",
+            "meta": {
+                "orbColor": "#ec4899"
+            },
+            "tag": "Minimal",
+            "title": "Impactful Headlines",
+            "subtitle": "The standard statement slide allows for massive typography to drive a point home."
+        },
+        {
+            "type": "statement",
+            "meta": {
+                "orbColor": "#eab308"
+            },
+            "tag": "Typography",
+            "title": "Gradient Text Support",
+            "subtitle": "Our engine automatically applies gradients to H1 elements for that modern SaaS look."
+        },
+        {
+            "type": "statement",
+            "meta": {
+                "orbColor": "#3b82f6"
+            },
+            "tag": "No Subtitle",
+            "title": "A Bold Claim Stands Alone"
+        }
+    ]
+}

package/dist/layout-steps.json

@@ -0,0 +1,37 @@
+{
+    "meta": {
+        "title": "Layout: Steps Gallery"
+    },
+    "slides": [
+        {
+            "type": "steps",
+            "meta": {
+                "orbColor": "#ec4899"
+            },
+            "title": "How It Works",
+            "subtitle": "Getting started with Lumina is a simple 4-step process.",
+            "steps": [
+                {
+                    "step": "01",
+                    "title": "Install",
+                    "description": "Add the library to your Vue 3 project via npm or yarn."
+                },
+                {
+                    "step": "02",
+                    "title": "Configure",
+                    "description": "Set up your theme options and global settings in the init call."
+                },
+                {
+                    "step": "03",
+                    "title": "Create",
+                    "description": "Build your slides using the declarative JSON format."
+                },
+                {
+                    "step": "04",
+                    "title": "Deploy",
+                    "description": "Ship your high-performance deck to any static host."
+                }
+            ]
+        }
+    ]
+}

package/dist/layout-timeline.json

@@ -0,0 +1,37 @@
+{
+    "meta": {
+        "title": "Layout: Timeline Gallery"
+    },
+    "slides": [
+        {
+            "type": "timeline",
+            "meta": {
+                "orbColor": "#3b82f6"
+            },
+            "title": "Project History",
+            "subtitle": "A visual journey through our milestones.",
+            "timeline": [
+                {
+                    "date": "Q1 2023",
+                    "title": "Inception",
+                    "description": "The initial concept was drafted and the core team was assembled to begin research."
+                },
+                {
+                    "date": "Q3 2023",
+                    "title": "Prototype",
+                    "description": "First functional MVP was released to a closed group of testers for feedback."
+                },
+                {
+                    "date": "Q1 2024",
+                    "title": "Beta Launch",
+                    "description": "Public beta opened, bringing in over 10,000 active users in the first month."
+                },
+                {
+                    "date": "Q4 2024",
+                    "title": "Global Expansion",
+                    "description": "Scaling infrastructure to support enterprise clients across 3 continents."
+                }
+            ]
+        }
+    ]
+}