227 lines
12 KiB
PHP
227 lines
12 KiB
PHP
<?php get_header(); ?>
|
|
<?php $book = get_field('pages', '739'); ?>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js" integrity="sha512-8E3KZoPoZCD+1dgfqhPbejQBnQfBXe8FuwL4z/c8sTrgeDMFEnoyTlH3obB4/fV+6Sg0a0XF+L/6xS4Xx1fUEg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/ScrollTrigger.min.js" integrity="sha512-CPA5LMoJI/a5HkSIAKcBtFXe4gqGjPUL2ExF/3PmhrrHI17wod9xOqqF+0WZQRKIIq0KwF8oG5BaiWobtrke3A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/Draggable.min.js"></script>
|
|
|
|
<main id="content" class="site-main post-846 page type-page status-publish hentry">
|
|
<div class="page-content">
|
|
<div id="frame-box">
|
|
<div id="frame-box-header">
|
|
<div class="logo">
|
|
<img src="/wp-content/uploads/2024/04/12.png" alt="">
|
|
</div>
|
|
<nav id="nav">
|
|
<!-- <ul>
|
|
<li id="nav_intro">Intro</li>
|
|
<li id="nav_plyty">Płyty</li>
|
|
<li id="nav_foto">Foto</li>
|
|
<li>Sklep</li>
|
|
<li id="nav_book">Book</li>
|
|
</ul> -->
|
|
<ul id="nav_ul">
|
|
<li id="nav_intro">
|
|
<img src="/wp-content/uploads/2024/07/intro-1.png" alt="">
|
|
</li>
|
|
<li id="nav_plyty" class="active">
|
|
<img src="/wp-content/uploads/2024/07/plyty-1.png" alt="">
|
|
</li>
|
|
<li id="nav_foto">
|
|
<img src="/wp-content/uploads/2024/07/foto-1.png" alt="">
|
|
</li>
|
|
<li id="nav_book">
|
|
<img src="/wp-content/uploads/2024/07/notes-1.png" alt="">
|
|
</li>
|
|
<li id="nav_biogram">
|
|
<img src="/wp-content/uploads/2024/07/biogram-1.png" alt="">
|
|
</li>
|
|
<li id="nav_obrazy">
|
|
<img src="/wp-content/uploads/2024/07/obrazy-1.png" alt="">
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<!-- <img src="/wp-content/uploads/2024/04/Header.jpg" alt=""> -->
|
|
|
|
<div class="song-handler-anim" song="/wp-content/uploads/2024/04/loop.mp3">
|
|
<img class="song-volume" src="/wp-content/uploads/2024/04/344.png" alt="">
|
|
<img class="song-hand" src="/wp-content/uploads/2024/04/342.png" alt="">
|
|
<img class="song-line-1" src="/wp-content/uploads/2024/04/346.png" alt="">
|
|
<img class="song-box" src="/wp-content/uploads/2024/04/1.png" alt="">
|
|
|
|
<div class="helping">
|
|
<div class="step step-3">
|
|
<div class="step-wrapper">
|
|
<div class="step-text">
|
|
<span>Kliknij w gramofon, aby włączyć lub wyłączyć muzyke</span>
|
|
</div>
|
|
<div class="step-icon">
|
|
<img src="/wp-content/uploads/2025/05/Hand-Pointer-Icon.svg" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="intro" style="display: none;">
|
|
<img src="/wp-content/uploads/2024/04/2.png" alt="">
|
|
<img src="/wp-content/uploads/2024/04/12.png" alt="">
|
|
<p>Zapraszam</p>
|
|
</div>
|
|
|
|
<div id="plyty">
|
|
<div id="frame-box-content">
|
|
<div class="frame-box-content-bg">
|
|
<img src="/wp-content/uploads/2024/06/articles-bg-new.jpg" alt="">
|
|
</div>
|
|
<div class="frame-box-content-data">
|
|
<?php include 'template-parts/frame-album-sections.php'; ?>
|
|
</div>
|
|
</div>
|
|
<?php include 'template-parts/frame-time-line.php'; ?>
|
|
|
|
<div id="song-text-box">
|
|
</div>
|
|
</div>
|
|
|
|
<div id="foto" style="display: none;">
|
|
<?php if (get_field('images_arr')) : ?>
|
|
<ul>
|
|
<?php foreach (get_field('images_arr') as $image) : ?>
|
|
<li>
|
|
<a href="<?php echo esc_url($image['image']); ?>" data-fancybox>
|
|
<img src="<?php echo esc_url($image['image']); ?>" alt="">
|
|
</a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<div id="biogram" style="display: none;">
|
|
<?php if (get_field('biogram')) : ?>
|
|
<div class="swiper swiper_biogram">
|
|
<div class="swiper-wrapper">
|
|
<?php foreach (get_field('biogram') as $item) : ?>
|
|
<div class="swiper-slide">
|
|
<div class="slide-img">
|
|
<a href="<?= esc_url($item['url']); ?>" data-fancybox>
|
|
<img src="<?= esc_url($item['url']); ?>" alt="">
|
|
</a>
|
|
<!-- <img src="<?= $item['url']; ?>" alt=""> -->
|
|
</div>
|
|
<div class="slide-text">
|
|
<p><?= $item['description']; ?></p>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<ul class="swiper-pagination">
|
|
<?php foreach (get_field('biogram') as $item) : ?>
|
|
<li>
|
|
<?php echo $item['caption']; ?>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<div id="obrazy" style="display: none;">
|
|
<?php if (get_field('obrazy')) : ?>
|
|
<div class="obrazy-wrapper">
|
|
<ul>
|
|
<?php foreach (get_field('obrazy') as $image) : ?>
|
|
<li>
|
|
<a href="<?php echo esc_url($image); ?>" data-fancybox>
|
|
<img src="<?php echo esc_url($image); ?>" alt="">
|
|
</a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<div id="book">
|
|
<div class="book-actions">
|
|
<div class="book-contents" style="display: none;">
|
|
<p>Spis dizałów</p>
|
|
</div>
|
|
<div class="book-close">
|
|
<p>Zamknij</p>
|
|
</div>
|
|
</div>
|
|
<div id="flipbook">
|
|
<div class="hard">
|
|
</div>
|
|
<?php foreach ($book as $key => $value) : ?>
|
|
<?php if ($key === 0) : ?>
|
|
<div class="hard">
|
|
<img src="/wp-content/uploads/2024/08/1-new.jpg" alt="">
|
|
<ul class="table-of-contents">
|
|
<li><a href="#" class="goto-page" data-page="4"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="16"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="24"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="28"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="32"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="36"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="38"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="40"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="42"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="45"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="46"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="49"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="51"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="52"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="54"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="56"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="62"></a></li>
|
|
<li><a href="#" class="goto-page" data-page="64"></a></li>
|
|
<li>
|
|
<ul class="custom custom-1">
|
|
<li>
|
|
<a href="#" class="goto-page" data-page="72"></a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="goto-page" data-page="75"></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<ul class="custom custom-2">
|
|
<li>
|
|
<a href="#" class="goto-page" data-page="80"></a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="goto-page" data-page="83"></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#" class="goto-page" data-page="84"></a></li>
|
|
</ul>
|
|
</div>
|
|
<?php elseif ($key === count($book) - 1) : ?>
|
|
<div class="hard">
|
|
<img src="<?= $value; ?>">
|
|
</div>
|
|
<?php else: ?>
|
|
<div>
|
|
<img src="<?= $value; ?>" alt="">
|
|
</div>
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="page-footer">
|
|
<h3 class="footer-title">
|
|
<img src="/wp-content/uploads/2024/11/stopka-markart-hq-2.png" alt="">
|
|
</h3>
|
|
<p>2024 Danuta Grechuta Markart Fonografia Wydawnictwa marekgrechuta.pl All rights reserved</p>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<?php get_footer(); ?>
|