jekyll-theme-centos 0.2.6 → 0.5.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/download/body-doc.html +3 -3
  3. data/_includes/download/body-eol.html +2 -2
  4. data/_includes/download/body.html +4 -4
  5. data/_includes/download/cards.html +3 -3
  6. data/_includes/download/linux.html +3 -3
  7. data/_includes/download/linux/7-doc.html +1 -1
  8. data/_includes/download/linux/7-eol.html +1 -1
  9. data/_includes/download/linux/7.html +1 -1
  10. data/_includes/download/linux/8-doc.html +1 -1
  11. data/_includes/download/linux/8-eol.html +1 -1
  12. data/_includes/download/linux/8.html +1 -1
  13. data/_includes/download/stream.html +2 -2
  14. data/_includes/download/stream/8-doc.html +1 -1
  15. data/_includes/download/stream/8-eol.html +1 -1
  16. data/_includes/download/stream/8.html +1 -1
  17. data/_includes/footer.html +5 -5
  18. data/_includes/header/home.html +0 -10
  19. data/_includes/home/distributions.html +12 -0
  20. data/_includes/home/news-and-events.html +13 -0
  21. data/_includes/home/{around.html → planet.html} +1 -1
  22. data/_includes/home/sponsors.html +2 -2
  23. data/_includes/navbar.html +7 -7
  24. data/_includes/post-nav-explorer.html +23 -0
  25. data/_includes/post-nav.html +3 -0
  26. data/_includes/search.html +76 -57
  27. data/_includes/top.html +1 -1
  28. data/_layouts/aside.html +16 -1
  29. data/_layouts/blog.html +14 -29
  30. data/_layouts/download-mirror.html +5 -2
  31. data/_layouts/home.html +16 -2
  32. data/_layouts/page.html +9 -5
  33. data/_layouts/post.html +16 -29
  34. data/_layouts/search.html +36 -10
  35. data/_layouts/sponsors.html +5 -2
  36. data/_sass/centos/_footer.scss +2 -4
  37. data/_sass/centos/_header.scss +13 -24
  38. data/_sass/centos/_main.scss +79 -83
  39. data/_sass/centos/_mixins.scss +3 -0
  40. data/_sass/centos/_nav.scss +3 -0
  41. data/_sass/centos/_toc.scss +2 -1
  42. data/_sass/centos/_variables.scss +27 -21
  43. data/_sass/centos/mixins/_aside-nav.scss +24 -13
  44. data/_sass/centos/mixins/_content-nav.scss +11 -0
  45. data/_sass/centos/mixins/_content.scss +16 -26
  46. data/_sass/centos/mixins/_link-list.scss +1 -1
  47. data/_sass/centos/mixins/_post-nav-explorer.scss +21 -0
  48. data/assets/img/motif.png +0 -0
  49. data/assets/js/instantsearch.min.js +3 -0
  50. metadata +11 -6
  51. data/_includes/home/news-and-sponsors.html +0 -8
  52. data/_includes/home/news.html +0 -13
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d7e13474d8f38c384dbbe7db89ffa9d743e9eaed480d24bbaa992c9a1c5a06b6
4
- data.tar.gz: f45d1a0c0667bbd047de6badd10bbd2d508f77553ab0e9ff43e50f97da918913
3
+ metadata.gz: 8f1bbbe60dfe5485954ba24127364e7672078370e633879245c005d52cf02c7b
4
+ data.tar.gz: 7b4e9f6f42b03e136dbdd24c9bcde381876bb075ca2238c13bcea53bc5f28659
5
5
  SHA512:
6
- metadata.gz: 1dd3489f79d44e8f070f31af33f668f6181d9b0688b724d64e747f981d17b938c3c53b15eabb50974c6f5b8e0b13ea0727d151db3f123a01b2bcaa84a8affa8f
7
- data.tar.gz: 452bc3563c7736be53d59b546d0916c556ca96e75ecd00bbc1c01a8e587dda16144cd04a9969e256d3f744f736725b8c1886179bc8fcc26f74807ec24d115f76
6
+ metadata.gz: bef11e25482020a3a67b3663c4730e12315a02cafcb76268bf6a6a0d6c4595f7065351a8d0f97c54e91487b585e82adf59d549ef4764bcb2e2b0cd27606d19de
7
+ data.tar.gz: 8735925790a820f325f8e77dfb5905ffff9b0666e2f712e7db36fcd6edec429e407f4d4b561fcbee6d824b0eab848d49b9e0f8213bb5b39e796a54abc153bb2d
@@ -1,6 +1,6 @@
1
1
  <tr>
