add graduation page

This commit is contained in:
Sergey Krylov 2021-03-15 22:07:02 +03:00
parent 9716d6a0cf
commit 5e00e6a21a
12 changed files with 27452 additions and 4459 deletions

View File

@ -56,6 +56,7 @@ function armanty_get_styles(){
if (is_page_template('templates/quests.php')) wp_enqueue_style('armanty_quests', get_template_directory_uri() . '/assets/css/pages/quests.css');
if (is_page_template('templates/sales.php')) wp_enqueue_style('armanty_sales', get_template_directory_uri() . '/assets/css/pages/sales.css');
if (is_page_template('templates/single-quest.php')) wp_enqueue_style('armanty_single-quest', get_template_directory_uri() . '/assets/css/pages/single-quest.css');
if (is_page_template('templates/graduation.php')) wp_enqueue_style('armanty_graduation', get_template_directory_uri() . '/assets/css/pages/graduation.css');
wp_enqueue_style('armanty_holiday', get_template_directory_uri() . '/assets/css/pages/holiday.css');
wp_enqueue_style('armanty_quests', get_template_directory_uri() . '/assets/css/pages/quests.css');
@ -63,41 +64,43 @@ function armanty_get_styles(){
}
function armanty_get_scripts(){
wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', get_template_directory_uri() . '/assets/libs/jquery-3.4.1/jquery-3.4.1.min.js');
wp_enqueue_script('jquery');
wp_enqueue_script( 'poper', get_template_directory_uri( ) . '/assets/libs/bootstrap-4.4.1-dist/js/popper.min.js', ['jquery'], null, true);
wp_enqueue_script( 'bootstrap', get_template_directory_uri( ) . '/assets/libs/bootstrap-4.4.1-dist/js/bootstrap.bundle.min.js', ['jquery'], null, true);
wp_enqueue_script( 'owlcarousel', get_template_directory_uri( ) . '/assets/libs/OwlCarousel2-2.3.4/dist/owl.carousel.js', ['jquery'], null, true);
wp_enqueue_script( 'jqmask', get_template_directory_uri( ) . '/assets/libs/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js', ['jquery'], null, true);
wp_enqueue_script( 'moment', get_template_directory_uri( ) . '/assets/libs/bootstrap_datetimepicker/js/moment-with-locales.min.js', ['jquery'], null, true);
wp_enqueue_script( 'bootstrap', get_template_directory_uri( ) . '/assets/libs/bootstrap_datetimepicker/js/bootstrap.min.js', ['jquery', 'moment'], null, true);
wp_enqueue_script( 'dtpicker', get_template_directory_uri( ) . '/assets/libs/bootstrap_datetimepicker/js/bootstrap-datetimepicker.min.js', ['jquery', 'moment'], null, true);
wp_enqueue_script( 'select', get_template_directory_uri() . '/assets/libs/bootstrap-select/bootstrap-select.min.js');
wp_enqueue_script( 'ksv741script', get_template_directory_uri( ) . '/assets/js/script.js', ['jquery'], null, true);
wp_enqueue_script( 'slider', get_template_directory_uri( ) . '/assets/libs/jQuery-Waterwheel-Carousel/js/jquery.waterwheelCarousel.min.js', ['jquery'], null, true);
wp_enqueue_script( 'swiper', get_template_directory_uri( ) . '/assets/libs/jQueryTouchSwipe/jquery.touchSwipe.min.js', ['jquery'], null, true);
wp_enqueue_script( 'slick', 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js', ['jquery'], null, true);
if(is_front_page() || is_page ('24') || is_page('35') || is_page('56')){
wp_enqueue_script( 'main', get_template_directory_uri( ) . '/assets/js/components/main.js', ['jquery'], null, true);
}
if(is_page ('8')){
wp_enqueue_script( 'quests', get_template_directory_uri( ) . '/assets/js/components/quests.js', ['jquery'], null, true);
}
if(is_page ('24')){
wp_enqueue_script( 'quests', get_template_directory_uri( ) . '/assets/js/components/holiday.js', ['jquery'], null, true);
}
if(is_page ('35')){
wp_enqueue_script( 'certificates', get_template_directory_uri( ) . '/assets/js/components/certificates.js', ['jquery'], null, true);
}
if(is_page ('56')){
wp_enqueue_script( 'sales', get_template_directory_uri( ) . '/assets/js/components/sales.js', ['jquery'], null, true);
}
if(is_page ('59')){
wp_enqueue_script( 'form', get_template_directory_uri( ) . '/assets/js/components/form.js', ['jquery'], null, true);
if (!is_page_template('templates/graduation.php')) {
wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', get_template_directory_uri() . '/assets/libs/jquery-3.4.1/jquery-3.4.1.min.js');
wp_enqueue_script('jquery');
wp_enqueue_script( 'poper', get_template_directory_uri( ) . '/assets/libs/bootstrap-4.4.1-dist/js/popper.min.js', ['jquery'], null, true);
wp_enqueue_script( 'bootstrap', get_template_directory_uri( ) . '/assets/libs/bootstrap-4.4.1-dist/js/bootstrap.bundle.min.js', ['jquery'], null, true);
wp_enqueue_script( 'owlcarousel', get_template_directory_uri( ) . '/assets/libs/OwlCarousel2-2.3.4/dist/owl.carousel.js', ['jquery'], null, true);
wp_enqueue_script( 'jqmask', get_template_directory_uri( ) . '/assets/libs/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js', ['jquery'], null, true);
wp_enqueue_script( 'moment', get_template_directory_uri( ) . '/assets/libs/bootstrap_datetimepicker/js/moment-with-locales.min.js', ['jquery'], null, true);
wp_enqueue_script( 'bootstrap', get_template_directory_uri( ) . '/assets/libs/bootstrap_datetimepicker/js/bootstrap.min.js', ['jquery', 'moment'], null, true);
wp_enqueue_script( 'dtpicker', get_template_directory_uri( ) . '/assets/libs/bootstrap_datetimepicker/js/bootstrap-datetimepicker.min.js', ['jquery', 'moment'], null, true);
wp_enqueue_script( 'select', get_template_directory_uri() . '/assets/libs/bootstrap-select/bootstrap-select.min.js');
wp_enqueue_script( 'ksv741script', get_template_directory_uri( ) . '/assets/js/script.js', ['jquery'], null, true);
wp_enqueue_script( 'slider', get_template_directory_uri( ) . '/assets/libs/jQuery-Waterwheel-Carousel/js/jquery.waterwheelCarousel.min.js', ['jquery'], null, true);
wp_enqueue_script( 'swiper', get_template_directory_uri( ) . '/assets/libs/jQueryTouchSwipe/jquery.touchSwipe.min.js', ['jquery'], null, true);
wp_enqueue_script( 'slick', 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js', ['jquery'], null, true);
if(is_front_page() || is_page ('24') || is_page('35') || is_page('56')){
wp_enqueue_script( 'main', get_template_directory_uri( ) . '/assets/js/components/main.js', ['jquery'], null, true);
}
if(is_page ('8')){
wp_enqueue_script( 'quests', get_template_directory_uri( ) . '/assets/js/components/quests.js', ['jquery'], null, true);
}
if(is_page ('24')){
wp_enqueue_script( 'quests', get_template_directory_uri( ) . '/assets/js/components/holiday.js', ['jquery'], null, true);
}
if(is_page ('35')){
wp_enqueue_script( 'certificates', get_template_directory_uri( ) . '/assets/js/components/certificates.js', ['jquery'], null, true);
}
if(is_page ('56')){
wp_enqueue_script( 'sales', get_template_directory_uri( ) . '/assets/js/components/sales.js', ['jquery'], null, true);
}
if(is_page ('59')){
wp_enqueue_script( 'form', get_template_directory_uri( ) . '/assets/js/components/form.js', ['jquery'], null, true);
}
}
}

View File

@ -1,19 +1,14 @@
const {src, dest, series, parallel, watch} = require('gulp');
const fs = require('fs');
const {src, dest, parallel, watch} = require('gulp');
const sass = require('gulp-sass');
const autoprefixer = require('gulp-autoprefixer');
const notify = require('gulp-notify');
const browser = require('browser-sync');
const concat = require('gulp-concat');
const cleanCSS = require('gulp-clean-css');
const inc = require('gulp-file-include');
const newer = require('gulp-newer');
const imagemin = require('gulp-imagemin');
const imageminPngquant = require('imagemin-pngquant');
const imageminZopfli = require('imagemin-zopfli');
const imageminMozjpeg = require('imagemin-mozjpeg');
const imageminGiflossy = require('imagemin-giflossy');
const argv = require('yargs').argv;
const sourcemaps = require('gulp-sourcemaps');
const uglify = require('gulp-uglify-es').default;
const del = require('del');
@ -68,7 +63,8 @@ function clean(path) {
function startServer(){
browser.init({
// server: './',
proxy: "armanty-quest"
proxy: "armanty-quest",
open: false
})
}
@ -110,13 +106,14 @@ function compressImages(){
function checkNewTemplates(event) {
const fileName = event.slice(10, -4)
const templateName = `<?php
const templateName = fileName[0].toUpperCase() + fileName.slice(1)
const templateString = `<?php
/**
* Template Name: ${fileName.toUpperCase()}
* Template Name: ${templateName}
*/
?>`
src(event)
.pipe(header(templateName))
.pipe(header(templateString))
.pipe(dest('./'))

31640
package-lock.json generated

File diff suppressed because it is too large Load Diff

32
package.json Normal file
View File

@ -0,0 +1,32 @@
{
"name": "ksv741_armanty",
"version": "1.0.0",
"description": "",
"main": "gulpfile.js",
"dependencies": {
"imagemin-giflossy": "^5.1.10",
"node-sass": "^5.0.0"
},
"devDependencies": {
"browser-sync": "^2.26.14",
"del": "^6.0.0",
"gulp": "^4.0.2",
"gulp-autoprefixer": "^7.0.1",
"gulp-clean-css": "^4.3.0",
"gulp-header": "^2.0.9",
"gulp-imagemin": "^7.1.0",
"gulp-newer": "^1.4.0",
"gulp-sass": "^4.1.0",
"gulp-sourcemaps": "^3.0.0",
"gulp-uglify-es": "^2.0.0",
"imagemin-mozjpeg": "^9.0.0",
"imagemin-pngquant": "^9.0.2",
"imagemin-zopfli": "^7.0.0"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}

View File

@ -0,0 +1,8 @@
<div class="description">
<div class="description_layout">
<div class="description_text">
<h2>На нашем детском выпускном все будет по-взрослому:<br>девочки в платьях, мальчики в костюмах, официальная и игровая части и диплом выпускника Armanty, как вишенка на торте.</h2>
<p>Выпускной для детей, оканчивающих садик или <br> начальную школу</p>
</div>
</div>
</div>

View File

@ -0,0 +1,4 @@
<?php wp_footer( ) ?>
</body>
</html>

View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="shortcut icon" href="<?php echo get_template_directory_uri() ?>/assets/img/logo2.png" type="image/x-icon">
<title><?php wp_title('') ?></title>
<?php wp_head( )?>
</head>
<body>

View File

@ -0,0 +1,15 @@
<main>
<div class="main-information">
<h1>Эмоции<br> в центре событий</h1>
<p>Праздничные тарифы на детский выпускной <wbr>для незабываемых впечатлений</p>
<button class="graduation-btn">
<span></span>
Хочу праздник
<span></span>
</button>
</div>
<div class="main-more">
<i class="fa fa-angle-down" aria-hidden="true"></i>
</div>
</main>

View File

@ -73,14 +73,16 @@ $(document).ready(function(){
var scrollPos = 0;
$(window).scroll(function(){
if (!headerContainer) return
var st = $(this).scrollTop();
if (!st) return;
if(st < 199){
return
}
if (st > scrollPos){
headerContainer.classList.add('header-menu__hide');
headerContainer && headerContainer.classList.add('header-menu__hide');
} else {
headerContainer.classList.remove('header-menu__hide');
headerContainer && headerContainer.classList.remove('header-menu__hide');
}
scrollPos = st;
});

View File

@ -14,4 +14,13 @@ $main-color: #dc3545
src: url(../../fonts/Museo-Sans-Cyr/MuseoSansCyrl_2.otf) //Путь к файлу со шрифтом
@font-face
font-family: 'Museo Black' // Имя шрифта
src: url(../../fonts/Museo-Sans-Cyr/MuseoSansCyrl_3.otf) //Путь к файлу со шрифтом
src: url(../../fonts/Museo-Sans-Cyr/MuseoSansCyrl_3.otf) //Путь к файлу со шрифтом
src: url(../../fonts/Museo-Sans-Cyr/MuseoSansCyrl_2.otf) //Путь к файлу со шрифтом
@font-face
font-family: 'Shadow Regular'
src: url('../fonts/Shadow/Shadow-Regular.ttf') format('truetype')
font-style: normal
font-weight: normal
@font-face
font-family: 'Montserrat'
src: url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype')

View File

@ -0,0 +1,82 @@
@import '../fonts'
$title-color: #732B3C
$text-color: #5A5A5A
$btn-color: #00C981
h1, h2
font-family: 'Shadow Regular'
color: $title-color
body
font-family: 'Montserrat'
.graduation-btn
padding: 35px 65px
background: $btn-color
outline: none
border: none
font-family: 'Shadow Regular'
color: #fff
font-size: 18px
main
background: center url('../../img/graduation/main_bg.png')
background-size: contain
// height: 100vh
height: 1019px
width: 100%
position: relative
.main-information
left: 100px
max-width: 550px
position: absolute
top: 300px
h1
margin-bottom: 24px
p
color: $text-color
font-size: 18px
font-weight: 600
margin-bottom: 48px
.main-more
position: absolute
bottom: 87px
transform: translateY(100%)
left: 50%
cursor: pointer
i
font-size: 45px
color: #fff
.description
background: #FCF1DB
padding-top: 120px
padding-bottom: 120px
.description_text
h2
color: #FFFFFF
font-size: 20px
text-align: center
margin-bottom: 38px
p
color: #E2E2E2
font-family: Montserrat
font-size: 18px
font-style: normal
font-weight: 500
line-height: 22px
text-align: center
.description_layout
background: linear-gradient(81.38deg, #552732 32.56%, #C1635C 116.69%);
border-radius: 4px
border: 3px solid #F9E7C1
box-shadow: 8px 8px 14px -2px #D6BBA7
margin: 0 auto
max-width: 1028px
padding: 97px 90px 87px

12
templates/graduation.php Normal file
View File

@ -0,0 +1,12 @@
<?php
/**
* Template Name: Выпускной / Graduation
*/
?>
<?php
get_template_part('parts/landings/graduation/header');
get_template_part('parts/landings/graduation/main');
get_template_part('parts/landings/graduation/description');
get_template_part('parts/landings/graduation/footer');
?>