Deprecated: Delight\Auth\Auth::register(): Implicitly marking parameter $callback as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php on line 231

Deprecated: Delight\Auth\Auth::registerWithUniqueUsername(): Implicitly marking parameter $callback as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php on line 274

Deprecated: Delight\Auth\Auth::login(): Implicitly marking parameter $onBeforeSuccess as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php on line 302

Deprecated: Delight\Auth\Auth::loginWithUsername(): Implicitly marking parameter $onBeforeSuccess as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php on line 328

Deprecated: Delight\Auth\Auth::authenticateUserInternal(): Implicitly marking parameter $onBeforeSuccess as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php on line 1306

Deprecated: Delight\Auth\UserManager::createUserInternal(): Implicitly marking parameter $callback as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/UserManager.php on line 131

Deprecated: Delight\Db\PdoDatabase::__construct(): Implicitly marking parameter $pdoInstance as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 49

Deprecated: Delight\Db\PdoDatabase::__construct(): Implicitly marking parameter $pdoDsn as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 49

Deprecated: Delight\Db\PdoDatabase::select(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 117

Deprecated: Delight\Db\PdoDatabase::selectValue(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 127

Deprecated: Delight\Db\PdoDatabase::selectRow(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 137

Deprecated: Delight\Db\PdoDatabase::selectColumn(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 147

Deprecated: Delight\Db\PdoDatabase::exec(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 258

Deprecated: Delight\Db\PdoDatabase::setProfiler(): Implicitly marking parameter $profiler as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 376

Deprecated: Delight\Db\PdoDatabase::configureConnection(): Implicitly marking parameter $newAttributes as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 526

Deprecated: Delight\Db\PdoDatabase::configureConnection(): Implicitly marking parameter $oldAttributes as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 526

Deprecated: Delight\Db\PdoDatabase::selectInternal(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 579

Deprecated: Delight\Db\Database::select(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/Database.php on line 31

Deprecated: Delight\Db\Database::selectValue(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/Database.php on line 44

Deprecated: Delight\Db\Database::selectRow(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/Database.php on line 57

Deprecated: Delight\Db\Database::selectColumn(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/Database.php on line 70

Deprecated: Delight\Db\Database::exec(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/Database.php on line 117

Deprecated: Delight\Db\Database::setProfiler(): Implicitly marking parameter $profiler as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/Database.php on line 183

Warning: Cannot modify header information - headers already sent by (output started at /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php:231) in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php on line 78
<!DOCTYPE html>
<html lang="en">
<head>
    <script nonce="OSLsmzioIN+s5jCDDdFhCw==">
        (function() {
            function applyTheme(theme) { document.documentElement.setAttribute('data-theme', theme === 'dark' ? 'dark' : 'light'); }
            let preferredTheme = 'light';
            try {
                const storedTheme = localStorage.getItem('theme');
                if (storedTheme) { preferredTheme = storedTheme; }
                else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { preferredTheme = 'dark'; }
            } catch (e) { }
            applyTheme(preferredTheme);
        })();
    </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OpenMind</title>
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <link rel="stylesheet" href="/assets/css/style.css">
    
    <!-- NEU: Lade seiten-spezifisches CSS -->
    </head><body class=""><header class="main-header">
    <div class="nav-container">
        <a href="/" class="logo">
            <i class="fa-solid fa-brain logo-highlight"></i> OpenMind_
        </a>

        <ul class="nav-menu">
            <li class="nav-item"><a href="/" class="nav-link">Home</a></li>
            <li class="nav-item"><a href="/news" class="nav-link">News</a></li>
            <li class="nav-item"><a href="/info" class="nav-link">Info</a></li>
            <li class="nav-item"><a href="/software" class="nav-link">Software</a></li>
            
            <li class="nav-item dropdown">
                <a href="#" class="nav-link">AI</a>
                <ul class="dropdown-menu">
                    <li><a href="/ai-tools" class="dropdown-link"><i class="fa-solid fa-wrench"></i> Tools</a></li>
                    <li><a href="/ai-models" class="dropdown-link"><i class="fa-solid fa-microchip"></i> Models</a></li>
                </ul>
            </li>

            <li class="nav-item"><a href="/community" class="nav-link">Community</a></li>
        </ul>

        <div class="nav-actions">
            <button class="nav-action-btn" title="Search"><i class="fa-solid fa-magnifying-glass"></i></button>

            <!-- Settings Toggle -->
            <div class="settings-container">
                <button id="settings-toggle" class="nav-action-btn" title="Settings"><i class="fa-solid fa-gear"></i></button>
                <div id="settings-panel" class="settings-panel">
                    <div class="settings-header">
                        <span>Settings</span>
                        <button id="close-settings" class="close-btn"><i class="fa-solid fa-xmark"></i></button>
                    </div>
                    
                    <div class="settings-group">
                        <span class="settings-group-title">Appearance</span>
                        <div class="settings-options">
                            <button class="option-btn" data-theme="light"><i class="fa-solid fa-sun"></i> Light</button>
                            <button class="option-btn" data-theme="dark"><i class="fa-solid fa-moon"></i> Dark</button>
                        </div>
                    </div>

                    <div class="settings-group">
                        <span class="settings-group-title">Language</span>
                        <div class="settings-options">
                                                        <button class="option-btn lang-btn active" data-lang="en">EN</button>
                            <button class="option-btn lang-btn " data-lang="de">DE</button>
                        </div>
                    </div>
                </div>
            </div>

                            <a href="/login" class="cta-button">Login</a>
                        
            <div class="hamburger">
                <span class="bar"></span><span class="bar"></span><span class="bar"></span>
            </div>
        </div>
    </div>
</header><!-- Hero Section -->
<section class="hero-section">
    <div class="hero-container">
        <h1 class="hero-title">The Future is <span style="color: var(--accent-color);">Open Source</span>.</h1>
        <p class="hero-subtitle">Discover local AI models and FOSS tools. Join a community democratizing technology.</p>
        <div style="margin-top: 1.5rem;">
            <a href="/register" class="cta-button">Join Community</a>
            <a href="#explore" class="nav-link" style="display: inline-block; margin-left: 1.5rem; color: white; font-size: 0.9rem;">Learn more &darr;</a>
        </div>
    </div>
</section>

<!-- Main Content -->
<main class="main-content-with-hero" id="explore">
    <section class="featured-section">
        <div class="container">
            <h2 class="section-title">Aktuelle Themen</h2>
            <div class="articles-grid">
                <article class="featured-article">
                    <div class="article-image">
                        <span class="article-category">Software</span>
                        <img src="https://images.unsplash.com/photo-1629654297299-c8506221ca97?q=80&w=800&auto=format&fit=crop" alt="Linux Terminal">
                    </div>
                    <div class="article-content">
                        <h3>Der FOSS Guide 2025</h3>
                        <p class="article-excerpt">Warum der Umstieg auf Open Source Software wichtiger denn je ist und welche Tools Adobe & Microsoft ersetzen können.</p>
                        <a href="/software" class="article-link">Artikel lesen <i class="fa-solid fa-arrow-right"></i></a>
                    </div>
                </article>

                <article class="featured-article">
                    <div class="article-image">
                        <span class="article-category">Local AI</span>
                        <img src="https://images.unsplash.com/photo-1620712943543-bcc4688e7485?q=80&w=800&auto=format&fit=crop" alt="AI Chip">
                    </div>
                    <div class="article-content">
                        <h3>Llama 3 lokal ausführen</h3>
                        <p class="article-excerpt">Eine Schritt-für-Schritt Anleitung für Ollama und LM Studio. Hol dir die Power von LLMs auf deinen eigenen Rechner, ganz ohne Cloud.</p>
                        <a href="/ai-models" class="article-link">Tutorial starten <i class="fa-solid fa-arrow-right"></i></a>
                    </div>
                </article>

                <article class="featured-article">
                    <div class="article-image">
                        <span class="article-category">Generative</span>
                        <img src="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=800&auto=format&fit=crop" alt="Abstract Art">
                    </div>
                    <div class="article-content">
                        <h3>Stable Diffusion XL</h3>
                        <p class="article-excerpt">Meistere ComfyUI und Automatic1111. Erstelle atemberaubende Bilder und Videos mit deinem Grafikprozessor.</p>
                        <a href="/ai-tools" class="article-link">Showcase ansehen <i class="fa-solid fa-arrow-right"></i></a>
                    </div>
                </article>
            </div>
        </div>
    </section>
</main><footer class="main-footer">
    <div class="footer-container">
        <div class="footer-column">
            <h4>OpenMind_</h4>
            <p>Community-driven Platform for FOSS & AI.</p>
            <div class="social-links">
                <a href="#"><i class="fa-brands fa-github"></i></a>
                <a href="#"><i class="fa-brands fa-discord"></i></a>
                <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
            </div>
        </div>
        <div class="footer-column">
            <h4>Discover</h4>
            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/news">News</a></li>
                <li><a href="/software">Software</a></li>
                <li><a href="/ai-tools">Tools</a></li>
                <li><a href="/ai-models">Models</a></li>
            </ul>
        </div>
        <div class="footer-column">
            <h4>Legal</h4>
            <ul>
                <li><a href="/about">About Us</a></li>
                <li><a href="/imprint">Imprint</a></li>
                <li><a href="/privacy">Privacy</a></li>
                <li><a href="/terms">Terms</a></li>
            </ul>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <p>&copy; 2026 OpenMind_ Platform.</p>
        </div>
    </div>
</footer>

<script type="module" src="/assets/js/main.js"></script>
</html></body>