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 13:23:20 +05:00
parent 528cc9f449
commit 7e39d6b5da
32 changed files with 433 additions and 410 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
header.php
View File

@ -13,7 +13,7 @@
<div class="header-wrapper">
<div class="header-container">
<header class="header">
<div class="row align-items-center justify-content-around" style="height: 70px; margin: 0;">
<div class="row align-items-center justify-content-around header-top">
<div class="col-3 col-sm-4 col-lg" style="justify-content: center; border-right: 1px solid #fff">
<a class="header-info__logo" href="<?php echo get_home_url() ?>">

8
parts/certificates/modal.php
View File

@ -1,8 +0,0 @@
<div class="cert-modal">
<div class="cert-modal-overlay"></div>
<div class="cert-modal-body">
<?php
get_template_part('parts/home/order')
?>
</div>
</div>

0
parts/quests/compound.php → parts/compound.php
View File

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

@ -1,4 +1,4 @@
<div class="page-header" style="background: url('<?php the_field('contacts_header_photo') ?>') top left no-repeat; background-size: cover" >
<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>

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

@ -1,4 +1,4 @@
<div class="page-header" style="background: url('<?php the_field('gallery_header_img') ?>') top left no-repeat; background-size: cover" >
<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>

2
parts/holiday/adding-service.php
View File

@ -1,4 +1,4 @@
<div class="adding-service container holiday-block">
<div class="container holiday-block adding-service">
<h2><?php the_field('step-head-3', 24)?></h2>
<p><?php the_field('step-descr-3', 24)?></p>
<div class="extras row justify-content-between align-items-start">

16
parts/holiday/main.php
View File

@ -1,16 +0,0 @@
<div class="holiday-main">
<div class="container">
<div class="row">
<div class="col-lg-5 col-12">
<img src="<?php echo get_template_directory_uri()?>/assets/img/armanty_logo.png" alt="">
<h1>Организация детских праздников</h1>
<p>Дни рождения и праздники "под ключ".
Мы развлекаем ваших детей, пока вы отдыхаете!</p>
<a href="/form"><button class="btn btn-danger btn-round">Оставить заявку</button></button></a>
</div>
<div class="col-lg-7">
<img src="<?php echo get_template_directory_uri()?>/assets/img/holiday/main.png" alt="">
</div>
</div>
</div>
</div>

2
parts/holiday/photos.php
View File

@ -1,4 +1,4 @@
<div class="holiday-photos holiday-block">
<div class="holiday-block holiday-photos">
<h2><?php the_field('step-head-4', 24)?></h2>
<p><?php the_field('step-descr-4', 24)?></p>
<?php

4
parts/quests/quests-header.php → parts/page-header.php
View File

