Note: there is also a Wordpress version
A Ghost theme which is based on Material Design principles.
#Design & features
- As it's material design based - it's simple, no header images and stuff, no fuss, it just works.
- Header becomes smaller when you start scrolling (material design FTW!)
- Shows post date/tags in post header
- Shows author info at bottom of each post
- Shows pagination when available (aka when there are enough posts)
- Resolution-based CSS (<= 576, <= 720 and > 720)
- Seperated parts of the code in 'partials', more on this later.
#Stuff used Jade uses the following libraries;
- Bootstrap
- jQuery (included within Ghost)
- Classie.js
#Preview This theme is currently under (heavy) development. So it changes, stuff gets added etc. The master branch usually has a version that is at least usable.
When you open a post and scroll to the bottom, you see what's shown above.
#Use
- Download the package
- Place the jade theme folder inside your 'content/theme' folder
- Restart your Ghost instance to see the new theme and apply it.
#Customization - partials ##Disqus To use disqus; create jade/partials/disqus.hbs. Parse the full 'disqus universal' code in there.
##Google Analytics To use Google Analytics, please create a file (jade/partials/analytics.hbs) and parse your full script code in it.
##Header The header.hbs partial (jade/partials/header.hbs) basically consists of two parts. The first p tag is the actual header with the blog title. The second line (about div) involves a call to the modal (question mark top right), so you could remove it, but i would appreciate it if you would keep it there for reference.
##Modal The actual modal is called from inside /jade/partials/default.hbs (infomodal). Which references the file jade/partials/infomodal.hbs. If you really want to remove the modal completely you can;
- remove jade/partials/infomodal.hbs
- remove the modal reference in default.hbs
- remove the question mark from jade/partials/header.hbs
##Social I've added the ability to add social links to the header. In the jade/partials/social.hbs you can setup your own social media links.You can use the Font-Awesome icons that i use, it has more icons as you can see here. Just simply add a new line and/or replace the current ones.