tryghost / roon Goto Github PK

View Code? Open in Web Editor NEW

142.0 23.0 42.0 1.13 MB

The official Roon theme for Ghost

License: MIT License

CSS 76.35% Handlebars 23.65%

ghost-theme blogging ghost publishing

roon's Introduction

Roon

The Roon theme for Ghost.

To download, visit the releases page. See the demo.

Font Options

This theme comes with two font options; a serif and sans-serif. Switching between them must be done in the HTML, by changing a class on the <body> element in default.hbs.

Sans-Serif - Gibson

The sans-serif is the default, so you don't need to add anything. The <body> element should look like this:

<body class="{{body_class}} {{#is 'index, tag, author'}}user{{/is}} {{#is 'post'}}{{#unless post.image}}noimage{{/unless}}{{/is}}">

Serif - Filo Pro

For the serif font, the <body> element should look like this:

<body class="serif {{body_class}} {{#is 'index, tag, author'}}user{{/is}} {{#is 'post'}}{{#unless post.image}}noimage{{/unless}}{{/is}}">

Colour Options

This theme uses an accent colour for links and the border at the top of pages.

To change this colour, you need to edit assets/css/screen.css.

There are only two values you need to change, conveniently located at the very top of the file.

Copyright & License

roon's People

Contributors

Stargazers

Watchers

roon's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Repository problems

These problems occurred while renovating this repository. View logs.

WARN: Using npm packages for Renovate presets is now deprecated. Please migrate to repository-based presets instead.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

Lock file maintenance

Detected dependencies

npm

package.json

Check this box to trigger a request for Renovate to run again on this repository

Demo site/screenshot

It'd probably be a good idea so people can get an idea of how the theme looks without having to download and install it themselves.

Add tag support

Ghost 0.5.8 now supports output of tags in themes. Output has been added to Casper theme and should be added to roon too.

Next & Prev post Links

Requires TryGhost/Ghost#4262

Ghost doesn't have the concept of 'Next/Previous Post' yet, but when it does, this code below needs to be added to post.hbs and adapted to use the correct helpers.

All of the required CSS and icons are already in place and ready to go.

<div id="post_nav">
    <nav role="navigation">
        <a href="http://my-ghost-blog.com/the-newer-post" id="post_next" title="Next Post">
            <span aria-hidden="true" data-icon=">"></span>
            The Newer Post
        </a>
        <a href="http://my-ghost-blog.com/something-older" id="post_prev" title="Previous Post">
            Something Older
            <span aria-hidden="true" data-icon=">"></span>
        </a>
    </nav>
</div>

Custom Navigation

Since Ghost 0.5.9 with the introduction of the {{navigation}} helper, Ghost supports custom navigation. It is surprising that Roon doesn't support this feature yet.

It would be nice to see a slide menu like Casper's.

Image background colour

Currently the background on an image is a dull grey. Since the background of the body is white, shouldn't the image background be transparent or at least white?

Error 500

Hi! Thanks for open source this theme. I just install it and get this error:

Error 500
[default.hbs] Missing helper: 'is'
Go to the front page →

Thanks!

Hello

I want to use the <sub> tag for Chemicals like C₂H₆OS but this is not working with roon1.1 and the last ghost version. With caspar or other themes it worked.
The <sup> tag works.

Error 500 [default.hbs] Missing helper: 'is'

I've just installed Ghost for the first time a few minutes ago and have just added the Roon theme from the releases page, and this is the error I get when visiting my blog after having switched it to the Roon theme. I'm assuming I did something wrong but could anyone point me in the right direction? I've been following most all instructions step-by-step and it's been pretty straightforward so I don't know where I could have messed up.