A Jekyll starter with a variety of flexible layouts and components.
Home Page: https://mmistakes.github.io/jekyll-theme-skinny-bones
License: MIT License
Just another boring, bearded, tattooed, designer, front-end developer, and occasional illustrator who works and resides in Buffalo New York.
I’m into drawing portraits of strangers on an iPad Pro, making popcorn, eating chicken wings, watching dust collect on my vinyl record collection, and playing single-player console exclusives on Nintendo Switch and Playstation 5.
First of all I would like to congratulate the work.
Thank you for providing your layout with such license, permit and other professionals may have their website with a more visually pleasing, to me this is very valuable, as they do not command anything CSS and HTML.
I hope to contribute to your layout, but as I am struggling to use the CSS, especially with the framework you use, it is very new to me.
I am trying to insert a banner ad on pages that are of type file, but to make such insertion needed to be more vertical, and the layout is having problems, see figure below.
The gray block that contains the advertisement is not in the correct size, and not as the domain nor the CSS framework used, I have many difficulties to adjust it.
The code I'm using are the links:
_layouts/archive.html
cursoarduino.md
_data/ads.yml
I tried making a simple post: _posts/2015-08-02-giraffe.md and it is not showing up on my page (emilydonovan.github.io). All I put in the YAML front matter is the layout and title. That is the only file I have added/changed so far so I'm confused as to why it's not showing on the up.
Anything below my blog tiles gets sucked into whatever width is left after the last tile. Is there a way to add content below the grid? Thanks.
Is there any way to delete left panel in Skinny Bones?
Current version in github
<a href="{{ site.url }}" itemprop="url">
<span itemprop="title">Home</span>
</a> ›
Corrected version.
<a href="{{ site.url }}/" itemprop="url">
<span itemprop="title">Home</span>
</a> ›
Hello. The http://mmistakes.github.io/skinny-bones-jekyll/getting-started/ page has a Scaffolding section that shows a home.html layout, but it doesn't existing in the download or on github. Could you please include it (unless it has been depreciated).
I'm just getting started with Jekyll and Skinny-Bones and it would hep enormously helpful if there were some example page & article sources. For example, the source for Skinny-Bones site or just the Sample Articles would be really helpful.
Thanks!
https://mmistakes.github.io/skinny-bones-jekyll/getting-started/#site-setup
Default teaser image used for posts and pages that do not have one assigned. This image shows up in the archive grid module. If can have whatever dimensions you want, I’ve found that an image with rectangular proportions work nicely. Like the site logo, place in /images/.
If should be "it".
In the sample, the disqus is not work.
Google's Authorship markup is no longer supported, remove from default.html.
like this:
Hi MIchael,
Nice templates! I just have a few questions on how to use them properly the first of which is getting the modified date to show up properly. I have this "article" md file at "/by-laws/"
---
layout: article
title: "By-laws"
modified: 2014-10-02
image:
feature:
teaser:
thumb:
share: false
toc: false
---
test
which shows up fine but doesn't include the modified date, what am I missing?
For some reason the initial scrolling of a page looks like it's targeting the slideout menu when using an iphone 4s (latest os). Basically you see you are scrolling an invisible area (the scrollbars can be seen on the side).
A demonstration is available at http://open-learning.org when visiting using a 4s. Not sure if it only targets 4s or just the same screen size.
Unable to reproduce on an iphone 6.
I made a tiled front page, somewhat like the home page on the gh-pages branch, like so (nevermind the content):
---
layout: media
permalink: /
title: Hi, I'm Max. This is what I'm working on.
share: false
image:
feature: https://dl.dropboxusercontent.com/u/5341489/images/Max/max-board_CROP_SMALL.jpg
credit: CiviCon Citizen Conference 2014
creditlink: http://www.civicon.de
---
<div class="tiles">
<div class="tile">
<h2 class="post-title">Deliberative Democracy</h2>
<p class="post-excerpt">We can and should <em>reason</em> — not just vote — on matters of complex policy. I study how this might work (or not) at the <a href="http://www.civicon.de">CiviCon Citizen Conferences</a>.</p>
</div><!-- /.tile -->
<div class="tile">
<h2 class="post-title">Optimal Taxation</h2>
<p class="post-excerpt">What if there were fairer <em>and</em> more efficient taxes out there? In my <a href="http://www.maxheld.de/schumpermas">dissertation</a>, I investigate whether, and how, citizens might (dis)agree on these superior taxes.</p>
</div><!-- /.tile -->
<div class="tile">
<h2 class="post-title">Q Methodology</h2>
<p class="post-excerpt">We have <em>subjective</em> views, but we also share, generate and contrast these views with others. I contribute to the <a href="https://cran.r-project.org/web/packages/qmethod/index.html">qmethod R package</a> and I maintain the Q <a href="http://www.qmethod.org">website</a>.</p>
</div><!-- /.tile -->
<div class="tile">
<h2 class="post-title">Computational Social Science</h2>
<p class="post-excerpt">I (learn to) hack (and write) for <a href="http://janlo.de">Jan Lorenz's</a> <a href="http://gepris.dfg.de/gepris/projekt/265108307">DFG-funded</a> project on <a href="http://janlo.de/wp/research/">Opinion Dynamics and Collective Decisions</a>.</p>
</div><!-- /.tile -->
</div><!-- /.tiles -->
Oddly, then, there's a thin grey line on the right of the screen, I think the same line used to distinguish between the author information, and generally used in lieu auf ---.
Any idea how to get rid of this line? Is it my mistake?
After following the instructions (bundle install), any attempt to run Jekyll, with/without arguments, other Ruby versions, etc..., always crashes.
For example:
jekyll help
/tank/Users/ybg/.gem/ruby/2.1.3/gems/mercenary-0.3.4/lib/mercenary.rb:21:in `program': cannot load such file -- mercenary/program (LoadError)
from /tank/Users/ybg/.gem/ruby/2.1.3/gems/jekyll-2.5.1/bin/jekyll:20:in `<top (required)>'
from /tank/Users/ybg/.gem/ruby/2.1.3/bin/jekyll:23:in `load'
from /tank/Users/ybg/.gem/ruby/2.1.3/bin/jekyll:23:in `<main>'
Everything else seems OK:
bundle check
The Gemfile's dependencies are satisfied
Removing the Gemfile (and Gemfile.lock) solves the problem
I'm not sure what is going on here, everything worked fine back in December. I'm a complete beginner in Ruby packaging, so I wondered if you could lend me a hand. I kept getting errors so I uninstalled all my gems and then followed the suggested installation procedure (using bundler). If I then try to do something like octopress new post "asdf", I get:
octopress 3.0.0.rc.34 | Error: undefined method `require_from_bundler' for Jekyll::PluginManager:Class
If I try doing gem install jekyll, it installs a newer version (2.5.3 currently) than specified, so then I get different errors:
vperic@vperic-laptop:~/devel/ossicz-sajt> octopress new post "asdf"
/usr/lib64/ruby/gems/1.9.1/gems/jekyll-2.5.3/lib/jekyll/plugin_manager.rb:29:in `require': cannot load such file -- jekyll-sitemap (LoadError)
from /usr/lib64/ruby/gems/1.9.1/gems/jekyll-2.5.3/lib/jekyll/plugin_manager.rb:29:in `block in require_gems'
from /usr/lib64/ruby/gems/1.9.1/gems/jekyll-2.5.3/lib/jekyll/plugin_manager.rb:26:in `each'
from /usr/lib64/ruby/gems/1.9.1/gems/jekyll-2.5.3/lib/jekyll/plugin_manager.rb:26:in `require_gems'
from /usr/lib64/ruby/gems/1.9.1/gems/jekyll-2.5.3/lib/jekyll/plugin_manager.rb:19:in `conscientious_require'
from /usr/lib64/ruby/gems/1.9.1/gems/octopress-3.0.0.rc.34/lib/octopress.rb:69:in `read_site'
from /usr/lib64/ruby/gems/1.9.1/gems/octopress-3.0.0.rc.34/lib/octopress.rb:60:in `site'
from /usr/lib64/ruby/gems/1.9.1/gems/octopress-3.0.0.rc.34/lib/octopress/commands/new.rb:52:in `block (3 levels) in init_with_program'
from /usr/lib64/ruby/gems/1.9.1/gems/mercenary-0.3.5/lib/mercenary/command.rb:220:in `call'
from /usr/lib64/ruby/gems/1.9.1/gems/mercenary-0.3.5/lib/mercenary/command.rb:220:in `block in execute'
from /usr/lib64/ruby/gems/1.9.1/gems/mercenary-0.3.5/lib/mercenary/command.rb:220:in `each'
from /usr/lib64/ruby/gems/1.9.1/gems/mercenary-0.3.5/lib/mercenary/command.rb:220:in `execute'
from /usr/lib64/ruby/gems/1.9.1/gems/mercenary-0.3.5/lib/mercenary/program.rb:42:in `go'
from /usr/lib64/ruby/gems/1.9.1/gems/mercenary-0.3.5/lib/mercenary.rb:19:in `program'
from /usr/lib64/ruby/gems/1.9.1/gems/octopress-3.0.0.rc.34/bin/octopress:16:in `<top (required)>'
from /usr/bin/octopress:23:in `load'
from /usr/bin/octopress:23:in `<main>'
I assume this is because I'm running a newer Jekyll than your site specifies. Still, I reproduce the first error by running eg. bundle exec octopress new post "asdf".
I realize that using octopress is not really obligatory, I just remember it as a neat tool, plus I can't be sure that something else isn't broken (though currently building and serving the site works fine).
Thanks in advance!
The top-menu navigation items are hidden on small screens (mobile phone width). This appears to be design and part of the responsive setup, but for the life of me, I cannot find the SASS logic that applies the media queries to do it.
I'd like to have the navigation present at all times (in place of the sliding navigation).
I'm very new to Jekyll but have everything set up and working locally on my Windows machine. However, when I try to push to my GitHub user site, I'm getting a 404 page and an email that there was a generic build error. Should this theme work with the user sites or just the project sites? Is there something I might need to change in the config? My email address is verified, and I didn't see anything else on the GitHub troubleshooting page that seemed relevant. Can you help? Thanks very much!
I really like the subtle animations throughout the theme.
I'd like to disable the animation on page open, though.
Is there an elegant simple way to disable this?
I loaded _posts/articles/2011-03-10-sample-post.md
Jekyll serve
and the error was thrown.
Seems that CHR(92) is the problem in the file.
Some setting is needed to deal with UTF-8.
According to this article, GH Pages now supports Jekyll 3. Maybe make the jekyll3 branch to master now?
Michael, I'm sorry to have to bother you with this, but I can't get teaser images to show up right in Twitter or Facebook. I notice the sharing links don't show up at all on the skinny-bones demo site. On mine Twitter Cards will appear, but with either the default site teaser or Twitter's no-image image, and the default shows up on Facebook. It's working fine at mademistakes.com, and _includes/open-graph.html is the same there, and the issue isn't in _includes/share-this.html as far as I can tell. Any ideas?
I ran a Google Page Speed run on https://mmistakes.github.io/skinny-bones-jekyll/
Overall very good results (88/100 on mobile and 94/100 on desktop).
One suggestion Google has is to "Eliminate render-blocking JavaScript and CSS in above-the-fold content".
One of the great things about Jekyll is it rearranges files.
How about including the main.css (62,958 bytes) into the index.html automagically?
See https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
PS - this is the approach Google AMP is requesting as well.
Hello,
I am trying to run this theme in order to use it for my site. After downloading and running bundle install, I tried bundle exec jekyll build but had the following errors :
Generating...
Conversion error: Jekyll::Converters::Scss encountered an error converting 'css/main.scss'.
Conversion error: Invalid CSS after " webkit-image": expected ")", was ": -webkit- + $p..."
jekyll 2.4.0 | Error: Invalid CSS after " webkit-image": expected ")", was ": -webkit- + $p..."
I have tried many combinations of bundle install/update, setting specific versions of jekyll or jekyll-sass-converters but it doesn't seem to work. Here is an exemple of a configuration that doesn't work
(...)/skinny-bones-jekyll-master$ bundle update
Fetching gem metadata from https://rubygems.org/.........
Fetching version metadata from https://rubygems.org/..
Resolving dependencies...
Using blankslate 2.1.2.4
Using sass 3.4.12
Using thor 0.19.1
Using bourbon 4.2.0
Using hitimes 1.2.2
Using timers 4.0.1
Using celluloid 0.16.0
Using fast-stemmer 1.0.2
Using classifier-reborn 2.0.3
Using coffee-script-source 1.9.1
Using execjs 2.3.0
Using coffee-script 2.3.0
Using colorator 0.1
Using ffi 1.9.6
Using jekyll-coffeescript 1.0.1
Using jekyll-gist 1.1.0
Using jekyll-paginate 1.1.0
Using jekyll-sass-converter 1.3.0
Using rb-fsevent 0.9.4
Using rb-inotify 0.9.5
Using listen 2.8.5
Using jekyll-watch 1.2.1
Using kramdown 1.5.0
Using liquid 2.6.2
Using mercenary 0.3.5
Using posix-spawn 0.3.10
Using yajl-ruby 1.2.1
Using pygments.rb 0.6.2
Using redcarpet 3.2.2
Using safe_yaml 1.0.4
Using parslet 1.5.0
Using toml 0.1.2
Using jekyll 2.4.0
Using jekyll-sitemap 0.6.3
Using neat 1.7.1
Using octopress-deploy 1.1.0
Using octopress-hooks 2.6.0
Using octopress-escape-code 2.0.6
Using titlecase 0.1.1
Using octopress 3.0.0.rc.33
Using bundler 1.8.2
Bundle updated!
Any idea ? Thank you for looking at my problem.
Hi
A simple question. I want to add a specific image for the blog posts and added therefore a “teaser:” in the front matter. Like this:
layout: article
title: "At the School"
categories: articles
modified: 2015-08-27T11:57:41-04:00
tags: [sample]
comments: false
ads: false
teaser: nssr.jpg
image:
The default teaser is appearing though. Any ideas what is wrong?
I've used some tiles on a page (same as in the home example on gh-pages), and would now like to add untiled, normal-width content below the tiles.
I expected that just closing the div with </div><!-- /.tiles --> would do the trick, but it's not.
I apologise in advance if this is an ignorant question, lacking the necessary CSS knowledge.
Here's the page (never mind the content)
---
layout: media
lang: en
category: teaching
permalink: /teaching/
trans: /lehre/
title: Teaching
share: false
tagline: PhD student in Bremen, Germany
tags:
- about
image:
feature: https://dl.dropboxusercontent.com/u/5341489/images/Max/jacobs-teaching-gesture_SMALL.jpg
caption:
captionlink:
credit: Jacobs University Bremen
creditlink: http://www.jacobs-university.de
location:
locationlink:
---
I enjoy teaching tremendously — and for selfish reasons, too:
I've noticed that I only *really* understood a subject (or someone else's understanding of it) if I have taught a class on it.
I like it:
<!--more-->
<div class="tiles">
<div class="tile">
<h2 class="post-title">Interdisciplinary</h2>
<p class="post-excerpt">Crossing disciplinary borders and venturing applications can deepen understanding, strengthen relevance and forge synthesis — but a rigorous foundation in <em>a</em> discipline always comes first.</p>
<a href="http://www.maxheld.de/e-democracy/" class="btn-social default">E-Democracy</a>
</div><!-- /.tile -->
<div class="tile">
<h2 class="post-title">Interactive</h2>
<p class="post-excerpt">Meaningful visualizations, vibrant virtual and real discussion and the occasional movie segment can make teaching more effective, accessible and fun — but in technology and format, as elsewhere, form follows function.
That said, I think some great new technology (such as <a href="http://www.github.com">Github</a> and other social media isn't used enough in classrooms, and I expect my students to be(come) reasonably savvy with it.</p>
<a href="https://plus.google.com/communities/109716701795396972157" class="btn-social google-plus"><i class="fa fa-google-plus" aria-hidden="true"></i> German Politics and Culture</a>
</div><!-- /.tile -->
<div class="tile">
<h2 class="post-title">In Writing (or Code)</h2>
<p class="post-excerpt">An idea does not exist independent of its written expression.
Intensive reading and writing are hard, ideally <a href="http://en.wikipedia.org/wiki/Practice_(learning_method)#Deliberate_practice">deliberate practice</a> for both teacher and student — but for the social sciences, at least, there are only very poor substitutes.</p>
<a href="https://github.com/BildungBegabung/emile" class="btn-social default"><i class="fa fa-github" aria-hidden="true"></i> Emile</a>
</div><!-- /.tile -->
<div class="tile">
<h2 class="post-title">In Service</h2>
<p class="post-excerpt">Perhaps in the spirit of <a href="https://en.wikipedia.org/wiki/Public_sociology">public sociology</a>, student work can also engage and serve a wider audience of fellow citizens.
Such purpose can focus attention and — as academics know — it's also motivating to write for <em>actual</em> readers.</p>
<a href="https://github.com/maxheld83/samuelson" class="btn-social default"><i class="fa fa-github" aria-hidden="true"></i> Samuelson</a>
</div><!-- /.tile -->
</div><!-- /.tiles -->
<div markdown="0"><a href="http://www.ratemyprofessors.com/ShowRatings.jsp?tid=1144707" class="btn">RateMyProfessors.com</a> <a href="http://www.meinprof.de/lecturers/Maximilian_Held" class="btn">MeinProf.de</a></div>
Check out my evaluations on teacher rating sites:
This is what it looks like:
I'd like the stuff circled in red to begin a new "line" instead, not fill in the short tiles.
FYI, the new Disqus 'Engage' code has 1 requisite parameter and 2 optional ones. If you update the script in comments.html, you might need to change the variables involved. I just replaced it all with code as provided by disqus and wrapped it in {% if page.comments %} liquid and it's working fine on two different sites.
sitename.disqus.com is something you can get from your Disqus settings
page_url and page_identifier I'm not sure about - perhaps something auto-generated by liquid?
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
*/
/*
var disqus_config = function () {
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = '//SITENAMEGOESHERE.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>```As requested in #30 port over the back to top button script used on Made Mistakes.
Hello,
Foremost thank you for the nice theme you provided for usage with such a convenient license!
I am new to jekyll, having come from a fairly recent HTML/CSS/JS background, as well as ASP NET MVC and Angular. I liked this theme for my learning and own usage (if succeed in going through the learning curve)
I've just come across a problem. Below the explanation of my process:
I recently installed ruby, rubygems, and jekyll in a Windows 8.1 (x64) box, ran jekyll, created a new website from scratch, and everything went just fine.
Then I found your theme, I cloned it locally to my box, and started tinkering with it.
My first problem was that I installed bundler and the theme's dependencies globally, and most of the gems I had from previous jekyll installation got duplicated to a lesser version. Could not get the jekyll serve command to work and first thought about the duality in versions for some gems.
I reasoned that uninstalling all dependencies installed with bundler, repairing the latest jekyll I had - which is version 2.5.3 at present - and installing dependencies by project would fix the issue. I followed this stackoverflow answer on bundler to install bundler's dependencies by project instead (not globally).
So for this jekyll theme I installed all gem dependencies using bundler, on the vendor\bundle folder.
It added all of them, including jekyll 2.4.0.
The problem was not fixed, there are two parts to it:
First, when executing jekyll serve, there is an exception displayed, related to mercenary gem (below the stack trace). You will notice is trying to use the global jekyll 2.5.3 gem:
E:\jekyll-Sites\portfolio [master +9 ~5 -0 !]> jekyll serve --watch
Configuration file: E:/jekyll-Sites/portfolio/_config.yml
C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/jekyll-2.5.3/lib/jekyll/plugin_manager.rb:29:in require': cannot load such file -- jekyll-sitemap (LoadError) from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/jekyll-2.5.3/lib/jekyll/plugin_manager.rb:29:inblock in require_gems'
from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/jekyll-2.5.3/lib/jekyll/plugin_manager.rb:26:in each' from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/jekyll-2.5.3/lib/jekyll/plugin_manager.rb:26:inrequire_gems'
from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/jekyll-2.5.3/lib/jekyll/plugin_manager.rb:19:in conscientious_require' from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/jekyll-2.5.3/lib/jekyll/site.rb:79:insetup'
from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/jekyll-2.5.3/lib/jekyll/site.rb:41:in initialize' from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/jekyll-2.5.3/lib/jekyll/commands/build.rb:29:innew'
from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/jekyll-2.5.3/lib/jekyll/commands/build.rb:29:in process' from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/jekyll-2.5.3/lib/jekyll/commands/serve.rb:26:inblock (2 levels) in init_with_program'
from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/mercenary-0.3.5/lib/mercenary/command.rb:220:in call' from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/mercenary-0.3.5/lib/mercenary/command.rb:220:inblock in execute'
from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/mercenary-0.3.5/lib/mercenary/command.rb:220:in each' from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/mercenary-0.3.5/lib/mercenary/command.rb:220:inexecute'
from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/mercenary-0.3.5/lib/mercenary/program.rb:42:in go' from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/mercenary-0.3.5/lib/mercenary.rb:19:inprogram'
from C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/jekyll-2.5.3/bin/jekyll:20:in <top (required)>' from C:/Ruby21-x64/bin/jekyll:23:inload'
from C:/Ruby21-x64/bin/jekyll:23:in `
Second, when running the bundle exec jekyll serve command, for some strange reason the command is trying to call the post markdown file template located in the vendor\bundle jekyll 2.4.0 path:
E:\jekyll-Sites\portfolio [master +9 ~5 -0 !]> bundle exec jekyll serve
DL is deprecated, please use Fiddle
Configuration file: E:/jekyll-Sites/portfolio/_config.yml
Source: E:/jekyll-Sites/portfolio
Destination: E:/jekyll-Sites/portfolio/_site
Generating...
ERROR: YOUR SITE COULD NOT BE BUILT:
------------------------------------
Invalid date '0000-00-00': Post '/vendor/bundle/ruby/2.1.0/gems/jekyll-2.4.0/lib/site_template/_post
s/0000-00-00-welcome-to-jekyll.markdown.erb' does not have a valid date in the filename.
Here is the image of the above:
I already have posts files hosted on the theme, but they do not get referenced for serving the site.
I think this may not be a theme issue, but surely wanted to let know in order to get more light into this issue, and even get a resolution for this.
Thanks for your help in advance!
Hi all,
I am new to Jekyll + Skinny Bones and I would like to ask how do I add Google Analytics tracking to my website?
Thank you very much.
Dear,
I wasn't getting the external links to work on the toc section (responsive menu) so I had to fix it using jQuery:
$("a[href='https://username.github.iohttps://google.com']").attr('href', 'https://google.com');
I hope it help someone. Thank you so much for all your work, it is amazing!
Hi!
I'm new to jekyll and I'm trying to use this template. Well, I'm using it but I want to use pagination, but I don't know how to use it.
I have put this:
paginate: 12
paginate_path: "/page:num/"
On _config.yml file but I always receive the warning Pagination: Pagination is enabled, but I couldn't find an index.html page to use as the pagination template. Skipping pagination.
I saw that there is a file called "pagination.html". How should I use it with the archive template?
Thanks :)
Want to improve the theme with this slider. http://davidollerhead.com/blog/2013/08/06/lets-build-a-carousel.html what files/code do i need to change?
I am actually a noobie to the whole Jekyll area,and new to programming in general so bare with me.
I am trying to find the home layout that it is supposed(according to the index at your site) to exist but i can't find it. I want a homepage like (http://mmistakes.github.io/skinny-bones-jekyll/) in the original site and not an archive as a homepage, is that doable?
Thank you for your time
Hello,
I only want to show six posts at a time on the homepage, how can I paginate this?
I use the following display code;
<div class="row">
{% for post in site.posts %}
{% include post-grid.html %}
{% endfor %}
</div>
and this is the post...
<div class="col-xs-12 col-md-4 post" itemscope itemtype="http://schema.org/Article">
<h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
</div>
I want to show 6 at a time and then some basic bootstrap style pagination.
Can anyone help?
When pulling down the latest master and building right away the following error is printed out:
% bundle exec jekyll build
Configuration file: /home/powersj/Downloads/skinny-bones-jekyll-master/_config.yml
Source: /home/powersj/Downloads/skinny-bones-jekyll-master
Destination: /home/powersj/Downloads/skinny-bones-jekyll-master/_site
Generating...
jekyll 2.5.3 | Error: (/home/powersj/Downloads/skinny-bones-jekyll-master/_data/messages.yml): did not find expected key while parsing a block mapping at line 7 column 3
Turns out the latest merge request adding French encoding has an extra couple spaces in the yaml at line 33. I'll submit a merge request shortly with the fix.
C:\Users\Design\Dropbox\onderhanden\design user herontwerp_0000b_marketing_Blog>
bundle install
DL is deprecated, please use Fiddle
Fetching gem metadata from https://rubygems.org/........
Using blankslate 2.1.2.4
Using sass 3.4.7
Using thor 0.19.1
Using bourbon 4.0.2
Using hitimes 1.2.2
Using timers 4.0.1
Using celluloid 0.16.0
Using fast-stemmer 1.0.2
Using classifier-reborn 2.0.2
Using coffee-script-source 1.8.0
Using execjs 2.2.2
Using coffee-script 2.3.0
Using colorator 0.1
Using ffi 1.9.6
Using jekyll-coffeescript 1.0.1
Using jekyll-gist 1.1.0
Using jekyll-paginate 1.1.0
Using jekyll-sass-converter 1.2.1
Using rb-fsevent 0.9.4
Using rb-inotify 0.9.5
Using listen 2.7.11
Using jekyll-watch 1.1.2
Using kramdown 1.5.0
Using liquid 2.6.1
Using mercenary 0.3.4
Using posix-spawn 0.3.9
Using yajl-ruby 1.1.0
Using pygments.rb 0.6.0
Gem::RemoteFetcher::FetchError: SSL_connect returned=1 errno=0 state=SSLv3 read
server certificate B: certificate verify failed (https://rubygems.org/gems/redca
rpet-3.2.0.gem)
An error occurred while installing redcarpet (3.2.0), and Bundler cannot
continue.
Make sure that gem install redcarpet -v '3.2.0' succeeds before bundling.
C:\Users\Design\Dropbox\onderhanden\design user herontwerp_0000b_marketing_Blog>
gem install redcarpet -v 3.2.0
ERROR: Could not find a valid gem 'redcarpet' (= 3.2.0), here is why:
Unable to download data from https://rubygems.org/ - SSL_connect retur
ned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed (
https://rubygems.org/specs.4.8.gz)
C:\Users\Design\Dropbox\onderhanden\design user herontwerp_0000b_marketing_Blog>
Hi,
Is is possible to remove the advertisements globally from all pages (e.g., posts) in order to user the full screen. I tried entering ads: false as shown below in _config.ymlbut it doesn't seem to have the desired effect.
# Site owner
owner:
name:
email:
twitter:
google:
ad-client:
ad-slot:
ads: false
bio:
avatar: bio-photo.jpg # 160x160 px image for author byline
My site is www.nolanhu.com
For some reason in the mobile version, the main image doesn't shrink itself. I only see a part of the image instead of the whole image.
Also, I have to run "bundle exec jekyll build" & "bundle exec jekyll serve" everytime for it to work. What's the solution to that issue?
I have a site based on an older version of Skinny Bones, but I didn't see anything in the commit log that would relate to this, so I'm guessing this issue would also happen on the current version.
One of my headings <h2> on the front page of my site is oddly centered when the site is loaded with Chrome (or Chromium), but works perfectly with Firefox. The browser-specific css goes way over my head, so I don't know where to look for solutions. The problem persists regardless of whether I build my site locally or on gh-pages.
You can see the problem by visiting http://jonne.arjoranta.fi/ with Chrome. Look for the second heading, Role-Playing.
It's my first time using Jekyll (very nice theme, btw!) so maybe I'm just missing something, but is there support for localization? I did find some things I could change manually, but there must be a way for me to change dates and such automatically?
Additionally, would you consider allowing pages/posts in multiple languages?
I am testing the jekyll platform for the first time and was looking for "_posts" to add/edit my post using this theme, and couldnt find it yet, am I missing something here?
Using the following in _base.scss causes lines of code to be put all on one line…
p code,
…
white-space: nowrap;
Dear,
Could you consider implementing this plugin, please?
http://blog.comsysto.com/2015/04/25/automatic-breadcrumb-for-jekyll-on-github-pages/
I did it on my project and worked like a charm!
Hi Michael, thanks for this; it's awesome. One thing I often want to do is wrap text around a partial-width image. I don't see a demo-ed way to do this, so I've been doing something like this:
<img align="left" style="width:35%;height:35%;margin:20px 30px" ... >
Using a relative size, images get too small on mobile, but with an absolute width they get too big and align weird. Is there a better way to do this? Thanks much.
When writing extreme long articles, the first sight of a page will be filled by toc section, which is not pleasant. If it is possible to put toc section to ads section's current location, that will be nice
For a very long article (which you have to scroll several pages to the end), it is very helpful if we could add a feature "back to top" whether as button or href near subtitle.
PS: Very nice work for skinny-bones-jekyll and continuous refinement, I really enjoy this template.
Running on Windows 8.1
The site comes up but layout is strange and I have not been able to debug.
I loaded a welcome Jekyll post but it is not aligned. Layout was change from post to default
but there must be something else needed in the header.
I read the getting started site but still got stuck.
How do I change the items marked below? I would like to modify the icons and behavior.
I do not want caps forced in the title.
This error:
Liquid Exception: cannot load such file -- yajl/2.1/yajl in _posts/2014-10-03-
welcome-to-jekyll.md
was fixed by making highlights: false
I love the (custom) 404 pages in your other themes, wondering how hard it would be to add that here ...
Installed dependencies, downloaded the file, etc but using rake to switch themes is not working. Any suggestions?
Hi! first of all i would like to thank you for this amazing template! (oh, and sorry for my poor english)
I was trying some stuff with the {% include post-grid.html %} function, and i found out that with the post limit paramater set to 4 the impagination get stuck with a maxium three column layout for row
Example:
{% for post in site.posts limit:4 %}
{% include post-grid.html %}
{% endfor %}
in the homepage -> http://xabacadabra.github.io/ you'll see that after the third column, the fourth directly start a new line down even if there isn't lack of space
getting syntax error on main.scss:
The page build failed with the following error:
The file hello-site/css/main.scss contains syntax errors. For more information, see https://help.github.com/articles/page-build-failed-markdown-errors
Let me know how to get at it and fix it or do you know what could cause this? Trying to push it to GitHub pages and it is throwing this error.
React
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
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
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.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.