{% extends "base.html" %}

{% block title %}About — Pengy{% endblock %}

{% block sidebar_chats %}
{% for c in chats %}
<a href="{{ url_for('chat_view', chat_id=c.id) }}"
   class="chat-list-item"
   data-chat-id="{{ c.id }}">
  <i class="bi bi-chat-left-text small text-muted flex-shrink-0"></i>
  <span class="chat-title">{{ c.title }}</span>
</a>
{% endfor %}
{% endblock %}

{% block main %}
<div class="overflow-y-auto flex-grow-1 p-4">
  <div class="mx-auto" style="max-width:640px">

    <h5 class="fw-bold mb-1">{{ edition_line }}</h5>
    <p class="mb-1">
      <a href="{{ github_url }}" target="_blank" rel="noopener">{{ github_url }}</a>
    </p>
    <p class="mb-3">
      <a href="{{ website_url }}" target="_blank" rel="noopener">{{ website_url }}</a>
    </p>

    <p>{{ description }}</p>

    <p>{{ catbee_blurb }} <a href="{{ catbee_url }}" target="_blank" rel="noopener">{{ catbee_url }}</a></p>

    <p class="text-body-secondary mb-1">{{ copyright }}</p>
    <p>
      <a href="{{ license_url }}" target="_blank" rel="noopener">{{ license_name }}</a>
    </p>

    <a href="{{ url_for('settings_view') }}" class="btn btn-outline-secondary mt-2">Back to Settings</a>
  </div>
</div>
{% endblock %}