add graduation page
This commit is contained in:
parent
9716d6a0cf
commit
5e00e6a21a
@ -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,6 +64,7 @@ function armanty_get_styles(){
|
||||
}
|
||||
|
||||
function armanty_get_scripts(){
|
||||
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');
|
||||
@ -100,6 +102,7 @@ function armanty_get_scripts(){
|
||||
wp_enqueue_script( 'form', get_template_directory_uri( ) . '/assets/js/components/form.js', ['jquery'], null, true);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function armanty_register_menus(){
|
||||
register_nav_menus( [
|
||||
|
||||
17
gulpfile.js
17
gulpfile.js
@ -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('./'))
|
||||
|
||||
|
||||
|
||||
31736
package-lock.json
generated
31736
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
32
package.json
Normal file
32
package.json
Normal 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"
|
||||
}
|
||||
8
parts/landings/graduation/description.php
Normal file
8
parts/landings/graduation/description.php
Normal 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>
|
||||
4
parts/landings/graduation/footer.php
Normal file
4
parts/landings/graduation/footer.php
Normal file
@ -0,0 +1,4 @@
|
||||
|
||||
<?php wp_footer( ) ?>
|
||||
</body>
|
||||
</html>
|
||||
11
parts/landings/graduation/header.php
Normal file
11
parts/landings/graduation/header.php
Normal 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>
|
||||
15
parts/landings/graduation/main.php
Normal file
15
parts/landings/graduation/main.php
Normal 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>
|
||||
@ -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;
|
||||
});
|
||||
|
||||
@ -15,3 +15,12 @@ $main-color: #dc3545
|
||||
@font-face
|
||||
font-family: 'Museo Black' // Имя шрифта
|
||||
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')
|
||||
82
src/sass/pages/graduation.sass
Normal file
82
src/sass/pages/graduation.sass
Normal 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
12
templates/graduation.php
Normal 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');
|
||||
?>
|
||||
Loading…
x
Reference in New Issue
Block a user