2
- <td>{% if row["release_notes"] != "-" %}<a href="{{ row['release_notes'] }}">Release Notes</a>{% else %}Release Notes{% endif %}
3
- | {% if row["release_email"] != "-" %}<a href="{{ row['release_email'] }}">Release Email</a>{% else %}Release Email{% endif %}
4
- | {% if row["documentation"] != "-" %}<a href="{{ row['documentation'] }}">Documentation</a>{% else %}Documentation{% endif %}</td>
2
+ <td>{% if row["release_notes"] != "" %}<a href="{{ row['release_notes'] }}">Release Notes</a>{% else %}Release Notes{% endif %}
3
+ | {% if row["release_email"] != "" %}<a href="{{ row['release_email'] }}">Release Email</a>{% else %}Release Email{% endif %}
4
+ | {% if row["documentation"] != "" %}<a href="{{ row['documentation'] }}">Documentation</a>{% else %}Documentation{% endif %}</td>
5
5
  </tr>
6
6
 
@@ -1,4 +1,4 @@
1
1
  <tr>
2
- <td>{% if row["date"] != "-" %}{{ row['date'] }}{% endif %}
3
- {% if row["url"] != "-" %}<a href="{{ row['url'] }}"><i class="fas fa-exclamation-circle"></i></a>{% endif %}</td>
2
+ <td>{% if row["date"] != "" %}{{ row['date'] }}{% endif %}
3
+ {% if row["url"] != "" %}<a href="{{ row['url'] }}"><i class="fas fa-exclamation-circle"></i></a>{% endif %}</td>
4
4
  </tr>
@@ -1,7 +1,7 @@
1
1
  <tr>
2
2
  <td><a href="{{ row['iso'] }}"> {{ row['arch'] }}</a></td>
3
- <td>{% if row["rpm"] != "-" %}<a href="{{ row['rpm'] }}"> RPMs</a>{% else %}RPMs{% endif %}</td>
4
- <td>{% if row["cloud"] != "-" %}<a href="{{ row['cloud'] }}">Cloud</a>{% else %}Cloud{% endif %}
5
- | {% if row["containers"] != "-" %}<a href="{{ row['containers'] }}">Containers</a>{% else %}Containers{% endif %}
6
- | {% if row["vagrant"] != "-" %}<a href="{{ row['vagrant'] }}">Vagrant</a>{% else %}Vagrant{% endif %}</td>
3
+ <td>{% if row["rpm"] != "" %}<a href="{{ row['rpm'] }}"> RPMs</a>{% else %}RPMs{% endif %}</td>
4
+ <td>{% if row["cloud"] != "" %}<a href="{{ row['cloud'] }}">Cloud</a>{% else %}Cloud{% endif %}
5
+ | {% if row["containers"] != "" %}<a href="{{ row['containers'] }}">Containers</a>{% else %}Containers{% endif %}
6
+ | {% if row["vagrant"] != "" %}<a href="{{ row['vagrant'] }}">Vagrant</a>{% else %}Vagrant{% endif %}</td>
7
7
  </tr>
@@ -1,8 +1,8 @@
1
1
  <div class="download__content__card">
2
2
  <div class="download__content__card__header">
3
- <ul class="nav nav-pills card-header-pills">
4
- <li class="nav-item"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-stream">CentOS Stream</a></li>
5
- <li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-linux">CentOS Linux</a></li>
3
+ <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
4
+ <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-stream">CentOS Stream</a></li>
5
+ <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-linux">CentOS Linux</a></li>
6
6
  </ul>
7
7
  </div>
8
8
  <div class="download__content__card__body tab-content">
@@ -1,8 +1,8 @@
1
1
  <div class="download__content__card">
2
2
  <div class="download__content__card__header">
