A simple theme for Ghost made for geeks, hackers and developers (forked from Casper).
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 61 commits ahead, 12 commits behind h4t0n:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
partials
.gitignore
LICENSE
README.md
author.hbs
default.hbs
index.hbs
package.json
page.hbs
post.hbs
tag.hbs

README.md

Odin

Ghost version Build

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.

Intro

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.

Features

  • Casper minimalistic and clean style (without right side menu)
  • Works with Ghost 0.7+
  • Fully responsive (for mobiles and tablets)
  • Home Page Navigation Menu Buttons
  • Google Analytics (easily configurable by code injection in the admin area)
  • CookieBar privacy (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)

Demo

My personal fork is used on my Blog

Installation

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/mmornati/odin.git content/themes/odin

Restart Ghost and select Odin theme from your Admin Area.

Configuration

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 the cookiebar (http://www.primebox.co.uk/projects/jquery-cookiebar/)
var cookieBarSettings = {
    message: 'We use cookies to track usage and preferences',
	acceptButton: true,
	acceptText: 'I Understand'
};
//List of available CookieBar Settings
// message: 'We use cookies to track usage and preferences',
// acceptButton: true,
// acceptText: 'I Understand',
// acceptFunction: null,
// declineButton: false,
// declineText: 'Disable Cookies',
// declineFunction: null,
// policyButton: true,
// policyText: 'Privacy Policy',
// policyURL: '/privacy-policy/',
// autoEnable: true,
// acceptOnContinue: false,
// acceptOnScroll: false,
// acceptAnyClick: false,
// expireDays: 365,
// renewOnVisit: false,
// forceShow: false,
// effect: 'slide',
// element: 'body',
// append: false,
// fixed: false,
// bottom: false,
// zindex: '',
// domain: 'www.example.com',
// referrer: 'www.example.com'


// 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>

Copyright & License

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)