121 lines
4.6 KiB
PHP
121 lines
4.6 KiB
PHP
<?php snippet('header') ?>
|
|
|
|
<a id="infos-btn-mobile" class="uppercase link-hover white" event-target="panel"><?= t('infos-btn') ?></a>
|
|
|
|
<div id="artist-medias" data-scroll="x">
|
|
<div class="inner-scroll">
|
|
<?php foreach ($medias->toFiles() as $image): ?>
|
|
<?php snippet('artist-image', ['image' => $image]) ?>
|
|
<?php endforeach ?>
|
|
</div>
|
|
|
|
<a id="infos-btn" class="uppercase link-hover white" event-target="panel"><?= t('infos-btn') ?></a>
|
|
|
|
<div id="player"
|
|
class="uppercase"
|
|
data-songs="<?= $songs ?>">
|
|
<div id="song-infos">
|
|
<span amplitude-song-info="song_title" amplitude-main-song-info="true"></span>
|
|
</div>
|
|
<div id="controls">
|
|
<span class="amplitude-stop link-hover white">STOP</span> | <span id="play-pause" class="amplitude-play-pause link-hover white" amplitude-main-play-pause="true"></span> | <span class="amplitude-current-time" amplitude-main-current-time="true"></span> | <span class="amplitude-prev link-hover white">PREV</span> | <span class="amplitude-next link-hover white">NEXT</span>
|
|
</div>
|
|
<!-- <div id="progress-container">
|
|
<input type="range" amplitude-main-song-slider="true" class="amplitude-song-slider">
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div id="artist-panel" data-scrollmobile="y">
|
|
|
|
<div class="inner-scroll">
|
|
|
|
<div id="artist-infos" data-scroll="y">
|
|
<div class="inner-scroll">
|
|
<div class="row uppercase" id="artist-title"><?= $page->title()->html() ?></div>
|
|
<div class="row">
|
|
<div id="artist-description"><?= $page->text()->kt() ?></div>
|
|
<div id="artist-links">
|
|
<?php if ($page->socials()->isNotEmpty()): ?>
|
|
<div class="row uppercase">
|
|
<div><?= t('follow') ?></div>
|
|
<div>
|
|
<?php foreach ($page->socials()->toStructure() as $key => $item): ?>
|
|
<a class="uppercase link-hover black" href="<?= $item->url() ?>"><?= $item->title()->html() ?></a>
|
|
<?php endforeach ?>
|
|
</div>
|
|
</div>
|
|
<?php endif ?>
|
|
|
|
<?php if ($page->listen()->isNotEmpty()): ?>
|
|
<div class="row uppercase">
|
|
<div><?= t('listen') ?></div>
|
|
<div>
|
|
<?php foreach ($page->listen()->toStructure() as $key => $item): ?>
|
|
<a class="uppercase link-hover black" href="<?= $item->url() ?>"><?= $item->title()->html() ?></a>
|
|
<?php endforeach ?>
|
|
</div>
|
|
</div>
|
|
<?php endif ?>
|
|
|
|
<?php if ($page->dates()->isNotEmpty()): ?>
|
|
<div class="row uppercase">
|
|
<div><?= t('dates') ?></div>
|
|
<div><?= $page->dates()->kt() ?></div>
|
|
</div>
|
|
<?php endif ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="artist-releases" data-scroll="x">
|
|
<div class="inner-scroll">
|
|
<?php foreach ($releases as $key => $release): ?>
|
|
<?php $productLink = page($release->productLink()) ?>
|
|
<div class="release">
|
|
<?php if ($productLink): ?>
|
|
<a href="<?= $site->index()->filterBy('intendedTemplate', 'shop')->first()->url().'?product='.$productLink->id() ?>" data-href="<?= $productLink->url() ?>">
|
|
<?php endif ?>
|
|
<?php snippet('responsive-image', ['image' => $release->featured()->toFile()]) ?>
|
|
<?php if ($productLink): ?>
|
|
</a>
|
|
<?php endif ?>
|
|
<div class="release-infos">
|
|
<div class="release-title uppercase">
|
|
<span><?= $release->parent()->title()->html() ?></span> — <span><?= $release->title()->html() ?></span>
|
|
</div>
|
|
<div class="release-year"><?= $release->date()->toDate('d/m/Y') ?></div>
|
|
<?php if ($release->tracklist()->isNotEmpty() && $playlist = $release->tracklist()->toStructure()): ?>
|
|
<div class="release-playlist">
|
|
<div class="tracklist">
|
|
<?php $idx = 0 ?>
|
|
<?php foreach ($playlist as $key => $track): ?>
|
|
<?php if ($track->url()->isNotEmpty() || $track->file()->toFile()): ?>
|
|
<?php $idx++ ?>
|
|
<?php endif ?>
|
|
<?php snippet("track", array("track" => $track, "key" => $idx)) ?>
|
|
<?php endforeach ?>
|
|
</div>
|
|
</div>
|
|
<?php endif ?>
|
|
<?php if ($productLink): ?>
|
|
<?php if ($productLink->shopifyID()->isNotEmpty()): ?>
|
|
<div class="buy uppercase mt1 row">
|
|
<div id="product-component-<?= $productLink->shopifyID() ?>" class="row" data-shop="<?= $productLink->shopifyID() ?>"></div>
|
|
</div>
|
|
<?php endif ?>
|
|
<?php endif ?>
|
|
</div>
|
|
</div>
|
|
<?php endforeach ?>
|
|
</div>
|
|
</div>
|
|
|
|
<a id="panel-close" class="uppercase link-hover black" event-target="panel"><?= t('close') ?></a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<?php snippet('footer') ?>
|