Code Monkey home page Code Monkey logo

ghostion's Introduction

Ghostion Overview

Ghostion is a free Ghost theme powered by Foundation 5 framework and Bourbon Sass Mixins Library. The theme presents a simple responsive design and packed with all Foundation 5 features to make your Ghost blog powerful. Combined with Bourbon, a simple and lightweight mixin library for Sass, writing CSS is never faster and easier than ever before.


Ghostion

Ghostion is a lightweight and speed optimized theme for Ghost. Ghostion theme gets Grade A for both PageSpeed and YSlow reported by GTmetrix.

Grade A


Full Features

Ghostion theme is packaged with full powerful features so you can get started building your blog easily. Faster to learn, faster to code, and faster for users as well.

Ghost 0.4.1 Compatible

Ghostion supports Featured Post tag and Static Page which are part of Ghost 0.4+ best features.

Foundation 5 Framework

Foundation 5 is the professional choice for designers and developers. What you can do with Foundation 5, you can do with Ghostion theme, including:

  • Foundation 5 Powerful Responsive Grid Layouts
  • Off-Canvas Menu
  • Many Easy to Use Button Styles
  • Reveal Modal
  • Tooltips
  • and many more

Getting started with Foundation 5 is easy. Please check the full Foundation 5 Documentation for complete information.

Bourbon

Bourbon library contains mixins, functions, and other addons to build kick ass web stuf, so you can customize Ghostion theme easier and faster.

FontAwesome

FontAwesome gives you scalable vector icons that can instantly be customized โ€” size, color, drop shadow, and anything that can be done with the power of CSS. The complete set of 300+ icons in FontAwesome can be found here.

GhostHunter

GhostHunter provides Ghostion full text searching right in the blog without having to resort to any third-party solutions, by utilizing the rss feed.

Google Fonts

Google Fonts offers hundreds of free, open-source fonts optimized for the web. Just one quick step on changing Ghostion configuration file and you are ready to have Google Font presented on your blog.

Google Analytics

Ghostion uses the asynchronous Google Analytics tracking code, the fastest and most reliable tracking code Google Analytics offers.

FitVids.JS

A lightweight, easy-to-use jQuery plugin for fluid width video embeds, to achieve fluid width videos in your responsive blog. FitVids.JS support YouTube, Vimeo, Blip.tv, Viddler, Kickstarter, and even your own video vendor.

Disqus

Disqus makes commenting easier and more interactive, while connecting your blog and your commenters across a thriving discussion community. The Disqus widget for Ghostion seamlessly integrates with your blog post using the Disqus API.

Highlight.JS

Highlight.js highlights syntax in code examples on Ghostion blog. It's very easy to use because it works automatically: finds blocks of code, detects a language, highlights it.

Gulp.JS

Gulp is an intuitive, code-over-configuration, streaming build system. We use Gulp to build Ghostion theme pacakge and all its related files, including the documentation, DemoBuilder, and the source files. Please check our Documentation to learn more how to customize and build Ghostion theme using Gulp.

ghostion's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ghostion's Issues

The off-canvas menu doesn't work on iPhone

The off-canvas menu doesn't work on iPhone. My blog uses the Ghostion theme and if I click the menu on firefox on windows it works, but if I do it on my iPhone nothing happens.

I've created a fix for it and raised a pull request.

Not Using Google Fonts

I am not using Google Fonts when I am using Ghostion. (I am using TypeKit.)

I tried commenting out the Google Fonts settings but it broke the scripts. I left it blank which throws and error in Firebug but doesn't seem to mess the page up.

If I am not using Google Fonts is there a way to remove it completely?

Disqus not working correctly

The main problem is every post has same disqus, because var disqus_identifier not set correctly.

var disqus_identifier would be dynamically set by ghostion.min.js.
However, ghostion.min.js is served as static resource, so var disqus_identifier will not be updated due to 304 response(not modified).

Javascript variable style is your intended structure, so I don't want to make a pull request with my style(function parameter style).

With function parameter, I avoid this with

