Code Monkey home page Code Monkey logo

ghostwriter's Introduction

Ghostwriter

Ghostwriter is a simple AJAX driven theme for the Ghost blogging platform released under the MIT License.

Download Ghostwriter

Features

  • Supports Ghost 0.5.x
  • Clean typography focused design.
  • Fully responsive (includes fitvid.js for responsive video embeds).
  • AJAX loading for fast, smooth transitions between posts and pages.
  • SASS files included.
  • Static page support.
  • Featured post support.
  • A bunch of other bits and bobs.

Troubleshooting

The Browse Posts link isn't working

If you're having trouble with the browse posts link not working make sure you're using the currect URL for your environment in your Ghost config.js file. I.e. if your Ghost site is being served on http://your-site-name.com make sure you use exactly that URL in your config.js file and not for example http://www.your-site-name.com

Screenshot

Ghostwriter home page

ghostwriter's People

Contributors

g3d avatar gtskk avatar mihneadb avatar pdeva avatar rainmannoodles avatar roryg avatar simon-lifelike avatar trhall avatar tylerfontaine avatar zerob13 avatar

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

ghostwriter's Issues

Navigation broken when using https

I got a problem with the "browse post" and "latest post" navigation as i switched over to https.
When you try to browse posts, the loading animation is running, but nothing is happening.

Console prints this:

Uncaught SecurityError: Failed to execute 'pushState' on 'History': A history state object with URL 'http://dontspyon.me/' cannot be created in a document with origin 'https://dontspyon.me'.

I tried to fix it by altering the href-attribute of the links from {@blog.title} to {url absolute="true"}. This fixed the displayed error, but navigation is still broken.

Any ideas, how to fix it?

No style for tables

Hi, I love this theme but it has no styling for tables and they look really bad! Are you planning to add some styles for tables in the future?

Regards,

Title overflowing horizontally on Galaxy S3

Hey there! I've been looking through some Ghost sites and visited this theme plug in.

I just viewed the demo site and it seems that the title, specifically "Introducing Ghostwriter" is overflowing horizontally.

I'm using Google Chrome browser on a galaxy s3 right now. Force zooming disabled and text size is at 100%.

Post index not visible

When loading my site, the post index will appear for a few milliseconds, and then the latest post will then take its place. I'd like to make it so that all of my posts will be visible on the front page.

How would I go about doing that?

Change the default RSS URL

Hello,

I want to change the URL of the RSS feed provided by default to my feedpress one.

Is it possible?

Thanks!!!

Small Hovering Issue

Hovering over social buttons in the current demo leads to completely filled black buttons and missing icons. Is this intended :) ? Using newest Chrome on Mavericks.

bildschirmfoto 2014-08-26 um 15 11 48

image breaks responsivness

Hello!

I installed ghost and your theme.
The retina ready icons are so awesome :)

The big ghost logo image in the default/first post breaks the theme's responsiveness on android. I tried on chrome and firefox too. The text is fitting to the screen but the image is so big.

Give post index page a URL

I want to give my showIndex page a URL at /posts. Is it possible to do this in JavaScript or should I be looking to the Handlebars template?

No proper rendering for <script>-embedded codes

Sorry, I couldn't find a proper title...

I just found out, that e.g. embedded GitHub Gists would not work, hence they are not gonna be rendered after the ajax call:

<script src="https://gist.github.com/usr/xxxxx.js"></script>

Is there a possibility to force rendering after getting the post?

I found out, that e.g. Youtube embedding works fine...

Regards,
Christoph

What changes to make to config.js and default.hbs?

Hi, and Merry Christmas!

I'm hosting my blog on github pages, as you said, the about page, rss, browse posts and latest post, none are working.

here's my config.js

http://pastebin.com/cqigUAPf

Here's my default.hbs file

http://pastebin.com/uXzxVmdz

by reading the closed issues, i figured out how to fix the rss, haven't tested it yet, but not how to fix the other problems, my config.js looks perfect to me

It would be great if you can tell me how to make it work. Thank you, Merry christmas again :)

Gecko list support

There's a weird output of the lists under Gecko (Mozilla Firefox):

