A simple theme for Ghost made for geeks, hackers and developers (forked from Casper).
Do you like my theme? Do you want new features?
Great, we can discuss. Open an issue. Some ☕☕☕☕ offered with Paypal are appreciated.
Odin is a very simple fork of the Ghost default theme Casper. As you know, Casper doesn't have some nice features very useful for developers such as syntax highlight, comments and big social sharing features. So I created this theme to fill the gap but keeping all the good and minimalistic features of Casper.
- Casper minimalistic and clean style (without right side menu)
- Works with Ghost 0.7+
- Fully responsive (for mobiles and tablets)
- 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)
I've created and I use this theme for my personal blog at blog.h4t0n.com.
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 Odin theme from your Admin Area.
No need to configure Prism or RRSSB buttons.
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) Andrea Tarquini aka @h4ton
Copyright (c) 2013-2015 Ghost Foundation (for Casper theme substantial portions of code)