work/armanty-quests
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor

Browse Source
This commit is contained in:
Krylov Sergey 2021-04-09 21:35:22 +05:00
parent 7e39d6b5da
commit a1438c170d
47 changed files with 233 additions and 359 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
parts/about/about.php
View File

@ -1,11 +1,11 @@
<div class="about-joki"> <div class="about-us">
<h1>О нас</h1> <h1>О нас</h1>
<div class="about-joki__header container"> <div class="about-us__header container">
<h3 class="active" data-content="about">О нас</h3> <h3 class="active" data-content="about">О нас</h3>
<h3 data-content="feedback">Отзывы</h3> <h3 data-content="feedback">Отзывы</h3>
</div> </div>
<div class="about-joki__body container"> <div class="about-us__body container">
<div class="about-joki__body-item about-joki__body-descr" data-content="about"> <div class="about-us__body-item about-us__body-descr" data-content="about">
<div class="row"> <div class="row">
<div class="col-xl-6 col-12 about-content"> <div class="col-xl-6 col-12 about-content">
@ -17,7 +17,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="about-joki__body-item about-joki__body-fb" data-content="feedback"> <div class="about-us__body-item about-us__body-fb" data-content="feedback">
<div class="row justify-content-between"> <div class="row justify-content-between">
<?php <?php
@ -63,8 +63,7 @@
</div> </div>
</div> </div>
</div> </div>
<?php } <?php } ?>
?>
</div> </div>
</div> </div>
</div> </div>

12
parts/certificates/items.php
View File

@ -26,14 +26,4 @@
?> ?>
</div> </div>
</div> </div>
<script>
const btns = document.querySelectorAll('.cert-items .btn')
btns.forEach(btn => {
btn.addEventListener('click', () => {
document.querySelector('.callback-modal').style.display = 'block'
})
})
</script>

10
parts/certificates/text.php
View File

@ -10,12 +10,4 @@
<button class="btn btn-danger btn-round">Заказать сертификат</button> <button class="btn btn-danger btn-round">Заказать сертификат</button>
</div> </div>
</div> </div>
</div> </div>
<script>
const btn = document.querySelector('.cert-text__block .btn')
btn.addEventListener('click', () => {
document.querySelector('.callback-modal').style.display = 'block'
})
</script>

5
parts/contacts/contacts-header.php
View File

@ -1,5 +0,0 @@
<div class="page__header" style="background: url('<?php the_field('contacts_header_photo') ?>') top left no-repeat; background-size: cover" >
<div class="page-overlay"></div>
<h1><?php the_title() ?></h1>
<h2><?php the_field('page_description')?></h2>
</div>

2
parts/contacts/contacts-text.php
View File

@ -7,7 +7,7 @@
</div> </div>
<div class="col-12 col-sm-4"> <div class="col-12 col-sm-4">
<h2><i class="fa fa-phone" aria-hidden="true"></i><span>Телефон:</span></h2> <h2><i class="fa fa-phone" aria-hidden="true"></i><span>Телефон:</span></h2>
<div style="display: flex; flex-direction: column"> <div class="contacts_phones">
<a href="tel:+79269821494" class="">+7 (926) 982-14-94</a> <a href="tel:+79269821494" class="">+7 (926) 982-14-94</a>
<a href="tel:+79257205654" class="">+7 (925) 720-56-54</a> <a href="tel:+79257205654" class="">+7 (925) 720-56-54</a>
</div> </div>

17
parts/home/discount.php → parts/discount.php
View File