3
- <ul class="nav nav-pills card-header-pills">
4
- <li class="nav-item"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-linux-8">8</a></li>
5
- <li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-linux-7">7</a></li>
3
+ <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
4
+ <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-linux-8">8</a></li>
5
+ <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-linux-7">7</a></li>
6
6
  </ul>
7
7
  </div>
8
8
 
@@ -1,5 +1,5 @@
1
1
  {% include download/header-doc.html %}
2
- {% for row in site.data.centos-linux-7-doc %}
2
+ {% for row in site.data.centos.linux-7-doc %}
3
3
  {% include download/body-doc.html %}
4
4
  {% endfor %}
5
5
  {% include download/footer.html %}
@@ -1,5 +1,5 @@
1
1
  {% include download/header-eol.html %}
2
- {% for row in site.data.centos-linux-7-eol %}
2
+ {% for row in site.data.centos.linux-7-eol %}
3
3
  {% include download/body-eol.html %}
4
4
  {% endfor %}
5
5
  {% include download/footer.html %}
@@ -1,5 +1,5 @@
1
1
  {% include download/header.html %}
2
- {% for row in site.data.centos-linux-7 %}
2
+ {% for row in site.data.centos.linux-7 %}
3
3
  {% include download/body.html %}
4
4
  {% endfor %}
5
5
  {% include download/footer.html %}
@@ -1,5 +1,5 @@
1
1
  {% include download/header-doc.html %}
2
- {% for row in site.data.centos-linux-8-doc %}
2
+ {% for row in site.data.centos.linux-8-doc %}
3
3
  {% include download/body-doc.html %}
4
4
  {% endfor %}
5
5
  {% include download/footer.html %}
@@ -1,5 +1,5 @@
1
1
  {% include download/header-eol.html %}
2
- {% for row in site.data.centos-linux-8-eol %}
2
+ {% for row in site.data.centos.linux-8-eol %}
3
3
  {% include download/body-eol.html %}
4
4
  {% endfor %}
5
5
  {% include download/footer.html %}
@@ -1,5 +1,5 @@
1
1
  {% include download/header.html %}
2
- {% for row in site.data.centos-linux-8 %}
2
+ {% for row in site.data.centos.linux-8 %}
3
3
  {% include download/body.html %}
4
4
  {% endfor %}
5
5
  {% include download/footer.html %}
@@ -1,8 +1,8 @@
1
1
  <div class="download__content__card">
2
2
 
3
3
  <div class="download__content__card__header">
4
- <ul class="nav nav-pills card-header-pills">
5
- <li class="nav-item"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-stream-8">8</a></li>
4
+ <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
5
+ <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-stream-8">8</a></li>
6
6
  </ul>
7
7
  </div>
8
8
 
@@ -1,5 +1,5 @@
1
1
  {% include download/header-doc.html %}
2
- {% for row in site.data.centos-stream-8-doc %}
2
+ {% for row in site.data.centos.stream-8-doc %}
3
3
  {% include download/body-doc.html %}
4
4
  {% endfor %}
5
5
  {% include download/footer.html %}
@@ -1,5 +1,5 @@
1
1
  {% include download/header-eol.html %}
2
- {% for row in site.data.centos-stream-8-eol %}
2
+ {% for row in site.data.centos.stream-8-eol %}
3
3
  {% include download/body-eol.html %}
4
4
  {% endfor %}
5
5
  {% include download/footer.html %}
@@ -1,5 +1,5 @@
1
1
  {% include download/header.html %}
2
- {% for row in site.data.centos-stream-8 %}
2
+ {% for row in site.data.centos.stream-8 %}
3
3
  {% include download/body.html %}
4
4
  {% endfor %}
5
5
  {% include download/footer.html %}
@@ -2,9 +2,9 @@
2
2
  <div class="container">
3
3
  <div class="row">
4
4
 
5
- {% if site.footer.columns %}
6
- {% for column in site.footer.columns %}
7
- {% assign links = site.navbar | where: "name", column %}
5
+ {% if site.data.centos.footer.columns %}
6
+ {% for column in site.data.centos.footer.columns %}
7
+ {% assign links = site.data.centos.navbar | where: "name", column %}
8
8
  {% for section in links %}
9
9
  <section class="links">
10
10
  <h6><i class="{{ section.icon }}"></i> {{ section.name }}</h6>
