Complete refactorization for css/grayscale.scss and sorted sections in index.html

[joariasl]

• Complete refactorization for css/grayscale.scss
• Sections display in sorted of the configuration
• Remove unnecessary id tags
• Update exclusion list
• Update in scripts/newpost
• Added separator in pagination
• Auto toggle to navbar-collapse on ready event. For url of type: file.html#element-id

[joariasl]

Work transmited on LiveCoding.tv: https://www.livecoding.tv/video/personal-jekyll-theme-9/
😜

[le4ker]

We need that, in order to make the images in the posts responsive. It's a fix for issue #36

[le4ker]

Apart from the image regression, the lists in the post don't render correctly.
Actually that was a bug from the Timeline repo that I initially forked and it was tracked by issue #14 😋

Here is the screenshot from my blog when running locally with the new changes

[joariasl]

I understand. He had seen that definition.
The correct is to use <img class="img-responsive" ...> (using ![Picture description](/link/to/picture.jpg){: .img-responsive }) in the images. But we must maintain backward compatibility.

Do you think using a class to the container of the post and assign the style to their internal images?

.content-section img {
  display: block;
  max-width: 100%;
  height: auto;
}

I use the original definition of Bootstrap 3: https://github.com/twbs/bootstrap/blob/master/less/mixins/image.less#L9

[joariasl]

Added commit in the Pull Request. And deleted unecesary duplication ID in post.html and blog.html.