Hi,

I get this error message when trying Lanyon with Jekyll-3.0.0.pre.beta8:

"Since v3.0, permalinks for pages in subfolders must be relative to the site source directory, not the parent directory. Check http://jekyllrb.com/docs/upgrading/ for more info."

Any plans to update this great theme for 3.0?

Thanks,

Joacim

In order to expand/hide the sidebar you need to click on the icon. How can I hide the sidebar by clicking on the white space and not necessarily on the icon?

For example: http://benplum.com/

Thanks.

I'm aware that #15 tried to do the same thing that I'm doing here, but the difference with this pull request is that it will not break any fixed elements.

In order for the toggle button to stay fixed, I moved it out of the .container inside of .masthead and placed it directly under the body.

I also got rid of the perspective properties as they served no obvious purpose to me and I removed some unnecessary vendor prefixes, based on the output of ai/autoprefixer.

A preview can be found at http://lanyon.hnrch02.me/

I tested this on my iPhone and iPad mini (both iOS 7.0.4) and on my Desktop running OS X 10.9.1 in Chrome v33.0.1750.91 beta, Firefox 27.0.1, Opera 19.0.1326.63, Opera 12.16 and Safari 7.0.1, no problems whatsoever.

Basically, what I want to do is to have the sidebar slide like the Lanyon website, but this is what I get. (this is has been happening since I installed vanilla Lanyon) Chrome Firefox Only the sidebar slides, and the site moves abruptly, unlike it is intended. In Firefox, the sidebar toggle doesn't move.

I'm really new to web development, so any help would be appreciated. My site is here.

This is an issue in layout mode on certain devices: I don't know exactly where the problem is (maybe an @media and rem issue) but the site is not rendering properly when using an iPhone 6 in layout mode (Safari and Chrome for iOS tested). Not tested in other devices except iPad 2, where it seems to render perfectly.

The effect is that the site is switching between one size and another making it useless in Layout mode in iPhone 6.

Post title link in the index page is not working for repositories of the type username.github.io.It generates links of the form http://0.0.7.223/04/29/new-blog-post/I think the post title link in the index page only requires {{ post.url }} instead of {{ site.baseurl }}/{{ post.url }}

I'd like to build and host lanyon on GitHub pages. Is that possible? If so how? I couldn't find any documentation on this.

If I just fork and build the pages based on the gh-pages branch, the resulting page is plain HTML and looks horrible: https://stefanbschneider.github.io/lanyon/ Using master doesn't work at all and the build fails.

The changes suggested here seem not to apply to the current config in gh-pages.

if the space before --> is not there, it creates problem for other jekyll tools, like jekyll compress by https://github.com/penibelst/jekyll-compress-html. Tools like this depends on specifically --> and removes necessary html elements in case a --> is found.

This is a great theme, but I'm having a small issue. I'm using Jekyll 3.0, because I'd like to use this theme with github. When I build this repo (with the minor fixes required for 3.0 discussed here), or when I build the fork https://github.com/xHN35RQ/lanyon (no fixes required), the sidebar closes when I click anywhere in the window, instead of just when clicking on the hamburger. I don't have this issue with the site http://lanyon.getpoole.com/. Any idea how to fix this?

Hey,

I just merged the new changes of this project into my fork. This includes the changes made to the base_url handling with the slash.

I have base_url set to '' (empty string) in my config.yml. When I run jekyll serve to test the site locally, I can only access the index site. When I click on a post it links to http://blog/2015/09/21/homebrew-paketliste-sichern/ instead of http://localhost:4000/blog/2015/09/21/homebrew-paketliste-sichern/.

Why does this happen? Should base_url in config.yml be '/' like before? When I do this, this does not fix the problem. I even makes it worse, because CSS does not load any more...

This is the part in index.html which generates the links to the posts:

      <a href="{{ site.baseurl }}/{{ post.url }}">
        {{ post.title }}
      </a>

Before merging it was just

      <a href="{{ post.url }}">
        {{ post.title }}
      </a>

Maybe this part of config.yml is the problem:

# Permalinks
#
# Use of `relative_permalinks` ensures post links from the index work properly.
# /blog/:year/:month/:day/:title/
permalink:           /blog/:year/:month/:day/:title/
relative_permalinks: true

However changing it to

permalink:           blog/:year/:month/:day/:title/

did not make any difference.

While the sidebar is unexpanded, the space seems about right. One would expect the expanding sidebar to just fill the space. However, the space gets maintained even with the sidebar expanded.

I hesitate to attempt to fix this by hacking at the CSS .. unless you suggest that's the only way.

By the way, this is stellar work you have done here. Thanks a million for sharing it.

Summary

Changed

• Theme (upgrade) to latest Jekyll
• .md to .markdown
• _config.yml and Gemfile for pagination
• Markdown with latest way of writing
• Permalink and pagination for navigation consistency

Removed

• Conflicting md vs. html
• Dead links on sidebar

Just looking at the Lanyon example itself, if you shrink your viewport down and use the sidebar widget, the text is pushed off the screen.

I would presume the idea is either to not show the sidebar widget in such cases or to just have it overlay the text maybe?

Are there ways to handle this?

I'm thinking you can do this to try and handle when the viewport size gets too small:

@media (max-width: 45em) {
  .sidebar-toggle {
    display: none;
  }
}

I just picked 45em by eyeballing when the primary content seems to start running up into the hamburger toggle.

Guessing maybe the other part of this would be handled by automatically adding the .sidebar-overlay class when the size of the viewport is too small. I'm not entirely sure how to do that as it seems it would be JavaScript that executes only on a certain media query being viable (i.e., a max-width like I have above).

It feels like this might be workable:

(function (document) {
  var x = window.matchMedia("(max-width: 45em)");

  x.onchange = (e) => {
    if (e.matches) {
      document.body.classList.add("sidebar-overlay");
    } else {
      document.body.classList.remove("sidebar-overlay");
    }
  };
})(document);

So I might have answered my own question on reporting this issue. That said I'm curious if I'm missing some setting since it seems like a responsive layout would have to include this by default. Since this isn't in Lanyon, I'm presuming that perhaps there are better ways to do this.

Hi Mark. I really like this theme and have used it on my personal site clayharmonblog.com. I modified it a bit during that process, and one of the things I did was convert the CSS file to a set of SCSS files. I like using SCSS for this sort of thing, and I thought I would try to pay it forward a bit and put the SCSS version of the bare-bones Lanyon site on github. I would like to also make this a gem-based theme, but I feel I ought to check with you to make sure you are okay with this. If so, let me know and I will go ahead and do this. If not, I'll forget about it. Here is the repo as it sits right now sassy-lanyon.

The default Lanyon settings shows the full view for posts on the index.html page. I'm attempting to edit the index.html file to show the excerpt for posts, so that only the title, date and first paragraph of each post are displayed.

What do I need to add or modify in index.html to make this work?

I hope someone can help me with this issue. Thanks!

Update: After working on this some more, I found a helpful discussion on Stack Overflow

The solution that yielded the best result was replacing {{ post.content }} in index.html with {{ post.content | markdownify | strip_html | truncatewords: 50 }}

Using {{ post.excerpt }} did not lead to the correct formatting of each post on the Home page.

Maybe the discussion link and my experimentation will help others using this theme.