---
layout: default
---
<div class="flex">
  <article class="w-50">
    <div>
      <h1>{{ page.title }}</h1>
      <time datetime="{{ page.last_modified_at | date_to_xmlschema }}">{% if page.type != 'pages' %}
        Last updated on {{ page.last_modified_at | date: "%B %-d, %Y" }}
        {% endif %}
      </time>
    </div>

    <div id="notes-entry-container">
      <content>
        {{ content }}
      </content>

      <side style="font-size: 0.9em">
        <h3 style="margin-bottom: 1em">Notes mentioning this note</h3>
        {% if page.backlinks.size > 0 %}
        <div style="display: grid; grid-gap: 1em; grid-template-columns: repeat(1fr);">
        {% for backlink in page.backlinks %}
          <div class="backlink-box">
          <a class="internal-link" href="{{ backlink.url | relative_url }}{%- if site.use_html_extension -%}.html{%- endif -%}">{{ backlink.title }}</a><br>
          <div style="font-size: 0.9em">{{ backlink.excerpt | strip_html | truncatewords: 20 }}</div>
          </div>
        {% endfor %}
        </div>
        {% else %}

        <div>
          <p>
            There are no notes linking to this note.
          </p>
        </div>
        {% endif %}
      </side>
    </div>
  </article>

  <div class="w-50">

  <p>Here are all the notes in this garden, along with their links, visualized as a graph.</p>

  {% include notes_graph.html %}
  </div>
</div>