autonomic-cooperative/kcl-digital-humanities-garden
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css vars

Browse Source
This commit is contained in:
Garry Ing
2021-04-18 11:22:42 -04:00
parent 6cd6361c0f
commit 73f6df7691
7 changed files with 70 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
_layouts/note.html
View File

@ -5,28 +5,28 @@ layout: default
<article id="note-container" class="w-50 pa3 pr0 relative z-1">
<div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
<header>
<div class="note-meta flex justify-between">
<div class="note-meta flex f7 justify-between code items-center">
{% if page.date_created %}
<time class="code dib f7 pb2 flex" datetime="{{ page.date_created | date_to_xmlschema }}">{% if page.type != 'pages' %}
<time class="ml3 flex-auto" datetime="{{ page.date_created | date_to_xmlschema }}">{% if page.type != 'pages' %}
Created on {{ page.date_created | date: "%B %-d, %Y" }}
{% endif %}
</time>
{% endif %}
<time class="code dib f7 pb2" datetime="{{ page.last_modified_at | date_to_xmlschema }}">{% if page.type != 'pages' %}
<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>
<h1 class="normal work-sans-light f-6 mb4 lh-solid">{{ page.title }}</h1>
<h1 class="note-title normal relative work-sans-light f-5 mb4 lh-solid">{{ page.title }}</h1>
</header>
<div id="notes-entry-container" class="flex-auto">
<div class="note-contents f6 lh-copy">
<div class="note-contents f5 lh-copy">
{{ content }}
</div>
</div>
<aside class="bt b--washed-green bw1 nl3 nr3 ph3 mt5">
<aside class="bt b--background bw1 nl3 nr3 ph3 mt5">
<h3 class="normal f1 mt5 work-sans-light mb4">Notes mentioning this note</h3>
{% if page.backlinks.size > 0 %}
<div class="flex flex-wrap">
@ -49,7 +49,7 @@ layout: default
{% endif %}
</aside>
</div>
<button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
<button id="note-expand" class="absolute top-1 pointer nr4 mt3 right-0 bg-background button-reset bn foreground-text ">→</button>
</article>
<div class="fixed top-0 right-0 w-50 vh-100">