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]);