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="+QPFAaOPXP68kJGtGIC/rw==">
        (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>Joplin</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><main class="main-content-default">
    <div class="container">
        <!-- Navigation zurück -->
        <div class="article-navigation">
            <a href="/software" class="back-link">
                <i class="fa-solid fa-arrow-left"></i> Zur Software-Übersicht
            </a>
        </div>

        <!-- Software-Detail-Wrapper -->
        <article class="article-reader" style="margin-top: 1rem;">
            
            <header class="article-header">
                <div class="article-meta-top">
                                            <span class="meta-item"><i class="fa-brands fa-osi"></i> Open Source</span>
                                                                <span class="meta-separator">•</span>
                        <span class="meta-item"><i class="fa-solid fa-tags"></i> Personal Knowledge Management (PKM)</span>
                                    </div>
                <h1 class="article-title">Joplin</h1>
            </header>

                            <div class="article-content-body" style="margin-top: 1.5rem; padding: 1.5rem; background-color: var(--bg-card); border-radius: var(--radius-md); border: 1px solid var(--border-color);">
                    <h2 style="font-size: 1.3rem; margin-top: 0; color: var(--text-main);">Beschreibung</h2>
                    <p style="color: var(--text-muted); line-height: 1.6;">Joplin is an open-source note-taking and to-do application designed for organizing and managing personal information. It supports a range of features, including rich-text and markdown formatting, file attachments, tags, and hierarchical notebooks for easy organization. Joplin is available on multiple platforms, including Windows, macOS, Linux, Android, and iOS, and it offers seamless synchronization through popular cloud services like Dropbox, OneDrive, and WebDAV. With strong privacy-focused options and offline functionality, Joplin is a popular choice for users looking for a secure, flexible tool for note-taking and task management.</p>
                </div>
            
            <div class="article-content-body" style="margin-top: 1.5rem;">
                <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem;">
                    
                    <div style="background-color: var(--bg-card); padding: 1.5rem; border-radius: var(--radius-md); border: 1px solid var(--border-color);">
                        <h3 style="margin-top: 0; color: var(--text-main);"><i class="fa-solid fa-list"></i> Details</h3>
                        <ul style="list-style: none; padding: 0;">
                                                            <li style="margin-bottom: 0.8rem;">
                                    <strong style="color: var(--text-main);">Betriebssystem:</strong><br>
                                    <span style="color: var(--text-muted);">Windows, MacOS, Linux, Android, iOS</span>
                                </li>
                                                                                        <li style="margin-bottom: 0.8rem;">
                                    <strong style="color: var(--text-main);">Sprachen:</strong><br>
                                    <span style="color: var(--text-muted);">English, German, French, Spanish, Italian, Dutch, Portuguese, more...</span>
                                </li>
                                                                                        <li style="margin-bottom: 0.8rem;">
                                    <strong style="color: var(--text-main);">Herausgeber:</strong><br>
                                    <span style="color: var(--text-muted);">Laurent Cozic</span>
                                </li>
                                                                                        <li style="margin-bottom: 0.8rem;">
                                    <strong style="color: var(--text-main);">Land:</strong><br>
                                    <span style="color: var(--text-muted);">France</span>
                                </li>
                                                    </ul>
                    </div>

                    <div>
                                                                                                                    </div>

                </div>
            </div>

                            <div style="margin-top: 2rem; text-align: center;">
                    <a href="https://joplinapp.org/" target="_blank" rel="noopener noreferrer" class="cta-button" style="padding: 1rem 2rem; font-size: 1.1rem;">
                        <i class="fa-solid fa-external-link-alt"></i> Zur offiziellen Website
                    </a>
                    <p style="margin-top: 0.5rem; font-size: 0.8rem; color: var(--text-muted);">Link öffnet sich in einem neuen Tab</p>
                </div>
                    </article>
    </div>
</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>