diff --git a/Boncreabel.fig b/Boncreabel.fig new file mode 100644 index 0000000..044bc52 Binary files /dev/null and b/Boncreabel.fig differ diff --git a/css/style.css b/css/style.css index a42efd7..43acc4d 100644 --- a/css/style.css +++ b/css/style.css @@ -123,6 +123,7 @@ header h1 { .slides_counter li { transition: font-size 0.6s ease; + user-select: none; } .active_slide { @@ -130,10 +131,15 @@ header h1 { color: white; } +.active_description { + flex-direction: column; +} + .mainSlide { font-family: 'Exo2', sans-serif; position: relative; height: 100%; + width: 100%; display: flex; justify-content: center; align-items: center; @@ -259,7 +265,6 @@ canvas { .service { border: 2px solid #fff; - border-left: none; width: 400px; height: 196px; display: flex; @@ -267,6 +272,8 @@ canvas { } .service p { + background-color: #2b2b2b; + padding: 10px 0; margin-left: -25px; font-size: 36px; color: #E2F27D; @@ -341,6 +348,10 @@ canvas { align-items: center; } +.contactLinksWrapper { + padding-right: 20px; +} + .contactLinksWrapper svg { margin-right: 20px; } diff --git a/index.html b/index.html index a44b43a..8e25234 100644 --- a/index.html +++ b/index.html @@ -49,9 +49,9 @@

Boncreabel

  • 01
  • 02
  • 03
  • -
  • 04
  • +
    diff --git a/js/app.js b/js/app.js index 428c27f..63b16f0 100644 --- a/js/app.js +++ b/js/app.js @@ -41,31 +41,31 @@ let slideData = { headColor: 'white', className: '.mainSlide' }, + // 1: { + // bg_class: 'lightGray', + // slideName: 'Портфолио', + // headColor: 'black', + // className: '.portfolio' + // }, 1: { - bg_class: 'lightGray', - slideName: 'Портфолио', - headColor: 'black', - className: '.portfolio' - }, - 2: { bg_class: 'gray', slideName: 'Услуги', headColor: 'white', className: '.services' }, - 3: { - bg_class: 'lightGray', - slideName: 'О студии', - headColor: 'black', - className: '.aboutUs' - }, - 4: { - bg_class: "gray", - slideName: 'Блог', - headColor: 'white', - className: '.blog' - }, - 5: { + // 3: { + // bg_class: 'lightGray', + // slideName: 'О студии', + // headColor: 'black', + // className: '.aboutUs' + // }, + // 4: { + // bg_class: "gray", + // slideName: 'Блог', + // headColor: 'white', + // className: '.blog' + // }, + 2: { bg_class: 'lightGray', slideName: 'Контакты', headColor: 'black', @@ -129,7 +129,7 @@ const handleTouchMove = evt => { if (Math.abs(xDiff) < Math.abs(yDiff)) { if (yDiff > 0) { - if (bgId < 5) { + if (bgId < 3) { let nextBg = bgId + 1; bgClass(nextBg, bgId); bg.id = nextBg; @@ -155,7 +155,7 @@ document.querySelector('.fullpage').addEventListener("wheel", event => { let bgId = parseInt(bg.id); if (isAnimating) return; if (delta == 1) { - if (bgId < 5) { + if (bgId < 3) { let nextBg = bgId + 1; bgClass(nextBg, bgId); bg.id = nextBg; @@ -222,7 +222,7 @@ const listCount = document.querySelectorAll('.slides_counter li'); listCount.forEach(el => { el.addEventListener('click', () => { - if (el.classList[1] != undefined) return; + if (el.classList[1] != undefined || isAnimating) return; let current = document.querySelector('.fullpage') bgClass(parseInt(el.classList[0][6]), parseInt(current.id)) current.id = parseInt(el.classList[0][6]);