<a class="bubble" href="{{ .URL }}">
    <i class="fa fa-fw {{or .Params.icon "fa-music" }}"></i>
</a>

<article class="audio">
    {{ partial "featured-image" . }}

    {{ with .Params.spotify }}
        <div class="responsive-audio spotify">
            <iframe src="https://open.spotify.com/embed?uri={{ . }}" width="300" height="80" frameborder="0" allowtransparency="true"></iframe>
        </div>
    {{ end }}
    {{ with .Params.soundcloud }}
        <div class="responsive-audio soundcloud">
            <iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url={{ . }}&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true"></iframe>
        </div>
    {{ end }}
    {{ with .Params.tunein }}
        <div class="responsive-audio tunein">
            <iframe src="https://tunein.com/embed/player/{{ . }}/" style="width:100%; height:100px;" scrolling="no" frameborder="no"></iframe>
        </div>
    {{ end }}
    {{ with .Params.mixcloud }}
        <div class="responsive-audio mixcloud">
            <iframe width="100%" height="120" src="https://www.mixcloud.com/widget/iframe/?hide_cover=1&feed=/{{ . }}/" frameborder="0" ></iframe>
        </div>
    {{ end }}

    {{ partial "default-content" . }}
    {{ partial "article-footer" . }}
</article>
