nitinthewiz / ghost-phantom

Phantom theme for Ghost

Phantom

A minimalistic theme for Ghost inspired by the Designmodo Journal.

Installation

1. Download the theme from GitHub.
2. Upload the theme as described in the Ghost Documentation.

Looking for more instructions? Sorry, it's just that easy.

Enabling Disqus Comments

If you want to enable comments, simply open post.hbs and remove the exclamation mark in the comments block, so {{!> comments}} becomes {{> comments}}.

You'll also need to enter your Disqus "shortname". Just head on over to the Disqus website and register for an account. They'll give you a small snippet of code, but all we need from it is the following line:

var disqus_shortname = 'YOUR_SHORTNAME_HERE';

Once you have that, just open partials/comments.hbs and replace the YOUR_SHORTNAME_HERE variable with the one Disqus gave you. Try not to edit any other settings or replace the code though, it's preconfigured to work with Ghost.

Forking and derivatives

I don't really mind what you do with this project, as long as your blog looks awesome. I'd appreciate if you left the <meta name="designer"> as Hayden Bleasel. I think it'd be good if you make some reference back to me so people can find the source project, but other than that just have fun. Also, if you're going to make style edits I recommend creating a new stylesheet and linking that up so you can still fetch the latest updates from here without losing all your changes.

Credits

I'd like to give a huge thank you to David Dupouy from FounderSquad for helping me resolve a number of issues with the theme and introduce a new "featured images" functionality.

ghost-phantom's Issues

Sharing twitter link doesn't work on the homepage

I noticed the share.hbs is:

<div class="share">
    Share this on <a id="twitter" href="http://twitter.com/share?text={{encode title}}&amp;url={{url absolute='true'}}">Twitter</a>, <a id="facebook" href="https://www.facebook.com/sharer/sharer.php?u={{url absolute='true'}}">Facebook</a> or <a id="google-plus" href="https://plus.google.com/share?url={{url absolute='true'}}">Google+</a>.
</div>

When this share snippet is on particular pages, it works, but when I put it on the homepage, the twitter link turns into: http://twitter.com/share?text=%5Bobject%20Object%5D&url=/

This tries to share [object Object] on Twitter.

It's happening on my blog: http://matrix.ai/

Any ideas on how to fix it? The other share links FB and google+ works.

Canonical URL duplicated

{{ghost_head}} produces a canonical URL meta tag for the current page, meaning we don't need one in our header.

Does this still work with Ghost > 1.0

The README instructions leading to Ghost docs results in an empty pages.

Tags cant not click

Hi, Thank you because I have used your theme on my blog,but I think it has a problem of "click tags".
When I go to homepage, the second tag and others can not click right way in left sidebar(class="sidebar text-right meta")(only one tag can be clicked), so I changed the css of article
lick that

article {
    -webkit-animation-delay:1.25s;
    animation-delay:1.25s;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    padding:0px 0 40px;
    margin-top: 80px;
}

Is it a good way to fix it, or maybe you have a better way?

Thx.

Cover Image

@haydenbleasel Hey!

In the readme, it never mentions how to upload the cover image.

How does it work?

Thanks.

Cactus: More preview screenshots

Hi there,
Lovin` the Cactus theme!

Can I submit a PR with more screenshots of the Cactus theme in action?

It could help people get a better sense of how this theme looks.

No description below title

I see the title of my blog but can't see any description.

jQuery is not defined

I ran into this issue while installing the Phantom theme. I'm brand new to Ghost, so maybe I'm missing something obvious, but it seemed like the issue might also be related to http://dev.ghost.org/no-more-jquery/.

Manually adding jQuery to the footer works, but this isn't mentioned in the documentation. Would it make sense to include jQuery in the assets?

Centering linked images

This style of syntax:

[![Unified Log Diagram](http://engineering.linkedin.com/sites/default/files/datapipeline_simple.png)](http://engineering.linkedin.com/distributed-systems/log-what-every-software-engineer-should-know-about-real-time-datas-unifying)

Which creates a linked image, the image doesn't get centered however, because the surrounding p tag doesn't get the article-image class.

Indenting partials causes unexpected results

A user of the phantom theme reported an issue on the ghost forum where code blocks were rendering with extra indentation.

I narrowed the issue down to being a problem with the {{>content}} partial used to output content. The code to include the partial is indented one level, which handlebars then respects and applies to all the content output by the partial. This is apparently a change to how handlebars works which may get a flag to disable.

In the meantime, I will look to downgrade the version of handlebars we use in Ghost, but also it may be worth updating your themes to remove the indentation from the {{>content}} partial.

[Feature] Navigation menu

Hi again.

I wonder if you think about implement a navigation menu for static pages on your theme ?
I could be really nice.

Have you some tips if your think your not going add that feature ?

Thanks !

Phantom pagination support?

I have read through the code but couldn't find any pagination support, is that intentional?

Not sure how to include a cover photo

The one I set in the blog settings does not show up and there is no instructions in the readme

Highlight.js detecting the wrong language

Highlightjs allows you create custom builds. And the default build doesn't include Haskell. Did you use the normal build, and can I switch to my own custom build because I need to highlight Haskell.

Adding a newsletter signup widget

How easily can I put up a newsletter signup widget? Where do you think would be best to put it in the layout of this theme?

Online demo?

Hey Hayden,

Do you have a demo in prod ?

Cheers!
Pascal

Increasing blog title size

Hi. I love your theme but I want to increase the size of the blog title at the top of the page from the default 18px to 24px. I have done this by just setting it as below. Is this the only element that will be affected?

.content {
  font-size:24px;
}

HOME icon

Hello, I am using ghost 0.7.9 and the clickable home icon doesn't show at the top left of the page.
How should configure to make the icon appear ?

Looking for new owner

Images?

It would be really nice if you could upload some images or show a live demo of the theme. Wondering if that's possible. Thanks!

Phantom User Image

Hey @haydenbleasel!

Found a small UI bug. I have a huge avatar uploaded for myself. When I scroll to the bottom of any post, the avatar takes up all of the space. It would be great if you could add some CSS that limits the avatar image and also displays more information than the name.

Syntax Highlighting

Will you be supporting syntax highlighting eventually?

feature-image

Hi,

i'm new to ghost and you theme, i didn't get how i can set a feature-image?

regards

celevra

Image On Author Page

Hey!

Just a suggestion: Show the authors image when viewing the authors page. https://domain.com/author/USERNAME/