lbenicio-minimal-v1 1.5.3 → 1.6.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a8054c09e210ff52c1d623de81b2cdcfc7424901cc67bff6636609e435366776
-  data.tar.gz: e8d65ebd7658b02b03c6eaac75ca7fdab0c5a2a62afdc693b3d544711dcd692a
+  metadata.gz: 90ba3f252988199fd40699e066f7ae5af2a49cdc6a0a34f84337010e0309c96d
+  data.tar.gz: 4444754f9b73cc72a259cacc97e2caf98a6e0e9b1f2d7670db654606ec5a50d9
 SHA512:
-  metadata.gz: 9f615bcce0d7f334c5cc31eb5cc2e62b1161dec5aaf73313379cf34a35a58669621a517954382b4c0fdeca8497e97315a674eb9bc08e108f63b0363657a957b7
-  data.tar.gz: 7f6272d0767633d0e2d70a6da61eb1560f8a7f1bdaf545180990bacacdb5fb8db9ebe950c512cd8789d312f78f82c7708931bc50a0299a4c322c7b929f886d20
+  metadata.gz: 7a97affc27e1595df3a4e06864a759d9919cf0c36ecc04f23a5947908319e6ac692757b9ba0917751612ec0ee296d1a2483b84f0be943a930f94f07dbde092c8
+  data.tar.gz: 32770cf102d2ca8f1bde6db964f5117980abfb6b1ee4118b9fed493a9a1d8769457c645a72b47351fccb137a9a1ffc1cd94a103dd54c4626dc061b760359dbf6

data/_includes/head.html

@@ -1,19 +1,26 @@
 <meta content='{{ site.title }}' property='og:title' />
 <!-- favicon -->
 <link href="{{ '/assets/favicon.ico'}}" rel='shortcut icon'>
+
 <!-- CSS -->
 <link href="{{ '/assets/vendor/bootstrap.min.css'}}" rel="stylesheet"
     integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
-<link rel="stylesheet" href="{{ '/assets/css/style.css'}}">
-<link rel="stylesheet" href="{{ '/assets/vendor/all.min.css'}}">
+<link rel="stylesheet" href="{{'/assets/css/style.css'}}">
+<link rel="stylesheet" href="{{'/assets/vendor/all.min.css'}}">
+
+{% if page.layout == "feed" %}
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.4.2/themes/reset-min.css">
+<link rel="stylesheet" href="{{'/assets/css/search.css'}}">
+{% endif %}
+
 <!-- Fonts -->
 <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
 <!-- Configs -->
 <meta content='width=device-width, initial-scale=1.0, , maximum-scale=1, minimum-scale=1, user-scalable=no' name='viewport'>
 <meta content='text/html; charset=utf-8' http-equiv='content-type' />
 {% if page.date %}
-<link rel="stylesheet" href="{{ '/assets/css/post.css'}}">
-<link rel="stylesheet" href="{{ '/assets/css/monokai.css'}}">
+<link rel="stylesheet" href="{{'/assets/css/post.css'}}">
+<link rel="stylesheet" href="{{'/assets/css/monokai.css'}}">
 <meta content='{{ site.default_url }}{{ page.url }}' property='og:url' />
 <meta content="{{ page.content | strip_html | strip_newlines | truncate: 120 }}" property='og:description' />
 <meta content="article" property="og:type" />

data/_includes/search-bar.html

