jekyll-theme-centos-test 1.0.22 → 1.0.23

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8caf50c9437faf5d39db9920cb17dca401fdf771012a71efa75c53bc2dbe28e7
-  data.tar.gz: 84b3df1ae0e17f30baf231a7c538435bd22ba72badb1b7815488d21e0f1efb68
+  metadata.gz: 241b4530c74a4a4f8eabe8fd6b037b183a61c2f409bf0c4adbb973c2114b47d2
+  data.tar.gz: f0e82a4875b041e51eb7ac2bb73e7ada9135332b4f3ef327d10161e4b20eb386
 SHA512:
-  metadata.gz: b4e734bdc1b1db13b8cf6baaccc3194bfd09cddb513212a8735f5b16ec5459fd488f04ebc4d8704276f34281dc58c32609f0bfacce52bf4a94fa92033ddad5ac
-  data.tar.gz: 8969cf0046063620c843fd0cffb33e180ea51624d6b64204bad851bdd89e46cfe91e145bdf60e5e8d377276359c106fdd4260946992fe13096614da8214f92d6
+  metadata.gz: 815c8ba74c7e00e94f98f1be4e76d17cc3498597c48ecf44c2cac33b5e132e043d9b253d82d1278852ef68c15df6f010277b829d836ddd9126b1d64d6e4cb2d5
+  data.tar.gz: c8b4d3265ed9a5aa92e09065cd62ea352d34a398292d4f9d431d32d8dd85f0198ff93dae6364ff1fc823c7d2297b6b6a3554a3311022dd8dfa933bb7a950a941

data/_includes/breadcrumbs.html

@@ -0,0 +1,11 @@
+<ol class="breadcrumb">
+  {% assign crumbs = page.url | remove:'/index.html' | split: '/' %}
+      <li class="breadcrumb-item"><a href="/">Home</a></li>
+  {% for crumb in crumbs offset: 1 %}
+    {% if forloop.last %}
+      <li class="breadcrumb-item active">{{ page.title }}</li>
+    {% else %}
+      <li class="breadcrumb-item"><a href="{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' | replace:'without-plugin/','without-plugins/' }}{% endfor %}">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</a></li>
+    {% endif %}
+  {% endfor %}
+</ol>

data/_includes/download/cards-body-convert.html

@@ -0,0 +1,12 @@
+{% capture code %}```sh
+{{ row["commands"] | lstrip }}
+```{% endcapture %}
+
+<tr>
+  <td>
+{% if row["commands"] != "" %}
+{{ code | markdownify }}
+{% endif %}
+  </td>
+</tr>
+

data/_includes/download/cards-body-doc.html

@@ -0,0 +1,6 @@
+<tr>
+  <td>{% if row["release_notes"] != "" %}<a href="{{ row['release_notes'] }}">Release Notes</a>{% else %}Release Notes{% endif %}
+    | {% if row["release_email"] != "" %}<a href="{{ row['release_email'] }}">Release Email</a>{% else %}Release Email{% endif %}
+    | {% if row["website"] != "" %}<a href="{{ row['website'] }}">Website</a>{% else %}Website{% endif %}</td>
+</tr>
+

data/_includes/download/cards-body-eol.html

@@ -0,0 +1,7 @@
+<tr>
+  <td>
+    {% if row["overview"] != "" %}{{ row['overview'] }} {% endif %}
+    {% if row["date"] != "" %}{{ row['date'] | date_to_string: "ordinal", "US" }} {% endif %}
+    {% if row["url"] != "" %}<a href="{{ row['url'] }}"><i class="fas fa-exclamation-circle"></i></a>{% endif %}
+    </td>
+</tr>

data/_includes/download/cards-body.html

@@ -0,0 +1,7 @@
+<tr>
+  <td><a href="{{ row['iso'] }}"> {{ row['arch'] }}</a></td>
+  <td>{% if row["rpm"] != "" %}<a href="{{ row['rpm'] }}"> RPMs</a>{% else %}RPMs{% endif %}</td>
+  <td>{% if row["cloud"] != "" %}<a href="{{ row['cloud'] }}">Cloud</a>{% else %}Cloud{% endif %}
+    | {% if row["containers"] != "" %}<a href="{{ row['containers'] }}">Containers</a>{% else %}Containers{% endif %}
+    | {% if row["vagrant"] != "" %}<a href="{{ row['vagrant'] }}">Vagrant</a>{% else %}Vagrant{% endif %}</td>
+</tr>

