{% from "_nav_bar.html" import nav %}
{% extends "base.html" %}
{% block title %}Observation Tools{% endblock %}
{% block content %}
  {{ nav() }}
  <main class="p-8">
    <h1 class="text-2xl font-bold my-4">observation tools</h1>

    <p class="mb-4">
      a developer data inspection toolkit for exporting, visualizing, and inspecting data from
      anywhere in a program.
    </p>

    <h2 class="text-xl font-bold my-4">how it works</h2>

    <p class="mb-4">
      1. instrument: add observations to your code<br />
      2. collect: server stores all observations<br />
      3. inspect: view and search observations here
    </p>

    <div class="divider"></div>

    <h2 class="text-xl font-bold my-4">getting started</h2>

    <p class="mb-4">
      1. install client library<br />
      2. start server: <kbd class="kbd kbd-sm">cargo observation-tools serve</kbd><br />
      3. instrument your code<br />
      4. view results here
    </p>
  </main>
{% endblock %}