Tilo15
/
Spry


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
							using Astralis;
using Spry;

/**
 * SiteLayoutTemplate - The base template for all pages
 * 
 * Provides:
 * - HTML document structure
 * - Common <head> elements (scripts, styles)
 * - Site-wide header with navigation
 * - Site-wide footer
 */
public class SiteLayoutTemplate : PageTemplate {
    
    public override string markup { get {
        return """
        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Spry Framework - Modern Web Development in Vala</title>
            <meta name="description" content="Spry is a component-based web framework for Vala, featuring HTMX integration, dependency injection, and reactive templates.">
            <link rel="stylesheet" href="/styles/main.css">
            <script spry-res="htmx.js"></script>
        </head>
        <body>
            <header class="site-header">
                <div class="header-content">
                    <a href="/" class="logo">
                        <div class="logo-icon">⚡</div>
                        Spry
                    </a>
                    <nav>
                        <ul class="nav-links">
                            <li><a href="/features">Features</a></li>
                            <li><a href="/ecosystem">Ecosystem</a></li>
                            <li><a href="/demo">Demo</a></li>
                            <li><a href="/freedom">Freedom</a></li>
                        </ul>
                    </nav>
                    <a href="/demo" class="nav-cta">Try Demo</a>
                </div>
            </header>
            <main>
                <spry-template-outlet />
            </main>
            <footer class="site-footer">
                <div class="container">
                    <div class="footer-content">
                        <div class="footer-brand">
                            <a href="/" class="logo">
                                <div class="logo-icon">⚡</div>
                                Spry
                            </a>
                            <p>A modern, component-based web framework for Vala. Build reactive, real-time web applications with ease.</p>
                        </div>
                        <div class="footer-section">
                            <h4>Framework</h4>
                            <ul class="footer-links">
                                <li><a href="/features">Features</a></li>
                                <li><a href="/ecosystem">Ecosystem</a></li>
                                <li><a href="/demo">Live Demo</a></li>
                            </ul>
                        </div>
                        <div class="footer-section">
                            <h4>Ecosystem</h4>
                            <ul class="footer-links">
                                <li><a href="/ecosystem">Astralis</a></li>
                                <li><a href="/ecosystem">Inversion</a></li>
                                <li><a href="/ecosystem">Spry</a></li>
                            </ul>
                        </div>
                        <div class="footer-section">
                            <h4>Community</h4>
                            <ul class="footer-links">
                                <li><a href="/freedom">Free Software</a></li>
                                <li><a href="https://github.com" rel="external">GitHub</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer-bottom">
                        <p>© 2024 Spry Framework. Free and Open Source Software.</p>
                        <div class="footer-social">
                            <a href="https://github.com" title="GitHub">⌨</a>
                        </div>
                    </div>
                </div>
            </footer>
        </body>
        </html>
        """;
    }}
}