kcl-digital-humanities-garden/_layouts/note.html

63 lines
2.6 KiB
HTML
Raw Normal View History

2021-03-11 03:33:55 +00:00
---
layout: default
---
<div class="flex">
2021-04-04 00:24:54 +00:00
<article id="note-container" class="w-50 pa3 pr0 relative z-1">
2021-03-30 02:13:11 +00:00
<div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
<header>
2021-04-18 19:47:17 +00:00
<div class="note-meta flex f7 lh-copy justify-between code items-center">
2021-03-25 02:18:10 +00:00
{% if page.date_created %}
2021-04-18 15:22:42 +00:00
<time class="ml3 flex-auto" datetime="{{ page.date_created | date_to_xmlschema }}">{% if page.type != 'pages' %}
2021-04-18 19:47:17 +00:00
Created <br> {{ page.date_created | date: "%B %-d, %Y" }}
2021-03-25 02:18:10 +00:00
{% endif %}
</time>
2021-04-18 17:59:21 +00:00
{% else %}
<time class="ml3 flex-auto" datetime="{{ page.date | date_to_xmlschema }}">{% if page.type != 'pages' %}
2021-04-18 19:47:17 +00:00
Created <br> {{ page.date | date: "%B %-d, %Y" }}
2021-04-18 17:59:21 +00:00
{% endif %}
</time>
2021-03-20 15:54:21 +00:00
{% endif %}
2021-04-18 15:22:42 +00:00
<time datetime="{{ page.last_modified_at | date_to_xmlschema }}">{% if page.type != 'pages' %}
2021-04-18 19:47:17 +00:00
Last updated <br> {{ page.last_modified_at | date: "%B %-d, %Y" }}
2021-03-25 02:18:10 +00:00
{% endif %}
</time>
</div>
2021-04-18 15:22:42 +00:00
<h1 class="note-title normal relative work-sans-light f-5 mb4 lh-solid">{{ page.title }}</h1>
2021-03-25 02:18:10 +00:00
</header>
2021-03-11 03:33:55 +00:00
2021-03-30 02:13:11 +00:00
<div id="notes-entry-container" class="flex-auto">
2021-04-18 15:22:42 +00:00
<div class="note-contents f5 lh-copy">
2021-03-25 02:18:10 +00:00
{{ content }}
</div>
2021-03-30 02:13:11 +00:00
</div>
2021-03-11 03:33:55 +00:00
2021-04-18 15:22:42 +00:00
<aside class="bt b--background bw1 nl3 nr3 ph3 mt5">
2021-03-30 02:13:11 +00:00
<h3 class="normal f1 mt5 work-sans-light mb4">Notes mentioning this note</h3>
{% if page.backlinks.size > 0 %}
2021-04-01 03:56:11 +00:00
<div class="flex flex-wrap">
2021-03-30 02:13:11 +00:00
{% for backlink in page.backlinks %}
2021-04-01 03:56:11 +00:00
<div class="w-50 flex">
<div class="shadow-solid-accent mb2 mr2 br4 pa3 flex flex-column">
<h4 class="mt0 mb2"><a class="internal-link" href="{{ backlink.url | relative_url }}{%- if site.use_html_extension -%}.html{%- endif -%}">{{ backlink.title }}</a></h4>
<div class="f7 lh-copy mb3 flex-auto">{{ backlink.excerpt | strip_html | truncatewords: 20 | remove: '[[' | remove: ']]' }}</div>
<div class="f7 light-silver">{{ backlink.url }}</div>
</div>
2021-03-25 02:18:10 +00:00
</div>
2021-03-30 02:13:11 +00:00
{% endfor %}
</div>
{% else %}
<div>
<p class="f7">
There are no notes linking to this note.
</p>
</div>
{% endif %}
</aside>
2021-03-11 03:33:55 +00:00
</div>
2021-04-18 15:22:42 +00:00
<button id="note-expand" class="absolute top-1 pointer nr4 mt3 right-0 bg-background button-reset bn foreground-text "></button>
2021-03-11 03:33:55 +00:00
</article>
2021-03-25 02:18:10 +00:00
<div class="fixed top-0 right-0 w-50 vh-100">
2021-03-15 22:22:28 +00:00
{% include notes_graph.html %}
2021-03-11 03:33:55 +00:00
</div>
</div>