@@ -0,0 +1,45 @@
+<section id="search-box" class="d-flex flex-column justify-content-center offset-xs-1 col-xs-10 offset-sm-3 col-sm-6">
+    <header>
+        <div id="search-input"></div>
+    </header>
+    <main>
+        <div id="right-column">
+            <div id="sort-by-wrapper"><span id="sort-by"></span></div>
+            <div id="stats"></div>
+            <div id="hits"></div>
+            <div id="pagination"></div>
+        </div>
+    </main>
+
+    <!-- TEMPLATES -->
+    <script type="text/html" id="no-results-template">
+        <div id="no-results-message">
+        <p>We didn't find any results for the search <em>"{{query}}"</em>.</p>
+        <a href="." class='clear-all'>Clear search</a>
+        </div>
+    </script>
+
+
+    <!-- SCRIPTS -->
+    <script src="https://cdn.jsdelivr.net/npm/algoliasearch@4.0.3/dist/algoliasearch-lite.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4.7.0/dist/instantsearch.production.min.js"></script>
+    <script src="/assets/vendor/search.js"></script>
+    <div id="algolia-props" class="d-none" data-algolia-application-id="{{ site.algolia.application_id }}" data-algolia-api-key={{ site.algolia.api_key }} data-algolia-index-name="{{ site.algolia.index_name }}" data-algolia-hits-per-page="{{ site.algolia.hits_per_page }}"></div>
+    <script>
+    document.addEventListener("DOMContentLoaded", function (e) {
+        try {
+            app({
+                appId: document.getElementById('algolia-props').dataset.algoliaApplicationId,
+                apiKey: document.getElementById('algolia-props').dataset.algoliaApiKey,
+                indexName: document.getElementById('algolia-props').dataset.algoliaIndexName,
+                searchParameters: {
+                    hitsPerPage: document.getElementById('algolia-props').dataset.algoliaHitsPerPage,
+                },
+            });
+        } catch (err) {
+            document.getElementById('search-box').remove();
+        };
+        document.getElementById('algolia-props').remove();
+    });
+    </script>
+</section>

data/_layouts/feed.html

@@ -20,6 +20,11 @@
                 </section>
             </div>
         </div>
+        {% if site.algolia.application_id %}
+        <div class="row mt-5">
+            {% include search-bar.html %}
+        </div>
+        {% endif %}
     </div>
     {% include footer.html %}
     {% include analytics.html %}

data/assets/css/search.css

