sophokles187_data-cards/docs backup/_includes/sidebar.html

<div class="sidebar">
    <div class="sidebar-header">
        <div class="logo-container">
            <div class="logo"></div>
            <div>
                <div class="site-title">DataCards</div>
                <div class="version">v1.0</div>
            </div>
        </div>
    </div>
    
    <nav>
        <ul class="nav-list">
            <li class="nav-item">
                <a href="{{ '/' | relative_url }}" class="nav-link">Home</a>
            </li>
            <li class="nav-item">
                <a href="{{ '/getting-started' | relative_url }}" class="nav-link">Getting Started</a>
            </li>
            <li class="nav-item">
                <a href="{{ '/installation' | relative_url }}" class="nav-link">Installation</a>
            </li>
        </ul>
        
        <div class="nav-section">
            <div class="nav-section-title">Features</div>
            <ul class="nav-list">
                <li class="nav-item">
                    <a href="{{ '/features/presets' | relative_url }}" class="nav-link">Card Presets</a>
                </li>
                <li class="nav-item">
                    <a href="{{ '/features/images' | relative_url }}" class="nav-link">Image Support</a>
                </li>
                <li class="nav-item">
                    <a href="{{ '/features/properties' | relative_url }}" class="nav-link">Property Customization</a>
                </li>
                <li class="nav-item">
                    <a href="{{ '/features/mobile' | relative_url }}" class="nav-link">Mobile Support</a>
                </li>
                <li class="nav-item">
                    <a href="{{ '/features/dynamic-updates' | relative_url }}" class="nav-link">Dynamic Updates</a>
                </li>
                <li class="nav-item">
                    <a href="{{ '/features/advanced-options' | relative_url }}" class="nav-link">Advanced Options</a>
                </li>
            </ul>
        </div>
        
        <div class="nav-section">
            <div class="nav-section-title">Examples</div>
            <ul class="nav-list">
                <li class="nav-item">
                    <a href="{{ '/examples/books' | relative_url }}" class="nav-link">Book Library</a>
                </li>
                <li class="nav-item">
                    <a href="{{ '/examples/tasks' | relative_url }}" class="nav-link">Task Management</a>
                </li>
                <li class="nav-item">
                    <a href="{{ '/examples/photos' | relative_url }}" class="nav-link">Photo Gallery</a>
                </li>
                <li class="nav-item">
                    <a href="{{ '/examples/movies' | relative_url }}" class="nav-link">Movie Collection</a>
                </li>
            </ul>
        </div>
        
        <div class="nav-section">
            <div class="nav-section-title">Support</div>
            <ul class="nav-list">
                <li class="nav-item">
                    <a href="{{ '/faq' | relative_url }}" class="nav-link">FAQ & Troubleshooting</a>
                </li>
                <li class="nav-item">
                    <a href="https://github.com/Sophokles187/data-cards" class="nav-link" target="_blank">GitHub Repository</a>
                </li>
            </ul>
        </div>
    </nav>
</div>