@ -1,7 +1,7 @@
<div class="discount"> <div class="discount">
<h2>Скидки и акции</h2> <h2>Скидки и акции</h2>
<div class="owl-carousel discount-slider"> <div class="owl-carousel discount-slider">
<!-- Выводи скидки и акции на главный экран -->
<?php <?php
$posts = get_posts( array( $posts = get_posts( array(
'category' => 0, 'category' => 0,
@ -25,11 +25,9 @@
<div class="discount-item__content" style="background-color: <?php the_field('armanty_discount_color')?>"> <div class="discount-item__content" style="background-color: <?php the_field('armanty_discount_color')?>">
<img src="<?php echo the_post_thumbnail_url() ?>" alt="sale"> <img src="<?php echo the_post_thumbnail_url() ?>" alt="sale">
<?php the_excerpt() ?> <?php the_excerpt() ?>
<!-- <button class="btn btn-danger btn-round">Подробнее</button> -->
<div> <div>
<button class="btn btn-danger btn-round">Подробнее</button> <button class="btn btn-danger btn-round">Подробнее</button>
</div> </div>
<!-- <button class="">Подробнее</button> -->
</div> </div>
</div> </div>
@ -40,6 +38,7 @@
</div> </div>
</div> </div>
<div class="discount-modal"> <div class="discount-modal">
<div class="discount-modal-layout"></div> <div class="discount-modal-layout"></div>
<div class="discount-modal-wrapper"> <div class="discount-modal-wrapper">
@ -47,7 +46,7 @@
<div class="discount-modal-slider-nav discount-modal-slider-nav-prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></div> <div class="discount-modal-slider-nav discount-modal-slider-nav-prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>
<div class="discount-modal-slider-nav discount-modal-slider-nav-next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div> <div class="discount-modal-slider-nav discount-modal-slider-nav-next"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>
<div class="owl-carousel discount-modal-slider"> <div class="owl-carousel discount-modal-slider">
<!-- Выводим список акций и скидок в модальном окне -->
<?php <?php
$posts = get_posts( array( $posts = get_posts( array(
'category' => 0, 'category' => 0,
@ -66,22 +65,18 @@
setup_postdata($post);?> setup_postdata($post);?>
<div class="discount-modal-slider-item"> <div class="discount-modal-slider-item">
<div class="discount-modal-slider-item-badge"><?php the_title()?></div> <div class="discount-modal-slider-item-badge"><?php the_title()?></div>
<div class="discount-modal-slider-item__img" style="background: <?php the_field('armanty_discount_color')?>; border-radius:30px"> <div class="discount-modal-slider-item__img" style="background: <?php the_field('armanty_discount_color')?>;">
<img src="<?php echo the_post_thumbnail_url() ?>" alt=""> <img src="<?php echo the_post_thumbnail_url() ?>" alt="">
</div> </div>
<div class="discount-modal-slider-item__text"> <div class="discount-modal-slider-item__text">
<div> <div>
<?php <?php the_content(); ?>
the_content();
?>
</div> </div>
<a href="<?php echo get_home_url() . '/form'?>"><button class="btn btn-danger btn-round">Забронировать</button></a> <a href="<?php echo get_home_url() . '/form'?>"><button class="btn btn-danger btn-round">Забронировать</button></a>
</div> </div>
</div> </div>
<?php <?php } ?>
}
?>
</div> </div>
</div> </div>
</div> </div>

10
parts/form/form-content.php
View File

@ -87,13 +87,13 @@
</div> </div>
<div class="row guest-img"> <div class="row guest-img">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<img src="" style="height: 250px"alt=""> <img src="" alt="">
<br> <br>
<span class="guest-quest-name">Квест - название</span> <span class="guest-quest-name">Квест - название</span>
</div> </div>
<br> <br>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6 room-img">
<img src="" style="height: 250px"alt=""> <img src="" alt="">
<br> <br>
<span class="guest-room-name">Комната название</span> <span class="guest-room-name">Комната название</span>
<div class="guest-room-descr">Описание комнаты</div> <div class="guest-room-descr">Описание комнаты</div>
@ -244,10 +244,10 @@
<p>Химическое шоу - <span>3000</span> р.</p> <p>Химическое шоу - <span>3000</span> р.</p>
</div> </div>
<div class="cheque-sum dots" style="padding:5px 10px"> <div class="cheque-sum dots">
<h3>ИТОГО <span class="price">8280 р.</span></h3> <h3>ИТОГО <span class="price">8280 р.</span></h3>
</div> </div>
<div class="cheque-info dots" style="padding:5px 10px"> <div class="cheque-info dots">
<h4>Организуем незабываемый праздник вместе !</h4> <h4>Организуем незабываемый праздник вместе !</h4>
</div> </div>
</div> </div>

25
parts/gallery/gallery-content.php
View File

@ -18,30 +18,5 @@
</div> </div>
<script> <script>
const btns = document.querySelectorAll('.gallery-headers button');
const galleryBlocks = document.querySelectorAll('.gallery-photos');
btns[0].classList.add('active');
btns.forEach((btn, index) => {
btn.addEventListener('click', (e) => {
btns.forEach((btn, index) => {
btn.classList.remove('active')
})
e.target.closest('button').classList.add('active');
checkGal(index)
})
});
checkGal = index => {
galleryBlocks.forEach(currentItem => {
currentItem.style.display = 'none'
});
if(btns[index].classList.contains('active')){
galleryBlocks[index].style.display = 'flex';
}else{
galleryBlocks[index].style.display = 'none';
}
}
checkGal(0)
</script> </script>

4
parts/gallery/gallery-header.php
View File

@ -1,4 +0,0 @@
<div class="page__header" style="background: url('<?php the_field('gallery_header_img') ?>') top left no-repeat; background-size: cover" >
<div class="page-overlay"></div>
<h1><?php the_title() ?></h1>
</div>

11
parts/holiday/description.php
View File

@ -1,11 +0,0 @@
<div class="holiday-descr holiday-block container">
<h2>Детские праздники в игровом центре Armanty</h2>
<div class="holiday-descr__text">
<?php
$post = get_post(24);
$content = $post->post_content;
echo $content;
?>
</div>
<a class="turn" href="#" style="background: #f2f2f2">Читать далее</a>
</div>

5
parts/holiday/packages.php
View File

@ -23,7 +23,10 @@
<div> <div>
<h3><?php the_title()?></h3> <h3><?php the_title()?></h3>
<img src="<?php echo the_post_thumbnail_url() ?>" alt=""> <img src="<?php echo the_post_thumbnail_url() ?>" alt="">
<p class="packages-item__price"><span><?php the_field('offer_price')?></span><span style="font-size: 16px !important">₽</span></p> <p class="packages-item__price">
<span><?php the_field('offer_price')?></span>
<span class="package-currency">₽</span>
</p>
<p class="packages-item__descr">предложение рассчитано до <?php the_field('offer_people')?> человек</p> <p class="packages-item__descr">предложение рассчитано до <?php the_field('offer_people')?> человек</p>
</div> </div>
<div> <div>

4
parts/holiday/photos.php
View File

@ -1,8 +1,6 @@
<div class="holiday-block holiday-photos"> <div class="holiday-block holiday-photos">
<h2><?php the_field('step-head-4', 24)?></h2> <h2><?php the_field('step-head-4', 24)?></h2>
<p><?php the_field('step-descr-4', 24)?></p> <p><?php the_field('step-descr-4', 24)?></p>
<?php <?php echo do_shortcode('[print_gllr id=312]'); ?>
echo do_shortcode('[print_gllr id=312]');
?>
<a href="<?php echo get_page_link( 33 )?>"><button class="btn btn-danger btn-round">Смотреть фото в галерее</button></a> <a href="<?php echo get_page_link( 33 )?>"><button class="btn btn-danger btn-round">Смотреть фото в галерее</button></a>
</div> </div>

60
parts/home/entertaiment.php
View File

@ -1,60 +0,0 @@
<section class="ent <?php
if( is_home()){
echo 'wave';
}else if (is_page(24)){
echo 'wave wave-no-bottom';
}
?>">
<div class="ent-container">
<h2>Все развлечения</h2>
<div class="owl-carousel quests-slider container">
<!-- Выводи список квестов -->
<?php
$posts = get_posts( array(
'category' => 0,
'orderby' => 'date',
'order' => 'ASC',
'include' => array(),
'exclude' => array(),
'meta_key' => '',
'meta_value' =>'',
'post_type' => 'armanty_quests',
'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
) );
foreach( $posts as $post ){
setup_postdata($post);?>
<div class="quests-container__quest" style="background: url('<?php echo the_post_thumbnail_url() ?>'); background-size: cover">
<div class="quests-container__quest-overlay"></div>
<div class="quests-container__quest-content">
<div>
<h3><?php the_title();?></h3>
<p><?php the_excerpt();?></p>
<div class="quest-description__icons_main">
<div class="quest-people">
<img src="<?php echo get_template_directory_uri() ?>/assets//img/quests/quest-people-big-white.svg" alt="">
<span><?php the_field('quest_players_min')?>-<?php the_field('quest_players_max')?> игроков</span>
</div>
<div class="quest-time">
<img src="<?php echo get_template_directory_uri() ?>/assets//img/quests/quest-time-big-white.svg" alt="">
<span><?php the_field('quests_time')?> минут</span>
</div>
<div class="quest-age">
<img src="<?php the_field('quests_age')?>" alt="">
<!-- <i class="fa fa-child" aria-hidden="true"></i> -->
<!-- <span><?php echo the_field('quest_level'); ?> из 5</span> -->
</div>
</div>
</div>
<a href="<?php echo the_permalink(); ?>"><button>Подробнее</button></a>
</div>
</div>
<?php
}
?>
</div>
</div>
</section>

12
parts/home/entertainment.php Normal file
View File

@ -0,0 +1,12 @@
<section class="ent <?php
if( is_home()){
echo 'wave';
}else if (is_page(24)){
echo 'wave wave-no-bottom';
}
?>">
<div class="ent-container">
<h2>Все развлечения</h2>
<?php get_template_part('parts/quests/quests-slider'); ?>
</div>
</section>

19
parts/home/map-block.php
View File

@ -1,19 +0,0 @@
<div class="map-block <?php
if( is_home() || is_page(33)){
echo 'wave' . ' wave-no-top map-block-in-home map-block__home';
}
?>">
<div class="map-block__layout">
<h2>Как нас найти</h2>
<div class="map-block-container container">
<div class="map-block__yandex"><script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Af18ed4c0cd95416d562fde1c5e3dc89675e160302780e8f981fc5f8fc709412f&amp;width=800&amp;height=720&amp;lang=ru_RU&amp;scroll=false&amp;apikey=e195efbb-8171-460a-ad95-466c78d8191d"></script></div>
<div class="map-block__text">
<ul>
<li><i class="fa fa-phone" aria-hidden="true"></i><a href="tel:+79999999999">+7 (925) 720-56-54</a></li>
<li><i class="fa fa-map-marker" aria-hidden="true"></i>г. Подольск, ул. Кл. Готвальда, 6В</li>
<li><i class="fa fa-clock-o" aria-hidden="true"></i>Время работы игрового центра: <span>Круглосуточно</span> </li>
</ul>
</div>
</div>
</div>
</div>

1
parts/home/principals.php
View File

@ -21,7 +21,6 @@
setup_postdata($post); setup_postdata($post);
?> ?>
<img src="<?php echo the_post_thumbnail_url() ?>" alt="<?php the_title() ?>"> <img src="<?php echo the_post_thumbnail_url() ?>" alt="<?php the_title() ?>">
<?php <?php
} }
?> ?>

0
parts/home/order-modal.php → parts/order-modal.php
View File

2
parts/home/order.php → parts/order.php
View File

@ -16,4 +16,4 @@
</div> </div>
</section> </section>
<?php get_template_part('parts/home/order-modal')?> <?php get_template_part('parts/order-modal')?>

2
parts/home/places.php → parts/places.php
View File

@ -24,7 +24,7 @@
foreach( $posts as $post ){ foreach( $posts as $post ){
setup_postdata($post);?> setup_postdata($post);?>
<div class="places-item" style="background: url(<?php the_post_thumbnail_url()?>) center no-repeat; background-size: cover"> <div class="places-item" style="background: url(<?php the_post_thumbnail_url()?>) center no-repeat;">
<div class="places-item__layout"></div> <div class="places-item__layout"></div>
<div class="places-text"> <div class="places-text">
<h3><?php the_title();?></h3> <h3><?php the_title();?></h3>

23
parts/price/main.php
View File

@ -122,25 +122,4 @@
</div> </div>
</div> </div>
</div> </div>
<script>
const titles = document.querySelector('.prices_sections__titles')
const content = document.querySelectorAll('.prices_sections__content')
content[0].style.display = 'block';
titles.querySelector('.prices_sections__title').classList.add('active');
const clickHandler = (e) => {
const focusSection = e.target.closest('.prices_sections__title')
document.querySelectorAll('.prices_sections__title').forEach(title => title.classList.remove('active'));
content.forEach(section => {
section.dataset.priceSection == focusSection.dataset.priceSection
? section.style.display = 'block'
: section.style.display = 'none'
})
focusSection.classList.add('active')
}
titles.addEventListener('click', clickHandler)
</script>

2
parts/quests/quests-list.php
View File

@ -19,7 +19,7 @@
setup_postdata($post); setup_postdata($post);
?> ?>
<a href="<?php echo the_permalink() ?>"><div class="col-4 quests-content__item" style="background: url('<?php echo get_the_post_thumbnail_url();?>') center no-repeat; background-size: cover"> <a href="<?php echo the_permalink() ?>"><div class="col-4 quests-content__item" style="background: url('<?php echo get_the_post_thumbnail_url();?>') center no-repeat;">
<div class="quest__text"> <div class="quest__text">
<h3><?php the_title(); ?></h3> <h3><?php the_title(); ?></h3>
<?php the_excerpt();?> <?php the_excerpt();?>

49
parts/quests/quests-slider.php
View File

@ -0,0 +1,49 @@
<div class="owl-carousel quests-slider container">
<!-- Выводи список квестов -->
<?php
$posts = get_posts( array(
'category' => 0,
'orderby' => 'date',
'order' => 'ASC',
'include' => array(),
'exclude' => array(),
'meta_key' => '',
'meta_value' =>'',
'post_type' => 'armanty_quests',
'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
) );
foreach( $posts as $post ){
setup_postdata($post);?>
<div class="quests-container__quest" style="background: url('<?php echo the_post_thumbnail_url() ?>');">
<div class="quests-container__quest-overlay"></div>
<div class="quests-container__quest-content">
<div>
<h3><?php the_title();?></h3>
<p><?php the_excerpt();?></p>
<div class="quest-description__icons_main">
<div class="quest-people">
<img src="<?php echo get_template_directory_uri() ?>/assets//img/quests/quest-people-big-white.svg" alt="">
<span><?php the_field('quest_players_min')?>-<?php the_field('quest_players_max')?> игроков</span>
</div>
<div class="quest-time">
<img src="<?php echo get_template_directory_uri() ?>/assets//img/quests/quest-time-big-white.svg" alt="">
<span><?php the_field('quests_time')?> минут</span>
</div>
<div class="quest-age">
<img src="<?php the_field('quests_age')?>" alt="">
<!-- <i class="fa fa-child" aria-hidden="true"></i> -->
<!-- <span><?php echo the_field('quest_level'); ?> из 5</span> -->
</div>
</div>
</div>
<a href="<?php echo the_permalink(); ?>"><button>Подробнее</button></a>
</div>
</div>
<?php
}
?>
</div>

5
parts/quests/single/slider.php
View File

@ -24,7 +24,4 @@
</div> </div>
</div> </div>
</div> </div>
<script>
document.querySelector('.carousel-item').classList.add('active');
</script>

4
php/wordpress/scripts.php
View File

@ -28,10 +28,12 @@
// Pages scripts // Pages scripts
if (is_page_template('templates/certificates.php')) wp_enqueue_style('armanty_certificates', $js . '/pages/certificates.js', ['jquery'], $version, true); if (is_page_template('templates/certificates.php')) wp_enqueue_style('armanty_certificates', $js . '/pages/certificates.js', ['jquery'], $version, true);
if (is_page_template('templates/graduation.php')) wp_enqueue_script( 'aramnty_graduation', $js . '/pages/graduation.js', ['jquery'], $version, true); if (is_page_template('templates/graduation.php')) wp_enqueue_script( 'aramnty_graduation', $js . '/pages/graduation.js', ['jquery'], $version, true);
if (is_page_template('templates/gallery.php')) wp_enqueue_script( 'aramnty_gallery', $js . '/pages/gallery.js', ['jquery'], $version, true);
if (is_page_template('templates/form.php')) wp_enqueue_style('armanty_form', $js . '/pages/form.js', ['jquery'], $version, true); if (is_page_template('templates/form.php')) wp_enqueue_style('armanty_form', $js . '/pages/form.js', ['jquery'], $version, true);
if (is_page_template('templates/holiday.php')) wp_enqueue_style('armanty_holiday', $js . '/pages/holiday.js', ['jquery'], $version, true); if (is_page_template('templates/holiday.php')) wp_enqueue_style('armanty_holiday', $js . '/pages/holiday.js', ['jquery'], $version, true);
if (is_page_template('templates/quests.php')) wp_enqueue_style('armanty_quests', $js . '/pages/quests.js', ['jquery'], $version, true); if (is_page_template('templates/quests.php')) wp_enqueue_style('armanty_quests', $js . '/pages/quests.js', ['jquery'], $version, true);
if (is_page_template('templates/sales.php')) wp_enqueue_style('armanty_sales', $js . '/pages/sales.js', ['jquery'], $version, true); if (is_page_template('templates/sales.php')) wp_enqueue_style('armanty_sales', $js . '/pages/sales.js', ['jquery'], $version, true);
if (is_page_template('templates/price.php')) wp_enqueue_style('armanty_price', $js . '/pages/price.js', ['jquery'], $version, true);
}; };
?> ?>

16
src/js/pages/certificates.js
View File

@ -1,3 +1,17 @@
const holidayDescrBtn = document.querySelector('.holiday-descr a'); const holidayDescrBtn = document.querySelector('.holiday-descr a');
holidayDescrBtn.innerHTML = ''; holidayDescrBtn.innerHTML = '';
const btns = document.querySelectorAll('.cert-items .btn')
btns.forEach(btn => {
btn.addEventListener('click', () => {
document.querySelector('.callback-modal').style.display = 'block'
})
})
const btn = document.querySelector('.cert-text__block .btn')
btn.addEventListener('click', () => {
document.querySelector('.callback-modal').style.display = 'block'
})

26
src/js/pages/gallery.js Normal file
View File

@ -0,0 +1,26 @@
const btns = document.querySelectorAll('.gallery-headers button');
const galleryBlocks = document.querySelectorAll('.gallery-photos');
btns[0].classList.add('active');
btns.forEach((btn, index) => {
btn.addEventListener('click', (e) => {
btns.forEach((btn, index) => {
btn.classList.remove('active')
})
e.target.closest('button').classList.add('active');
checkGal(index)
})
});
checkGal = index => {
galleryBlocks.forEach(currentItem => {
currentItem.style.display = 'none'
});
if(btns[index].classList.contains('active')){
galleryBlocks[index].style.display = 'flex';
}else{
galleryBlocks[index].style.display = 'none';
}
}
checkGal(0)

17
src/js/pages/price.js Normal file
View File

@ -0,0 +1,17 @@
const titles = document.querySelector('.prices_sections__titles')
const content = document.querySelectorAll('.prices_sections__content')
content[0].style.display = 'block';
titles.querySelector('.prices_sections__title').classList.add('active');
const clickHandler = (e) => {
const focusSection = e.target.closest('.prices_sections__title')
document.querySelectorAll('.prices_sections__title').forEach(title => title.classList.remove('active'));
content.forEach(section => {
section.dataset.priceSection == focusSection.dataset.priceSection
? section.style.display = 'block'
: section.style.display = 'none'
})
focusSection.classList.add('active')
}
titles.addEventListener('click', clickHandler)

2
src/js/pages/quests.js
View File

@ -27,3 +27,5 @@ if (compoundTurn) {
} }
}) })
} }
document.querySelector('.carousel-item').classList.add('active');