@ -1,5 +1,5 @@
<div class="quests-headers" style="background: url('<?php the_post_thumbnail_url() ?>') top left no-repeat;background-size: cover">
<div class="quests-overlay"></div>
<div class="page__header" style="background: url('<?php the_post_thumbnail_url() ?>') top left no-repeat;">
<div class="page_overlay"></div>
<h1><?php the_title() ?></h1>
<h2><?php the_field('page_description')?></h2>
<?php if(is_page('24')){ ?>

0
parts/quests/quests-content.php → parts/quests/quests-list.php
View File

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

@ -1,12 +1,12 @@
<div class="quest-slider">
<div class="quest__slider">
<div id="carouselExampleControls" class="carousel slide" data-ride="">
<div class="quest-slider-overlay"></div>
<div class="quest__slider-overlay"></div>
<div class="carousel-inner">
<!-- Вывод изображений в слайдер -->
<?php
$image_array = get_field('quest_slider_imgs');
foreach ( $image_array as $image ) { ?>
<div class="carousel-item" style="height: 600px; background: url(<?php echo $image ?>) center top / cover no-repeat">
<div class="carousel-item" style="background: url(<?php echo $image ?>) center top / cover no-repeat;">
</div>
<?php } ?>
?>
@ -19,7 +19,7 @@
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<div class="quest-slider-header">
<div class="quest__slider-header">
<h1><?php the_title();?></h1>
</div>

14
php/wordpress/styles.php
View File

@ -10,7 +10,19 @@
wp_enqueue_style('styles', get_stylesheet_uri());
// Common styles
// Libs
wp_enqueue_style('font-awesome', $libs . '/font-awesome-4.7.0/css/font-awesome.min.css', null, '4.7.0');
wp_enqueue_style('bootstrap', $libs . '/bootstrap-4.4.1-dist/css/bootstrap.min.css', null, '4.4.1');
wp_enqueue_style('owlcarousel', $libs . '/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css', array(), $styleVersion);
if(is_page ('59')){
wp_enqueue_style('btdtpicker', $libs . '/bootstrap_datetimepicker/css/bootstrap.min.css', array(), $styleVersion);
}
wp_enqueue_style('dtpicker', $libs . '/bootstrap_datetimepicker/css/bootstrap-datetimepicker.min.css', array(), $styleVersion);
wp_enqueue_style('bootstrapselect', $libs . '/bootstrap-select/bootstrap-select.min.css', array(), $styleVersion);
// Common styles
// wp_enqueue_style('armanty_style', $css . '/style.css', array(), $styleVersion);
wp_enqueue_style('bundle', $css . '/bundle.css', array(), $styleVersion);

2
src/libs/bootstrap_datetimepicker/css/bootstrap.css vendored
View File

@ -1407,7 +1407,7 @@ a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
.page__header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;

2
src/libs/bootstrap_datetimepicker/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

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

@ -1,5 +1,4 @@
@import '../parts/adding-service';
@import '../parts/options';
@import '../parts/entertaiments';
@import '../parts/places';
@import '../parts/order';
@ -28,25 +27,6 @@
}
}
&-photos {
margin-right: auto;
margin-bottom: 44px;
margin-left: auto;
padding-top: 44px;
text-align: center;
p {
max-width: 650px;
margin-right: auto;
margin-left: auto;
}
img {
margin-bottom: 40px;
border-radius: 20px;
}
}
&-descr {
font-family: 'Museo Regular', sans-serif;
@ -202,11 +182,6 @@
@media screen and (max-width: 576px) {
.holiday {
&-photos {
margin-bottom: 30px;
padding-top: 0;
}
&-block {
padding-top: 20px;
padding-right: 0;

208
src/sass/pages/quests.scss
View File

@ -7,212 +7,4 @@
background-size: cover;
font-family: 'PT Sans', sans-serif;
.icon-hidden {
opacity: 0.3;
}
&-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 408px;
background-color: rgba(0, 0, 0, 0.35);
}
&-headers {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 408px;
color: #ffffff;
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
text-align: center;
h1 {
position: relative;
z-index: 3;
margin-bottom: 32px;
font-weight: 600;
font-size: 48px;
line-height: 0.75;
letter-spacing: 0.4px;
}
h2 {
position: relative;
z-index: 3;
font-weight: 600;
font-size: 26px;
line-height: 0.75;
letter-spacing: 0.4px;
}
}
&-content {
max-width: 1280px !important;
margin: 70px auto -20px;
a {
outline: none;
text-decoration: none;
}
&__item {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
width: 400px;
min-width: 400px;
max-width: 400px;
height: 296px;
margin-bottom: 50px;
padding: 0;
border-radius: 20px;
background-size: cover;
.quest__text {
width: 100%;
height: 160px;
padding: 0 25px 60px;
border-radius: 0 0 20px 20px;
background: url('../../img/quests/exitquests-mask.svg') top center no-repeat;
color: #ffffff;
h3 {
margin: 25px 0 8px;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.3px;
}
p {
margin-bottom: 8px;
font-size: 16px;
letter-spacing: 0.1px;
}
}
&-icons {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 350px;
margin-right: auto;
margin-left: auto;
}
}
}
}
@media screen and (max-width: 1200px) {
.quests {
&-headers {
background-size: cover;
}
&-content {
justify-content: center !important;
&__item {
max-height: 450px !important;
margin: 30px auto;
}
}
}
}
@media screen and (max-width: 768px) {
.quests {
&-headers {
height: 200px;
h1 {
font-size: 34px;
}
h2 {
font-size: 20px;
}
}
&-overlay {
height: 200px;
}
}
}
@media screen and (max-width: 576px) {
.quests {
margin-top: 0;
&-headers {
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
h1 {
font-size: 28px;
}
h2 {
max-width: 395px;
font-size: 16px !important;
line-height: 1.1;
}
}
&-content {
margin-top: 20px;
margin-bottom: 20px;
.row {
justify-content: center !important;
}
&__item {
width: 288px;
min-width: 288px;
max-width: 288px;
height: 213px;
margin: 15px auto !important;
.quest__text {
height: 114px;
padding: 0 15px 15px;
h3 {
margin-top: 20px;
font-size: 16px;
}
p {
margin-bottom: 0;
font-size: 14px;
line-height: 1.15;
}
img {
max-width: 14px;
}
.quests-content__item-icons {
justify-content: space-between !important;
}
}
}
}
}
}
@media screen and (max-width: 320px) {
.quest-slider {
.carousel-control-next, .carousel-control-prev {
top: 65% !important;
}
}
}

88
src/sass/pages/single-quest.scss
View File

@ -8,79 +8,7 @@
}
}
.quest-slider {
position: relative;
max-height: 600px;
.carouselExampleControls {
position: relative;
}
.carousel-control-prev, .carousel-control-next {
position: absolute;
top: 50%;
left: 15%;
z-index: 3 !important;
width: 40px;
height: 80px;
transform: translateY(-40px);
}
.carousel-control-next {
left: 85%;
}
.carousel-control-prev-icon {
width: 40px;
height: 80px;
background: url('../../img/quest/arrow-disabled-prev.svg') center no-repeat;
}
.carousel-control-next-icon {
width: 40px;
height: 80px;
background: url('../../img/quest/arrow-disabled-next.svg') center no-repeat;
}
.carousel-control-prev-icon:hover {
background: url('../../img/quest/arrow-active-prev.svg') center no-repeat;
}
.carousel-control-next-icon:hover {
background: url('../../img/quest/arrow-active-next.svg') center no-repeat;
}
&-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.35);
}
img {
max-height: 600px;
}
&-header {
position: absolute;
bottom: 62px;
z-index: 3;
width: 100%;
text-align: center;
h1 {
color: #ffffff;
font-weight: 600;
font-size: 48px;
font-family: 'PT Sans', sans-serif;
line-height: 1.15;
letter-spacing: 0.3px;
}
}
}
.quest-description {
margin-top: 40px;
@ -219,12 +147,12 @@
background-repeat: no-repeat !important;
}
.quest-slider .carousel-control-prev, .quest-slider .carousel-control-next {
.quest__single-slider .carousel-control-prev, .quest__single-slider .carousel-control-next {
z-index: 5 !important;
width: 20px;
}
.quest-slider {
.quest__single-slider {
height: 40px !important;
.carousel-control-prev-icon, .carousel-control-next-icon {
@ -240,7 +168,17 @@
}
}
.carousel-control-next, .quest-slider .carousel-control-prev {
.carousel-control-next, .quest__single-slider .carousel-control-prev {
height: 40px !important;
}
}
@media screen and (max-width: 320px) {
.quest__single-slider {
.carousel-control-next, .carousel-control-prev {
top: 65% !important;
}
}
}

7
src/sass/parts/callback-modal.scss
View File

@ -44,3 +44,10 @@
width: 80%;
}
}
@media screen and (max-width: 576px) {
.callback-modal__body {
h2 {
font-size: 18px !important;
}
}
}

