{% extends "base.html" %}

{% block title %}{{ page.title }} | {{ config.extra.site_title }}{% endblock title %}
{% block meta_description %}
<meta name="description" content="The guiding principles behind {{ config.extra.site_title }} — free, open, structured textbooks for every learner." />
{% endblock meta_description %}

{% block content %}
{% set manifest = load_data(path="data/manifest.json", format="json") %}
<section class="about-page">
  <div class="container">
    <p class="section-kicker">About</p>
    <h1 class="section-title about-page__title">{{ page.title }}</h1>
    <p class="about-page__intro">{{ manifest.intro }}</p>
    <p class="about-page__lead">{{ manifest.lead }}</p>

    {% include "partials/manifest-principles.html" %}

    <div class="about-page__actions">
      <a class="button button-primary" href="{{ config.extra.browse_url | safe }}">Browse books</a>
      <a class="button button-secondary" href="{{ config.extra.github_url | safe }}">View on GitHub</a>
    </div>
  </div>
</section>
{% endblock content %}