Files
grechuta.pagedev.pl/wp-content/themes/hello-elementor/page-9.php
2024-12-23 22:29:39 +01:00

1125 lines
60 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-9 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>
<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>
</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>
</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="https://grechuta.pagedev.pl/wp-content/uploads/2024/04/page-bg.png" alt="">
</div>
<div class="frame-box-content-data">
<section class="box box-1">
<h2><?= get_field("albums_arr")[0]['title'] ?></h2>
<h3><?= get_field("albums_arr")[0]['subtitle'] ?></h3>
<?= get_field("albums_arr")[0]['text'] ?>
<ul class="actions">
<li class="song" song="<?= get_field("albums_arr")[0]['melody_1'] ?>"><?= get_field("albums_arr")[0]['melody_name_1'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[0]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[0]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-2">
<h2><?= get_field("albums_arr")[1]['title'] ?></h2>
<h3><?= get_field("albums_arr")[1]['subtitle'] ?></h3>
<?= get_field("albums_arr")[1]['text'] ?>
<ul class="actions">
<li class="song" song="<?= get_field("albums_arr")[1]['melody_1'] ?>"><?= get_field("albums_arr")[1]['melody_name_1'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
<li class="song" song="<?= get_field("albums_arr")[1]['melody_2'] ?>"><?= get_field("albums_arr")[1]['melody_name_2'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
<li class="text">
Teksty
<img src="/wp-content/uploads/2024/04/txt.png" alt="">
<div class="text-data">
<?= get_field("albums_arr")[1]['melody_text'] ?>
</div>
</li>
<?php if (get_field("albums_arr")[1]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[1]['buy_url']; ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[1]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[1]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-3">
<h2><?= get_field("albums_arr")[2]['title'] ?></h2>
<h3><?= get_field("albums_arr")[2]['subtitle'] ?></h3>
<?= get_field("albums_arr")[2]['text'] ?>
<ul class="actions">
<li class="song" song="<?= get_field("albums_arr")[2]['melody_1'] ?>"><?= get_field("albums_arr")[2]['melody_name_1'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
<li class="song" song="<?= get_field("albums_arr")[2]['melody_2'] ?>"><?= get_field("albums_arr")[2]['melody_name_2'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
<li class="text">
Teksty
<img src="/wp-content/uploads/2024/04/txt.png" alt="">
<div class="text-data">
<?= get_field("albums_arr")[2]['melody_text'] ?>
</div>
</li>
<?php if (get_field("albums_arr")[2]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[2]['buy_url'] ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[2]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[2]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-4">
<h2><?= get_field("albums_arr")[3]['title'] ?></h2>
<h3><?= get_field("albums_arr")[3]['subtitle'] ?></h3>
<?= get_field("albums_arr")[3]['text'] ?>
<ul class="actions">
<li class="text">
Teksty
<img src="/wp-content/uploads/2024/04/txt.png" alt="">
<div class="text-data">
<?= get_field("albums_arr")[3]['melody_text'] ?>
</div>
</li>
<?php if (get_field("albums_arr")[3]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[3]['buy_url'] ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[3]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[3]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-5">
<h2><?= get_field("albums_arr")[4]['title'] ?></h2>
<h3><?= get_field("albums_arr")[4]['subtitle'] ?></h3>
<?= get_field("albums_arr")[4]['text'] ?>
<ul class="actions">
<li class="text">
Teksty
<img src="/wp-content/uploads/2024/04/txt.png" alt="">
<div class="text-data">
<?= get_field("albums_arr")[4]['melody_text'] ?>
</div>
</li>
<?php if (get_field("albums_arr")[4]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[4]['buy_url'] ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[4]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[4]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-6">
<h2><?= get_field("albums_arr")[5]['title'] ?></h2>
<h3><?= get_field("albums_arr")[5]['subtitle'] ?></h3>
<?= get_field("albums_arr")[5]['text'] ?>
<ul class="actions">
<li class="song" song="<?= get_field("albums_arr")[5]['melody_1'] ?>"><?= get_field("albums_arr")[1]['melody_name_1'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
<li class="song" song="<?= get_field("albums_arr")[5]['melody_2'] ?>"><?= get_field("albums_arr")[1]['melody_name_2'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
<?php if (get_field("albums_arr")[5]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[5]['buy_url'] ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[5]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[5]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-7">
<h2><?= get_field("albums_arr")[6]['title'] ?></h2>
<h3><?= get_field("albums_arr")[6]['subtitle'] ?></h3>
<?= get_field("albums_arr")[6]['text'] ?>
<div class="img-box">
<a href="<?= get_field("albums_arr")[6]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[6]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-8">
<h2><?= get_field("albums_arr")[7]['title'] ?></h2>
<h3><?= get_field("albums_arr")[7]['subtitle'] ?></h3>
<?= get_field("albums_arr")[7]['text'] ?>
<ul class="actions">
<li class="song" song="<?= get_field("albums_arr")[7]['melody_1'] ?>"><?= get_field("albums_arr")[1]['melody_name_1'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
<?php if (get_field("albums_arr")[7]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[7]['buy_url'] ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[7]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[7]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-9">
<h2><?= get_field("albums_arr")[8]['title'] ?></h2>
<h3><?= get_field("albums_arr")[8]['subtitle'] ?></h3>
<?= get_field("albums_arr")[8]['text'] ?>
<ul class="actions">
<li class="song" song="<?= get_field("albums_arr")[8]['melody_1'] ?>"><?= get_field("albums_arr")[1]['melody_name_1'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
<li class="text">
Teksty
<img src="/wp-content/uploads/2024/04/txt.png" alt="">
<div class="text-data">
<?= get_field("albums_arr")[8]['melody_text'] ?>
</div>
</li>
<?php if (get_field("albums_arr")[8]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[8]['buy_url'] ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[8]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[8]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-10">
<h2><?= get_field("albums_arr")[9]['title'] ?></h2>
<h3><?= get_field("albums_arr")[9]['subtitle'] ?></h3>
<?= get_field("albums_arr")[9]['text'] ?>
<div class="img-box">
<a href="<?= get_field("albums_arr")[9]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[9]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-11">
<h2><?= get_field("albums_arr")[10]['title'] ?></h2>
<h3><?= get_field("albums_arr")[10]['subtitle'] ?></h3>
<?= get_field("albums_arr")[10]['text'] ?>
<ul class="actions">
<li class="text">
Teksty
<img src="/wp-content/uploads/2024/04/txt.png" alt="">
<div class="text-data">
<?= get_field("albums_arr")[10]['melody_text'] ?>
</div>
</li>
<?php if (get_field("albums_arr")[10]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[10]['buy_url'] ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[10]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[10]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-12">
<h2><?= get_field("albums_arr")[11]['title'] ?></h2>
<h3><?= get_field("albums_arr")[11]['subtitle'] ?></h3>
<?= get_field("albums_arr")[11]['text'] ?>
<ul class="actions">
<li class="song" song="<?= get_field("albums_arr")[12]['melody_1'] ?>"><?= get_field("albums_arr")[11]['melody_name_1'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
<li class="text">
Teksty
<img src="/wp-content/uploads/2024/04/txt.png" alt="">
<div class="text-data">
<?= get_field("albums_arr")[11]['melody_text'] ?>
</div>
</li>
<?php if (get_field("albums_arr")[11]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[11]['buy_url'] ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[11]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[11]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-13">
<h2><?= get_field("albums_arr")[12]['title'] ?></h2>
<h3><?= get_field("albums_arr")[12]['subtitle'] ?></h3>
<?= get_field("albums_arr")[12]['text'] ?>
<ul class="actions">
<li class="song" song="<?= get_field("albums_arr")[12]['melody_1'] ?>"><?= get_field("albums_arr")[12]['melody_name_1'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
<li class="text">
Teksty
<img src="/wp-content/uploads/2024/04/txt.png" alt="">
<div class="text-data">
<?= get_field("albums_arr")[12]['melody_text'] ?>
</div>
</li>
<?php if (get_field("albums_arr")[12]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[12]['buy_url'] ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[12]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[12]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-14">
<h2><?= get_field("albums_arr")[13]['title'] ?></h2>
<h3><?= get_field("albums_arr")[13]['subtitle'] ?></h3>
<?= get_field("albums_arr")[13]['text'] ?>
<div class="img-box">
<a href="<?= get_field("albums_arr")[13]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[13]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-15">
<h2><?= get_field("albums_arr")[14]['title'] ?></h2>
<h3><?= get_field("albums_arr")[14]['subtitle'] ?></h3>
<?= get_field("albums_arr")[14]['text'] ?>
<div class="img-box">
<a href="<?= get_field("albums_arr")[14]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[14]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-16">
<h2><?= get_field("albums_arr")[15]['title'] ?></h2>
<h3><?= get_field("albums_arr")[15]['subtitle'] ?></h3>
<?= get_field("albums_arr")[15]['text'] ?>
<ul class="actions">
<li class="song" song="<?= get_field("albums_arr")[15]['melody_1'] ?>"><?= get_field("albums_arr")[15]['melody_name_1'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[15]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[15]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-17">
<h2><?= get_field("albums_arr")[16]['title'] ?></h2>
<h3><?= get_field("albums_arr")[16]['subtitle'] ?></h3>
<?= get_field("albums_arr")[16]['text'] ?>
<ul class="actions">
<li class="text">
Teksty
<img src="/wp-content/uploads/2024/04/txt.png" alt="">
<div class="text-data">
<?= get_field("albums_arr")[16]['melody_text'] ?>
</div>
</li>
<?php if (get_field("albums_arr")[16]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[16]['buy_url'] ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[16]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[16]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-18">
<h2><?= get_field("albums_arr")[17]['title'] ?></h2>
<h3><?= get_field("albums_arr")[17]['subtitle'] ?></h3>
<?= get_field("albums_arr")[17]['text'] ?>
<div class="img-box">
<a href="<?= get_field("albums_arr")[17]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[17]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-19">
<h2><?= get_field("albums_arr")[18]['title'] ?></h2>
<h3><?= get_field("albums_arr")[18]['subtitle'] ?></h3>
<?= get_field("albums_arr")[18]['text'] ?>
<div class="img-box">
<a href="<?= get_field("albums_arr")[18]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[18]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-20">
<h2><?= get_field("albums_arr")[19]['title'] ?></h2>
<h3><?= get_field("albums_arr")[19]['subtitle'] ?></h3>
<?= get_field("albums_arr")[19]['text'] ?>
<ul class="actions">
<li class="song" song="<?= get_field("albums_arr")[19]['melody_1'] ?>"><?= get_field("albums_arr")[19]['melody_name_1'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
<li class="song" song="<?= get_field("albums_arr")[19]['melody_2'] ?>"><?= get_field("albums_arr")[19]['melody_name_2'] ?>
<img src="/wp-content/uploads/2024/04/volume.png" alt="">
</li>
<li class="text">
Teksty
<img src="/wp-content/uploads/2024/04/txt.png" alt="">
<div class="text-data">
<?= get_field("albums_arr")[19]['melody_text'] ?>
</div>
</li>
<?php if (get_field("albums_arr")[19]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[19]['buy_url'] ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box img-box-1">
<a href="<?= get_field("albums_arr")[19]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[19]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
<div class="img-box img-box-2">
<a href="<?= get_field("albums_arr")[19]['album_2_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[19]['album_2']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-21">
<h2><?= get_field("albums_arr")[20]['title'] ?></h2>
<h3><?= get_field("albums_arr")[20]['subtitle'] ?></h3>
<?= get_field("albums_arr")[20]['text'] ?>
<ul class="actions">
<?php if (get_field("albums_arr")[20]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[20]['buy_url'] ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[20]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[20]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-22">
<h2><?= get_field("albums_arr")[21]['title'] ?></h2>
<h3><?= get_field("albums_arr")[21]['subtitle'] ?></h3>
<?= get_field("albums_arr")[21]['text'] ?>
<div class="img-box">
<a href="<?= get_field("albums_arr")[21]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[21]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-23">
<h2><?= get_field("albums_arr")[22]['title'] ?></h2>
<h3><?= get_field("albums_arr")[22]['subtitle'] ?></h3>
<?= get_field("albums_arr")[22]['text'] ?>
<ul class="actions">
<?php if (get_field("albums_arr")[22]['buy_url']) : ?>
<li class="buy">
<a href="<?= get_field("albums_arr")[22]['buy_url'] ?>">Kup płytę
<img src="/wp-content/uploads/2024/04/buy.png" alt="">
</a>
</li>
<?php endif; ?>
</ul>
<div class="img-box">
<a href="<?= get_field("albums_arr")[22]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[22]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-24">
<h2><?= get_field("albums_arr")[23]['title'] ?></h2>
<h3><?= get_field("albums_arr")[23]['subtitle'] ?></h3>
<?= get_field("albums_arr")[23]['text'] ?>
<div class="img-box">
<a href="<?= get_field("albums_arr")[23]['album_1_big']; ?>" data-fancybox>
<img class="album" src="<?= get_field("albums_arr")[23]['album_1']; ?>" alt="">
</a>
<img class="album-record" src="/wp-content/uploads/2024/04/record.png" alt="">
</div>
</section>
<section class="box box-25">
</section>
</div>
</div>
<div id="frame-box-footer">
<div class="piano">
<div class="piano-keys">
<ul>
<li class="red">19</li>
<li class="red">69</li>
<li class="desc">
I
<div class="desc-top">
<img src="/wp-content/uploads/2024/04/73.png" alt="">
<p>Nagroda Dziennikarzy za "Serce" Festiwal w Opolu</p>
</div>
</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li class="desc">
XI
<div class="desc-bottom">
<img src="/wp-content/uploads/2024/04/76.png" alt="">
<p>Nagroda Telewizji Polskiej za "Wesele"</p>
</div>
</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">70</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">71</li>
<li class="desc">
I
<div class="desc-top">
<img src="/wp-content/uploads/2024/04/73.png" alt="">
<p>Nagroda Główna za "Korowód"</p>
</div>
</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">72</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">74</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">77</li>
<li class="desc">
I
<div class="desc-top">
<img src="/wp-content/uploads/2024/04/73.png" alt="">
<p>Nagroda Główna za "Hop, szklankę piwa"</p>
</div>
</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">78</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">79</li>
<li class="desc">
I
<div class="desc-bottom">
<img src="/wp-content/uploads/2024/04/76.png" alt="">
<p>Nagroda Prezydenta Miasta Poznania dla najlepszego Kompozytora Wiosny Estradowej</p>
</div>
</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">80</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li class="desc">
VII
<div class="desc-top">
<img src="/wp-content/uploads/2024/04/73.png" alt="">
<p>Koncert z "Piwnicę pod Baranami" w Paryży 1985r.</p>
</div>
</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">86</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">89</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">90</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">91</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">92</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">93</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">94</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li class="desc">
IV
<div class="desc-top">
<img src="/wp-content/uploads/2024/04/73.png" alt="">
<p>Nagroda Trzydziestolecia "Famy" 1995r.</p>
</div>
</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li class="desc">
IX
<div class="desc-bottom">
<img src="/wp-content/uploads/2024/04/76.png" alt="">
<p>Nagroda Polskiego Stowarzyszenia Estradowego "Prometeusz" - 1996r.</p>
</div>
</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">98</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li class="desc">
V
<div class="desc-top">
<img src="/wp-content/uploads/2024/04/73.png" alt="">
<p>Koncert z zespołem Anawa w USA 1998r.</p>
</div>
</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">19</li>
<li class="red">99</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">20</li>
<li class="red">00</li>
<li>I</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">20</li>
<li class="red">01</li>
<li>I</li>
<li>II</li>
<li class="desc">
III
<div class="desc-bottom">
<img src="/wp-content/uploads/2024/04/76.png" alt="">
<p>Koncert z zespołem Anawa w USA 2001r.</p>
</div>
</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">20</li>
<li class="red">02</li>
<li>I</li>
<li class="desc">
II
<div class="desc-top">
<img src="/wp-content/uploads/2024/04/73.png" alt="">
<p>Złoty Fryderyk za całokształt twórczości</p>
</div>
</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li class="desc">
VII
<div class="desc-bottom">
<img src="/wp-content/uploads/2024/04/76.png" alt="">
<p>Fryderyk za album roku - reedycje</p>
</div>
</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
<ul>
<li class="red">20</li>
<li class="red">03</li>
<li class="desc">
I
<div class="desc-top">
<img src="/wp-content/uploads/2024/04/73.png" alt="">
<p>Koncerty z Wiedniu</p>
</div>
</li>
<li>II</li>
<li>IIII</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
</ul>
</div>
</div>
<!-- <img class="img-scroll" src="/wp-content/uploads/2024/04/footer.jpg" alt=""> -->
<div id="drag-handle">
<img class="hand-finder-part-2" src="/wp-content/uploads/2024/04/3.png" alt="">
<img class="hand-finder-part-1" src="/wp-content/uploads/2024/04/2-1.png" alt="">
<img class="hand" src="/wp-content/uploads/2024/04/1-1.png" alt="">
<!-- <img src="/wp-content/uploads/2024/04/finger.png" alt=""> -->
</div>
</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']); ?>" rel="lightbox[roadtrip]">
<img src="<?php echo esc_url($image['image']); ?>" alt="">
</a>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</div>
<div id="book">
<div class="book-close">
<p>Zamknij</p>
</div>
<div id="flipbook">
<div class="hard">
<img src="/wp-content/uploads/2024/04/g1.jpg" alt="">
</div>
<?php foreach ($book as $key => $value) : ?>
<?php if ($key === 0) : ?>
<div class="hard">
<img src="<?= $value; ?>">
</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 class="hard">
<img src="/wp-content/uploads/2024/04/g2.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</main>
<?php get_footer(); ?>