12
src/sass/parts/header.scss
View File

@ -13,6 +13,12 @@
margin: 0 auto;
transition: 0.55s ease-in-out;
&-top {
display: flex;
height: 70px;
margin: 0;
}
&-container {
top: 0;
right: 0;
@ -277,6 +283,12 @@
transition: 0.3s ease-in-out;
}
.header-phone-number-block {
justify-content: center;
border-right: 1px solid #fff;
height: 100%;
}
.popover {
z-index: 999999;
margin-top: 20px !important;

25
src/sass/parts/holiday-photos.scss Normal file
View File

@ -0,0 +1,25 @@
.holiday-photos {
margin-right: auto;
margin-bottom: 44px;
margin-left: auto;
padding-top: 44px;
text-align: center;
p {
max-width: 650px;
margin-right: auto;
margin-left: auto;
}
img {
margin-bottom: 40px;
border-radius: 20px;
}
}
@media screen and (max-width: 576px) {
.holiday-photos {
margin-bottom: 30px;
padding-top: 0;
}
}

7
src/sass/parts/main-block.scss
View File

@ -2,9 +2,6 @@
.main {
height: 325px;
}
.main {
margin-top: 35px;
margin-bottom: 35px;
}
@ -26,8 +23,8 @@
display: block;
}
.main .slider-desktop{
display:none;
.main .slider-desktop {
display: none;
}
}

