README.md

   1 # Willow Ghost Theme 4.1
   2
   3 Personal, responsive, minimalist and open-source theme for Ghost blogging platform. Lightweight - only 3KB of CSS and 820B of JavaScript. No jQuery, vanilla JS only. Starting version 2.0 theme is built with SASS in BEM style using ITCSS (http://itcss.io/) architecture.
   4
   5 ![Willow Ghost Theme](http://i.imgur.com/a8WfkoS.png)
   6
   7 ## Theme Compatibility
   8 Theme is fully compatible with Ghost 1.X versions. The 0.X version compatible theme can be found in "version-0.X" branch.
   9
  10 ## Theme Demo
  11
  12 ~~This theme is currently being used on my personal blog - [https://raivis.com/](https://raivis.com/).~~ Sorry, demo is no longer available - check the screenshots below or see this page for more detailed theme overview - [https://raivis.com/willow-free-responsive-minimalist-ghost-blog-theme/](https://raivis.com/willow-free-responsive-minimalist-ghost-blog-theme/)
  13
  14 ## Compiling SASS & Minifying JavaScript
  15
  16 Requires Grunt task runner & NPM to be installed.
  17
  18     $ cd content/themes/[theme-folder]
  19     $ npm install
  20     $ grunt
  21
  22 ## Editing Social Links and Promo Links
  23
  24 Edit the `content/themes/[theme-folder]/partials/sidebar.hbs` file. Social links are in DIV with class `c-sidebar-contact-links` and  promo links are in `c-sidebar-promotion-links` DIV - just edit the anchors added inside them.
  25
  26 ## Enabling Disqus Comments Box
  27
  28 1. Edit the `content/themes/[theme-folder]/post.hbs` file, uncomment `<!--{{> "comments"}}-->` partial inclusion.
  29
  30 2. Replace Disqus embed code with your site code. Edit `content/themes/[theme-folder]/partials/comments.hbs` file and replace `loadDisqusComments` function body with Disqus embed code function.
  31
  32 ## Screenshots
  33
  34 ![Homepage](http://i.imgur.com/3xg6fhy.png)
  35 ---
  36 ![Post](http://i.imgur.com/gHunzOq.png)
  37 ---
  38 ![Author](http://i.imgur.com/I3W07B2.png)