6
src/sass/pages/about.scss
View File

@ -11,7 +11,7 @@
letter-spacing: 0.5px; letter-spacing: 0.5px;
} }
&-joki { &-us {
padding-top: 30px; padding-top: 30px;
font-family: 'PT Sans', sans-serif; font-family: 'PT Sans', sans-serif;
@ -152,7 +152,7 @@
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.about { .about {
&-joki { &-us {
&__body-descr { &__body-descr {
p { p {
max-width: 100% !important; max-width: 100% !important;
@ -164,7 +164,7 @@
@media screen and (max-width: 576px) { @media screen and (max-width: 576px) {
.about { .about {
&-joki { &-us {
&__header { &__header {
padding: 0 20px !important; padding: 0 20px !important;
} }

14
src/sass/pages/contacts.scss
View File

@ -88,6 +88,20 @@
.armanty_map_mobile { .armanty_map_mobile {
display: none; display: none;
width: 100%;
max-width: 1360px;
margin: 0 auto;
}
.armanty_map_desktop {
width: 100%;
max-width: 1360px;
margin: 0 auto;
}
.contacts_phones {
display: flex;
flex-direction: column;
} }
@media screen and (max-width: 1200px) { @media screen and (max-width: 1200px) {

19
src/sass/pages/form.scss
View File

@ -182,6 +182,25 @@
} }
} }
.guest-img {
img {
height: 250px;
}
}
.room-img {
img {
height: 250px;
}
}
.cheque-sum {
padding:5px 10px;
}
.cheque-info {
padding:5px 10px;
}
@media screen and (max-width: 1200px) { @media screen and (max-width: 1200px) {
.guest-img { .guest-img {
div { div {

2
src/sass/pages/holiday.scss
View File

@ -1,5 +1,5 @@
@import '../parts/adding-service'; @import '../parts/adding-service';
@import '../parts/entertaiments'; @import '../parts/entertainments';
@import '../parts/places'; @import '../parts/places';
@import '../parts/order'; @import '../parts/order';
@import '../pages/gallery'; @import '../pages/gallery';

2
src/sass/pages/home.scss
View File

@ -1,4 +1,4 @@
@import '../parts/entertaiments'; @import '../parts/entertainments';
@import '../parts/discounts'; @import '../parts/discounts';
@import '../parts/present'; @import '../parts/present';
@import '../parts/principals'; @import '../parts/principals';

1
src/sass/parts/discounts.scss
View File

@ -229,6 +229,7 @@
img { img {
width: auto !important; width: auto !important;
max-width: 100%; max-width: 100%;
border-radius: 30px;
} }
&-badge { &-badge {

0
src/sass/parts/entertaiments.scss → src/sass/parts/entertainments.scss
View File

119
src/sass/parts/map-block.scss
View File

@ -1,119 +0,0 @@
@import '../constansts';
.map-block {
padding-bottom: 20px;
font-family: 'PT Sans', sans-serif;
&__home {
padding-bottom: 0;
}
h2 {
color: #1e212b;
font-weight: 600;
font-size: 40px;
line-height: normal;
letter-spacing: 0.5px;
text-align: center;
}
&-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
max-width: 1440px !important;
margin-top: 50px;
}
&__text {
ul {
list-style: none;
li {
margin-bottom: 40px;
color: #363943;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.3px;
i {
margin-right: 25px;
color: $main-color;
font-size: 27px;
}
a {
color: inherit;
text-decoration: none;
}
span {
display: block;
color: $main-color;
text-transform: uppercase;
transform: translateX(100px);
}
}
}
}
}
@media screen and (max-width: 770px) {
.map-block {
&__yandex {
> ymaps {
max-height: 600px !important;
}
}
&__text {
width: 100%;
li {
font-size: 18px !important;
i {
font-size: 18px !important;
}
}
}
}
}
@media screen and (max-width: 480px) {
.map-block {
&__yandex {
> ymaps {
width: 100%;
max-width: 375px !important;
height: 400px !important;
}
}
&__text {
padding-top: 20px;
ul {
padding-inline-start: 0;
li {
margin-bottom: 15px;
font-weight: 400;
font-size: 18px;
}
}
}
&__layout {
padding-top: 25px;
}
}
}
.map-block-in-home {
&::after {
background-color: #f2f2f2 !important;
}
}

4
src/sass/parts/packages.scss
View File

@ -1,4 +1,6 @@
.package-currency {
font-size: 16px !important
}
@media screen and (max-width: 576px) { @media screen and (max-width: 576px) {

1
src/sass/parts/places.scss
View File

@ -55,6 +55,7 @@
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
border-radius: 20px; border-radius: 20px;
background-size: cover;
&__layout { &__layout {
position: absolute; position: absolute;

8
src/sass/parts/quests-slider.scss
View File

@ -109,3 +109,11 @@
} }
} }
} }
.quests-content__item {
background-size: cover;
}
quests-container__quest {
background-size: cover;
}

16
templates/certificates.php
View File

@ -6,7 +6,7 @@
<?php <?php
get_header(); get_header();
get_template_part('parts/contacts/contacts-header'); get_template_part('parts/page-header');
get_template_part('parts/certificates/text'); get_template_part('parts/certificates/text');
get_template_part('parts/certificates/advantages'); get_template_part('parts/certificates/advantages');
?> ?>
@ -14,20 +14,18 @@
<?php get_template_part('parts/certificates/target'); ?> <?php get_template_part('parts/certificates/target'); ?>
</div> </div>
<?php <?php get_template_part('parts/certificates/items');?>
get_template_part('parts/certificates/items');
?>
<div class="wave wave-no-top wave-no-bottom" style="background-color: #f2f2f2"> <div class="wave wave-no-top wave-no-bottom" style="background-color: #f2f2f2;">
<?php get_template_part('parts/compound'); ?> <?php get_template_part('parts/compound'); ?>
</div> </div>
<script> <script>
document.querySelector('.page-header').style.background = 'url("<?php echo the_field('cert_bg', 35)?>") top left no-repeat'; document.querySelector('.page-header').style.background = 'url("<?php echo the_field('cert_bg', 35)?>") top left no-repeat';
document.querySelector('.page-header').style.backgroundSize = 'cover'; document.querySelector('.holiday-descr__text').innerHTML = `<?php echo the_field('cert_text', 35)?>`;
document.querySelector('.holiday-descr__text').innerHTML = `<?php echo the_field('cert_text', 35)?>`; $('.holiday-descr h2').remove();
$('.holiday-descr h2').remove();
</script> </script>
<?php get_footer(); ?> <?php get_footer(); ?>

6
templates/contacts.php
View File

@ -7,14 +7,14 @@
<?php get_header(); ?> <?php get_header(); ?>
<div class="page contacts"> <div class="page contacts">
<?php <?php
get_template_part( 'parts/contacts/contacts-header'); get_template_part( 'parts/page-header');
get_template_part( 'parts/contacts/contacts-text'); get_template_part( 'parts/contacts/contacts-text');
?> ?>
<div class="contacts-map armanty_map_desktop" style="width: 100%; max-width: 1360px; margin: 0 auto;"> <div class="contacts-map armanty_map_desktop" style="">
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Af18ed4c0cd95416d562fde1c5e3dc89675e160302780e8f981fc5f8fc709412f&amp;width=1280&amp;height=720&amp;lang=ru_RU&amp;scroll=true"></script> <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Af18ed4c0cd95416d562fde1c5e3dc89675e160302780e8f981fc5f8fc709412f&amp;width=1280&amp;height=720&amp;lang=ru_RU&amp;scroll=true"></script>
</div> </div>
<div class="contacts-map armanty_map_mobile" style="width: 100%; max-width: 1360px; margin: 0 auto;"> <div class="contacts-map armanty_map_mobile" style="">
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A4ce98d9dce69d7b215cc3206427d64224c40b45b58131a2522b9b52668eb89ab&amp;width=500&amp;height=400&amp;lang=ru_RU&amp;scroll=true"></script> <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A4ce98d9dce69d7b215cc3206427d64224c40b45b58131a2522b9b52668eb89ab&amp;width=500&amp;height=400&amp;lang=ru_RU&amp;scroll=true"></script>
</div> </div>
</div> </div>

2
templates/form.php
View File

@ -7,6 +7,6 @@
<?php <?php
get_header(); get_header();
get_template_part('parts/form/form-content'); get_template_part('parts/form/form-content');
get_template_part('parts/home/order-modal'); get_template_part('parts/order-modal');
get_footer(); get_footer();
?> ?>

2
templates/gallery.php
View File

@ -6,7 +6,7 @@
<?php <?php
get_header(); get_header();
get_template_part('parts/gallery/gallery-header'); get_template_part('parts/page-header');
get_template_part('parts/gallery/gallery-content'); get_template_part('parts/gallery/gallery-content');
get_footer(); get_footer();
?> ?>

2
templates/graduation.php
View File

@ -12,6 +12,6 @@
get_template_part('parts/landings/graduation/offers'); get_template_part('parts/landings/graduation/offers');
get_template_part('parts/landings/graduation/why'); get_template_part('parts/landings/graduation/why');
get_template_part('parts/landings/graduation/callback'); get_template_part('parts/landings/graduation/callback');
get_template_part('parts/home/order-modal'); get_template_part('parts/order-modal');
get_template_part('parts/landings/graduation/footer'); get_template_part('parts/landings/graduation/footer');
?> ?>

20
templates/holiday.php
View File

@ -7,18 +7,18 @@
<?php <?php
get_header(); get_header();
get_template_part('parts/page-header'); get_template_part('parts/page-header');
get_template_part('parts/home/entertaiment'); get_template_part('parts/home/entertainment');
?> ?>
<div class="full-page__border"></div> <div class="full-page__border"></div>
<?php <?php
get_template_part('parts/home/places'); get_template_part('parts/places');
get_template_part('parts/holiday/adding-service'); get_template_part('parts/holiday/adding-service');
get_template_part('parts/home/order'); get_template_part('parts/order');
get_template_part('parts/holiday/photos'); get_template_part('parts/holiday/photos');
get_template_part('parts/holiday/packages'); get_template_part('parts/holiday/packages');
get_template_part('parts/holiday/var'); get_template_part('parts/holiday/var');
?> get_template_part('parts/home/principals');
<?php get_template_part('parts/home/principals'); ?> ?>
</div> </div>
<div class="" style="background: #f2f2f2"> <div class="" style="background: #f2f2f2">

8
templates/home.php
View File

@ -7,10 +7,10 @@
<?php <?php
get_header(); get_header();
get_template_part( 'parts/home/main'); get_template_part( 'parts/home/main');
get_template_part( 'parts/home/entertaiment'); get_template_part( 'parts/home/entertainment');
get_template_part( 'parts/home/order'); get_template_part( 'parts/order');
get_template_part( 'parts/home/places'); get_template_part( 'parts/places');
get_template_part( 'parts/home/discount'); get_template_part( 'parts/discount');
get_template_part( 'parts/home/present'); get_template_part( 'parts/home/present');
get_template_part( 'parts/home/principals'); get_template_part( 'parts/home/principals');
get_footer() get_footer()

2
templates/sales.php
View File

@ -7,6 +7,6 @@
<?php <?php
get_header(); get_header();
get_template_part('parts/page-header'); get_template_part('parts/page-header');
get_template_part('parts/home/discount'); get_template_part('parts/discount');
get_footer(); get_footer();
?> ?>