59 lines
2.8 KiB
PHP
59 lines
2.8 KiB
PHP
<header id="main-header" class="fixed top-0 left-0 flex-col flex-shrink-0 h-screen transform -translate-x-full sm:left-auto sm:-translate-x-0 sm:sticky w-80 sm:w-64 lg:w-80 xl:w-112 sm:flex">
|
|
<img src="<?= $podcast->actor
|
|
->cover_image_url ?>" alt="" class="object-cover w-full h-48 bg-pine-800"/>
|
|
<div class="flex items-center justify-between px-4 py-2 mb-4 lg:px-6 -mt-14 lg:-mt-16 xl:-mt-20">
|
|
<img src="<?= $podcast->image
|
|
->thumbnail_url ?>" alt="<?= $podcast->title ?>" class="h-24 rounded-full shadow-xl xl:h-36 lg:h-28 ring-4 ring-pine-50" />
|
|
<?= anchor_popup(
|
|
route_to('follow', $podcast->handle),
|
|
icon(
|
|
'social/castopod',
|
|
'mr-2 text-xl text-pink-200 group-hover:text-pink-50',
|
|
) . lang('Podcast.follow'),
|
|
[
|
|
'width' => 420,
|
|
'height' => 620,
|
|
'class' =>
|
|
'group inline-flex items-center px-4 py-2 text-xs tracking-wider font-semibold text-white uppercase rounded-full shadow focus:outline-none focus:ring bg-rose-600',
|
|
],
|
|
) ?>
|
|
</div>
|
|
<div class="px-6">
|
|
<h1 class="inline-flex items-center text-2xl font-bold leading-none font-display"><?= $podcast->title .
|
|
($podcast->parental_advisory === 'explicit'
|
|
? '<span class="px-1 ml-2 text-xs font-semibold leading-tight tracking-wider text-gray-600 uppercase border-2 border-gray-500">' .
|
|
lang('Common.explicit') .
|
|
'</span>'
|
|
: '') ?></h1>
|
|
<p class="mb-4 font-semibold text-gray-600">@<?= $podcast->handle ?></p>
|
|
<div class="mb-2"><?= $podcast->description_html ?></div>
|
|
<?= location_link($podcast->location, 'text-sm mb-4') ?>
|
|
<div class="mb-6 space-x-4">
|
|
<span class="px-2 py-1 text-sm text-gray-800 bg-gray-200">
|
|
<?= lang(
|
|
'Podcast.category_options.' . $podcast->category->code,
|
|
) ?>
|
|
</span>
|
|
<?php foreach ($podcast->other_categories as $other_category): ?>
|
|
<span class="px-2 py-1 text-sm text-gray-800 bg-gray-200">
|
|
<?= lang(
|
|
'Podcast.category_options.' . $other_category->code,
|
|
) ?>
|
|
</span>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<?= person_list($podcast->persons, 'mb-6') ?>
|
|
<div class="space-x-4">
|
|
<a href="#" class="hover:underline"><?= lang('Podcast.followers', [
|
|
'numberOfFollowers' => $podcast->actor->followers_count,
|
|
]) ?></a>
|
|
<a href="<?= route_to(
|
|
'podcast-activity',
|
|
$podcast->handle,
|
|
) ?>" class="hover:underline"><?= lang('Podcast.posts', [
|
|
'numberOfPosts' => $podcast->actor->posts_count,
|
|
]) ?></a>
|
|
</div>
|
|
</div>
|
|
</header>
|