15
src/sass/parts/packages.scss Normal file
View File

@ -0,0 +1,15 @@
@media screen and (max-width: 576px) {
.packages-item {
padding: 25px 23px !important;
}
}
@media screen and (max-width: 480px) {
.packages-item {
width: 255px;
}
}

102
src/sass/parts/page-header.scss Normal file
View File

@ -0,0 +1,102 @@
.page__header {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 408px;
color: #ffffff;
background-size: cover;
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
text-align: center;
h1 {
position: relative;
z-index: 3;
margin-bottom: 32px;
font-weight: 600;
font-size: 48px;
line-height: 0.75;
letter-spacing: 0.4px;
}
h2 {
position: relative;
z-index: 3;
font-weight: 600;
font-size: 26px;
line-height: 0.75;
letter-spacing: 0.4px;
}
}
.page_overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 408px;
background-color: rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 768px) {
.page {
&__header {
height: 200px;
h1 {
font-size: 34px;
}
h2 {
font-size: 20px;
}
}
&_overlay {
height: 200px;
}
}
}
@media screen and (max-width: 1200px) {
.page {
&__header {
background-size: cover;
}
}
}
@media screen and (max-width: 576px) {
.page {
&__header {
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
h1 {
font-size: 28px;
}
h2 {
max-width: 395px;
font-size: 16px !important;
line-height: 1.1;
}
}
}
.page__header {
h1 {
font-size: 28px;
line-height: 1.2;
}
}
}
@media screen and (max-width: 800px) {
.page__header {
height: 200px;
background-position: top center !important;
}
}

82
src/sass/parts/quest-single-slider.scss Normal file
View File

@ -0,0 +1,82 @@
.quest__slider {
max-height: 600px;
position: relative;
}
.quest__slider {
position: relative;
max-height: 600px;
.carouselExampleControls {
position: relative;
}
.carousel-control-prev, .carousel-control-next {
position: absolute;
top: 50%;
left: 15%;
z-index: 3 !important;
width: 40px;
height: 80px;
transform: translateY(-40px);
}
.carousel-control-next {
left: 85%;
}
.carousel-item {
height: 600px;
}
.carousel-control-prev-icon {
width: 40px;
height: 80px;
background: url('../../img/quest/arrow-disabled-prev.svg') center no-repeat;
}
.carousel-control-next-icon {
width: 40px;
height: 80px;
background: url('../../img/quest/arrow-disabled-next.svg') center no-repeat;
}
.carousel-control-prev-icon:hover {
background: url('../../img/quest/arrow-active-prev.svg') center no-repeat;
}
.carousel-control-next-icon:hover {
background: url('../../img/quest/arrow-active-next.svg') center no-repeat;
}
&-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.35);
}
img {
max-height: 600px;
}
&-header {
position: absolute;
bottom: 62px;
z-index: 3;
width: 100%;
text-align: center;
h1 {
color: #ffffff;
font-weight: 600;
font-size: 48px;
font-family: 'PT Sans', sans-serif;
line-height: 1.15;
letter-spacing: 0.3px;
}
}
}

122
src/sass/parts/quests-list.scss Normal file
View File

@ -0,0 +1,122 @@
.quests {
&-content {
max-width: 1280px !important;
margin: 70px auto -20px;
a {
outline: none;
text-decoration: none;
}
&__item {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
width: 400px;
min-width: 400px;
max-width: 400px;
height: 296px;
margin-bottom: 50px;
padding: 0;
border-radius: 20px;
background-size: cover;
.quest__text {
width: 100%;
height: 160px;
padding: 0 25px 60px;
border-radius: 0 0 20px 20px;
background: url('../../img/quests/exitquests-mask.svg') top center no-repeat;
color: #ffffff;
h3 {
margin: 25px 0 8px;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.3px;
}
p {
margin-bottom: 8px;
font-size: 16px;
letter-spacing: 0.1px;
}
}
&-icons {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 350px;
margin-right: auto;
margin-left: auto;
}
}
}
.icon-hidden {
opacity: 0.3;
}
}
@media screen and (max-width: 1200px) {
.quests {
&-content {
justify-content: center !important;
&__item {
max-height: 450px !important;
margin: 30px auto;
}
}
}
}
@media screen and (max-width: 576px) {
.quests {
margin-top: 0;
&-content {
margin-top: 20px;
margin-bottom: 20px;
.row {
justify-content: center !important;
}
&__item {
width: 288px;
min-width: 288px;
max-width: 288px;
height: 213px;
margin: 15px auto !important;
.quest__text {
height: 114px;
padding: 0 15px 15px;
h3 {
margin-top: 20px;
font-size: 16px;
}
p {
margin-bottom: 0;
font-size: 14px;
line-height: 1.15;
}
img {
max-width: 14px;
}
.quests-content__item-icons {
justify-content: space-between !important;
}
}
}
}
}
}

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

