note.html

---
layout: default
---

<article>
	<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>
		{% capture time %}{{ content | reading_time }}{% endcapture %}
		<p>
			This article will take {{ time }} {% if time == '1' %}minute{% else
			%}minutes{% endif %} to read.
		</p>
	</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="{{ site.baseurl }}{{ backlink.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 style="font-size: 0.9em">
				<p>There are no notes linking to this note.</p>
			</div>
			{% endif %}
		</side>
	</div>
</article>

<hr />

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

{% include notes_graph.html %}