oswaldoacauan / ghostium Goto Github PK
View Code? Open in Web Editor NEWA Ghost theme focused on content based on Medium design/ux.
Home Page: https://ghost.org/?lmref=our-LA
License: MIT License
A Ghost theme focused on content based on Medium design/ux.
Home Page: https://ghost.org/?lmref=our-LA
License: MIT License
The documentation leaves way too many details out, like the fact that the theme needs to be built. I know it does, but it's not mentioned ANYWHERE.
Somebody should add a line about it and the fact that building it requires npm (not a given since somebody is using the hosted platform) and ruby (the grunt task depends on a couple of gems).
Thanks
Hello,
I am confused as to what the code below does. Can you please explain?
{{! Templates
Link
==============
<li class="drawer-list-item">
<a href="#" title="Follow me on twitter!">
<i class="fa fa-twitter"></i> Follow me
</a>
</li>
Divider
==============
<li class="drawer-list-divider"></li>
Title
==============
<li class="drawer-list-item drawer-list-title">
Follow me
</li>
}}
On the blog homepage, I noticed that the time (relative to current day) posted underneath each blog post was not updating correctly. I wrote a post on March 10 and even though it is now the 19th, it still says that it was posted '1 day ago'. However after I re-uploaded my theme, that time difference was corrected.
I currently host my blog using ghost.org and my blog is blog.clementho.com. There isn't a time tag like this in the official theme so I'm not sure if this is an issue with the hosting or with the theme.
Go back/foward are not loading content via pjax.
Hello!
It was posted a while ago, but Gist embeds don't work until you refresh the page.
Once the page has been refreshed, the embed appears without a change being made!
Create a documentation on "How do i upgrade Ghostium?"
#31
I know it's a long-shot, but the best feature of medium IMO is it's in-line commenting system. Any chance of throwing that into the roadmap for ghostium?
Can anyone think about better/neater way of adding estimated read time to the post or homepage? I've added it using below but only works on post page and needs adding for each individual posts manually ...
var pageText = $('.post-body').text().replace(/\r?\n/g,'');
var read_time = function(text){
var minutes = Math.floor(text.split(' ').length / 200 )
if(minutes === 0) minutes = 1
return minutes + ' min read'
}
$('.post-meta-list').append('<li class="post-meta-item"><i class="fa fa-clock-o"></i> '+read_time(pageText)+'</li>');
There are comment counts on most of the posts on the front page, but not all, and most of the posts on the second page are missing the comment count, and so on throughout the blog.
Seems to be a random bug, since sometimes it works sometimes dont, problably related with DISQUSWIDGET
on pjax.load
event.
I just upgraded to Ghost 0.4 and it seems to break the template. On the main page I get this 500 error:
You must pass a string or Handlebars AST to Handlebars.compile. You passed function (context, options) { if (!compiled) { compiled = compileInput(); } return compiled.call(this, context, options); }
Post pages and Static pages work perfectly fine if I manually type in the url. But the main page seems to be broken when using this template. I know it's the template as when I change to the default theme it works.
In post view, clicking on the avatar can direct the user to a broken URL if the admin has not filled out a complete URL in the settings.
for instance if a user has blog.yourname.com as their "site" (instead of http://blog.yourname.com) the link created will be http://blog.youname.com/project-preview/yourname.com/
node - v0.10.15 -- npm 1.2.18 -- Ubuntu 13.10
The Menu Button doesn't got any function.
You can try on my fresh isntallation: http://berndklaus.at
Got the last ghostium theme (v2.1.1) release some mins ago.
EDIT: Strange, after some restart, forcing of reload the cache it starts working... CLOSE pls.
BTW: I love ya theme! :)
Hi
Can you advise on an update procedure for the theme?
Thanks
Nice work BTW!
Do you have a version handy like this for modification?
I know little about ruby. I figure that I should edit files in src/ dir if I want to make my own customizations. But what should I do to update the files in root dir after I do so?
Clicking the browser back button takes you off the site rather than back to the previous page on the site
Can we translate the theme now? Or better to wait for Ghost 0.6?
I did a videocast to show you. Take a look :)
http://cl.ly/2M281F0M413R
Cheers !
Hey,
First, thanks for the awesome theme!
I'd suggest an enhancement, I'd appreciate if this approach is considered.
For my website, I'm using Yandex.Metrica instead of Google Analytics (which I think is way better), so If the tracking (footer assets) code field would be a partial, or and had an option to disable/enable the GA code that would be great.
Without altering the code, I'm adding my metrica counter into footer.hbs, and I both have Google analytics (with ga-xxx-xxx default id) and metrica on my theme.
Thanks,
Make videos responsive by default.
I know this could kind of 'break' the medium-style, but it's needed for non-writers. Or for writers that love photography :P
There is just a few words. See this videocast.
http://cl.ly/2M281F0M413R
Thank you again !
Add a next post cover and transition, like on Medium.
When you click a link on the drawer, it doesn't close automatically. This behaviour blocks page scrolling, forcing the user to click on the page content to scroll.
After updating to 2.0.1 I'm getting this JavaScript error now in the file 92f7a6d0.foot-scripts.min.js.
I'm using first-party Ghost hosting.
Clicking on "X Comments" at the end of an excerpt on the homepage does not lead you to the disqus portion of the actual post.
This is an issue with ghostium / partials / post / list.hbs, specifically the footer line:
a href="{{url}}#disqus_thread" data-disqus-identifier="{{id}}">
I apologize for not having any experience with this, so I don't know if I've presented everything as clearly as possible here.
http://ghostium.oswaldoacauan.com/
Usability bug: on first load the default within page navigation keys, e.g. space-bar and pg-up/dn, are broken and have no effect. One must click on the text content first or hit tab at least 3 times before they work.
Firefox 26.0 on Win7x64.
When navigating to a page you have already visited, either via the browser back/forward buttons or link, the content of the page displays for a moment before disappearing and fading in via the standard loading animation.
Suggested fix: either disable the loading animation for cached pages, OR prevent the cached page from showing before the animation finishes.
I noticed there are only clike, css, html, javascript and markup as languages in Prism, could you please add more languages support (bash, php, etc.)? via a config in theme or in build.
thanks a lot for creating such a great theme ^^
I noticed when checking both my site and your example site that certain Font Awesome icons, such as the Twitter icon in the tray, as well as both the "Share to Facebook" and "Share to Twitter" buttons/icons which appear at the end of posts, don't appear in Firefox. (I can't test on Internet Explorer as my computer is wonky.) However, most of them do. Not sure why that would be.
Hey,
i found out, that e.g. Github gists which are embedded via <script>
tags do not load after the ajax call.
Calling the Blogpost directly will load the gist as expected. Going via menu and loading the article via ajax doesn't render the gist in <script>
tags.
Just try it:
Here is a direct link to a blogpost (the gist is visible).
Here you come to the landing page of the blog. Click the link "Gist does not render via ajax call" and you wont see any gist... ;)
Any guesses?
Is there a setting to disable comments? I have made a dirty edit to the template to remove the comment engine from loading however still get the x comments messages next to the posts. One settings to turn this on/off globally or for each post would be good.
Happy to try and make the change myself if the community deem it useful, might take a week or two as I'm unfamiliar with the template engine.
Ref.: #18
Add prefix -webkit-
for overflow-scrolling: touch;
and the following CSS
.content {
position: relative;
min-height: 100%;
}
NOT TESTED
The cover image does not load in version 2.1. The loading indicator keeps spinning and the console has the following javascript error.
Uncaught ReferenceError: Prism is not defined
be432fa6.foot-scripts.min.js?v=7da06bc26e:9
Just thought I'd drop in and post a link to theme developer guide to what changed in Ghost 0.4.
I'm trying to encourage as many theme devs as possible to upgrade to use the {{asset}}
helper in particular. Without this change, your theme won't work when Ghost is installed in a subdirectory, and users may encounter caching problems.
Thanks ๐
Theme works perfectly under development but I always run into this error first time updating the home page. No edits to the theme either.
127.0.0.1 - - [Sun, 26 Jan 2014 19:40:14 GMT] "GET /?_pjax=%5Bdata-pjax-container%5D HTTP/1.1" 500 1995 "http://127.0.0.1:2368/welcome-to-ghost/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1700.77 Safari/537.36"
ERROR: You must pass a string or Handlebars AST to Handlebars.compile. You passed function (context, options) {
if (!compiled) {
compiled = compileInput();
}
return compiled.call(this, context, options);
}
ErrorPage
Ghost caught a processing error in the middleware layer.
Error: You must pass a string or Handlebars AST to Handlebars.compile. You passed function (context, options) {
if (!compiled) {
compiled = compileInput();
}
return compiled.call(this, context, options);
}
at new Error (<anonymous>)
at Error.Exception (/Users/onnimonni/Projects/koodimonnighost/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/exception.js:6:41)
at compile (/Users/onnimonni/Projects/koodimonnighost/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/compiler/compiler.js:444:11)
at HandlebarsEnvironment.hb.compile (/Users/onnimonni/Projects/koodimonnighost/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars.js:18:12)
at Object.invokePartialWrapper [as invokePartial] (/Users/onnimonni/Projects/koodimonnighost/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/runtime.js:42:28)
at Object.eval (eval at <anonymous> (/Users/onnimonni/Projects/koodimonnighost/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:179:23), <anonymous>:58:17)
at /Users/onnimonni/Projects/koodimonnighost/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/runtime.js:92:31
at /Users/onnimonni/Projects/koodimonnighost/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/compiler/compiler.js:467:21
at render (/Users/onnimonni/Projects/koodimonnighost/node_modules/express-hbs/lib/hbs.js:268:15)
at compileFile (/Users/onnimonni/Projects/koodimonnighost/node_modules/express-hbs/lib/hbs.js:302:14)
Test print media styles
Append #disqus_thread to comment count link
Create style for titles and separator on drawer.
I do not know if it's just me, but it generates me a nuisance is not centered the image and text of the cover.
What about center? If you want I can send a pull request.
Only load disqus comments with a user action.
Ref.:
http://ghost.centminmod.com/ghost-posts-with-faster-disqus-load-speed/
http://internet-inspired.com/wrote/load-disqus-on-demand/
Hi creator!
I am wondering when do you plan to add search function for this awesome theme?
I have no desire to run third-party scripts on my site; is there an easy way to toggle these off without editing templates?
I've noticed on both my blog and on your sample that the image cards from Disqus don't display the images properly.
The relevant HTML is:
<div class="avatar hovercard">
<a href="http://disqus.com/disqus_someid/" class="user" data-action="profile" data-user="somenums">
<img alt="Avatar" src="//a.disquscdn.com/uploads/users/some/nums/avatarnum.jpg?morenums">
</a>
</div>
The <img>
src is missing.
Found a quick fix, not sure why it works. See my post below.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.