<!-- ghostion/partials/widgets/at_disqus.hbs -->
<div id="at_disqus">
    <div id="disqus_thread">
                <a class="button small radius" href="#" onclick="atPost.loadDisqus('{{post.id}}');return false;"><span class="fa fa-comments"></span> Discuss</a>
    </div>
</div>
// ghostion/assets/js/ghostion.min.js
var atPost=atPost||{};atPost.loadDisqus=function(post_id){var disqus_identifier=post_id;e=document.createElem...

Menu and navigation links are hardcoded to Ghostion

Out of the box, the navigation links in top menu bar and left side Main Menu are hardcoded to Ghostion, pages like [Documentation], [Download], [FAQ] etc., and won't make sense for most sites.

For static page links and menu items like this I had expected to be able to set everything in one place. A configuration table like the below or like the var ghostionConfig section at end of default.hbs, and not have to go digging through multiple pages to figure out what to change, and digging further to learn what css classes are needed (for icons).

Menu item Static page name or url path icon
Home "/" house
About "/about" question-mark
Archive "http://old-site.example.com/archive" pile-of-books

I hope this or something similar is planned just not yet implemented?

Disqus Viewing

Is it possible to have Disqus load by default? (IE: Don't have to click a button).

Thanks for the great theme!

Embedded video is not sized.

An embedded video (YouTube) in a post is always shown at 100% width. In the editor the video is sized correctly. When the post loads the video seems to be shown at the correct size for a split second but then it is resized to the width of the post.
Even worse: when the width of the video is smaller then the height, only a part from the left side of the video is shown at 100% and the whole post gets extremely long.
Any idea how to fix this?

Thanks for this theme! Apart from some minor things it's the best theme I found for my purposes!

ghostionConfig variables don't work

I'm not sure if the ghostionConfig variables (set in default.hbs) compile properly. Even in the ghostion demo site - the Google Analytics script appears to be missing, and I'm not sure the Google fonts are loading.

I've set up a few local dev theme to test Ghostion and I've had no joy with the variables. Everything is awesome.

Google font flickering ("flashing") on Chrome for Mac

Font loading is flickering when using Chrome on a Mac. Safari and Firefox are fine. I commented the ghostionConfig variable and put the font link on the header and it stopped. So it seems to be the loading via javascript.

Chrome version: 28.0.1500.95

Disqus comments on homepage

Hi,

Using the current version of theme, I've noticed that even though I've updated the shortname for Disqus, it's not appearing on the homepage post list.

I have edited this partial

partials\home_page\at_mainbody.hbs

Below line 13, I have added in the following line

<span class="at_post_comments"><span class="fa fa-comments"></span> <a href="{{url}}#disqus_thread"> Comments</a></span>

I've also modified the CSS to add in a new "at_post_comments" so taht it sites next to the tags on the homepage.

The trouble is, I'm not seeing it update to "0 Comments" and even where there is a comment, it's not changing.

Have I modified this incorrectly?

AxianTheme seems to be dead, anyone taking over?

Does anyone know what's going on?

The website link redirects to a 404 on ThemeForest, no activity on GitHub / Twitter since February. I really liked the theme, what could be done to save this project?

Cheers

Is Live reload possible [for the Dev version]?

Thanks for the Ghostion framework... it is sensational. I'm new to Gulp (and Grunt, for that matter), so had a few questions around them...

  1. Is it possible to get live reload working for the Dev package?
  2. If livereload is possible, what would be the best practice for implimenting that into Ghostion Dev package?
  3. Would a Gruntfile.js in the theme folder work? Is that a good or bad idea?

Support for foundation orbit seems to be lacking

I'm not sure if I'm doing it wrong here, but I was playing around with ghostion and was trying to put up the orbit slider with an example.

http://devblog.spectrumbranch.com:2368/

It looks like it's not rendering or using the data-orbit attribute. I followed the following foundation 5 documentation: http://foundation.zurb.com/docs/components/orbit.html

If you have any other questions please let me know. I think ghostion is pretty neat idea and I'm interested to watch it grow!

Support for 'river of news' mode

Hi there.
First of all - awesome theme!
Really great for dev blogs!
Small question, is there an easy way to create a home page for the blog that would display more of a post than just a preview? What if I wanted to show the whole content of the post, is that possible?
Thanks in advance!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.