screenshot from 2015-04-26 11-50-38

Doesn't seem to be related to my local changes, as it's working well in WebKit (Chrome, Epiphany):

screenshot from 2015-04-26 11-50-07

Prefer local fonts over CDN ones

Considering there's some privacy issues to use CDN-centralised font-faces (Open Sans and Font Awesome), I'd suggest to add them in the assets. I don't want the readers of a site I deploy to be tracked by such a little thing as fonts.

It could be ugly, just copying and deflating the zip files in a new directory, assets/fonts (as I've just made it on my personnal webblog), but it could be nicer using git submodules so there's no need to track each version bump to stay upstream. There's two git repositories for it:

But there's still an ugly part doing so, there's to much files we don't need for a theme in these. What do you think of it?

A few suggestions

I love this theme so far!

A few big things I think are missing:

  1. A link to RSS

  2. I'm not sure everyone will realize that little button at the top takes them to a list of all posts.

There is no tag list support

Now that the tags are clickable, we need to do something about it. I think the best would be just to load the browse posts list with the posts related to the clicked tag.

Changing default main page

How do I change the default page that it lands on when I go to my site's URL?

By default, the theme will place me on the most recent post, which might work for some folks, but I'd rather have the archive page as the main landing page when you go to www.example.com.

Is this possible?

Will Ghostwriter be affected by the jQuery drop in the Theme API

An announcement on the Ghost Theme Develepor's list has indicated that jQuery will soon be dropped. I have not examined the Ghostwriter code carefully and would like to know whether the theme will be affected by this breaking change? If so, is there a fix in place?

No about page?

Is there a default about page so that I can edit? Can't seem to find it if there is one.

Site description and tags

Hello again!

Your theme is the only useful and awesome theme for Ghost at this time :)

I have a technical question : can I make the site's description and the post tags visible somehow? Instead of the line of dots above the post, the author's name would be nice :)

Code Blocks indent lines after the first line

When creating multi-line codeblocks, the first line of the codeblock is correct, but the other lines are indented in regardless of content.

You can see the behavior here: http://www.tylerfontaine.me/dont-hack-me-bro

I tried it with version 1.3 (which was the only other version I had) and the same post renders code blocks correctly, but the current version does not. Similarly on the default Casper theme.

On inspection, it's like there's something that actually injects whitespace into the DOM, rather than being a CSS or other styling problem, but I couldn't pin down what it was exactly.

Add a subscribe page and/or a subscription form

Since a few versions, Ghost introduced theme tools for collecting emails from the blog.

When a user enables the "subscribers" feature in labs, several new features are activated:

  • The route /subscribe/ will now render subscribe.hbs (provides there is not already a page at that route)
  • A new {{subscribe_form}} helper is registered for use within the theme
  • The API gets a new /subscribers/ endpoint

It is possible to detect whether or not this feature has been enabled from within a theme, by using the new {{@labs}} helper, please see @labs.

Activated, I can have access to the subscribe page, see: https://postblue.info/subscribe/

But because of the way pages are loaded with Ghostwriter, the page is not loaded when access from the menu bar:

capture du 2016-07-28 11-25-06

Weirdly displayed author avatar on new author page

The author-avatar is displayed in top left of the container, with no apparent reason to be displayed there; if it has to be displayed (to keep the theme clean and minimal, do we have to display the author-avatar?), won't it be nicer to display it next to author-name with quite the same height?

This is best viewed in mobile view:

screenshot_2014-08-14-11-41-01

Scalable Icons from FontAwesome

Anyone interested in a pull request which replaces the used sprites with the icons from FontAwesome.com?
I'm already doing it myself to widen the icon collection, so if anyone would need it just tell me :).

Greetings.

External links in the navigation bar

Is is at all possible to link to an external site in the top navigation bar? I'm trying to do this:

<li class="site-nav-item"><a class="js-ajax-link" title="Starfront Photography | 500px" href="http://starfront.500px.com">Photography</a></li>

Since ajax is active, it just loads infinitely. Any ideas?

Uncaught SecurityError: An attempt was made to break through the security of the user agent

