Improve metadata markup

This commit is contained in:
2019-01-11 16:13:11 +00:00
parent 4bc196ad7b
commit 14de3f46ad
6 changed files with 183 additions and 135 deletions

View File

@@ -8,7 +8,7 @@ $artwork = get_template_directory_uri().'/images/'.$podcast['id'].'.png';
class="excerpt__image"
title="<?php echo $podcast['podcast_title'] ?>"
src="<?php echo $artwork ?>">
<h3 class="excerpt__subtitle">
<h3 class="excerpt__title">
<a class="link" href="<?php echo $podcast['url'] ?>">
<?php echo $podcast['title'] ?>
</a>
@@ -21,24 +21,30 @@ $artwork = get_template_directory_uri().'/images/'.$podcast['id'].'.png';
<audio class="excerpt__audio" src="<?php echo $podcast['audio'] ?>" controls="true">
Your browser does not support the <code>audio</code> element.
</audio>
<p class="excerpt__metadata">
<a
class="link"
href="<?php echo $podcast['audio'] ?>"
title="Download the MP3">
Download MP3
</a> |
<a class="link" href="<?php echo $podcast['podcast_episodes'] ?>">
More episodes
</a>
</p>
<p class="excerpt__metadata">
<span class="excerpt__icon">
<svg class="icon icon--extra-small" aria-hidden="true">
<use xlink:href="#icon-calendar"></use>
</svg>
</span>
<span class="excerpt__text"><?php echo $podcast['date'] ?></span>
</p>
<ul class="excerpt__links">
<li class="excerpt__link">
<a
class="link"
href="<?php echo $podcast['audio'] ?>"
title="Download the MP3">
Download MP3
</a>
</li>
<li class="excerpt__link">
<a class="link" href="<?php echo $podcast['podcast_episodes'] ?>">
More episodes
</a>
</li>
</ul>
<ul class="excerpt__list">
<li class="excerpt__list-item">
<span class="excerpt__icon">
<svg class="icon icon--extra-small" aria-hidden="true">
<use xlink:href="#icon-calendar"></use>
</svg>
</span>
<span class="excerpt__text"><?php echo $podcast['date'] ?></span>
</li>
</ul>
</div>
</div>