reedyn / saga Goto Github PK

A Ghost theme designed for photostories :sunrise_over_mountains:

License: MIT License

JavaScript 11.29% Handlebars 21.54% SCSS 67.17%

ghost-theme photography-theme blog-theme

saga's Introduction

Saga

This was a theme for Ghost that I developed for my personal blog. Due to change in blogging platform this has been abandoned. Feel free to fork and use any of the code.

saga's People

Contributors

Stargazers

Watchers

Forkers

tuxinfeng githubber charlietilt realtin coastwise dangerdespain shadowframe lf2941270 matthojo holmlund dac09 highb mbcharbonneau e10 dulumao coolya nakamuraagatha alimalibaev yamila-moreno estingala haegyung emmmile vegasq audientmusic wemakeweb typicaljoe drinklynk yife elisescu geekfreaker unboundhuman ajpierce sonivaibhav26 nishanbose roelwillems waynefullam arzzzae cpotter pangpond mrdziuban chenzhepeter ive4 reuben-li lilybam1 leafpub bennybitcoin billhart 92hackers canassa dwojdak karinaflor neffez phindmarsh praveenscience zebgirouard ethangk ilentt juan-g jgontrum juandes pbehnke schollz stevekleenex adooylabs cookieshake prabhjotsumman jmlw leemacaulay bitsybitsy libkeiser aaketraak gecol1 milnomada pengxn corentone cantoute onezoomin cedkim iisalazar ghostblogging tolgaaaltas noisycomputer mtatheonly kobbycyber voroninvisuals kyubums

saga's Issues

Quotes and blockquotes

I'm looking to streamline how the blockquote and q elements are displayed and would love some input, both on how they are currently being used and how you would like them to be used.

Currently they are being displayed with the following idea in mind

blockquote is used for quoting large blocks of content, and all kinds of content
q is used for short quotes, text only