I get the following error, when I run the theme and push the show-index button:

Uncaught SecurityError: An attempt was made to break through the security policy             of the user agent. jquery.history.js:1
h.pushState jquery.history.js:1
(anonymous function) scripts.js:94
x.event.dispatch jquery-1.10.2.js:5095
v.handle v.handle jquery-1.10.2.js:4766

Because of this issue I tried to run it on a server: same problem :/
The error persists in all tested Browsers (Chrome, FF, Safari).

Any ideas?

Page title not changing with ajax

I haven't been able to get the title of my About page to show in the browser's status bar when I load it from the home page (using ajax). Here's a screenshot:

screen shot 2014-05-05 at 11 35 22 am

When I go to the link, it's displayed fine.

Also, it'd be cool to have the site title displayed alongside page and post titles with a | or -. That's just a suggestion though. Not sure how to do it on my own.

Theme didn't work

I unzipped the folder and placed it in the themes directory, then I selected the theme from the Ghost settings. Although pages and content would show up, none of the formatting did. It looked like plain html pages with no css. Is there something I did wrong or didn't do, or could this be a problem with the theme?

change default site view

by default ghostwriter displays one post at the page. i would like to change default view to "headers only". that is possible if one press square button on the header calling

how to change template's defaults to show headers only?

get rid of ajax

the ajax screws up the back button #84 and prevents Github gists and other scripts from loading #6.
It is not worth it.
Please get rid of it.

Footnotes

Since 0.5.6, Ghost support footnotes. Simply add [^n] where you want to make a footnote, then at the bottom of the document make a list of [^n]: for each footnote.
The list-style-position: inside; line for ul and ol seems to cause some problems, see:

Add Share Icons to Posts?

Is it possible to add the twitter, facebook and google share icons to a post like they have in the default casper theme? It would be nice if this worked both on the home page with the latest post and also when you actually go to the url of an individual post.

Is Ghostwriter ready for 0.8.0?

See: Hannah Wolfe, Get your theme ready for 0.8.0, Ghost Dev:,28th of April 2016.

TLDR; The three breaking changes in 0.8.0

  1. All partial files MUST use the .hbs file extension.
  2. Handlebars helpers provided to HTML attributes MUST be quoted, e.g. <div class="{{post_class}}">
  3. ../ in handlebars now behaves naturally and doesn't require multiples when using nested if statements.

The first two changes lock down behaviour that is considered bad practice and are easy to spot. The change to ../ probably only affects you if you've had to unexpectedly use multiples (e.g. {{../../pagination.total}}) to retrieve a value in your theme.

Ghost(Pro) and Ghostwriter Browsing Posts

I've seen the troubleshooting section of the Readme, and I seem to have this problem. However, I cannot figure out how to change the config.js with Ghost(Pro). I think that this cannot be done directly. I have my domain configured and working correctly with Ghost(Pro), but I can't change the ghost url to anything other than a *.ghost.io URL, so there has to be some sort of mismatch between the Ghost URL and my own custom domain name.

Is there some way to get Ghostwriter to work with this?

Progress bar stops, or is too slow

I just sent a mail to the developper of nprogress.js.

Sometimes, the progress bar blocks near the end. I tried ghostwriter locally and with the digitalocean droplet. Same thing. I tried to change the speed variable, but nothing happens.

I'm a newbie, not a developper!

Static page never loads from internal link

I've create a static page called "about" to match the default navigation menu link, but am having trouble navigating to it from the main nav. If I manually enter in my-site.com/about, it loads very quickly, but if I click on the about link, it never loads; the spinner in the top left never stops and the progress bar get's all the way across to the right side, but leaves about 40 pixels.

In the readme, it attributed certain navigation errors to the config.js file, which have confirmed includes the correct url. Is this a known issue? If so, how can I fix it? If not, how can I help resolve it?

Theme breaks Back button

To reproduce:

  1. Click 'Browse posts'
  2. Select a post
  3. Press the browser back button

Expected:
You should land back to the 'Browse posts' page which was the last page you were at.

Actual:
You land at the homepage of the blog.

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.