updated search highlight

This commit is contained in:
Robert Clarke 2019-05-05 17:32:32 +00:00
parent e983dc0381
commit 0a749bb620
3 changed files with 33 additions and 14 deletions

View file

@ -126,3 +126,6 @@ body {
height: 100%; height: 100%;
} }
input#search::placeholder{
color: $grey-darker;
}

View file

@ -6,28 +6,38 @@
<head> <head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type"
content="text/html; charset=utf-8">
<!-- Enable responsiveness on mobile devices--> <!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"> <meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1">
<title>{% block title %}{{ config.title }}{% endblock title %}</title> <title>
{% block title %}{{ config.title }}{% endblock title %}
</title>
{% if config.extra.zulma_theme %} {% if config.extra.zulma_theme %}
<link rel="preload" as="style" href="{{ get_url(path=config.extra.zulma_theme ~ ".css", trailing_slash=false) }}" /> <link rel="preload" as="style"
href="{{ get_url(path=config.extra.zulma_theme ~ ".css", trailing_slash=false) }}" />
{% else %} {% else %}
<link rel="preload" as="style" href="{{ get_url(path="default.css", trailing_slash=false) }}" /> <link rel="preload" as="style"
href="{{ get_url(path="default.css", trailing_slash=false) }}" />
{% endif %} {% endif %}
{% if config.generate_rss %} {% if config.generate_rss %}
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="rss.xml") | safe }}"> <link rel="alternate" type="application/rss+xml"
title="RSS"
href="{{ get_url(path="rss.xml") | safe }}">
{% endif %} {% endif %}
{% block css %} {% block css %}
{% if config.extra.zulma_theme %} {% if config.extra.zulma_theme %}
<link rel="stylesheet" href="{{ get_url(path=config.extra.zulma_theme ~ ".css", trailing_slash=false) }}" /> <link rel="stylesheet"
href="{{ get_url(path=config.extra.zulma_theme ~ ".css", trailing_slash=false) }}" />
{% else %} {% else %}
<link rel="stylesheet" href="{{ get_url(path="default.css", trailing_slash=false) }}" /> <link rel="stylesheet"
href="{{ get_url(path="default.css", trailing_slash=false) }}" />
{% endif %} {% endif %}
{% endblock css %} {% endblock css %}
@ -76,10 +86,14 @@
</div> </div>
</main> </main>
{% endblock content %} {% endblock content %}
<script async type="text/javascript" src="{{ get_url(path="elasticlunr.min.js") }}"></script> <script async type="text/javascript"
<script async type="text/javascript" src="{{ get_url(path="search_index.en.js") }}"></script> src="{{ get_url(path="elasticlunr.min.js") }}"></script>
<script async type="text/javascript" src="{{ get_url(path="js/bulma.js") }}"></script> <script async type="text/javascript"
<script async type="text/javascript" src="{{ get_url(path="js/search.js") }}"></script> src="{{ get_url(path="search_index.en.js") }}"></script>
<script async type="text/javascript"
src="{{ get_url(path="js/bulma.js") }}"></script>
<script async type="text/javascript"
src="{{ get_url(path="js/search.js") }}"></script>
</body> </body>
</html> </html>

View file

@ -11,7 +11,8 @@
<header> <header>
<div class="has-text-centered"> <div class="has-text-centered">
<a href="{{ page.permalink | safe }}"> <a href="{{ page.permalink | safe }}">
<p class="title article-title">{{ page.title }}</p> <p class="title article-title">{{ page.title }}
</p>
</a> </a>
<div class="tags has-addons level-item"> <div class="tags has-addons level-item">
{% if page.extra.author %} {% if page.extra.author %}
@ -33,7 +34,8 @@
<div itemprop="summary" class="content article-body"> <div itemprop="summary" class="content article-body">
{{ page.summary | safe }} {{ page.summary | safe }}
<nav class="readmore"> <nav class="readmore">
<a itemprop="url" href="{{ page.permalink | safe }}">Read More&nbsp;&raquo; <a itemprop="url" href="{{ page.permalink | safe }}">Read
More&nbsp;&raquo;
</a> </a>
</nav> </nav>
</div> </div>