Commit cd21f839 authored by Andre Maroneze's avatar Andre Maroneze
Browse files

[blog] various layout changes and fixes

parent 9dd0fe9e
......@@ -76,3 +76,5 @@ category_layout: "blog.html"
# - vendor/cache/
# - vendor/gems/
# - vendor/ruby/
excerpt_separator: <!--more-->
......@@ -13,14 +13,14 @@
</form> -->
<div class="tagsList">
<h4>Popular tags</h4>
<h4>Tags</h4>
<nav>
{% for category in site.categories %}
{% if page.paginator and page.title == category[0] %}
<a href="/category/{{ category[0] }}/index.html" class="btn btnCancel active"><span>{{ category[0] }}</span></a>
<a href="/category/{{ category[0] | downcase }}/index.html" class="btn btnCancel active"><span>{{ category[0] }}</span></a>
{% else %}
<a href="/category/{{ category[0] }}/index.html" class="btn btnCancel"><span>{{ category[0] }}</span></a>
<a href="/category/{{ category[0] | downcase }}/index.html" class="btn btnCancel"><span>{{ category[0] }}</span></a>
{% endif %}
{% endfor %}
</nav>
......@@ -30,4 +30,4 @@
<h4>Feed</h4><a href="/html/feed.html" target="_blank">Feed</a>
</div> -->
</div>
</aside>
\ No newline at end of file
</aside>
......@@ -9,14 +9,25 @@ layout: default
<div id="container" class="mainContainer">
<div class="defaultPage blogsPage singleBlogPage" id="content" role="main">
<div class="contentWrap">
<div class="breadcrumb backNavigation">
<a href="/blog/index.html" class="backLink2"><i class="icon icon-arrow-left"></i> Back to blogs</a>
<!-- Note: currently the 'back' button returns to the blog home,
so it is disabled for now <div class="breadcrumb backNavigation">
<a href="/blog/index.html" class="backLink2"><i class="icon icon-arrow-left"></i> Back to blogs</a>-->
<div class="blogNav">
{% if page.previous.url %}
<span class="blogNavPost"><a class="prevPost" href="{{page.previous.url}}">&larr; {{page.previous.title}}</a>
{% endif %}
{% if page.previous.url and page.next.url %}
-
{% endif %}
{% if page.next.url %}
<span class="blogNavPost"><a class="nextPost" href="{{page.next.url}}">{{page.next.title}} &rarr;</a></span>
{% endif %}
</div>
</div>
<h1 id="blogPostTitle"><span>{{ page.title }}</span></h1>
<h1><span>{{ page.title }}</span></h1>
<address>
{{ page.author }}
<address class="blogPostAddress">
{{ page.author }} - {{ page.date | date_to_string: "ordinal" }} - {{ page.categories | array_to_sentence_string: "" }}
</address>
</div>
......
......@@ -333,7 +333,6 @@
@media (min-width: 768px) {
.blogsSection aside .sidebarWrap.sticky {
width: 285px;
position: fixed;
top: 10px;
}
}
......@@ -752,3 +751,27 @@ h2.searchTitle .search-terms {
background: #f26521;
color: #fff;
}
p .highlighter-rouge {
background: gainsboro;
padding: 1px 5px;
font-size: smaller;
}
p code {
background: gainsboro;
padding: 1px 5px;
font-size: smaller;
}
.singleBlogPage {
min-height: 0;
padding-bottom: 0;
}
#blogPostTitle {
text-align: center;
}
.blogPostAddress {
text-align: center;
}
.blogNavPost {
font-style: italic;
display: inline-block;
}
......@@ -9,6 +9,8 @@ pre {
border: 1px cornsilk inset;
border-radius: 5px;
box-shadow: inset 0 0 .2em darkgray;
padding: 3px 2px;
font-size: smaller;
}
li {
list-style-position: inside;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment