Using ghost api version 2 for searches

Author: GodoFredo

.gitignore

@@ -5,6 +5,7 @@
 # Logs
 logs
 *.log
+*.ini
 
 # Runtime data
 pids
@@ -474,6 +475,4 @@ __pycache__/
 
 .sass-lint.yml
 .cache-loader
-*.map
-*.js.map
-.src
+yarn-error.log

README.md

@@ -8,9 +8,9 @@
 Hi. I created this theme for ghost especially for you.
 It is available for free so you can use on your site. It is strictly forbidden to use it for commercial use. If you have any suggestions to improve the theme,  you can send me a tweet [@GodoFredoNinja](https://goo.gl/y3aivK)
 
-## 🙏 Please, help me with a small donation [here](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=Y7UB5Q8GVN3HN&source=url) or [PayPal](https://www.paypal.me/godofredoninja). It'll help motivate me to update the theme with many improvements
+## 🙏 Please, help me with a small donation [here](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=4H53Q4RTPSFQW&source=url) or [PayPal](https://www.paypal.me/godofredoninja). It'll help motivate me to update the theme with many improvements
 
-[![donate](./donate.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=Y7UB5Q8GVN3HN&source=url)
+[![donate](./donate.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=4H53Q4RTPSFQW&source=url)
 
 ![mapache theme for ghost](./screenshot.jpg)
 
@@ -70,6 +70,7 @@ You can see mapache in action on my Page [Demo](https://goo.gl/V7moIY)
     - [4. Instagram](#4-instagram)
     - [5. Comments](#5-comments)
     - [6. Search](#6-search)
+      - [Setup a Custom integration](#setup-a-custom-integration)
   - [Theme Translation](#theme-translation)
   - [AMP](#amp)
   - [Home Page](#home-page)
@@ -133,6 +134,22 @@ Mapache supports Disqus comments and Facebook comments as well as comment counti
 
 The default search engine will only search the titles of the post
 
+#### Setup a Custom integration
+
+1. Go in your Ghost's dashboard -> Integrations -> Add custom integration
+2. Set a name: GodoFredo Themes Search
+3. Get the Content API Key and replace the demo key with this one
+4. Get the admin domain. This will be different in some cases
+
+```html
+<script>
+  var searchSettings = {
+    key: 'ADD_YOUR_API_KEY',
+    host: 'https://demo.ghost.io',
+  };
+</script>
+```
+
 The search engine that includes Mapache is very powerful, supports almost all languages and you can customize to your liking.
 
 Read more about the search engine [Read More](https://github.com/HauntedThemes/ghost-search)
@@ -195,14 +212,16 @@ var facebookLocaleComments = 'en_US';
 
 /* 06. Search Settings */
 var searchSettings = {
+  key: 'ADD_YOUR_API_KEY',
+  host: 'https://demo.ghost.io',
+  /* This is optional */
   options: {
     keys: [
       'title',
     ],
     limit: 10,
-    threshold: -3500,
-    allowTypo: false,
   },
+  /* This is optional to perform filtering of the ghost api */
   api: {
     resource: 'posts',
     parameters: {

amp.hbs

@@ -11,10 +11,10 @@
     {{amp_ghost_head}}
 
     {{!-- Google Fonst --}}
-    <link href="https://fonts.googleapis.com/css?family=Merriweather:400,700|Source+Sans+Pro:400,600" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css?family=Merriweather:400,700|Source+Sans+Pro:400,600,700" rel="stylesheet" />
 
     {{!-- Style Custom --}}
-    <style amp-custom>.u-bgColor{background-color:#00a034}{{> "amp/amp-styles"}}.article-image img{object-fit: cover;object-position: top}</style>
+    <style amp-custom>.u-bgColor{background-color:#00A034}{{> "amp/amp-styles"}}</style>
 
     {{!-- The AMP boilerplate --}}
     <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

assets/scripts/main.js

@@ -10,9 +10,9 @@
     <meta name="HandheldFriendly" content="True" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
     {{!-- Styles --}}
-    {{!-- <link rel="stylesheet" type="text/css" href="{{asset "styles/main.css"}}"/> --}}
+    <link rel="stylesheet" type="text/css" href="{{asset "styles/main.css"}}"/>
     {{!-- All Styles Compress --}}
-    <style>{{> "styles"}}</style>
+    {{!-- <style>{{> "styles"}}</style> --}}
     {{!-- Font Roboto 400 --}}
     <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
     {{!-- Ghost outputs important style and meta data with this tag --}}
@@ -55,6 +55,8 @@
 
     {{!-- The main JavaScript --}}
     <script src="{{asset "scripts/main.js"}}" defer></script>
+    {{!-- Content API --}}
+    <script src="https://unpkg.com/@tryghost/[email protected]/umd/content-api.min.js" defer></script>
     <script src="{{asset "scripts/search.js"}}" defer></script>
 
     {{#if pagination.pages}}