data/_includes/download/cards-footer.html

@@ -0,0 +1,3 @@
+</tbody>
+</table>
+</div>

data/_includes/download/cards-header-convert.html

@@ -0,0 +1,9 @@
+<div class="table-responsive">
+<table class="table">
+<thead>
+  <tr>
+    <th scope="col"><i class="fas fa-sync-alt"></i> {{ row["overview"] }}</th>
+  </tr>
+</thead>
+<tbody>
+

data/_includes/download/cards-header-doc.html

@@ -0,0 +1,9 @@
+<div class="table-responsive">
+<table class="table">
+<thead>
+  <tr>
+    <th scope="col"><i class="fas fa-book"></i> Documentation</th>
+  </tr>
+</thead>
+<tbody>
+

data/_includes/download/cards-header-eol.html

@@ -0,0 +1,9 @@
+<div class="table-responsive">
+<table class="table">
+<thead>
+  <tr>
+    <th scope="col"><i class="fas fa-hourglass-end"></i> End-of-life</th>
+  </tr>
+</thead>
+<tbody>
+

data/_includes/download/cards-header.html

@@ -0,0 +1,11 @@
+<div class="table-responsive">
+<table class="table">
+<thead>
+  <tr>
+    <th scope="col"><i class="fas fa-microchip"></i> Architectures</th>
+    <th scope="col">Packages</th>
+    <th scope="col">Others</th>
+  </tr>
+</thead>
+<tbody>
+

data/_includes/download/cards.html

@@ -0,0 +1,63 @@
+{% if include.distribution %}
+{% assign cards = site.data.centos.distributions | where: "page", include.distribution %}
+{% else %}
+{% assign cards = site.data.centos.distributions %}
+{% endif %}
+
+<div class="download__content__card">
+  <div class="download__content__card__header">
+    <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
+    {% for item in cards %}
+    <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link{% if forloop.first %} active{% endif %}" role="tab" data-toggle="tab" href="#{{ item.page }}">{{ item.name }}</a></li>
+    {% endfor %}
+    </ul>
+  </div>
+  <div class="download__content__card__body tab-content">
+    {% for item in cards %}
+    <div class="tab-pane{% if forloop.first %} active{% endif %}" role="tabpanel" id="{{ item.page }}">
+
+      <div class="download__content__card">
+        <div class="download__content__card__header">
+          <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
+            {% for release in item.releases %}
+            <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link{% if forloop.first %} active{% endif %}" role="tab" data-toggle="tab" href="#{{ item.page }}-{{ release[0] }}">{{ release[0] }}</a></li>
+            {% endfor %}
+          </ul>
+        </div>
+
+        <div class="download__content__card__body tab-content">
+            {% for release in item.releases %}
+            <div class="tab-pane{% if forloop.first %} active{% endif %}" role="tabpanel" id="{{ item.page }}-{{ release[0] }}">
+            {% include download/cards-header.html %}
+            {% for row in release[1].downloads %}
+            {% include download/cards-body.html %}
+            {% endfor %}
+            {% include download/cards-footer.html %}
+
+            {% include download/cards-header-doc.html %}
+            {% for row in release[1].docs %}
+            {% include download/cards-body-doc.html %}
+            {% endfor %}
+            {% include download/cards-footer.html %}
+
+            {% include download/cards-header-eol.html %}
+            {% for row in release[1].eol %}
+            {% include download/cards-body-eol.html %}
+            {% endfor %}
+            {% include download/cards-footer.html %}
+
+            {% for row in release[1].convert %}
+            {% include download/cards-header-convert.html %}
+            {% include download/cards-body-convert.html %}
+            {% include download/cards-footer.html %}
+            {% endfor %}
+
+            </div>
+            {% endfor %}
+        </div>
+      </div>
+
+    </div>
+    {% endfor %}
+  </div>
+</div>

data/_includes/footer.html

