webseite/templates/macros/podcast.html
2021-04-06 18:24:25 +02:00

78 lines
3.2 KiB
HTML

{% macro render_blog_post(post, from_index=false, section_class='-odd') %}
<section class="content {{ section_class }}">
<div class="content__box -heading">
<div class="content__inner_box">
{% if from_index %}
<h2><a class="content__blog_link {{ section_class }}" href="{{ post|url }}">{{ post.title }}</a></h2>
{% else %}
<h2>{{ post.title }}</h2>
{% endif %}
<hr class="{{ section_class }}">
<p class="content__meta">
<i>geschrieben von {{ post.authors }} am {{ post.pub_date }}</i>
</p>
</div>
</div>
<div class="content__half_box">
<div class="content__inner_half_box">
{{ post.podcast_teaser }}
{% if not from_index %}
{{ post.podcast_shownotes }}
{% endif %}
</div>
{% if from_index -%}
<div class="content__inner_half_box">
<div class="pod_ctrl_box">
<audio controls class="pod_ctrl_box__audio_controls">
{% if post.podcastogg -%}
<source src="{{ post|url}}{{ post.podcastogg }}" type="audio/ogg">
{%- endif %}
{% if post.podcastmp3 -%}
<source src="{{ post|url }}{{ post.podcastmp3 }}" type="audio/mpeg">
{%- endif %}
Your browser does not support the audio element.
</audio>
<div class="pod_ctrl_box__button">
<a class="pod_ctrl_box__button_link" href="{{ post|url }}" >Podcastfolge durchst&ouml;bern</a>
</div>
</div>
{% else -%}
<div class="content__inner_half_box">
<audio controls>
{% if post.podcastogg -%}
<source src="{{ post.podcastogg|url }}" type="audio/ogg">
{%- endif %}
{% if post.podcastmp3 %}
<source src="{{ post.podcastmp3|url }}" type="audio/mpeg">
{%- endif %}
Your browser does not support the audio element.
</audio>
<br/>
{% if post.podcastmp3 -%}
<a class="" href="{{ post.podcastmp3|url }}" download>
{%- if post.podcasttitle -%}
{{ post.podcasttitle }}
{%- else -%}
Download Folge
{%- endif -%}
{{ ' als MP3' }}
</a>
{% endif %}
{% if post.podcastogg -%}
<a class="" href="{{ post.podcastogg|url }}" download>
{%- if post.podcasttitle -%}
{{ post.podcasttitle }}
{%- else -%}
Download Folge
{%- endif -%}
{{ ' als OGG' }}
</a>
{% endif %}<br/>
</div>
{% endif %}
</div>
</div>
</section>
{% endmacro %}