Cleaned up Assets and refined page layout with <figcaption>

_layouts/page.html

@@ -6,16 +6,25 @@ format: post
 	<div class="medium-8 columns{% if page.sidebar == NULL %} medium-offset-2 end{% endif %}{% if page.sidebar == "left" %} medium-push-4{% endif %}">
 		<article itemscope itemtype="http://schema.org/Article">
 			<header>
-				{% 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 %}
-				<p class="text-right caption">
-					<a href="{{ page.image.url }}">{{ page.image.credit }}</a>
-				</p>
+				{% if page.image.title %}
+				<figure>
+					<img src="{{ site.url }}/images/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}" itemprop="image">
+
+					{% if page.image.url && page.image.credit %}
+					<figcaption class="text-right">
+						<a href="{{ page.image.url }}">{{ page.image.credit }}</a>
+					</figcaption>
+					{% elsif page.image.credit %}
+					<figcaption class="text-right">
+						{{ page.image.credit }}
+					</figcaption>
+					{% endif %}
+				</figure>
 				{% endif %}
 
 				<span itemprop="name">
-				{% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %}
-				<h1>{{ page.title }}</h1>
+					{% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %}
+					<h1>{{ page.title }}</h1>
 				</span>
 			</header>