A simple theme for Ghost (forked from Odin, which was forked from Casper).
Do you like Andrea's Theme?
Feel free to buy Andrea some ☕☕☕☕ with Paypal. Any donations will currently go to Andrea, not me.
Hoor is the blind son of Odin, which was a very simple fork of the Ghost default theme Casper.
Casper didn't have some nice features very useful for developers such as syntax highlighting, comments and social sharing features. Odin was created to keep all the minimalistic features of Casper but to fill those gaps. Hoor is a personal modification for darrenbeattie.com using Ghost. My first attempt at ghost theme moedification using handlebars.js.
- Casper minimalistic and clean style (no right side menu)
- Works with Ghost 3+
- Fully responsive (for mobile and tablets)
- Home Page Navigation Menu Buttons
- Google Analytics (easily configurable by code injection in the admin area)
- Disqus comments (easily configurable by code injection in the admin area)
- Prism Syntax Highlight (all languages supported)
- RRSSB Extraordinary Social Sharing Buttons
- Font Awesome home page Social Link Icons (easily configurable by code injection in the admin area)
Installation is the same as other themes, so clone or download the content of this repo inside your Ghost content/themes/ folder.
# for example
$ cd /your-ghost-root-directory
$ git clone https://github.com/h4t0n/odin.git content/themes/odin
Restart Ghost and select Hoor theme from your Admin Area.
No need to configure Prism or RRSSB buttons.
To add Homepage Navigation Menu Buttons simply add the links in your Navigation Admin Area. They may be useful for static pages (AboutMe for example) or for shortcut to your (best) post tags.
Odin comes with a default favicon generated with Real Favicon Generator. If you want to add your favicon you can generate your own (with Real Favicon Generator) and place downloaded files inside the assets/img/favicons Odin directory.
Disqus comments, Google Analytics and Font Awesome Home Page Social Link Icons are disabled by default, but they are easily configurable with Blog Header Code Injection inside your Ghost Admin Area.
<script>
// to enable Google Analytics
var ga_id = 'YOUR-UA-ID_HERE';
// to enable Disqus
var disqus_shortname = 'YOUR_DISQUS_SHORTNAME'
// to enable Social Link Icons add the social_link object
// with the pair key/value -> social_network/link
// NB: the key is used to include the right icon from Font Awesome
// (you can include any Font Awesome icon)
// Example1: default social network icons
var social_link = {
'twitter': 'https://twitter.com/h4t0n',
'linkedin': 'https://it.linkedin.com/in/andreatarquini',
'github': 'https://github.com/h4t0n',
'rss':'https://blog.h4t0n.com/rss/'
// you can add more icons
}
// Example2: squared social network icons
var social_link = {
'twitter-square': 'https://twitter.com/h4t0n',
'linkedin-square': 'https://it.linkedin.com/in/andreatarquini',
'github-square': 'https://github.com/h4t0n',
'rss':'https://blog.h4t0n.com/rss/'
// you can add more icons
}
</script>
Released under the MIT License.
Copyright (c) 2016 Andrea Tarquini aka @h4ton
Copyright (c) 2013-2015 Ghost Foundation (for Casper theme substantial portions of code)