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

update

Browse Source
This commit is contained in:
Garry Ing 2021-03-29 22:13:11 -04:00
parent ada87a46bf
commit 0d2a99b372
No known key found for this signature in database
GPG Key ID: 3B379B1F2193CC3E
2 changed files with 35 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
_layouts/note.html
View File

@ -3,8 +3,8 @@ layout: default
--- ---
<div class="flex"> <div class="flex">
<article class="w-50 pa3 pr0"> <article class="w-50 pa3 pr0">
<div class="container bg-white sha pa3 br4"> <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
<header class="mb2 b--washed-green"> <header>
<div class="note-meta flex justify-between"> <div class="note-meta flex justify-between">
{% if page.date_created %} {% if page.date_created %}
<time class="code dib f7 pb2 flex" datetime="{{ page.date_created | date_to_xmlschema }}">{% if page.type != 'pages' %} <time class="code dib f7 pb2 flex" datetime="{{ page.date_created | date_to_xmlschema }}">{% if page.type != 'pages' %}
@ -17,34 +17,34 @@ layout: default
{% endif %} {% endif %}
</time> </time>
</div> </div>
<h1 class="normal work-sans-light f-6 lh-solid">{{ page.title }}</h1> <h1 class="normal work-sans-light f-6 mb4 lh-solid">{{ page.title }}</h1>
</header> </header>
<div id="notes-entry-container"> <div id="notes-entry-container" class="flex-auto">
<div class="note-contents f6 lh-copy"> <div class="note-contents f6 lh-copy">
{{ content }} {{ content }}
</div> </div>
<aside class="bt b--moon-gray mt5">
<h3 class="normal f1 mv5 work-sans-light">Notes mentioning this note</h3>
{% if page.backlinks.size > 0 %}
<div class="flex">
{% for backlink in page.backlinks %}
<div class="w-50 mr2 pa3 ba b--moon-gray br4">
<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">{{ backlink.excerpt | strip_html | truncatewords: 20 | remove: '[[' | remove: ']]' }}</div>
</div>
{% endfor %}
</div>
{% else %}
<div>
<p class="f7">
There are no notes linking to this note.
</p>
</div>
{% endif %}
</aside>
</div> </div>
<aside class="bt b--washed-green 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">
{% for backlink in page.backlinks %}
<div class="w-50 mr2 pa3 ba b--moon-gray br4">
<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">{{ backlink.excerpt | strip_html | truncatewords: 20 | remove: '[[' | remove: ']]' }}</div>
</div>
{% endfor %}
</div>
{% else %}
<div>
<p class="f7">
There are no notes linking to this note.
</p>
</div>
{% endif %}
</aside>
</div> </div>
</article> </article>

16
_sass/_digital-garden.scss
View File

@ -47,6 +47,12 @@
width: 20rem; width: 20rem;
} }
// Height Helper
.min-vh-100-header-comp {
min-height: calc(100vh - 6rem);
}
// Extended cursors // Extended cursors
.grab:hover { .grab:hover {
@ -129,7 +135,7 @@
.note-contents { .note-contents {
blockquote { blockquote {
margin: 0 0 0 0.5em; margin: 0 0 0 0.5em;
padding: 0.05em 0.5em; padding: 0 0.5em;
border-left: 2px solid rgba($accent-color, 0.5); border-left: 2px solid rgba($accent-color, 0.5);
} }
@ -159,10 +165,10 @@
display: block; display: block;
position: absolute; position: absolute;
z-index: 1; z-index: 1;
bottom: .5rem; bottom: 0;
right: 0; right: 0;
pointer-events: none; pointer-events: none;
background-image: linear-gradient(to right, rgba(#fff, 0), rgba(#fff, 1) 50%); background-image: linear-gradient(rgba(#fff, 0), rgba(#fff, 1));
width: 150px; width: 100%;
height: 1rem; height: 2rem;
} }