@extends('site.partial.template')

@section('section')

  <div class="title">
    <h3 class="font-weight-bold">Developer API</h3>
  </div>
  <hr>
  <section>
    <p class="lead">Developers can use Pixelfed APIs to build rich experiences and extend Pixelfed in new ways.</p>
    <div class="row pt-5">
      <div class="col-12 col-md-6 pb-3">
        <div class="card">
          <div class="card-header font-weight-bold">CLASSIC API <span class="badge badge-primary">v1.0</span></div>
          <div class="card-body">
            <ul class="pl-2 font-weight-bold text-muted">
              <li>Mastodon/Pleroma Compatible</li>
              <li>OAuth App support</li>
              <li>Developer Dashboard</li>
              <li>Developer Tools</li>
            </ul>
          </div>
          <div class="card-footer">
            <p class="font-weight-bold text-muted text-center mb-0">Coming Soon</p>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-6 pb-3">
        <div class="card">
          <div class="card-header font-weight-bold">PIXELFED API <span class="badge badge-primary">v1.1</span></div>
          <div class="card-body">
            <ul class="pl-2 font-weight-bold text-muted">
              <li>Classic REST API</li>
              <li>Advanced Create API</li>
              <li>Discover API</li>
              <li>Stories API</li>
            </ul>
          </div>
          <div class="card-footer">
            <p class="font-weight-bold text-muted text-center mb-0">Coming Soon</p>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-6">
        <div class="card">
          <div class="card-header font-weight-bold">OTHER</div>
          <div class="card-body">
            <ul class="pl-2 font-weight-bold text-muted mb-0">
              <li><a href="#">Authentication</a></li>
              <li><a href="#">Clients</a></li>
              <li><a href="#">Rate Limiting</a></li>
              <li><a href="#">ActivityPub Endpoints</a></li>
              <li><a href="#">Atom/RSS Feeds</a></li>
              <li><a href="#">NodeInfo</a></li>
              <li><a href="#">Webfinger</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection

@push('meta')
<meta property="og:description" content="Developer API">
@endpush