{% extends "layout.njk" %}
{% block title %}
  {{ title }}
{% endblock title %}
{% block content %}
  <!-- site information -->
  <div class="rounded-lg shadow relative overflow-x-auto sm:rounded-lg p-6 mb-3 bg-white border border-gray-200 dark:bg-gray-800
      dark:border-gray-700">
    <h5 class="mb-2 text-2xl font-semibold tracking-tight">Site Information</h5>
    <table class="w-full text-sm text-left ">
      <tr class="bg-white border-b dark:bg-gray-900 dark:border-gray-700">
        <th>&lt;root&gt;</th>
        <td>{{ configserver.root }}</td>
      </tr>
      <tr class="bg-white border-b dark:bg-gray-900 dark:border-gray-700">
        <th>port</th>
        <td>{{ configserver.port }}</td>
      </tr>
      <tr class="bg-white border-b dark:bg-gray-900 dark:border-gray-700">
        <th>source post directory</th>
        <td>&lt;root&gt;/{{ config.post_dir }}</td>
      </tr>
      <tr class="bg-white border-b dark:bg-gray-900 dark:border-gray-700">
        <th>generated post directory</th>
        <td>&lt;root&gt;/{{ config.source_dir }}/_posts</td>
      </tr>
      <tr class="bg-white border-b dark:bg-gray-900 dark:border-gray-700">
        <th>public directory</th>
        <td>&lt;root&gt;/{{ config.public_dir }}</td>
      </tr>
      <tr class="bg-white border-b dark:bg-gray-900 dark:border-gray-700">
        <th>source directory</th>
        <td>&lt;root&gt;/{{ config.source_dir }}</td>
      </tr>
      <tr class="bg-white border-b dark:bg-gray-900 dark:border-gray-700">
        <th>url</th>
        <td>{{ config.url }}{{ config.root }}</td>
      </tr>
    </table>
  </div>
  <!-- post navigation -->
  <div class="max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
    <a href="#">
      <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Manage Post</h5>
    </a>
    <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Manage source post (&lt;root&gt;/{{ config.post_dir }}).</p>
    <a
      href="/post"
      class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg
        hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700
        dark:focus:ring-blue-800">
      Read more
      <svg
        aria-hidden="true"
        class="w-4 h-4 ml-2 -mr-1"
        fill="currentColor"
        viewBox="0 0 20 20"
        xmlns="http://www.w3.org/2000/svg">
        <path
          fill-rule="evenodd"
          d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0
            110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
          clip-rule="evenodd"></path>
      </svg>
    </a>
  </div>
{% endblock %}