{% extends 'base.html' %}

{% block title %}درباره ما - pythash{% endblock %}

{% block content %}
<div class="container">
    <div style="max-width: 800px; margin: 0 auto;">
        <h1>درباره pythash</h1>
        
        <div class="card" style="margin-top: var(--space-8);">
            {% if site_settings.about_content %}
                <div style="line-height: 2;">
                    {{ site_settings.about_content|linebreaksbr }}
                </div>
            {% else %}
                <div style="line-height: 2;">
                    <p>
                        <strong>pythash</strong> یک پلتفرم مستقل و مردمی برای دسترسی به اینترنت آزاد و امن است. 
                        ما معتقدیم که دسترسی آزاد به اطلاعات حق بنیادین هر انسانی است.
                    </p>
                    <p>
                        تیم pythash متشکل از متخصصان امنیت سایبری و توسعه نرمافزار است که به صورت داوطلبانه 
                        تلاش میکنند تا ابزارها و آموزشهای لازم برای Internet Freedom را در اختیار همگان قرار دهند.
                    </p>
                    <p>
                        ما در این مسیر:
                    </p>
                    <ul style="list-style: disc; padding-right: var(--space-6); margin-bottom: var(--space-4);">
                        <li style="margin-bottom: var(--space-2);">کانفیگهای بهینه و تستشده ارائه میدهیم</li>
                        <li style="margin-bottom: var(--space-2);">آموزشهای کاربردی و قابل فهم تهیه میکنیم</li>
                        <li style="margin-bottom: var(--space-2);">اخبار و اطلاعات بهروز را منتشر میکنیم</li>
                        <li style="margin-bottom: var(--space-2);">ابزارهای کاربردی برای تست و عیبیابی توسعه میدهیم</li>
                    </ul>
                    <p>
                        حمایت شما از این پروژه، به ما کمک میکند تا بتوانیم خدمات بهتر و گستردهتری ارائه دهیم.
                    </p>
                </div>
            {% endif %}
        </div>
        
        <div style="margin-top: var(--space-8); text-center;">
            <h3>راههای ارتباط با ما</h3>
            <div class="flex gap-4 justify-center mt-6" style="flex-wrap: wrap;">
                <a href="#" class="btn btn-outline">GitHub</a>
                <a href="#" class="btn btn-outline">Telegram</a>
                <a href="{% url 'core:donate' %}" class="btn btn-secondary">حمایت مالی</a>
            </div>
        </div>
    </div>
</div>
{% endblock %}