Make it more mobile-friendly and add page loader.
This commit is contained in:
parent
709d08f94e
commit
ee8bda15e1
13 changed files with 208 additions and 61 deletions
|
|
@ -2,6 +2,9 @@
|
|||
|
||||
{% block extrahead %}
|
||||
<link rel="icon" href="../assets/media/face-favicon-512x512.png" sizes="any">
|
||||
|
||||
<!-- The page loader CSS -->
|
||||
<link rel="stylesheet" href="../assets/css/loader.css">
|
||||
{% endblock %}
|
||||
|
||||
{% block site_meta %}
|
||||
|
|
@ -30,6 +33,14 @@
|
|||
|
||||
{% block content %}
|
||||
|
||||
<!-- The page loader JS -->
|
||||
<script src="../assets/js/loader.js"></script>
|
||||
|
||||
<!-- The page loader HTML -->
|
||||
<div id="pageLoader" class="page-loader">
|
||||
<img src="../assets/media/faces-animation-250x352.gif" alt="Loading..." class="loader-gif">
|
||||
</div>
|
||||
|
||||
<!-- Use the extra_js values from a page's frontmatter -->
|
||||
{% for path in page.meta.extra_js or [] %}
|
||||
<script src="{{ path | url }}"></script>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue