Add link previews on hover

This commit is contained in:
Maxime Vaillancourt
2020-07-21 21:05:19 -04:00
parent d8b794908f
commit b6849b30aa
11 changed files with 181 additions and 16 deletions

View File

@@ -7,5 +7,7 @@
<main>{{ content }}</main>
<footer>{% include footer.html %}</footer>
</div>
{% include link-previews.html wrapperQuerySelector="content" %}
</body>
</html>

View File

@@ -22,7 +22,7 @@ layout: default
<div style="display: grid; grid-gap: 1em; grid-template-columns: repeat(1fr);">
{% for backlink in page.backlinks %}
<div class="backlink-box">
<a href="{{ backlink.url }}">{{ backlink.title }}</a><br>
<a class="internal-link" href="{{ backlink.url }}">{{ backlink.title }}</a><br>
<div style="font-size: 0.9em">{{ backlink.excerpt | strip_html | truncatewords: 20 }}</div>
</div>
{% endfor %}
@@ -37,5 +37,5 @@ layout: default
{% endif %}
</side>
</div>
</article>

7
_layouts/page.html Normal file
View File

@@ -0,0 +1,7 @@
---
layout: default
---
<content>
{{ content }}
</content>