From e8fa19097c0a2d71db882df054e7a66b519c5b6b Mon Sep 17 00:00:00 2001
From: Arthur Alvim <afmalvim@gmail.com>
Date: Tue, 30 Jul 2019 10:48:01 -0300
Subject: [PATCH] =?UTF-8?q?Adicionando=20configura=C3=A7=C3=A3o=20b=C3=A1s?=
 =?UTF-8?q?ica=20para=20busca.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Gemfile                |  8 ++++++--
 README.md              | 17 +++++++++++++++++
 _includes/algolia.html | 32 ++++++++++++++++++++++++++++++++
 _includes/tiles.html   |  5 +++++
 4 files changed, 60 insertions(+), 2 deletions(-)
 create mode 100644 _includes/algolia.html

diff --git a/Gemfile b/Gemfile
index edd32fc..7bcd1a7 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,4 +1,8 @@
 source "https://rubygems.org"
 
-gem "jekyll"
-gem "jekyll-gist"
\ No newline at end of file
+gem 'jekyll', '~> 3.6'
+gem "jekyll-gist"
+
+group :jekyll_plugins do
+  gem 'jekyll-algolia'
+end
diff --git a/README.md b/README.md
index c593865..f72a79a 100644
--- a/README.md
+++ b/README.md
@@ -55,6 +55,23 @@ Vamos precisar de:
 
 Uma outra opção, para quem não deseja instalar o Ruby nem o Jekyll na máquina, é usar o [Docker](https://www.docker.com/). Para isso, só é necessário rodar apenas um comando que rapidamente o servidor de desenvolvimento estará disponível. Para tanto, além do Docker, é necessário usar o [docker-compose](https://docs.docker.com/compose/). Tendo os dois instalados, é só rodar o comando `docker-compose up`.
 
+## Indexando a busca no Algolia
+
+Para carregar o índice corretamente defina as variáveis abaixos no `_config.yml`:
+
+```ruby
+algolia:
+  application_id: GVM6HECTJP
+  index_name: colaboradados
+  search_only_api_key: rvtp4mqkxaeqyf9d6wkj52xj9lahmjg4
+```
+
+Depois execute o comando:
+
+```bash
+$ ALGOLIA_API_KEY='<password>' bundle exec jekyll algolia
+```
+
 ## Colaborando com a bases de dados (e sendo uma pessoa muito legal)
 
 O **Colaboradados** é uma iniciativa sem fins lucrativos e feita para comunidade e com a ajuda da mesma. Para ajudar com nossa base de dados você precisará seguir o caminho da pasta `colaboradados.github.io/_posts` e escolher o arquivo com o nome da base para a qual você quer colaborar. Os arquivos estão em Markdown e você poderá abrir no Visual Studio Code ou em seu ambiente de desenvolvimento preferido. Os arquivos precisam ser editados seguindo **exatamente** o mesmo padrão para listas e títulos. Isso deixará o trabalho organizado e facilitará para que o [**@colabora_bot**](https://twitter.com/colabora_bot), nosso bot do Twitter, consiga funcionar plenamente.
diff --git a/_includes/algolia.html b/_includes/algolia.html
new file mode 100644
index 0000000..542940f
--- /dev/null
+++ b/_includes/algolia.html
@@ -0,0 +1,32 @@
+<!-- Including InstantSearch.js library and styling -->
+<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch.min.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch.min.css">
+<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch-theme-algolia.min.css">
+
+<script>
+// Instanciating InstantSearch.js with Algolia credentials
+const search = instantsearch({
+  appId: '{{ site.algolia.application_id }}',
+  indexName: '{{ site.algolia.index_name }}',
+  apiKey: '{{ site.algolia.search_only_api_key }}'
+});
+
+// Adding searchbar and results widgets
+
+search.addWidget(
+  instantsearch.widgets.searchBox({
+    container: '#search-searchbar',
+    placeholder: 'Buscar no Colaboradados...',
+    poweredBy: true // This is required if you're on the free Community plan
+  })
+);
+
+search.addWidget(
+  instantsearch.widgets.hits({
+    container: '#search-hits'
+  })
+);
+
+// Starting the search
+search.start();
+</script>
diff --git a/_includes/tiles.html b/_includes/tiles.html
index c4fd44f..80e615e 100644
--- a/_includes/tiles.html
+++ b/_includes/tiles.html
@@ -1,5 +1,10 @@
 <section class="tiles">
 
+<div id="search-searchbar"></div>
+<div id="search-hits"></div>
+
+{% include algolia.html %}
+
 {% for post in site.posts limit:site.front-page-posts %}
 	<article class="style{{ forloop.index }}">
 		<span class="image">