wip
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
.footer {
|
||||
display: flex;
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
padding-block: 2rem 5rem;
|
||||
padding-block: 2rem 3rem;
|
||||
background: var(--color-white);
|
||||
}
|
||||
|
||||
@@ -16,3 +16,8 @@
|
||||
.footer__content ul + ul {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.footer__tail {
|
||||
margin-top: 3rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -14,6 +14,10 @@
|
||||
box-shadow: unset;
|
||||
}
|
||||
|
||||
.header.is-open .header__section{
|
||||
border-bottom: 0.0625rem solid var(--color-black);
|
||||
}
|
||||
|
||||
.header.is-open .header__mobile {
|
||||
display: block;
|
||||
}
|
||||
@@ -29,11 +33,12 @@
|
||||
.header__mobile {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 5rem;
|
||||
top: 5.0625rem;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: calc(100% - 4.75rem);
|
||||
background-color: var(--color-white);
|
||||
overflow-y: auto;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
|
||||
@@ -259,3 +259,38 @@
|
||||
overflow-y: auto;
|
||||
margin-bottom: 0.625rem;
|
||||
}
|
||||
|
||||
.section--gdpr {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: var(--color-white);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.section--gdpr.is-open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.section--gdpr h2,h3{
|
||||
text-align: center;
|
||||
padding-inline: 1rem;
|
||||
}
|
||||
|
||||
.section--gdpr .list{
|
||||
margin-inline: auto;
|
||||
max-width: 50rem;
|
||||
}
|
||||
|
||||
.section--gdpr .list li {
|
||||
padding-inline: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.section--gdpr .list.prologue li {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
@@ -82,7 +82,6 @@
|
||||
.list--mobile {
|
||||
text-align: center;
|
||||
font-size: 1.375rem;
|
||||
border-top: 0.0625rem solid var(--color-black);
|
||||
padding-top: 0.75rem;
|
||||
}
|
||||
|
||||
|
||||
@@ -112,6 +112,16 @@ function init() {
|
||||
$('body').find('.section--preview').removeClass('is-open');
|
||||
});
|
||||
|
||||
$('.js-gdpr-open').click(function() {
|
||||
$('body').removeClass('noscroll');
|
||||
$('body').find('.section--gdpr').addClass('is-open');
|
||||
});
|
||||
|
||||
$('.js-gdpr-close').click(function() {
|
||||
$('body').removeClass('noscroll');
|
||||
$('body').find('.section--gdpr').removeClass('is-open');
|
||||
});
|
||||
|
||||
$('.js-preview-prev').click(function() {
|
||||
let data = $(this).closest('.section--preview');
|
||||
let x = Number(data.attr('data-object'));
|
||||
@@ -228,7 +238,11 @@ switch(Number(object)) {
|
||||
"img/gallery/statek/21.webp",
|
||||
"img/gallery/statek/22.webp",
|
||||
"img/gallery/statek/23.webp",
|
||||
"img/gallery/statek/24.webp"
|
||||
"img/gallery/statek/24.webp",
|
||||
"img/gallery/statek/25.webp",
|
||||
"img/gallery/statek/26.webp",
|
||||
"img/gallery/statek/27.webp",
|
||||
"img/gallery/statek/28.webp"
|
||||
];
|
||||
break;
|
||||
case 1:
|
||||
@@ -300,7 +314,15 @@ switch(Number(object)) {
|
||||
"img/gallery/statek/8.webp",
|
||||
"img/gallery/statek/7.webp",
|
||||
"img/gallery/statek/11.webp",
|
||||
"img/gallery/statek/w5.webp"
|
||||
"img/gallery/statek/w5.webp",
|
||||
"img/gallery/statek/w7.webp",
|
||||
"img/gallery/statek/w8.webp",
|
||||
"img/gallery/statek/w9.webp",
|
||||
"img/gallery/statek/w10.webp",
|
||||
"img/gallery/statek/25.webp",
|
||||
"img/gallery/statek/26.webp",
|
||||
"img/gallery/statek/27.webp",
|
||||
"img/gallery/statek/28.webp"
|
||||
];
|
||||
}
|
||||
|
||||
@@ -387,6 +409,30 @@ function galleryControl(e,f,g,h) {
|
||||
break;
|
||||
case 12:
|
||||
next = "w5";
|
||||
break;
|
||||
case 13:
|
||||
next = "w7";
|
||||
break;
|
||||
case 14:
|
||||
next = "w8";
|
||||
break;
|
||||
case 15:
|
||||
next = "w9";
|
||||
break;
|
||||
case 16:
|
||||
next = "w10";
|
||||
break;
|
||||
case 17:
|
||||
next = "25";
|
||||
break;
|
||||
case 18:
|
||||
next = "26";
|
||||
break;
|
||||
case 19:
|
||||
next = "27";
|
||||
break;
|
||||
case 20:
|
||||
next = "28"
|
||||
}
|
||||
}
|
||||
$('body').find('.section--preview').find('img').attr('src','img/gallery/' + object + '/' + next + '.webp');
|
||||
|
||||
Reference in New Issue
Block a user