@@ -0,0 +1,3 @@
+section#search-box a:link,a:visited,a:hover,a:active,a{text-decoration:none!important;color:black!important}section#search-box .clear:after{content:'';display:table;clear:both}section#search-box header{position:relative;height:80px;margin-top:40px}section#search-box header img{position:absolute;top:9px;left:0;float:left;max-width:23%}section#search-box .ais-SearchBox-form{position:relative}section#search-box .ais-SearchBox-input{width:100%;-webkit-appearance:none;appearance:none;border:1px solid #ccc;border-radius:4px;font-size:16px;padding:5px 20px}section#search-box .ais-SearchBox-reset{position:absolute;top:.5em;right:.25em}section#search-box .ais-SearchBox-submit{position:absolute;top:.5em;left:.25em}section#search-box #search-input section#search-box .ais-SearchBox-submit,section#search-box #search-input section#search-box .ais-SearchBox-reset{top:16px}section#search-box .ais-SearchBox-submit svg,section#search-box .ais-SearchBox-reset svg{width:1.25em;height:1.25em;fill:#8e8e8e}section#search-box #search-input input{font-size:28px;padding-left:100px;font-weight:100;padding:10px 10px 5px 35px;border:0;border-bottom:5px solid #eee;appearance:none;-webkit-appearance:none}section#search-box #search-input input,section#search-box #search-input input:focus{transition:border-color .3s ease-in;outline:0}section#search-box #search-input input:focus{border-color:#4550a7}section#search-box #search-input input::-webkit-input-placeholder,section#search-box #search-input input:-moz-placeholder,section#search-box #search-input input:-moz-placeholder,section#search-box #search-input input:-ms-input-placeholder{font-weight:100;color:#999}section#search-box #hits{margin:4px 0;padding:10px 0;border-top:2px solid #eee}section#search-box .hit{font-size:0;padding:15px 0;border-bottom:1px solid #eee}section#search-box .hit-name{margin:0}section#search-box .hit-image{display:inline-block;width:16%;text-align:center}section#search-box .hit-image img{max-width:100%;max-height:180px}section#search-box .hit-content{font-size:13px;font-weight:300;display:inline-block;width:81%;margin-left:3%;vertical-align:top}section#search-box .hit-stars{font-size:17px;margin:4px 0;color:#868686}section#search-box .hit-content section#search-box .hit-price{float:right;margin-left:20px;color:#fff;background:#383838;padding:4px;border-radius:3px}section#search-box .hit-content section#search-box .hit-price,section#search-box .hit-content section#search-box .hit-name{font-weight:normal;margin-top:0}section#search-box .hit-content mark{font-style:normal;color:#4550a7;background-color:transparent;border-bottom:solid 1px rgba(101,91,244,0.5)}section#search-box .hit-content p{font-size:13px}section#search-box .hit-description mark{color:inherit;background-color:inherit}section#search-box .hit-category-breadcrumb{margin:5px 0 2px 0}section#search-box .hit-category-breadcrumb mark{color:inherit}section#search-box .hit-content section#search-box .hit-description{color:#868686;margin:1px 0 10px 0;font-size:14px}section#search-box #pagination{margin-top:60px}section#search-box #pagination ul{font-size:0;list-style-type:none;text-align:center;display:block}section#search-box #pagination li{font-size:14px;display:inline}section#search-box #pagination a,section#search-box #pagination span{padding:8px 12px;text-decoration:none;color:#000;border:1px solid #eee}section#search-box #pagination a:hover,section#search-box #pagination span:hover{background:#f5f5f5}section#search-box #pagination section#search-box .ais-Pagination-item{padding:3px}section#search-box #pagination section#search-box .ais-Pagination-item:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}section#search-box #pagination section#search-box .ais-Pagination-item:last-child{border-right:1px solid #eee;border-top-right-radius:4px;border-bottom-right-radius:4px}section#search-box #pagination section#search-box .ais-Pagination-item--selected a{color:white;border-color:#4550a7;background:#4550a7}section#search-box #pagination section#search-box .ais-Pagination-item--selected a:hover{cursor:default}section#search-box #pagination section#search-box .ais-Pagination-item--disabled{cursor:not-allowed}section#search-box #pagination section#search-box .ais-Pagination-item--disabled:hover{background:0}section#search-box #sort-by-wrapper{font-weight:300;position:relative;float:right;color:#999}section#search-box #sort-by select{font-size:16px;padding-right:14px;cursor:pointer;border:0;outline:0;background:0;-webkit-appearance:none;-moz-appearance:none}section#search-box #sort-by:after{content:'';display:inline-block;position:absolute;top:8px;right:0;width:0;height:0;margin-left:2px;vertical-align:middle;color:#000;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent;pointer-events:none}section#search-box .facet{margin-bottom:24px;font-size:14px;color:#000}section#search-box .facet h5{margin:0 0 6px;padding:0 0 6px;text-transform:uppercase;border-bottom:2px solid #eee}
+section#search-box .facet ul{margin:0;padding:0;list-style-type:none}section#search-box .facet li{margin-bottom:3px}section#search-box .facet a:visited,section#search-box .facet a{color:#000;text-decoration:none;cursor:pointer}section#search-box .ais-RefinementList-label,section#search-box .ais-HierarchicalMenu-list section#search-box .facet-item,section#search-box .ais-Menu-link{cursor:pointer;line-height:1.5em}section#search-box .ais-HierarchicalMenu-list section#search-box .ais-HierarchicalMenu-item{margin:3px 0}section#search-box .ais-HierarchicalMenu-link:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;content:'\f105';padding:0 5px 0 0}section#search-box .sffv_no-results{font-size:13px;line-height:1.2;padding-top:6px}section#search-box .ais-RefinementList section#search-box .ais-SearchBox-submit svg,section#search-box .ais-RefinementList section#search-box .ais-SearchBox-reset svg{width:1em;height:1em;fill:#8e8e8e}section#search-box .ais-RefinementList-label:hover,section#search-box .ais-RefinementList-item--selected section#search-box .ais-RefinementList-label,section#search-box .ais-Menu-link:hover,section#search-box .ais-Menu-item--selected section#search-box .ais-Menu-link[class],section#search-box .ais-HierarchicalMenu-list section#search-box .facet-itemsection#search-box .active:hover,section#search-box .ais-HierarchicalMenu-list section#search-box .facet-itemsection#search-box .active{color:#4550a7}section#search-box .ais-RefinementList-item--selected section#search-box .ais-RefinementList-label:hover,section#search-box .ais-Menu-item--selected section#search-box .ais-Menu-link:hover,section#search-box .ais-HierarchicalMenu-list section#search-box .facet-itemsection#search-box .active:hover{text-decoration:line-through;color:#4550a7}section#search-box .ais-RefinementList-count,section#search-box .ais-HierarchicalMenu-count,section#search-box .ais-Menu-count,section#search-box .ais-RatingMenu-count,section#search-box .ais-ToggleRefinement-count{position:relative;float:right;color:#999}section#search-box .no-results #pagination,section#search-box .no-results #sort-by,section#search-box .no-results #stats,section#search-box .no-results #facets{display:none}section#search-box #no-results-message{text-align:center}section#search-box #no-results-message p{font-size:28px;font-weight:100}section#search-box #no-results-message ul{list-style-type:none}section#search-box #no-results-message li{font-size:12px;position:relative;display:inline-block;margin:4px 2px;padding:4px 28px 4px 8px;color:#999;border:1px solid #ddd;border-radius:12px}section#search-box #no-results-message li spansection#search-box .value{font-weight:bold;color:#000}section#search-box #no-results-message li asection#search-box .remove img{position:absolute;top:3px;right:5px;float:right;width:17px;height:17px;opacity:.5}section#search-box #no-results-message li asection#search-box .remove:hover img{opacity:1}section#search-box a.clear-all{font-size:12px;line-height:1;display:inline-block;margin:10px;padding:8px 12px;text-decoration:none;color:black;border:2px solid #ddd;border-radius:4px}section#search-box a.clear-all:hover{transition:border-color .3s ease-in;border-color:#999}section#search-box .ais-RangeSlider section#search-box .rheostat-progress{background-color:#46aeda}section#search-box .rheostat-handle{border-color:#4550a7}section#search-box .ais-RatingMenu-link{display:flex}section#search-box .ais-RatingMenu-label{flex-grow:1}section#search-box .ais-Menu-item--selected,section#search-box .ais-RefinementList-item--selected,section#search-box .ais-HierarchicalMenu-item--selected,section#search-box .ais-RatingMenu-item--selected{font-weight:bold}section#search-box .ais-RatingMenu-starIcon,section#search-box .ais-RatingMenu-starIcon--emtpy{display:inline-block;width:1em;height:1em}section#search-box .ais-RatingMenu-starIcon,section#search-box .ais-RatingMenu-starIcon--empty{fill:currentColor;color:#fbae00}section#search-box .ais-RatingMenu-item--disabled section#search-box .ais-RatingMenu-starIcon,section#search-box .ais-RatingMenu-item--disabled section#search-box .ais-RatingMenu-starIcon--empty{color:#c9c9c9}section#search-box .ais-ToggleRefinement-label{cursor:pointer}section#search-box .ais-RefinementList-showMore,section#search-box .ais-Menu-showMore{font-weight:bold;opacity:.7;padding-left:4px;position:relative;line-height:25px;font-size:.9em}section#search-box .ais-RefinementList-showMore:hover,section#search-box .ais-RefinementList-showMore:focus,section#search-box .ais-Menu-showMore:hover,section#search-box .ais-Menu-showMore:focus{opacity:1}section#search-box .ais-RefinementList-showMore section#search-box .isShowingMore:before,section#search-box .ais-RefinementList-showMore section#search-box .isShowingLess:before,section#search-box .ais-Menu-showMore section#search-box .isShowingMore:before,section#search-box .ais-Menu-showMore section#search-box .isShowingLess:before{font-family:FontAwesome;font-style:inherit;font-weight:inherit;text-decoration:inherit;display:inline-block;position:relative;content:'';margin:0 5px 0 0}
+section#search-box .ais-RefinementList-showMore section#search-box .isShowingMore:before,section#search-box .ais-Menu-showMore section#search-box .isShowingMore:before{content:'\f0fe'}section#search-box .ais-RefinementList-showMore section#search-box .isShowingLess:before,section#search-box .ais-Menu-showMore section#search-box .isShowingLess:before{content:'\f146'}

