1
0
Fork 0

schema.org

This commit is contained in:
Moritz »mo.« Sauer 2015-02-18 14:14:29 +01:00
parent c8de4e8611
commit 43c2d9925b
7 changed files with 70 additions and 41 deletions

View file

@ -76,6 +76,7 @@ defaults:
show_metadata: true # Show metadata beneath all pages show_metadata: true # Show metadata beneath all pages
sidebar: "" # Possible values  left, right by default there will be no sidebar sidebar: "" # Possible values  left, right by default there will be no sidebar
comments: false comments: false
author: "mo"
- -
scope: scope:
path: "" path: ""
@ -84,6 +85,7 @@ defaults:
show_metadata: true # Show metadata beneath all posts show_metadata: true # Show metadata beneath all posts
sidebar: "" # Possible values  left, right by default there will be no sidebar sidebar: "" # Possible values  left, right by default there will be no sidebar
comments: false comments: false
author: "mo"

5
_data/authors.yml Normal file
View file

@ -0,0 +1,5 @@
# Author details
# http://blog.sorryapp.com/blogging-with-jekyll/2014/02/06/adding-authors-to-your-jekyll-site.html
mo:
name: "Moritz »mo.« Sauer"
url: http://mo.phlow.de/

View file

@ -1,17 +1,28 @@
<div id="page-meta" class="t30"> <div id="page-meta" class="t30">
<p> <p>
<time class="icon-calendar pr20" datetime="{{ page.date | date: "%Y-%m-%d" }}" itemprop="datePublished">{{ page.date | date: "%Y-%m-%d" }}</time>{% if page.categories %}<span class="icon-archive pr20"> {{ page.categories | join: ' · ' | upcase }}{% endif %}</span> <!-- Look the author details up from the site config. -->
<span class="pr20">{% for tag in page.tags %}<span class="icon-price-tag pr10"> {{tag}}</span> {% endfor %}</span> {% assign author = site.data.authors[page.author] %}
</p> <!-- Output author details if some exist. -->
{% if author %}
<span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name" class="pr20 icon-edit"><a href="{{ author.url }}" target="_blank"> {{ author.name }}</a></span>
</span>
{% endif %}
<div id="post-nav" class="row"> <time class="icon-calendar pr20" datetime="{{ page.date | date: "%Y-%m-%d" }}" itemprop="datePublished"> {{ page.date | date: "%Y-%m-%d" }}</time>
{% if page.categories %}<span class="icon-archive pr20"> {{ page.categories | join: ' · ' | upcase }}{% endif %}</span>
<br>
<span class="pr20">{% for tag in page.tags %}<span class="icon-price-tag pr10"> {{tag}}</span> {% endfor %}</span>
</p>
<div id="post-nav" class="row">
{% if page.previous.url %} {% if page.previous.url %}
<div class="small-5 columns"><a class="button small radius prev" href="{{ site.url }}{{page.previous.url}}">&laquo; {{page.previous.title}}</a></div><!-- /.small-4.columns --> <div class="small-5 columns"><a class="button small radius prev" href="{{ site.url }}{{page.previous.url}}">&laquo; {{page.previous.title}}</a></div><!-- /.small-4.columns -->
{% endif %} {% endif %}
<div class="small-2 columns text-center"><a class="radius button small" href="{{ site.url }}/blog/archive/" title="Blog Archive">{{ site.data.language.archive }}</a></div><!-- /.small-4.columns --> <div class="small-2 columns text-center"><a class="radius button small" href="{{ site.url }}/blog/archive/" title="Blog Archive">{{ site.data.language.archive }}</a></div><!-- /.small-4.columns -->
{% if page.next.url %} {% if page.next.url %}
<div class="small-5 columns text-right"><a class="button small radius next" href="{{ site.url }}{{page.next.url}}">{{page.next.title}} &raquo;</a></div><!-- /.small-4.columns --> <div class="small-5 columns text-right"><a class="button small radius next" href="{{ site.url }}{{page.next.url}}">{{page.next.title}} &raquo;</a></div><!-- /.small-4.columns -->
{% endif %} {% endif %}
</div> </div>
</div><!-- /.page-meta --> </div><!-- /.page-meta -->

View file

@ -13,25 +13,29 @@ format: post
<div class="medium-8 columns{% if page.sidebar == "" %} medium-offset-2 end{% endif %}"> <div class="medium-8 columns{% if page.sidebar == "" %} medium-offset-2 end{% endif %}">
<article itemscope itemtype="http://schema.org/Article"> <article itemscope itemtype="http://schema.org/Article">
<header> <header>
{% if page.image.title %}<img src="{{ site.url }}/images/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}">{% endif %} {% if page.image.title %}<img src="{{ site.url }}/images/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}" itemprop="image">{% endif %}
{% if page.image.url && page.image.credit %} {% if page.image.url && page.image.credit %}
<p class="text-right caption"> <p class="text-right caption">
<a href="{{ page.image.url }}">{{ page.image.credit }}</a> <a href="{{ page.image.url }}">{{ page.image.credit }}</a>
</p> </p>
{% endif %} {% endif %}
<span itemprop="name">
{% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %} {% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %}
<h1 itemprop="name">{{ page.title }}</h1> <h1>{{ page.title }}</h1>
</span>
</header> </header>
{% if page.teaser %} {% if page.teaser %}
<p class="teaser"> <p class="teaser" itemprop="description">
{{ page.teaser }} {{ page.teaser }}
</p> </p>
{% endif %} {% endif %}
<span itemprop="articleSection">
{{ content }} {{ content }}
</span>
{% if page.show_metadata == true %} {% if page.show_metadata == true %}
{% include meta_information.html %} {% include meta_information.html %}

