Hey,
could there be a way of setting the social links in a script block like this

<script>
var xyz = 'http://facebook.com/user';
</script>

Another thought would be to set additional info like the title and the service in an js object

<script>
var xyz = {
   service: fb,
   link:'http://face...',
   title: '',
   fa_icon: ''
};
</script>

Hello,

Another quick issue & possible improvement: navigation buttons in the call to action container get squished when the screen width forces them on two lines.

It's mostly an issue with mobile browsers, could be an issue in a normal browser if someone had a ton of navigation links.

Fixed it on my end by adding a 5px vertical padding:
francoisgervais@c1441d9

The layout action would be executed after all resources finished, like this

$(window).load(function() {
  window.sr = window.ScrollReveal().reveal(cardName, {
      afterReveal: function () {
          if ($postsGrid) {
              $postsGrid.masonry("layout");
          }
      }
  });
});

So if there were any external resources can't be downloaded, the downloading would block the rendering.

My solution is s.setAttribute('external_src', url)

var s = document.createElement('script'); s.async = true;
        s.type = 'text/javascript';
        s.setAttribute('external_src', '//' + window.disqus_shortname + '.disqus.com/count.js');

So that the count.js would not block the load() function.

After layout being executed, we can append a function like this

$(window).load(function() {
    $('[external_src]').each(function() {
        var external_src = $(this).attr("external_src");
        $(this).attr("src", $(this).attr("external_src")).removeAttr("external_src");
    });
});

With Ghost 2.0 release, certain feature (such as tags and social links) are now provided by default. Instead of using the hacky solution we have in place, leverage the built in system by default.

Hi Kelvin,

First off nice theme - I plan on adapting it for my new blog soon.

I noticed you've switched to using localStorage in place of js-cookie. I was wondering what the bug you refer to is in the update?

Unfortunately the switch to store.js means the theme is currently broken when store is not available, which happens for example in Safari Private browsing mode. As someone that uses private browsing quite a lot that seems like a big limitation. Especially as there is no warning, the posts just don't load (see screenshot).

Get off font awesome 4 and switch to 5

Are there any plans for this theme to support the team / group blog features of Ghost, where different team members posts can be attributed, and link to author pages?

To see what I mean, see without author page http://www.livelywork.com/author/christophera/ vs with author page http://web.archive.org/web/20160422121954/http://www.livelywork.com/author/christophera/

When trying to build the project using gulp build, I get the following error:

'Error: ".call-to-action-container .navigation .links li" failed to @extend "btn-cover".
The selector "btn-cover" was not found.
Use "@extend btn-cover !optional" if the extend should be able to fail.
on line 47 of assets/scss/modules/_mixins.scss

This is caused by the mixin btn-cover-with-border:

@mixin btn-cover-with-border {
    border: 1px solid $slate-white;

    &:hover {
        border: 1px solid $primary-color;
    }
    @extend btn-cover;
}

The final @extend btn-cover; should probably be changed to @include btn-cover;.

I can create a quick PR if you like though presumably the build is working for you, so maybe there is a separate issue?

Hi there,

I had to add the following CSS to make "code" areas looking well in Chrome.

pre>code {
     white-space: pre-line !important;
}

Maybe it would be good to make a change in CSS for this.

Kind Regards,

Christian

Hi,

