version 2.0.1

.gitignore

@@ -1,3 +1,41 @@
-/node_modules
-/assets/lib
-/npm-debug.log
+# Packages #
+############
+*.7z
+*.dmg
+*.gz
+*.bz2
+*.iso
+*.jar
+*.rar
+*.tar
+*.zip
+*.tgz
+*.map
+
+# Logs and databases #
+######################
+*.log
+*.sql
+
+# OS generated files #
+######################
+**.DS_Store*
+ehthumbs.db
+Icon?
+Thumbs.db
+._*
+
+
+# SASS #
+##########
+**/.sass-cache
+**/.sass-cache/*
+**/.map
+
+# NPM #
+##########
+node_modules
+npm-debug.log
+
+
+.vscode

README.md

@@ -1,74 +1,204 @@
 # Mapache for [Ghost](https://github.com/tryghost/ghost/) by GodoFredo
-[![Ghost version](https://img.shields.io/badge/Ghost-0.7.x-brightgreen.svg?style=flat-square)](https://ghost.org/)
+
+[![Ghost version](https://img.shields.io/badge/Ghost-0.8.x-brightgreen.svg?style=flat-square)](https://ghost.org/)
 [![Node version](https://img.shields.io/node/v/uno-zen.svg?style=flat-square)](https://nodejs.org/en/)
-[![Donate](https://img.shields.io/badge/donate-paypal-blue.svg?style=flat-square)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=34RN7RHX6VLW4)
+[![Donate](https://img.shields.io/badge/donate-paypal-blue.svg?style=flat-square)](http://bit.ly/DonateMapacheGhost)
 
-> Minimalist Material Desing and Elegant theme for [Ghost](https://github.com/tryghost/ghost/).
+> Minimalist Material Design and Elegant theme for [Ghost](https://github.com/tryghost/ghost/).
 
 ### Free theme for Ghost
 
-Hello, I created this theme Ghost to see how it works. It is available for free so you can use on your site. It is strictly forbidden commercial use. If you have any suggestions to improve the theme,  you can send me tweet to [@GodoFredoNinja](https://twitter.com/GodoFredoNinja)
+Hello, I created this theme Ghost to see how it works. It is available for free so you can use on your site. It is strictly forbidden commercial use. If you have any suggestions to improve the theme,  you can send me tweet to [@GodoFredoNinja](http://bit.ly/tw-GodoFredoNinja)
 
-![](https://farm2.staticflickr.com/1491/24112345811_b7ab804a41_b.jpg)
+![](./documentation/img-one.png)
 
 
 ## Demo
-You can see a demo in my [blog](https://godofredo.ninja/blog).
+You can see a demo in my [blog](http://bit.ly/GodoFredoNinja-blog).
+
+## Mapache Support for Web Browsers
+Mapache supports the following web [browsers](http://caniuse.com/#search=flexbox)
 
 ## Featured
 - Responsive layout
 - Blog navigation
-- Post Pagination
+- Page 404
+- Page subscribe
+- Pagination Infinite Scroll
 - Cover images for blog, tag and author
-- YouTube, Vimeo, kickstarter -> Video Responsive
-- Code syntax [Prismjs](http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+handlebars+jade+java+php+python+jsx+ruby+sas+stylus+swift)
+- Social media links
+- Post related
+- Post format Video
+- Post format Image
+- Post (5 articles) Featured in sidebar
+- Disqus Comments
+- Disqus Comments Count
 - Sharing Buttons
-- Facebook Comments -> the default language is English, Language options are at [Adjust Language](https://developers.facebook.com/docs/plugins/comments#language) and [Facebook Locales XML file](https://www.facebook.com/translations/FacebookLocales.xml)
+- Sharing socila media Count
+- YouTube, Vimeo, kickstarter -> Video Responsive
+- Code syntax Supported [Prismjs](http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+aspnet+bash+c+csharp+cpp+ruby+css-extras+git+go+java+json+less+markdown+perl+php+php-extras+python+jsx+scss+sql+swift&plugins=line-numbers)
+
+
+## USE
 
 
 ### Replace icon
-Replace icon with these measures `155px * 155px`
+Replace icon with these measures `155px * 155px` in `./assets/img/icon.png`
+
+
+
+## Mapache settings
+
+- Create [Api key Disqus](https://disqus.com/api/docs/)
+- You have to enable via a checkbox on the labs page in your Ghost admin panel.
+
+![](./documentation/img-two.png)
+
+
 
-`assets/img/icon.png`
 
-### Edit the right column (Sidebar)
+``` html
+<script>
+/* Social Media Links*/
+var social_link = {
+    'google': 'https://...',
+    'youtube': 'https://...',
+    'instagram': 'https://...',
+    'snapchat': 'https://...',
+    'dribbble': 'https://...',
+    'github': 'https://...',
+    'linkedin':'https://...',
+    'spotify':'https://...',
+    'codepen':'https://...',
+    'behance':'https://...',
+    'flickr':'https://...',
+    'pinterest':'https://...',
+    'feed':'https://...',
+}
 
-`partials/sidebar.hbs`
+/*Youtube button subscribe for post video format*/
+var youtube = {'YOUR_CHANNEL_NAME':'YOUR_CHANNEL_ID'}
 
-### Edit link social media menu
+/*Disqus for Comments*/
+var disqus_shortname = 'YOUR_DISQUS_SHORTCUT_HERE';
+var disqusPublicKey = "YOUR_DISQUS_API_KEY";
+</script>
+```
 
-`partials/header.hbs`
+![](./documentation/img-three.png)
 
-![](https://farm2.staticflickr.com/1512/24157156936_276c1945fc_b.jpg)
 
 ## Add Style Theme
 
 ```html
 <!-- Theme indigo -->
-<link rel="stylesheet" href="/assets/css/themes/indigo.css" />
+<link rel="stylesheet" href="/assets/css/themes/indigo.css"/>
 <!-- Theme dark blue -->
-<link rel="stylesheet" href="/assets/css/themes/dark-blue.css" />
+<link rel="stylesheet" href="/assets/css/themes/dark-blue.css"/>
+<!-- Theme blue semi dark -->
+<link rel="stylesheet" href="/assets/css/themes/blue-semi-dark.css"/>
 <!-- Theme blue -->
-<link rel="stylesheet" href="/assets/css/themes/blue.css" />
+<link rel="stylesheet" href="/assets/css/themes/blue.css"/>
+<!-- Theme Grey -->
+<link rel="stylesheet" href="/assets/css/themes/grey.css"/>
 <!-- Theme dark cyan -->
-<link rel="stylesheet" href="/assets/css/themes/dark-cyan.css" />
+<link rel="stylesheet" href="/assets/css/themes/dark-cyan.css"/>
 <!-- Theme purple -->
-<link rel="stylesheet" href="/assets/css/themes/purple.css" />
+<link rel="stylesheet" href="/assets/css/themes/purple.css"/>
 <!-- Theme teal -->
-<link rel="stylesheet" href="/assets/css/themes/teal.css" />
+<link rel="stylesheet" href="/assets/css/themes/teal.css"/>
 <!-- Theme Green -->
-<link rel="stylesheet" href="/assets/css/themes/green.css" />
+<link rel="stylesheet" href="/assets/css/themes/green.css"/>
+
+<!-- For theme white add two-color logo 230px * 130px -->
+
+<!--
+    ***** 230px *****
+    *				*
+    ***************** 130px
+    *				*
+    *****************
+-->
+
+
+<link rel="stylesheet" href="/assets/css/themes/white.css"/>
+
+```
+
+![](./documentation/img-four.png)
+
+
+### Edit Sidebar
+
+`./partials/sidebar.hbs`
+
+```html
+
+<div class="widget">
+    <div class="title-primary">...your title...</div>
+    ... your content ...
+</div>
+
+<!-- Add your content here - block fixed -->
+<div class="widget">
+    <div class="fixed">
+        ... your content fixed ...
+    </div>
+</div>
+
+```
+
+
+### Excerpt
+
+```html
+<p class="excerpt">... Your Excerpt...</p>
+```
+
+![](./documentation/excerpt.png)
+
+### Buttons
+```html
+... <a class="external">Your link external</a> ...
+
+<a class="btn external">link external</a>
+
+<a class="btn btn-download">download</a>
+
+<a class="btn btn-download-cloud">download</a>
 ```
+![](./documentation/buttons.png)
+
+
+### Warning - Note - Success
+```html
+<p class="warning"> ... your text warning ... </p>
+
+<p class="note"> ... your text note ... </p>
+
+<p class="success"> ... your text success ... </p>
+```
+![](./documentation/note.png)
+
+
+### PrismJS code syntax  
+
+Add the alias according to what you need ` ```xxx ` for example for sass ` ```scss ` [List language Prismjs](http://prismjs.com/#languages-list)
+
+![](./documentation/code.png)
+
+## Video Post Format
+if you want to have a video format, you only have to add a tag `video` the first video will move to large size
 
-![](https://farm2.staticflickr.com/1464/23569644263_6464b106e5_b.jpg)
+![](./documentation/video.png)
 
-![](https://farm2.staticflickr.com/1529/24183504135_66ae67300a_b.jpg)
+## Image Post Format
+if you want to have a image format, you only have to add a tag `photo` the image Featured will move to large size
 
 ### Credits
 - [Normalize](https://necolas.github.io/normalize.css/)
 - [Jquery.ghostHunter](https://github.com/jamalneufeld/ghostHunter)
-- [Prismjs](http://prismjs.com/)  It supports the following [link](http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+handlebars+jade+java+php+python+jsx+ruby+sas+stylus+swift)
-- [Lazyload](https://github.com/verlok/lazyload)
+- [Prismjs](http://prismjs.com/)  It supports the following [link](http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+aspnet+bash+c+csharp+cpp+ruby+css-extras+git+go+java+json+less+markdown+perl+php+php-extras+python+jsx+scss+sql+swift&plugins=line-numbers)
 
 ## Copyright & License