{% extends 'base.html' %}

{% block title %}nbsp.space - Changelog{% endblock %}

{% block content %}
<div class="container py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1><i class="fas fa-history me-2"></i>Changelog</h1>
        <a href="{{ url_for('main.index') }}" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left me-1"></i> Zurück
        </a>
    </div>
    
    <div class="card">
        <div class="card-body changelog-content">
            {{ changelog_html|safe }}
        </div>
    </div>
</div>

<style>
.changelog-content h2 {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.5rem;
    margin-top: 1.5rem;
}
.changelog-content h2:first-child {
    margin-top: 0;
}
.changelog-content h3 {
    color: #6c757d;
    font-size: 1.1rem;
    margin-top: 1rem;
}
.changelog-content ul {
    margin-bottom: 1rem;
}
.changelog-content li {
    margin-bottom: 0.25rem;
}
</style>
{% endblock %}