@ -49,7 +49,7 @@
height: 100%;
div {
padding: 40px 0 0;
padding: 40px 40px 0;
}
h3 {

25
src/sass/parts/options.scss → src/sass/parts/variants.scss
View File

@ -29,6 +29,7 @@
}
}
@media screen and (max-width: 1200px) {
.var-item {
span {
@ -83,20 +84,7 @@
}
}
@media screen and (max-width: 576px) {
.callback-modal__body {
h2 {
font-size: 18px !important;
}
}
.var-item {
img {
max-width: 100%;
height: auto;
}
}
}
@media screen and (min-width: 1200px) {
.var-line {
@ -141,3 +129,14 @@
}
}
}
@media screen and (max-width: 576px) {
.var-item {
img {
max-width: 100%;
height: auto;
}
}
}

27
src/sass/style.scss
View File

@ -9,8 +9,8 @@ body {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Museo Regular', sans-serif;
font-size: 16px !important;
font-family: 'Museo Regular', sans-serif;
}
.btn {
@ -139,24 +139,12 @@ body {
font-size: 34px;
line-height: 1.1;
}
.page-header {
height: 200px;
background-position: top center !important;
}
}
@media screen and (max-width: 576px) {
.btn-round {
padding: 15px !important;
}
.page-header {
h1 {
font-size: 28px;
line-height: 1.2;
}
}
}
@ -320,10 +308,6 @@ body {
}
}
.packages-item {
width: 255px;
}
.full-page__border {
display: none;
height: auto !important;
@ -332,11 +316,4 @@ body {
.wave > div {
background: #ffffff;
}
}
@media screen and (max-width: 576px) {
.packages-item {
padding: 25px 23px !important;
}
}
}

6
templates/certificates.php
View File

@ -19,11 +19,9 @@
?>
<div class="wave wave-no-top wave-no-bottom" style="background-color: #f2f2f2">
<?php get_template_part('parts/holiday/description'); ?>
<?php get_template_part('parts/compound'); ?>
</div>
<?php
get_template_part('parts/certificates/modal'); ?>
<script>
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';

4
templates/holiday.php
View File

@ -6,7 +6,7 @@
<?php
get_header();
get_template_part('parts/quests/quests-header');
get_template_part('parts/page-header');
get_template_part('parts/home/entertaiment');
?>
<div class="full-page__border"></div>
@ -22,7 +22,7 @@
</div>
<div class="" style="background: #f2f2f2">
<?php get_template_part('parts/holiday/description'); ?>
<?php get_template_part('parts/compound'); ?>
</div>
<?php

6
templates/quests.php
View File

@ -8,12 +8,12 @@
<div class="quests">
<?php
get_template_part('parts/quests/quests-header');
get_template_part('parts/quests/quests-content');
get_template_part('parts/page-header');
get_template_part('parts/quests/quests-list');
?>
</div>
<?php
get_template_part('parts/quests/compound');
get_template_part('parts/compound');
get_footer();
?>

16
templates/sales.php
View File

@ -4,15 +4,9 @@
*/
?>
<?php get_header();?>
<div class="page sales">
<div class="page-header" style="background: url('<?php echo the_field('armanty_discount_img') ?>') top left no-repeat; background-size: cover" >
<div class="page-overlay"></div>
<h1>Скидки и акции на квесты</h1>
</div>
<?php
get_template_part('parts/home/discount');
get_footer();
<?php
get_header();
get_template_part('parts/page-header');
get_template_part('parts/home/discount');
get_footer();
?>