@@ -22,7 +22,7 @@
22
22
  <h4>{{ site.title }}</h4>
23
23
  <p class="lead">{{ site.description }}</p>
24
24
  <div class="lead social">
25
- {% for item in site.footer.social %}
25
+ {% for item in site.data.centos.footer.social %}
26
26
  <a href="{{ item.link }}"><i class="{{ item.icon }}"></i></a>
27
27
  {% endfor %}
28
28
  </div>
@@ -32,7 +32,7 @@
32
32
 
33
33
  <div class="row">
34
34
  <section class="copyright">
35
- <p>Copyright &copy; {{ site.time | date: "%Y" }} {{ site.footer.copyright.author }} {% for item in site.footer.copyright.legals %} | <a href="{{ item.link }}">{{ item.text }}</a>{% endfor %}</p>
35
+ <p>Copyright &copy; {{ site.time | date: "%Y" }} {{ site.data.centos.footer.copyright.author }} {% for item in site.data.centos.footer.copyright.legals %} | <a href="{{ item.link }}">{{ item.text }}</a>{% endfor %}</p>
36
36
  </section>
37
37
  </div>
38
38
 
@@ -1,14 +1,4 @@
1
1
  <header class="header header__home">
2
2
  <h1 class="header__home__title">{{ site.title }}</h1>
3
3
  <p class="header__home__description">{{ site.description }}</p>
4
- {% if site.header.preamble %}
5
- <p class="header__home__preamble">{{ site.header.preamble }}</p>
6
- {% endif %}
7
- {% if site.header.worklines %}
8
- <div class="header__home__worklines">
9
- {% for item in site.header.worklines %}
10
- <a class="btn btn-light btn-lg" role="button" href="{{ item.link }}"><strong>{{ item.name }}</strong></a>
11
- {% endfor %}
12
- </div>
13
- {% endif %}
14
4
  </header>
