2021-02-27 22:21:26 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="<?= service('request')->getLocale() ?>">
|
2021-04-02 19:20:02 +02:00
|
|
|
|
2021-02-27 22:21:26 +01:00
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<title><?= $episode->title ?></title>
|
2021-04-02 19:20:02 +02:00
|
|
|
<meta name="description" content="<?= htmlspecialchars(
|
|
|
|
|
$episode->description,
|
|
|
|
|
) ?>" />
|
2021-02-27 22:21:26 +01:00
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
|
|
|
|
|
<link rel="canonical" href="<?= $episode->link ?>" />
|
2021-07-26 15:10:46 +02:00
|
|
|
<?= service('vite')->asset('styles/index.css', 'css') ?>
|
2021-08-09 12:28:16 +02:00
|
|
|
<?= service('vite')->asset('js/embed.ts', 'js') ?>
|
2021-02-27 22:21:26 +01:00
|
|
|
</head>
|
|
|
|
|
|
2021-08-09 12:28:16 +02:00
|
|
|
<body class="flex w-full h-screen" style="background: <?= $themeData[
|
2021-04-02 19:20:02 +02:00
|
|
|
'background'
|
2021-08-09 12:28:16 +02:00
|
|
|
] ?>; color: <?= $themeData['text'] ?>;">
|
2021-04-02 19:20:02 +02:00
|
|
|
<img src="<?= $episode->image
|
2021-08-09 12:28:16 +02:00
|
|
|
->thumbnail_url ?>" alt="<?= $episode->title ?>" class="flex-shrink w-36 h-36" />
|
|
|
|
|
<div class="flex flex-col flex-1 min-w-0 px-4 py-2 h-36">
|
2021-04-02 19:20:02 +02:00
|
|
|
<div class="flex items-center">
|
|
|
|
|
<a href="<?= route_to(
|
2021-08-09 12:28:16 +02:00
|
|
|
'podcast-activity',
|
2021-07-26 15:10:46 +02:00
|
|
|
$podcast->handle,
|
2021-08-09 12:28:16 +02:00
|
|
|
) ?>" style="color: <?= $themeData[
|
2021-02-27 22:21:26 +01:00
|
|
|
'text'
|
2021-04-02 19:20:02 +02:00
|
|
|
] ?>;" class="mr-2 text-xs tracking-wider uppercase truncate opacity-75 hover:opacity-100" target="_blank">
|
|
|
|
|
<?= $podcast->title ?>
|
|
|
|
|
</a>
|
2021-08-09 12:28:16 +02:00
|
|
|
<a href="https://castopod.org/" class="ml-auto text-3xl text-pine-700 hover:opacity-75" title="<?= lang(
|
2021-04-02 19:20:02 +02:00
|
|
|
'Common.powered_by',
|
|
|
|
|
[
|
|
|
|
|
'castopod' => 'Castopod',
|
|
|
|
|
],
|
|
|
|
|
) ?>" target="_blank" rel="noopener noreferrer">
|
|
|
|
|
<?= icon('podcasting/castopod') ?>
|
|
|
|
|
</a>
|
2021-02-27 22:21:26 +01:00
|
|
|
</div>
|
2021-08-09 12:28:16 +02:00
|
|
|
<a href="<?= $episode->link ?>" class="flex items-center mb-2" style="color: <?= $themeData[
|
2021-04-02 19:20:02 +02:00
|
|
|
'text'
|
|
|
|
|
] ?>;" target="_blank">
|
|
|
|
|
<h1 class="mr-2 text-lg font-semibold truncate opacity-100 hover:opacity-75">
|
|
|
|
|
<?= $episode->title ?>
|
|
|
|
|
</h1>
|
|
|
|
|
<?= episode_numbering(
|
|
|
|
|
$episode->number,
|
|
|
|
|
$episode->season_number,
|
|
|
|
|
'text-xs',
|
|
|
|
|
true,
|
|
|
|
|
) ?>
|
2021-02-27 22:21:26 +01:00
|
|
|
</a>
|
2021-08-09 12:28:16 +02:00
|
|
|
<vm-player
|
|
|
|
|
id="castopod-vm-player"
|
|
|
|
|
theme="<?= str_starts_with($theme, 'dark') ? 'dark' : 'light' ?>"
|
|
|
|
|
language="${language}"
|
|
|
|
|
icons="castopod-icons"
|
|
|
|
|
class="w-full mt-auto"
|
|
|
|
|
style="--vm-player-box-shadow:0; --vm-player-theme: #009486; --vm-control-spacing: 4px; --vm-control-icon-size: 24px; <?= str_ends_with($theme, 'transparent') ? '--vm-controls-bg: transparent;' : '' ?>"
|
|
|
|
|
>
|
|
|
|
|
<vm-audio preload="none">
|
|
|
|
|
<?php $source = logged_in() ? $episode->audio_file_url : $episode->audio_file_analytics_url .
|
|
|
|
|
(isset($_SERVER['HTTP_REFERER'])
|
|
|
|
|
? '?_from=' .
|
|
|
|
|
parse_url($_SERVER['HTTP_REFERER'], PHP_URL_HOST)
|
|
|
|
|
: '') ?>
|
|
|
|
|
<source src="<?= $source ?>" type="<?= $episode->audio_file_mimetype ?>" />
|
|
|
|
|
</vm-audio>
|
|
|
|
|
<vm-ui>
|
|
|
|
|
<vm-icon-library name="castopod-icons"></vm-icon-library>
|
|
|
|
|
<vm-controls full-width>
|
|
|
|
|
<vm-playback-control></vm-playback-control>
|
|
|
|
|
<vm-volume-control></vm-volume-control>
|
|
|
|
|
<vm-current-time></vm-current-time>
|
|
|
|
|
<vm-scrubber-control></vm-scrubber-control>
|
|
|
|
|
<vm-end-time></vm-end-time>
|
|
|
|
|
</vm-controls>
|
|
|
|
|
</vm-ui>
|
|
|
|
|
</vm-player>
|
2021-02-27 22:21:26 +01:00
|
|
|
</div>
|
|
|
|
|
</body>
|
2021-04-02 19:20:02 +02:00
|
|
|
|
2021-05-06 16:00:48 +02:00
|
|
|
</html>
|