Currently this means that blockquote has same font-size as normal text (since it's supposed to display large amount of content).

q has very large font-size since it's supposed to display a small amount of content and is centered horizontally.

I would love any input (and examples how you use it currently) @seanichol @PxlBuzzard

Galleries don't work with links

Remove black underline in footer

Option for Sub-Titles

Do you have any plans for an option to have a sub-title beneath the post title on post pages?

Remove unused CSS

There's a lot of unused CSS, particularly in animate.min.css.

Wide Quotes and Left Hanging Captions

Fantastic Theme! Thank You.

Change build process

Change the build process to use Gulp instead of Grunt.

Drop compass
Use autoprefixer
Use sourcemaps

Lightbox functionality

Any chance you might work this into the theme? Or possibly a guide on how to integrate?

https://github.com/terrymun/Fluidbox

Gradient overlay on feed images

Add "before & after" for images

Add support for showing a comparison between images.

Plugins to look into

TwentyTwenty

Script for sticky footer doesn't work properly

Sticky footer script is based on the height of body when it should be window hence, it only works properly when its needed (in other cases it makes the layout too long)

Remove structured data from markup

Since Ghost 0.5.3. added rich data through <head> it is now possible to remove it from the markup.

Use #fragments instead of classes for image customization

Different image sizes

![Small image](//url/to/image.jpeg#small)

![Normal image](//url/to/image.jpeg)

![Large image](//url/to/image.jpeg#large)

![Full image](//url/to/image.jpeg#full)

Galleries

Galleries should be displayed when several images is after eachother without empty row (meaning within the same <p>-tag). This should also ignore any #fragment added to the urls.

Some text

![Image1](//url/to/image.jpeg)
![Image2](//url/to/image.jpeg#small) <!-- This fragment is ignored -->
![Image3](//url/to/image.jpeg)
![Image4](//url/to/image.jpegg)
![Image5](//url/to/image.jpeg)

More text

List design

Create a better style for displaying lists, right now they are too cluttered
Fix indentation for lists with multiple rows

See problem below:

Refactor Sass

Refactor Sass according to the structure defined in this post by Hugo Giraudel

Lists not working properly

I haven't tested it with any other themes so this could be a Ghost bug, but the lists (using * and - for new items) will work like 1/5 of the time, I usually just end up adding them in HTML.

In the footer.hbs code you use the Ghost Icon class but it doesn't have any effect on the render, i managed to make it show up at some point but I can't rember how. I was trying to combine the Minto ghost theme and yours it probably had something to do with Minto's stylesheets...
Not very important though.

Feed pages

Feed pages should display in a tile-based manner similar to Google+.

Masonry style layout
Load more posts as you scroll down (or click). Should revert to pagination if JavaScript isn't available.

Use Public API for loading new posts

Use Public API for loading posts.

Add InstantClick

http://instantclick.io/

Load more button shouldn't load when there's no posts to load.

The load more button shows up at the beginning regardless if there's more posts or not.

Add optional cover image for blog

Currently the cover image for the blog isn't shown anywhere (was used for tag-pages before but since the update it's not shown there anymore.

Requirements

There should be the option for the blog owner to use a blog cover image which will show on the index page.
When the owner haven't added a blog cover the theme should look like it looks at the moment.

Prevent Masonry script from loading on posts/pages

"No more posts"

Better fade in animations

Improve fade in animations to be more consistent.

Posts aren't displayed on author pages

In some cases posts aren't displayed on author pages

Only load in JavaScript libraries when needed

Add indication whether an image is a link or it's zoomable

Add pagination

You can add a {{pagination}} tag to the index.hbs.

Left/Right Hanging Photos and Quotes

Just throwing that out there. 👍

Example: http://themes.pixelwars.org/readme-wp/typography/

Thanks Again for a wonderful theme!!

Can't see post cards on home..

I can't see any of post cards on main page after self-hosted..it was okay on local address. any help?

Image size hash is not active when image is placed in a quotation

Example of markup

> ![Black icon blue text](/content/images/2015/04/FontAwesomeUIButton4.png#small)

Notice that the content is within a quotation. The #small image selector is ignored. This could just be the way markup is, or the way Ghost is.

Customizable footer

Customizable footer-text using partials

Remove relative URI Anti-pattern from CDN

Add cite to blockquote/quotes

Add captions/source for images

Use the Post Featured Image instead of #featured

Make use of Ghost's new Featured Image feature instead of using JavaScript that includes the #featured-image

Author pages

Fix feed height for archive pages with one featured post only.

Post image not showing on iPad

A post image is not showing when you go to the post page. Not sure if this is a ghost problem or a CSS styling problem but only appears to be on the iPad. I've checked on my phone and it looks fine but on an iPad the image looks like it is loading and then goes black. I have not checked a regular browser yet. Other posts seem to be working fine so it could just be this one post which is odd.

Here is the link of where the problem is happening: http://barneycarney.com/2015/04/20/working-on-the-road/

Cover image on posts/pages

is there any way to lighten up the header image of the post itself? At the beginning you see the beautiful tiles with images lightening up a bit upon hovering over them, but when opening one post, the huge header image is soo much grey filtered one barely sees it. At least thats my very subjective view. :-) Is there a switch to change this?

Get blog base URL through a variable instead of jQuery from element

Graceful degradation?

Any plans to make the theme work with JS disabled?

Fix loading of JavaScripts when running as a subdirectory.

From: confusedandalone

Ah didn't think to check for errors :D

Getting 404s on a couple of scripts, guess I'm missing some includes....?
Failed to load resource: the server responded with a status of 404 (Not Found) http://[my_url]/assets/js/helper/jquery.fitvids.js?_=1412884843034
Failed to load resource: the server responded with a status of 404 (Not Found) http://[my_url]/assets/js/helper/masonry.pkgd.min.js?_=1412884843035
The themes asset directory does include those files, not sure about the _=[nuymbers] bits.

/Edit

Oh I know what the problem is - the theme is (for those two scripts at least, maybe elsewhere) is assuming that I'm running ghost on the root of the domain. It should actually be looking at http://[my_url]/[ghostblog]/assets/js/helper/jquery.fitvids.js?_=1412884843034
and
http://[my_url]/[ghostblog]/assets/js/helper/masonry.pkgd.min.js?_=1412884843035

Add style for footnotes & highlight

Menu-system

As this will be supported in the future by Ghost I thought it'd only be good to start to think on how to implement this.

I'm not looking into integrating anything complex, ideally it wouldn't even be nested.

Should be simple (ideally something like the current social-media buttons).
Shouldn't be collapsed in mobile-view (Not a big fan of menus you can't get an overview on without clicking first)
Should support all Ghost's standard menu features (except perhaps the nesting)

I'm interested to know how others feel about this and how you would like to get menus integrated. @seanichol @PxlBuzzard