@@ -0,0 +1,64 @@
+{% include hr.html %}
+
+<footer class="bd-footer py-4 py-md-5 mt-5 bg-light">
+    <div class="container">
+      <div class="row">
+        <section class="sponsor">
+          <div class="sponsor__message">
+          <h6><i class="fas fa-hand-holding-heart"></i> Sponsors</h6>
+          <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. If you value our work, please consider <a href="/sponsors">becoming a sponsor</a>!</p>
+          </div>
+
+          <div class="sponsor__logo">
+          <div class="carousel">
+          <div class="card">
+          <div class="carousel slide carousel-fade" data-ride="carousel" id="carousel-1">
+            <div class="carousel-inner" role="listbox">
+            {% for sponsor in site.sponsors %}
+            <div class="carousel-item {{ sponsor.status }}"><a href="{{ sponsor.address }}" rel="nofollow"><img class="img-fluid" src="{{ sponsor.logo }}"></a></div>
+            {% endfor %}
+            </div>
+            </div>
+          </div>
+          </div>
+          </div>
+        </section>
+      </div>
+      <div class="row">
+
+        {% if site.data.centos.footer.columns %}
+        {% for column in site.data.centos.footer.columns %}
+        {% assign links = site.data.centos.navbar | where: "name", column %}
+        {% for section in links %}
+        <section class="links">
+          <h6><i class="{{ section.icon }}"></i> {{ section.name }}</h6>
+          <ul>
+            {% for item in section.menu %}
+            <li><a href="{{ item.link }}">{{ item.name }}</a></li>
+            {% endfor %}
+          </ul>
+        </section>
+        {% endfor %}
+        {% endfor %}
+        {% endif %}
+
+        <section class="project">
+          <h4>{{ site.title }}</h4>
+          <p class="lead">{{ site.description }}</p>
+          <div class="lead social">
+            {% for item in site.data.centos.footer.social %}
+            <a href="{{ item.link }}" class="btn btn-link" role="button" aria-label="{{ item.name }}"><i class="{{ item.icon }}"></i></a>
+            {% endfor %}
+          </div>
+        </section>
+
+      </div>
+
+      <div class="row">
+        <section class="copyright">
+          <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>
+        </section>
+      </div>
+    </div>
+
+</footer>

data/_includes/head-datatables.html

@@ -0,0 +1,8 @@
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>{{ page.title }}</title>
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon.png">
+    <link rel="stylesheet" href="/assets/css/stylesheet.css">
+    <link rel="stylesheet" href="/assets/css/dataTables.bootstrap5.min.css">
+</head>

data/_includes/head.html

@@ -0,0 +1,7 @@
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>{{ page.title }}</title>
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ site.url }}{{ site.baseurl }}/assets/img/favicon.png">
+    <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/assets/css/stylesheet.css">
+</head>

data/_includes/header/blog.html

@@ -0,0 +1,22 @@
+<header class="header header__blog">
+
+  {% if paginator.previous_page_path %}
+  <a href="{{ paginator.previous_page_path }}"><div class="header__blog__older"><i class="fas fa-arrow-left"></i></div></a>
+  {% else %}
+  <div class="header__blog__older header__blog__older--disabled"><i class="fas fa-arrow-left"></i></div>
+  {% endif %}
+
+  <section class="header__blog__present">
+    <h1 class="header__blog__title">{{ page.title }}</h1>
+    <p class="header__blog__description">{{ page.title_lead }}</p>
+  </section>
+
+  {% if paginator.next_page_path %}
+  <a href="{{ paginator.next_page_path }}"><div class="header__blog__newer"><i class="fas fa-arrow-right"></i></div></a>
+  {% else %}
+  <div class="header__blog__newer header__blog__newer--disabled"><i class="fas fa-arrow-right"></i></div>
+  {% endif %}
+
+</header>
+
+{% include hr.html %}

data/_includes/header/home.html

@@ -0,0 +1,5 @@
+<div class="pt-5 pb-5 container">
+  <div class="text-center"><img src="{{ site.url }}{{ site.baseurl }}/assets/img/centos-symbol.png" alt="CentOS"></div>
+  <p class="display-2 fw-bold text-center pt-5">{{ site.title }}</p>
+  <p class="display-6 fw-lighter text-center">{{ site.description }}</p>
+</div>