data/assets/css/style.scss

@@ -35,7 +35,7 @@ a.nav-blog-links:link,
 a.nav-blog-links:visited,
 a.nav-blog-links:hover,
 a.nav-blog-links:active {
-    text-decoration: none;
+    text-decoration: none !important;
 }
 
 nav>ul,

data/assets/vendor/search.js

@@ -0,0 +1 @@
+function app(e){var t=instantsearch({searchClient:algoliasearch(e.appId,e.apiKey),indexName:e.indexName,routing:!0,searchFunction:e.searchFunction});t.addWidgets([instantsearch.widgets.searchBox({container:"#search-input",placeholder:"Search for ..."}),instantsearch.widgets.hits({container:"#hits",templates:{item:function(e){var t=""!==document.querySelector("input.ais-SearchBox-input").value,n=document.querySelector("section#search-box div#pagination"),a=document.querySelector("section#search-box div#stats"),s=document.querySelector("section#search-box div#sort-by-wrapper"),i=document.querySelector("section#search-box div#right-column");return t?(n.classList.remove("d-none"),a.classList.remove("d-none"),s.classList.remove("d-none"),i.classList.remove("d-none")):(n.classList.add("d-none"),a.classList.add("d-none"),s.classList.add("d-none"),i.classList.add("d-none")),t?'<div class="hit"><div class="hit-image '+(e.image?"":"d-none")+'"><img src="'+e.image+'" alt="'+e.name+'"></div><div class="hit-content"><h5 class="hit-name"><a href="'+e.url+'">'+e.title+'</a></h5><p class="hit-description"><a href="'+e.url+'">'+e.content.slice(0,300)+"</a></p></div></div>":""},empty:getTemplate("no-results")}}),instantsearch.widgets.stats({container:"#stats"}),instantsearch.widgets.sortBy({container:"#sort-by",items:[{value:e.indexName,label:"Most relevant"}]}),instantsearch.widgets.pagination({container:"#pagination",scrollTo:"#search-input"})]),t.start()}function getTemplate(e){return document.querySelector("#"+e+"-template").innerHTML}function getHeader(e){return"<h5>"+e+"</h5>"}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lbenicio-minimal-v1
 version: !ruby/object:Gem::Version
-  version: 1.5.3
+  version: 1.6.2
 platform: ruby
 authors:
 - Leonardo Benicio
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-12-04 00:00:00.000000000 Z
+date: 2023-12-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll-seo-tag
@@ -175,6 +175,7 @@ files:
 - _includes/pagination.html
 - _includes/post-list.html
 - _includes/post-navigation.html
+- _includes/search-bar.html
 - _layouts/autopage_category.html
 - _layouts/autopage_collection.html
 - _layouts/autopage_tags.html
@@ -184,6 +185,7 @@ files:
 - _layouts/posts.html
 - assets/css/monokai.scss
 - assets/css/post.scss
+- assets/css/search.css
 - assets/css/style.scss
 - assets/favicon.ico
 - assets/favicon.png
@@ -193,6 +195,7 @@ files:
 - assets/vendor/bootstrap.min.css.map
 - assets/vendor/bootstrap.min.js
 - assets/vendor/bootstrap.min.js.map
+- assets/vendor/search.js
 - assets/webfonts/fa-brands-400.eot
 - assets/webfonts/fa-brands-400.svg
 - assets/webfonts/fa-brands-400.ttf