I wish to add other languages support for Prismjs (Java, C#...). How should I go about doing that? I have downloaded my desired JS & CSS at http://prismjs.com/.

Thanks.

/assets/scss/bourbon-custom.scss the following files are missing:
@import '../vendor/bourbon/app/assets/stylesheets/settings/prefixer.scss';
@import '../vendor/bourbon/app/assets/stylesheets/css3/transition.scss';
@import "../vendor/bourbon/app/assets/stylesheets/addons/prefixer.scss";

They are not present also in a fresh bourbon install. May be it`s time for some refactoring ;)

I try to add MailChimp subscribe to my website.

This is what I add, exactly the same format as the example:

<script>
var mailchimpOptions = {
    url: "//janvdkolk.us14.list-manage1.com/subscribe?u=18abd455664ef9cbac66fd316&id=ac22da35f1"
};
</script>

The subscribe button appears, but after I fill in name and email and click send, nothing happens. The link works, you can check it.

When I try the code from the example it does work and I receive a confirmation email.

It's been a long time since the code has been cleaned up. It originally started as a fork of another project but has since deviated drastically. As a result, it's appropriate to make updates to the internals. The refactor the code to leverage the following:

1. Update gulp builds
2. Remove bower and switch to npm/yarn full-time
3. Update code to ES6 standards
4. Font awesome 5 upgrade
5. Improve JS code with better architecture and ghost v2 compliance
6. Replace gulp to webpack for modern client-side bundling

It's difficult trying to find the time to do this myself, so if anyone would like to volunteer, you'd be the real mvp.

I am trying to modify the mailchimp content by editing the cover.js files as the README instructs. Here is my code:

if (window.mailchimp_url) {
    $("body").subbscribe({
        title: "Never miss a post!",
        text: "Stay up to the date with the latest posts!",
        name: "<a href='https://twitter.com/fbgrecojr' target='_blank'>@fbgrecojr</a>",
        color: "#56817A",
        thumbnail: "http://i.imgur.com/39erIwp.png",
        list: "MailChimp",
        url : window.mailchimp_url
    });
}

However, after zipping up the updated package and uploading it to Ghost, it still shows the original CaffeineCoding content

Hello,
Some of the texts including news and tables are sometimes out of boundaries.
Here is an example of what I get on the desktop rendering (chrome):

and for the <table> here is what I get on Chrome for Android:

Hi @kelyvin ,
I'm reopening the previous issue #26, the tables on mobiles does not reveal to the user that they are scrollable.
For example with this table:

You can't really know that there is a third column except if you magically scroll horizontally:

Moreover the tables seems to be completely shrank on desktop:

Thank you for your consideration 🙏

Hello!

Great work on this theme! I did notice a small issue with copyright title:
francoisgervais@c245977

The way you have it right now, the page title is being relayed, which works on the main page but not in articles:

Change {{meta_title}} to {{@blog.title}} to fix this.

Loving the theme. Starting to build and modify it a bit for my site (https://mattwelch.io). One thing I've noticed, on my site and on yours, is that on first load in Safari, all the cards on the posts home page disappear after flashing visible for a split second.

If I go to another Safari tab and then back, they reappear. It sounds kind of like this issue but not only in private browsing mode.

For example I add a commet link like this

    <!-- Comments-->
    <li class="social item hvr-grow-rotate">
        <a rel="me" target="_blank" href="http://blablabla" title="chat with us">
            <i class="fas fa-comments"></i>
            <span class="label">comments</span>
        </a>
    </li>

And I don't get any icon shown. Any way to solve that ?
Thank you for coding and watching this issue.

The <sup> html directive used to make an exponent is weird. Here is an example of what we get with the caffeine theme below:

and with the casper theme:

with the code: NO<sup>1</sup>
The one with the caffeine theme looks more like a "minus 1" instead of an exponent.

maybe some improvement can be done on "../assets/css/caffeine-theme.css"

Hey there,
Thanks a lot for the theme. Just wanted to know, how can I remove the splash screen and move directly to the home?

I would like to add Scala/Java syntax highlight, but I don't know how to do it.

I tried to modify assets/vendor/prism/gulpfile.js and execute gulp build, but it doesn't work...

Please give me some hints, thanks

Refer to title.

Hello,

I downloaded the caffeine-theme, installed it, added jQuery and other libraries.
Everything works fine except that the search field and popular tag are not working!
I get one error in the console: "Failed to load resource: the server responded with a status of 404 (Not Found)" for the file /rss.

Can you help me please ?

Here the migration guide.

It is a limitation of the current implementation of the ghosthunter plugin, but currently only the latest 15 posts will be searched.

The version of ghosthunter we're using uses the RSS feed as it's source, which according to this post is hard coded to 15 posts.

It looks like the latest version uses the public ghost API, but that does require you enable it, and looks like it may have some performance issues at present.

I suggest we keep an eye on the project for now till it looks like a good option 😄

I have switched to caffiene-theme because the theme I was using before didn't have an active community. I appreciate that there seem to be more contributors here and more responsive to issues and pull requests.

In my old blog, the blog description (from settings general) were displayed below the blog title in the header. However, with cover set to be off in my blog, it doesn't show — only the title. Poking around (I'm not a web expert, more a coder) I can't seem to find the right place. Which file and what html should I add to my fork of the template to turn this on?

My blog is at http://www.livelywork.com/

I write my first post on my blog, but the prescreen card is way too big, see it below:

It looks like AMP should work out of the box, but we need to check that everything works OK in the theme and potentially to tweak it to be more consistent with the rest of the site.

Details here: https://dev.ghost.org/custom-amp-themes/

Hi,
Loving the theme! Nice work.
I noticed that static pages 'About' and "Home' have disqus disabled. This is great. How do I go about disabling on 'Contact' page? Is a custom template required? page-contact.hbs for example?
Thanks

Hello,
Loving the theme! Nice work.

I want to create an about page like your. Do i have to make a new post and make it static page? When i tried that i saw the circle image in the centre but it also changed the top banner image. In your web site the banner image shows the cover photo. Thank you

A niche issue I know, but someone just flagged it to me on my blog. It prints fine on Chrome.

If you view the theme in Edge and press ctrl+p, the resulting print preview is mostly white, only shows the header of the blog, and is only 1 page long.

I've checked on both our blogs, so it's definitely a theme issue - we probably just need to add some print media query css

The browser compatibility page uses the title of the page instead of the blog's title.

Also, the conditional directive in default.hbs only redirects IE 9 to the browser compatibility page, not IE7, IE 8 etc

#36 (comment)

I just noticed that tables in html (and maybe other html objects?) are not well rendered.
For example take this table:

<table border="1">
  <tr>
    <td></td>
    <td>Application context</td>
    <td>Activity context</td>
    <td>Service context</td>
  </tr>
  <tr>
    <td>Show an ui component</td>
    <td>NO<sup>1</sup></td>
    <td>YES</td>
    <td>NO<sup>1</sup></td>
  </tr>
</table>

Here is how it looks like with the casper theme:

And how it looks like with caffeine theme:

Any advise for a possible workaround? Creating a table in ascii with a markdown code snippet is not visually great :(

Better compatibility for CJK .

TryGhost/Ghost#9507

Hey @kelyvin ,

Notice this on mobile view when there's a Youtube video attached:

When viewing the same page on a desktop browser, you can see the heading text after the same Youtube embed:

I noticed the same is happening on your blog: https://www.caffeinecoding.com/google-io-2016-in-review/

I did a git clone to get the theme and I see it in my themes directory alongside the default Casper. But when I go to settings, only Casper shows up in the list.

It's a feature request, but it'd be nice to have an Author bio at the bottom of every post and a separate Author Page, just like the default theme.
Thanks :-)

I want to change code highlight color,how should I do?if you can provide some options to fast change code block color,It is very friendly to people who can't use sass.
And I want to modify markdown style or use ghost default style,which files should I modify?
Thanks!

Found an interesting error when creating static pages. Other than the "About" page, if you make a story with the title About and make it static, it appears that all other static pages have a back arrow that redirects to the URL domain.com/pagename/#open.

Anyone have any ideas on how to correct the URL or remove the arrow all together. I'll be searching around and see if I can fix it myself.

As the title states, with the latest Ghost version, we no longer need our hacky management of tags. Leverage Ghost's setup instead.

I finally got round to taking a look at #18 (had to upgrade ghost) and all looks great.

The only thing I think we could improve would be to make it easier to update the custom styles in line with the scss variables

I've had a play with this locally, by using the following process

1. Create an amp-theme.scss file
2. Add a gulp task to process and minify the file, output it to partials/amp-theme.hbs
3. Update the amp.hbs to render the partial inside the custom styles tag

This seems to work pretty well - you can then replace the colours etc with the theme variables, so when people customise the theme, they don't have to worry about doing the AMP styles manually. It's a bit hacky to be converting a scss file to a partial, but it does the job seeing as you can't link to a stylesheet separately..

If you're happy with that approach, I'll send a PR :)

Hi, I'm a Ghost newbie and I come from China.
In China, people can't use Disqus normally, so I want to remove the Disqus. However when I deleted partials/disqus-comment-count.hbs & comments.hbs. The Ghost page showed 404.
I have tried to modify the code in such .hbs, but it didn't work.
Please tell me how to work it out. Thank you!

When I use this theme and post, Blinking occurs when the mouse cursor is placed over the code text.

When I try to inject any other js library besides JQuery in the footer the homepage appears blank.
It works on mobile though.
Tested on two separated computer with both Chrome and Edge.

The original close icon for the subscribe button was being pulled from some CDN source that no longer exists, so we'll need to provide a replacement or fix for this.

Toast notifications are not properly being displayed due to an issue with toastr. This probably related to our build and the built bundle.