View file

@ -16,6 +16,7 @@ image:
title: "unsplash_1.jpg" title: "unsplash_1.jpg"
credit: Unsplash.com credit: Unsplash.com
url: http://unsplash.com url: http://unsplash.com
author: mo
--- ---
*Feeling Responsive* shows metadata by default. The default behaviour can be changed via `config.yml`. To show metadata at the end of a page/post just add the following to front matter: *Feeling Responsive* shows metadata by default. The default behaviour can be changed via `config.yml`. To show metadata at the end of a page/post just add the following to front matter:

View file

@ -7660,42 +7660,48 @@ body.video cite {
/* Meta /* Meta
------------------------------------------------------------------- */ ------------------------------------------------------------------- */
/* line 131, ../scss/_5_layout_theme-fr.scss */ /* line 131, ../scss/_5_layout_theme-fr.scss */
#page-meta { #page-meta, #page-meta a {
color: #a4a4a4; color: #a4a4a4;
} }
/* line 135, ../scss/_5_layout_theme-fr.scss */ /* line 135, ../scss/_5_layout_theme-fr.scss */
#page-meta .button { #page-meta .button {
background: #a4a4a4; background: #a4a4a4;
border: 0;
} }
/* line 138, ../scss/_5_layout_theme-fr.scss */ /* line 139, ../scss/_5_layout_theme-fr.scss */
#page-meta .button {
color: #fff;
}
/* line 142, ../scss/_5_layout_theme-fr.scss */
#page-meta .button:hover { #page-meta .button:hover {
background: #334d5c; background: #334d5c;
} }
/* Jump to top /* Jump to top
------------------------------------------------------------------- */ ------------------------------------------------------------------- */
/* line 147, ../scss/_5_layout_theme-fr.scss */ /* line 151, ../scss/_5_layout_theme-fr.scss */
#up-to-top { #up-to-top {
padding: 160px 0 10px 0; padding: 160px 0 10px 0;
} }
/* line 150, ../scss/_5_layout_theme-fr.scss */ /* line 154, ../scss/_5_layout_theme-fr.scss */
#up-to-top a { #up-to-top a {
font-size: 24px; font-size: 24px;
padding: 5px; padding: 5px;
border-radius: 3px; border-radius: 3px;
} }
/* line 155, ../scss/_5_layout_theme-fr.scss */ /* line 159, ../scss/_5_layout_theme-fr.scss */
#up-to-top a:hover { #up-to-top a:hover {
background: #d7d7d7; background: #d7d7d7;
} }
/* Footer /* Footer
------------------------------------------------------------------- */ ------------------------------------------------------------------- */
/* line 164, ../scss/_5_layout_theme-fr.scss */ /* line 168, ../scss/_5_layout_theme-fr.scss */
#footer { #footer {
padding-top: 30px; padding-top: 30px;
padding-bottom: 20px; padding-bottom: 20px;
@ -7703,19 +7709,19 @@ body.video cite {
color: white; color: white;
} }
/* line 170, ../scss/_5_layout_theme-fr.scss */ /* line 174, ../scss/_5_layout_theme-fr.scss */
footer p, footer p,
footer li { footer li {
font-size: 0.8125rem; font-size: 0.8125rem;
font-weight: 300; font-weight: 300;
} }
/* line 176, ../scss/_5_layout_theme-fr.scss */ /* line 180, ../scss/_5_layout_theme-fr.scss */
#footer a { #footer a {
color: #a1d044; color: #a1d044;
} }
/* line 179, ../scss/_5_layout_theme-fr.scss */ /* line 183, ../scss/_5_layout_theme-fr.scss */
#footer h4, #footer h4,
#footer h5 { #footer h5 {
letter-spacing: 1px; letter-spacing: 1px;
@ -7723,7 +7729,7 @@ footer li {
text-transform: uppercase; text-transform: uppercase;
} }
/* line 187, ../scss/_5_layout_theme-fr.scss */ /* line 191, ../scss/_5_layout_theme-fr.scss */
#subfooter { #subfooter {
background: #313131; background: #313131;
color: #7e7e7e; color: #7e7e7e;
@ -7731,23 +7737,23 @@ footer li {
padding-bottom: 10px; padding-bottom: 10px;
} }
/* line 193, ../scss/_5_layout_theme-fr.scss */ /* line 197, ../scss/_5_layout_theme-fr.scss */
#subfooter-left ul.inline-list { #subfooter-left ul.inline-list {
float: left; float: left;
} }
/* line 196, ../scss/_5_layout_theme-fr.scss */ /* line 200, ../scss/_5_layout_theme-fr.scss */
#subfooter li a { #subfooter li a {
color: #7e7e7e; color: #7e7e7e;
text-transform: uppercase; text-transform: uppercase;
} }
/* line 200, ../scss/_5_layout_theme-fr.scss */ /* line 204, ../scss/_5_layout_theme-fr.scss */
#subfooter li a:hover { #subfooter li a:hover {
color: #fff; color: #fff;
} }
/* line 203, ../scss/_5_layout_theme-fr.scss */ /* line 207, ../scss/_5_layout_theme-fr.scss */
#subfooter .social-icons li a { #subfooter .social-icons li a {
font-size: 1.4375rem; font-size: 1.4375rem;
display: block; display: block;
@ -7758,7 +7764,7 @@ footer li {
text-align: center; text-align: center;
} }
/* line 212, ../scss/_5_layout_theme-fr.scss */ /* line 216, ../scss/_5_layout_theme-fr.scss */
#subfooter .social-icons li a:hover { #subfooter .social-icons li a:hover {
background: #313131; background: #313131;
color: #fff; color: #fff;
@ -7766,72 +7772,72 @@ footer li {
/* CSS-Classes to add margin at the top or bottom /* CSS-Classes to add margin at the top or bottom
------------------------------------------------------------------- */ ------------------------------------------------------------------- */
/* line 222, ../scss/_5_layout_theme-fr.scss */ /* line 226, ../scss/_5_layout_theme-fr.scss */
.t15 { .t15 {
margin-top: 15px !important; margin-top: 15px !important;
} }
/* line 223, ../scss/_5_layout_theme-fr.scss */ /* line 227, ../scss/_5_layout_theme-fr.scss */
.t20 { .t20 {
margin-top: 20px !important; margin-top: 20px !important;
} }
/* line 224, ../scss/_5_layout_theme-fr.scss */ /* line 228, ../scss/_5_layout_theme-fr.scss */
.t30 { .t30 {
margin-top: 30px !important; margin-top: 30px !important;
} }
/* line 225, ../scss/_5_layout_theme-fr.scss */ /* line 229, ../scss/_5_layout_theme-fr.scss */
.t50 { .t50 {
margin-top: 50px !important; margin-top: 50px !important;
} }
/* line 226, ../scss/_5_layout_theme-fr.scss */ /* line 230, ../scss/_5_layout_theme-fr.scss */
.t60 { .t60 {
margin-top: 60px !important; margin-top: 60px !important;
} }
/* line 227, ../scss/_5_layout_theme-fr.scss */ /* line 231, ../scss/_5_layout_theme-fr.scss */
.t90 { .t90 {
margin-top: 90px !important; margin-top: 90px !important;
} }
/* line 229, ../scss/_5_layout_theme-fr.scss */ /* line 233, ../scss/_5_layout_theme-fr.scss */
.b15 { .b15 {
margin-bottom: 15px !important; margin-bottom: 15px !important;
} }
/* line 230, ../scss/_5_layout_theme-fr.scss */ /* line 234, ../scss/_5_layout_theme-fr.scss */
.b20 { .b20 {
margin-bottom: 20px !important; margin-bottom: 20px !important;
} }
/* line 231, ../scss/_5_layout_theme-fr.scss */ /* line 235, ../scss/_5_layout_theme-fr.scss */
.b30 { .b30 {
margin-bottom: 30px !important; margin-bottom: 30px !important;
} }
/* line 232, ../scss/_5_layout_theme-fr.scss */ /* line 236, ../scss/_5_layout_theme-fr.scss */
.b60 { .b60 {
margin-bottom: 60px !important; margin-bottom: 60px !important;
} }
/* line 234, ../scss/_5_layout_theme-fr.scss */ /* line 238, ../scss/_5_layout_theme-fr.scss */
.pl20 { .pl20 {
padding-left: 20px !important; padding-left: 20px !important;
} }
/* line 236, ../scss/_5_layout_theme-fr.scss */ /* line 240, ../scss/_5_layout_theme-fr.scss */
.pr5 { .pr5 {
padding-right: 5px !important; padding-right: 5px !important;
} }
/* line 237, ../scss/_5_layout_theme-fr.scss */ /* line 241, ../scss/_5_layout_theme-fr.scss */
.pr10 { .pr10 {
padding-right: 10px !important; padding-right: 10px !important;
} }
/* line 238, ../scss/_5_layout_theme-fr.scss */ /* line 242, ../scss/_5_layout_theme-fr.scss */
.pr20 { .pr20 {
padding-right: 20px !important; padding-right: 20px !important;
} }

File diff suppressed because one or more lines are too long