Improve metadata markup
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user