1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-22 01:46:51 +01:00

add a body class based on page url

This commit is contained in:
Matthias Kretschmann 2013-11-28 22:45:29 +01:00
parent c869b5560f
commit 2c658ab325
5 changed files with 46 additions and 76 deletions

View File

@ -1,7 +1,9 @@
{% include head.html %}
<body>
{% capture id %}{{ page.url | replace:'/','-' | replace_first:'-','' | replace:'.html','' | replace:'-index','' }}{% endcapture %}
<body class="page-{{ id }}">
{% include header.html %}

View File

@ -2,46 +2,50 @@
layout: base
---
<h1 class="page-title"><a class="home" href="/" title="Back to Home">/</a>{{ page.category }}</h1>
{% for post in site.categories[page.category] %}
<section role="main" id="main" class="row">
{% if post.categories contains "goodies" %}
<h1 class="page-title"><a class="home" href="/" title="Back to Home">/</a>{{ page.category }}</h1>
<article class="hentry goodie">
<header>
<h1 class="entry-title"><a href="{{ post.url }}">{{ post.title }}</a></h1>
</header>
{% for post in site.categories[page.category] %}
{% if post.categories contains "goodies" %}
<section class="entry-content">
<article class="hentry goodie">
<header>
<h1 class="entry-title"><a href="{{ post.url }}">{{ post.title }}</a></h1>
</header>
{% if post.image %}
<a href="{{ post.url }}">
{% picture {{ post.image }} class="teaser" %}
</a>
{% else %}
{{ post.excerpt }}
{% endif %}
<footer class="goodie-actions">
<p class="info col3">
<a class="btn icon-info" href="{{ post.url }}">Release Post</a>
</p>
{% if post.download %}
<p class="download col3">
<a class="btn icon-arrow-down" href="/media/{{ post.download }}">Download <span>zip</span></a>
</p>
<section class="entry-content">
{% if post.image %}
<a href="{{ post.url }}">
{% picture {{ post.image }} class="teaser" %}
</a>
{% else %}
{{ post.excerpt }}
{% endif %}
<footer class="goodie-actions">
</footer>
<p class="info col3">
<a class="btn icon-info" href="{{ post.url }}">Release Post</a>
</p>
{% if post.download %}
<p class="download col3">
<a class="btn icon-arrow-down" href="/media/{{ post.download }}">Download <span>zip</span></a>
</p>
{% endif %}
</footer>
</section>
</article>
</section>
</article>
{% else %}
{% include index.html %}
{% endif %}
{% else %}
{% include index.html %}
{% endif %}
{% endfor %}
{% endfor %}
</section>

View File

@ -235,6 +235,8 @@
//
.goodie-actions {
.clearfix;
max-width: 640px;
margin: 0 auto;
p,
.btn { margin-bottom: 0 }

View File

@ -13,10 +13,11 @@
font-style: normal;
}
[class*="icon-"] {
#main [class*="icon-"] {
&,
&:before {
color: @text-color-light;
font-size: 20px;
font-family: 'entypo';
speak: none;
font-style: normal;
@ -26,17 +27,6 @@
line-height: 1;
-webkit-font-smoothing: antialiased;
}
&:before {
color: @text-color-light;
font-size: 20px;
}
.btn &:before,
.more-link &:before {
font-size: 16px;
margin: 0 .3em;
}
}
.btn.icon-info:before,

View File

@ -1,28 +0,0 @@
---
layout: base
title: Photos kremalicious
---
<section role="main" id="main photos" class="row">
<div class="masonry">
{% for post in site.categories.photos %}
<article class="hentry format-image">
<a class="photoPost" href="{{ post.url }}">
<figure class="hmedia">
<figcaption class="entry-title fn">{{ post.title }}</figcaption>
exif
</figure>
</a>
</article>
{% endfor %}
</div>
</section>