@@ -0,0 +1,12 @@
1
+ <section class="home__content__distributions">
2
+ <h2>Distributions</h2>
3
+ <p class="home__content__distributions_preamble">{{ site.data.centos.distributions.preamble }}</p>
4
+
5
+ {% if site.data.centos.distributions.buttons %}
6
+ <div class="home__content__distributions__buttons">
7
+ {% for item in site.data.centos.distributions.buttons %}
8
+ <a class="btn" role="button" href="{{ item.link }}">{{ item.name }}</a>
9
+ {% endfor %}
10
+ </div>
11
+ {% endif %}
12
+ </section>
@@ -0,0 +1,13 @@
1
+ <section class="home__content__news-and-events">
2
+
3
+ <h2>News and events</h2>
4
+
5
+ <ul>
6
+ {% assign blog_posts = site.posts | where: "category", "news-and-events" %}
7
+ {% for i in blog_posts limit:4 %}
8
+ {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
9
+ <li><a href="{{ i.url }}">{{ i.title }}</a> &mdash; <small>{{ i.date | date: date_format }}</small> {{ i.excerpt }}</li>
10
+ {% endfor %}
11
+ </ul>
12
+
13
+ </section>
@@ -1,4 +1,4 @@
1
- <section class="home__around">
1
+ <section class="home__content__planet">
2
2
  <h2>Around CentOS</h2>
3
3
  <div id="rss-feeds"></div>
4
4
  </section>
@@ -1,6 +1,6 @@
1
- <section class="home__sponsorship">
1
+ <section class="home__content__sponsors">
2
2
 
3
- <h2>Sponsorship</h2>
3
+ <h2>Sponsors</h2>
4
4
 
5
5
  <div class="carousel">
6
6
  <p>CentOS would not be possible without the support of our sponsors. We would like to thank the following product/service for being a CentOS sponsor:</p>
@@ -1,22 +1,22 @@
1
- <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
1
+ <nav class="navbar fixed-top navbar-expand-lg navbar-dark">
2
2
  <div class="container">
3
- <a class="navbar-brand" href="{{ site.identity.logo.link }}"><img src="{{ site.identity.logo.image }}" height="32" alt="{{ site.title }}"></a>
3
+ <a class="navbar-brand" href="{{ site.data.centos.identity.logo.link }}"><img src="{{ site.data.centos.identity.logo.image }}" height="32" alt="{{ site.title }}"></a>
4
4
  <button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
5
5
  <div class="collapse navbar-collapse" id="navcol-1">
6
6
  <ul class="nav navbar-nav ml-auto">
7
- {% for nav-item in site.navbar %}
7
+ {%- for nav-item in site.data.centos.navbar -%}
8
8
  {% if nav-item.menu.size == 0 %}
9
9
  <li class="nav-item" role="presentation"><a class="nav-link" href="{{ nav-item.link }}"><i class="{{ nav-item.icon }}"></i> {{ nav-item.name }}</a></li>
10
- {% else %}
10
+ {% else -%}
11
11
  <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#"><i class="{{ nav-item.icon }}"></i> {{ nav-item.name }}</a>
12
12
  <div class="dropdown-menu" role="menu">
13
- {% for dropdown-item in nav-item.menu %}
13
+ {%- for dropdown-item in nav-item.menu -%}
14
14
  <a class="dropdown-item" role="presentation" href="{{ dropdown-item.link }}">{{ dropdown-item.name }}</a>
15
- {% endfor %}
15
+ {% endfor -%}
16
16
  </div>
17
17
  </li>
18
18
  {% endif %}
19
- {% endfor %}
19
+ {%- endfor -%}
20
20
  </ul>
21
21
  </div>
22
22
  </div>
@@ -0,0 +1,23 @@
1
+ <nav class="post__nav__explorer">
2
+ {% if page.previous.url %}
3
+ <div class="post__nav__explorer__newer">
4
+ {% else %}
5
+ <div class="post__nav__explorer__newer--disabled">
6
+ {% endif %}
7
+ <a href="{{ page.previous.url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Previous Post - {{ page.previous.title }}"><i class="fas fa-arrow-left"></i></button></a>
8
+ </div>
9
+ {% include top.html %}
10
+ <div class="post__nav_explorer__feeds">
11
+ <a href="{{ "/feed.xml" | relative_url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fas fa-rss"></i></button></a>
12
+ </div>
13
+ <div class="post__nav__explorer__index">
14
+ <a href="/{{ site.pagination.indexpage }}/"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
15
+ </div>
16
+ {% if page.next.url %}
17
+ <div class="post__nav__explorer__older">
18
+ {% else %}
19
+ <div class="post__nav__explorer__older--disabled">
20
+ {% endif %}
21
+ <a href="{{ page.next.url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Next Post - {{ page.next.title }}"><i class="fas fa-arrow-right"></i></button></a>
22
+ </div>
23
+ </nav>
@@ -0,0 +1,3 @@
1
+ {% include breadcrumbs.html %}
2
+ {% include toc.html html=content %}
3
+ {% include post-nav-explorer.html %}
@@ -1,62 +1,81 @@
1
- <script src="/assets/js/lunr.min.js"></script>
1
+ <div id="search-searchbar"></div>
2
+ <div id="search-hits"></div>
3
+ <div id="search-pagination"></div>
2
4
 
5
+ <script src="/assets/js/instantsearch.min.js"></script>
6
+ <script src="/assets/js/moment.min.js"></script>
3
7
  <script>
4
- {% assign counter = 0 %}
5
- var documents = [{% for page in site.pages %}{% if page.url contains '.xml' or page.url contains 'assets' %}{% else %}{
6
- "id": {{ counter }},
7
- "url": "{{ site.url }}{{ page.url }}",
8
- "title": "{{ page.title }}",
9
- "body": "{{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: ' ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %}
10
- }, {% endif %}{% endfor %}{% for page in site.without-plugin %}{
11
- "id": {{ counter }},
12
- "url": "{{ site.url }}{{ page.url }}",
13
- "title": "{{ page.title }}",
14
- "body": "{{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: ' ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %}
15
- }, {% endfor %}{% for page in site.posts %}{
16
- "id": {{ counter }},
17
- "url": "{{ site.url }}{{ page.url }}",
18
- "title": "{{ page.title }}",
19
- "body": "{{ page.date | date: "%Y/%m/%d" }} - {{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: ' ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %}
20
- }{% if forloop.last %}{% else %}, {% endif %}{% endfor %}];
21
-
22
- var idx = lunr(function () {
23
- this.ref('id')
24
- this.field('title')
25
- this.field('body')
26
-
27
- documents.forEach(function (doc) {
28
- this.add(doc)
29
- }, this)
30
- });
31
- function lunr_search(term) {
32
- document.getElementById('lunrsearchresults').innerHTML = '<ul></ul>';
33
- if(term) {
34
- document.getElementById('lunrsearchresults').innerHTML = "<h2>Search results for '" + term + "'</h2>" + document.getElementById('lunrsearchresults').innerHTML;
35
- //put results on the screen.
36
- var results = idx.search(term);
37
- if(results.length>0){
38
- //console.log(idx.search(term));
39
- //if results
40
- for (var i = 0; i < results.length; i++) {
41
- // more statements
42
- var ref = results[i]['ref'];
43
- var url = documents[ref]['url'];
44
- var title = documents[ref]['title'];
45
- var body = documents[ref]['body'].substring(0,160)+'...';
46
- document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML = document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML + "<li class='lunrsearchresult'><a href='" + url + "'><span class='title'>" + title + "</span></a><br/><span class='body'>"+ body +"</span><br/><span class='url'>"+ url +"</span></li>";
47
- }
48
- } else {
49
- document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML = "<li class='lunrsearchresult'>No results found...</li>";
50
- }
8
+ const search = instantsearch({
9
+ appId: '{{ site.algolia.application_id }}',
10
+ apiKey: '{{ site.algolia.search_only_api_key }}',
11
+ indexName: '{{ site.algolia.index_name }}'
12
+ });
13
+
14
+ const hitTemplate = function(hit) {
15
+ let date = '';
16
+ if (hit.date) {
17
+ date = moment.unix(hit.date).format('MMM D, YYYY');
51
18
  }
52
- return false;
53
- }
54
- </script>
55
19
 
56
- <form onSubmit="return lunr_search(document.getElementById('lunrsearch').value);">
57
- <p><input type="text" class="form-control" id="lunrsearch" name="q" maxlength="255" value="" placeholder="Search via Lunr.js" autofocus /></p>
58
- </form>
20
+ let url = `{{ site.baseurl }}${hit.url}`;
21
+ let url_detail = `{{ site.baseurl }}${hit.url}#${hit.anchor}`;
22
+
23
+ const title = hit._highlightResult.title.value;
24
+
25
+ let breadcrumbs = '';
26
+ if (hit._highlightResult.headings) {
27
+ breadcrumbs = hit._highlightResult.headings.map(match => {
28
+ return `<span class="post-breadcrumb">${match.value}</span>`
29
+ }).join(' > ')
30
+ }
31
+
32
+ let content = "";
33
+
34
+ if (hit.html) {
35
+ content = hit.html;
36
+ }
37
+
38
+ if (hit._highlightResult.html) {
39
+ content = hit._highlightResult.html.value;
40
+ }
41
+
42
+ return `
43
+ <ul>
44
+ <li><a class="post-link" href="${url}">${title}</a> {{#breadcrumbs}}<a href="${url_detail}" class="post-breadcrumbs">${breadcrumbs}</a>{{/breadcrumbs}} ${content}</li>
45
+ </ul>
46
+ `;
47
+ }
48
+
49
+ search.addWidget(
50
+ instantsearch.widgets.searchBox({
51
+ container: '#search-searchbar',
52
+ autofocus: true,
53
+ placeholder: 'Search...',
54
+ poweredBy: true // This is required if you're on the free Community plan
55
+ })
56
+ );
59
57
 
60
- <div id="lunrsearchresults">
61
- <ul></ul>
62
- </div>
58
+ search.addWidget(
59
+ instantsearch.widgets.hits({
60
+ container: '#search-hits',
61
+ templates: {
62
+ item: hitTemplate
63
+ }
64
+ })
65
+ );
66
+
67
+ search.addWidget(
68
+ instantsearch.widgets.configure({
69
+ hitsPerPage: 5,
70
+ enablePersonalization: true,
71
+ })
72
+ );
73
+
74
+ search.addWidget(
75
+ instantsearch.widgets.pagination({
76
+ container: '#search-pagination',
77
+ })
78
+ );
79
+
80
+ search.start();
81
+ </script>