data/_includes/header/page.html

@@ -0,0 +1,6 @@
+<header class="header header__page">
+  <h1 class="header__page__title">{{ page.title }}</h1>
+  <p class="header__page__description">{{ page.title_lead }}</p>
+</header>
+
+{% include hr.html %}

data/_includes/header/post.html

@@ -0,0 +1,23 @@
+<header class="header header__post">
+
+  {% if page.previous.url %}
+  <a href="{{ page.previous.url }}"><div class="header__post__older"><i class="fas fa-arrow-left"></i></div></a>
+  {% else %}
+  <div class="header__post__older header__post__older--disabled"><i class="fas fa-arrow-left"></i></div>
+  {% endif %}
+
+  <section class="header__post__present">
+    <h1 class="header__post__title">{{ page.title }}</h1>
+    {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
+    <p class="header__post__description">{{ page.date | date: date_format }}</p>
+  </section>
+
+  {% if page.next.url %}
+  <a href="{{ page.next.url }}"><div class="header__post__newer"><i class="fas fa-arrow-right"></i></div></a>
+  {% else %}
+  <div class="header__post__newer header__post__newer--disabled"><i class="fas fa-arrow-right"></i></div>
+  {% endif %}
+
+</header>
+
+{% include hr.html %}

data/_includes/header.html

@@ -0,0 +1,9 @@
+{% if page.layout == "home" %}
+{% include header/home.html %}
+{% elsif page.layout == "blog" %}
+{% include header/blog.html %}
+{% elsif page.layout == "post" %}
+{% include header/post.html %}
+{% else %}
+{% include header/page.html %}
+{% endif %}

data/_includes/home/distributions.html

@@ -0,0 +1,18 @@
+<div class="card text-center">
+  <div class="card-header">
+    <ul class="nav nav-pills nav-fill" id="pills-tab" role="tablist">
+      {% for item in site.data.centos.distributions %}
+      <li class="nav-item" role="presentation">
+        <button class="nav-link{% if forloop.first %} active{% endif %}" id="pills-{{ item.page }}-tab" data-bs-toggle="pill" data-bs-target="#pills-{{ item.page }}" type="button" role="tab" aria-controls="pills-home" aria-selected="true">{{ item.name }}</button>
+      </li>
+      {% endfor %}
+    </ul>
+  </div>
+  <div class="card-body">
+    <div class="tab-content" id="pills-tabContent">
+      {% for item in site.data.centos.distributions %}
+      <div class="tab-pane fade show{% if forloop.first %} active{% endif %}" id="pills-{{ item.page }}" role="tabpanel" aria-labelledby="pills-{{ item.page }}-tab" tabindex="{{ forloop.index }}">{{ item.description }}</div>
+      {% endfor %}
+    </div>
+  </div>
+</div>

data/_includes/home/news-and-events.html

@@ -0,0 +1,18 @@
+<section id="news-and-events" class="home__news-and-events">
+
+  <h2 class="home__news-and-events__title">News and events</h2>
+
+  <div class="home__news-and-events__content">
+{% assign blog_posts = site.posts | where: "category", "news-and-events" %}
+{% for i in blog_posts limit:5 %}
+{%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
+  <a class="btn" role="button" href="{{ i.url }}">
+  <div class="card">
+  <h3 class="card-title">{{ i.title }}</h3>
+  <div class="card-body">{{ i.date | date: date_format }} &mdash; {{ i.excerpt | strip_html }}</div>
+  </div>
+  </a>
+{% endfor %}
+  </div>
+
+</section>

data/_includes/home/planet.html

@@ -0,0 +1,18 @@
+<section id="around-centos" class="home__planet">
+
+  <h2 class="home__planet__title">Around CentOS</h2>
+
+  <div class="home__planet__content">
+  {% assign entries = site.data.centos.planet %}
+  {% for i in entries limit:5 %}
+  {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
+  <a class="btn" role="button" href="{{ i.link }}">
+  <div class="card">
+  <h3 class="card-title">{{ i.title }}</h3>
+  <div class="card-body">{{ i.published | date: date_format }} &mdash; {{ i.summary | strip_html | slice: 0,150 }}...</div>
+  </div>
+  </a>
+{% endfor %}
+  </div>
+
+</section>

data/_includes/home/shortcuts.html

@@ -0,0 +1,17 @@
+<div class="header__home__shortcuts__community">
+
+  {% assign links = site.data.centos.navbar | where: "name", "Community" %}
+  {% for section in links %}
+  {% for item in section.menu %}
+  <a class="btn" role="button" href="{{ item.link }}">
+  <div class="card">
+    <div class="card-body">
+      <h2 class="card-title"><i class="{{ item.icon }}"></i></h2>
+      <p class="card-text">{{ item.name }}</p>
+    </div>
+  </div>
+  </a>
+  {% endfor %}
+  {% endfor %}
+
+</div>

data/_includes/home/sponsors.html

@@ -0,0 +1,19 @@
+<section class="home__content__sponsors">
+
+  <h2>Sponsors</h2>
+
+  <div class="carousel">
+  <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>
+  <div class="card">
+  <div class="carousel slide carousel-fade" data-ride="carousel" id="carousel-1">
+      <div class="carousel-inner" role="listbox">
+      {% for sponsor in site.sponsors %}
+      <div class="carousel-item {{ sponsor.status }}"><a href="{{ sponsor.address }}" rel="nofollow"><img class="img-fluid" src="{{ sponsor.logo }}"></a></div>
+      {% endfor %}
+      </div>
+    </div>
+  </div>
+  <p>If you value our work, please consider <a href="/sponsors">becoming a sponsor</a>!</p>
+  </div>
+
+</section>

data/_includes/hr.html

@@ -0,0 +1,6 @@
+<div class="hr">
+  <div class="hr__centos-color-0"></div>
+  <div class="hr__centos-color-1"></div>
+  <div class="hr__centos-color-2"></div>
+  <div class="hr__centos-color-3"></div>
+</div>

data/_includes/navbar.html

@@ -0,0 +1,26 @@
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top p-3 shadow">
+  <div class="container">
+    <a class="navbar-brand" href="{{ site.data.centos.identity.logo.link }}"><img src="{{ site.url }}{{ site.baseurl }}/{{ site.data.centos.identity.logo.image }}" height="32" alt="{{ site.title }}"><span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse flex-grow-0" id="navbarSupportedContent">
+      <ul class="navbar-nav">
+        {%- for nav-item in site.data.centos.navbar -%}
+        {% if nav-item.menu.size == 0 %}
+        <li class="nav-item"><a class="nav-link" role="presentation" href="{{ nav-item.link }}"><i class="{{ nav-item.icon }}"></i> {{ nav-item.name }}</a></li>
+        {% else -%}
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-{{ forloop.index }}" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="{{ nav-item.icon }}"></i> {{ nav-item.name }}</a>
+          <ul class="dropdown-menu" aria-labelledby="navbarDropdown-{{ forloop.index }}">
+            {%- for dropdown-item in nav-item.menu -%}
+            <li><a class="dropdown-item" role="presentation" href="{{ dropdown-item.link }}">{{ dropdown-item.name }}</a> </li>
+            {% endfor -%}
+          </ul>
+        </li>
+        {% endif %}
+        {%- endfor -%}
+        </ul>
+    </div>
+  </div>
+</nav>

data/_includes/page/alert-danger.html

@@ -0,0 +1,4 @@
+<div class="alert alert-danger" role="alert">
+  <p class="title"><i class="fas fa-minus-circle"></i> Caution:</p>
+  <p>{{ include.content }}</p>
+</div>

data/_includes/page/alert-info.html

@@ -0,0 +1,4 @@
+<div class="alert alert-info" role="alert">
+  <p class="title"><i class="fas fa-clipboard"></i> Note:</p>
+  <p>{{ include.content }}</p>
+</div>

data/_includes/page/alert-success.html

@@ -0,0 +1,4 @@
+<div class="alert alert-success" role="alert">
+  <p class="title"><i class="fas fa-lightbulb"></i> Idea:</p>
+  <p>{{ include.content }}</p>
+</div>

data/_includes/page/alert-warning.html

@@ -0,0 +1,4 @@
+<div class="alert alert-warning" role="alert">
+  <p class="title"><i class="fas fa-exclamation-triangle"></i> Warning:</p>
+  <p>{{ include.content }}</p>
+</div>

data/_includes/page/figure.html

@@ -0,0 +1,3 @@
+<figure class="figure">
+  <img src="{{ include.src }}" alt="{{ include.alt | escape }}">
+</figure>

data/_includes/page/video.html

@@ -0,0 +1,3 @@
+<div class="video">
+  <iframe class="embed-responsive-item" src="{{ include.src }}" allowfullscreen></iframe>
+</div>

data/_includes/post-nav-explorer.html

@@ -0,0 +1,23 @@
+<nav class="post__nav__explorer">
+  {% if page.previous.url %}
+  <div class="post__nav__explorer__newer">
+  {% else %}
+  <div class="post__nav__explorer__newer--disabled">
+  {% endif %}
+  <a href="{{ page.previous.url | remove:'index.html' }}"><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>
+  </div>
+
+  <div class="post__nav_explorer__feeds">
+    <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>
+  </div>
+  <div class="post__nav__explorer__index">
+    <a href="/news-and-events/"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
+  </div>
+  {% if page.next.url %}
+  <div class="post__nav__explorer__older">
+  {% else %}
+  <div class="post__nav__explorer__older--disabled">
+  {% endif %}
+  <a href="{{ page.next.url | remove:'index.html' }}"><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>
+  </div>
+</nav>

data/_includes/post-nav.html

@@ -0,0 +1,3 @@
+{% include breadcrumbs.html %}
+{% include toc.html html=content %}
+{% include post-nav-explorer.html %}

data/_includes/search.html

@@ -0,0 +1,81 @@
+<div id="search-searchbar"></div>
+<div id="search-hits"></div>
+<div id="search-pagination"></div>
+
+<script src="/assets/js/instantsearch.min.js"></script>
+<script src="/assets/js/moment.min.js"></script>
+<script>
+  const search = instantsearch({
+    appId: '{{ site.algolia.application_id }}',
+    apiKey: '{{ site.algolia.search_only_api_key }}',
+    indexName: '{{ site.algolia.index_name }}'
+  });
+
+  const hitTemplate = function(hit) {
+    let date = '';
+    if (hit.date) {
+      date = moment.unix(hit.date).format('MMM D, YYYY');
+    }
+
+    let url = `{{ site.baseurl }}${hit.url}`;
+    let url_detail = `{{ site.baseurl }}${hit.url}#${hit.anchor}`;
+
+    const title = hit._highlightResult.title.value;
+
+    let breadcrumbs = '';
+    if (hit._highlightResult.headings) {
+      breadcrumbs = hit._highlightResult.headings.map(match => {
+        return `<span class="post-breadcrumb">${match.value}</span>`
+      }).join(' > ')
+    }
+
+    let content = "";
+
+    if (hit.html) {
+      content = hit.html;
+    }
+
+    if (hit._highlightResult.html) {
+      content = hit._highlightResult.html.value;
+    }
+
+    return `
+      <ul>
+        <li><a class="post-link" href="${url}">${title}</a> {{#breadcrumbs}}<a href="${url_detail}" class="post-breadcrumbs">${breadcrumbs}</a>{{/breadcrumbs}} ${content}</li>
+      </ul>
+    `;
+  }
+
+  search.addWidget(
+    instantsearch.widgets.searchBox({
+      container: '#search-searchbar',
+      autofocus: true,
+      placeholder: 'Search...',
+      poweredBy: true // This is required if you're on the free Community plan
+    })
+  );
+
+  search.addWidget(
+    instantsearch.widgets.hits({
+      container: '#search-hits',
+      templates: {
+        item: hitTemplate
+      }
+    })
+  );
+
+  search.addWidget(
+    instantsearch.widgets.configure({
+      hitsPerPage: 5,
+      enablePersonalization: true,
+    })
+  );
+
+  search.addWidget(
+    instantsearch.widgets.pagination({
+      container: '#search-pagination',
+    })
+  );
+
+  search.start();
+</script>