Skip to content

D
dev.biuro
Commit 158469f1 authored by Simonas's avatar Simonas
Browse files
Options

Merge branch 'feedback-redesign' into dev

parents 72c1d75c f8b0b9df
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 125 additions and 1066 deletions
wp-content/themes/biuro/css/07-components/_component--feedbacks--default.css 0 → 100644
View file @ 158469f1
/* ------------- Component: feedbacks ------------- */
/* critical:start */
.c-feedbacks { padding: 30px 0 30px; background: linear-gradient(134.06deg, #FFFFFF 0%, #CBE2EC 100%);
@media (--min--medium) {
padding: 50px 0 70px;
}
}
.c-feedbacks--inner { position: relative; overflow: hidden; width: 340px; height: 250px; margin: 0 auto; max-width: 100%;
@media (--min--medium) {
width: 640px; height: 300px;
}
}
.c-feedbacks--heading { color: #2A3644; margin: 0 0 20px; padding: 0 30px; font-size: 18px; line-height: 26px; font-weight: 500; text-align: center;
@media (--min--medium) {
font-size: 25px; line-height: 29px; margin: 0 0 40px;
}
}
.c-feedbacks--section { padding-top: 40px; }
.c-feedbacks--section-inner { position: relative; height: 110px; width: 320px; margin: 0 5px; padding: 60px 0 0; border-radius: 23px; background-color: #FFFFFF;
@media (--min--medium) {
height: 140px; width: 574px; margin: 0 33px;
}
}
/* critical:end */
.c-feedbacks--img { position: absolute; top: -32px; left: 50%; margin-left: -42px; }
.c-feedbacks--feedback { margin: 0 auto 10px; max-width: 260px; height: 58px; color: #2A3644; font-family: Georgia; font-size: 14px; line-height: 26px; text-align: center; overflow: hidden;
@media (--min--medium) {
margin: 0 auto 17px; height: 79px; font-size: 21px; line-height: 40px; max-width: 400px;
}
}
.c-feedbacks--name { color: #919191; font-family: Georgia; font-size: 13px; line-height: 15px; text-align: center; padding: 0 10px;
@media (--min--medium) {
font-size: 15px; line-height: 17px;
}
}
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; }
.swiper-pagination-bullet { width: 9px; height: 9px; background: #D8D8D8; opacity: 1; }
.swiper-pagination-bullet-active { background: #717171; }
wp-content/themes/biuro/css/07-components/_component--feedbacks.css
View file @ 158469f1
...@@ -2,15 +2,15 @@ ...@@ -2,15 +2,15 @@
/* critical:start */ /* critical:start */
.c-feedbacks { padding: 30px 0 30px; background: linear-gradient(134.06deg, #FFFFFF 0%, #CBE2EC 100%); .c-feedbacks { padding: 30px 0 30px; background: linear-gradient(134.06deg, #FFFFFF 0%, #CBE2EC 100%); overflow: hidden;
@media (--min--medium) { @media (--min--medium) {
padding: 50px 0 70px; padding: 50px 0 70px;
} }
} }
.c-feedbacks--inner { position: relative; overflow: hidden; width: 340px; height: 250px; margin: 0 auto; max-width: 100%; .c-feedbacks--inner { position: relative; overflow: hidden; height: 420px; margin: -20px auto -40px; width: 100%; padding: 20px 10px 0;
@media (--min--medium) { @media (--min--medium) {
width: 640px; height: 300px; max-width: 720px; padding: 20px 0 0;
} }
} }
...@@ -20,29 +20,33 @@ ...@@ -20,29 +20,33 @@
} }
} }
.c-feedbacks--section { padding-top: 40px; } .c-feedbacks--section { max-width: 300px; height: 350px; margin: 0 auto; }
.c-feedbacks--section-inner { position: relative; height: 110px; width: 320px; margin: 0 5px; padding: 60px 0 0; border-radius: 23px; background-color: #FFFFFF; .c-feedbacks--section-inner { position: relative; height: 300px !important; max-width: 100%; background-color: #FFFFFF; border-radius: 3px; padding-top: 50px; }
@media (--min--medium) {
height: 140px; width: 574px; margin: 0 33px;
} .swiper-slide-active {
.c-feedbacks--section-inner { box-shadow: -1px 15px 46px 0 rgba(192,210,231,0.5); }
} }
/* critical:end */ /* critical:end */
.c-feedbacks--img { position: absolute; top: -32px; left: 50%; margin-left: -42px; } .c-feedbacks--img { display: block; margin: 0 auto 40px; }
.c-feedbacks--feedback { margin: 0 auto 10px; max-width: 260px; height: 58px; color: #2A3644; font-family: Georgia; font-size: 14px; line-height: 26px; text-align: center; overflow: hidden; .c-feedbacks--feedback { margin: 0 auto 10px; max-width: 90%; min-height: 66px; color: #2A3644; font-family: Georgia; font-size: 17px; line-height: 23px; text-align: center; overflow: hidden; width: 100%;
@media (--min--medium) { @media (--min--medium) {
margin: 0 auto 17px; height: 79px; font-size: 21px; line-height: 40px; max-width: 400px; margin: 0 auto 15px; min-height: 79px; line-height: 27px;
} }
} }
.c-feedbacks--name { color: #919191; font-family: Georgia; font-size: 13px; line-height: 15px; text-align: center; padding: 0 10px; .c-feedbacks--name { color: #919191; font-family: Georgia; font-size: 13px; line-height: 17px; text-align: center; padding: 0 15px;
@media (--min--medium) { @media (--min--medium) {
font-size: 15px; line-height: 17px; font-size: 15px; line-height: 21px;
} }
} }
.swiper-slide { max-width: 300px; }
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; } .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; }
.swiper-pagination-bullet { width: 9px; height: 9px; background: #D8D8D8; opacity: 1; } .swiper-pagination-bullet { width: 9px; height: 9px; background: #D8D8D8; opacity: 1; }
......
wp-content/themes/biuro/css/core-afb860776e.min.css 0 → 100644
View file @ 158469f1
This diff is collapsed.
wp-content/themes/biuro/css/core.min.css deleted 100644 → 0
View file @ 72c1d75c
This source diff could not be displayed because it is too large. You can view the blob instead.
wp-content/themes/biuro/css/main.min.css.map deleted 100644 → 0
View file @ 72c1d75c
This diff is collapsed.
wp-content/themes/biuro/footer.php
View file @ 158469f1
...@@ -154,7 +154,7 @@ ...@@ -154,7 +154,7 @@
<?php <?php
endif; endif;
?> ?>
<script src="/wp-content/themes/biuro/js/main.min.js" async></script> <script src="/wp-content/themes/biuro/js/main-bda32991.min.js" async></script>
<?php <?php
// global $time_start; // global $time_start;
......
wp-content/themes/biuro/header-langing.php
View file @ 158469f1
...@@ -31,18 +31,18 @@ ...@@ -31,18 +31,18 @@
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" >
<style><?php include 'css/core.min.css'; ?></style> <style><?php include 'css/core-afb860776e.min.css'; ?></style>
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" >
<link rel="preload" href="/wp-content/themes/biuro/css/main.min.css" as="style" onload="this.rel='stylesheet'"> <link rel="preload" href="/wp-content/themes/biuro/css/main-84fd3913fa.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preconnect" href="https://www.gstatic.com"> <link rel="preconnect" href="https://www.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com">
<noscript> <noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css"> <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-84fd3913fa.min.css">
</noscript> </noscript>
<?php wp_head(); ?> <?php wp_head(); ?>
......
wp-content/themes/biuro/header.php
View file @ 158469f1
...@@ -31,18 +31,18 @@ ...@@ -31,18 +31,18 @@
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" >
<style><?php include 'css/core.min.css'; ?></style> <style><?php include 'css/core-afb860776e.min.css'; ?></style>
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" > <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" >
<link rel="preload" href="/wp-content/themes/biuro/css/main.min.css" as="style" onload="this.rel='stylesheet'"> <link rel="preload" href="/wp-content/themes/biuro/css/main-84fd3913fa.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preconnect" href="https://www.gstatic.com"> <link rel="preconnect" href="https://www.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com">
<noscript> <noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css"> <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-84fd3913fa.min.css">
</noscript> </noscript>
<?php wp_head(); ?> <?php wp_head(); ?>
......
wp-content/themes/biuro/js/main-bda32991.min.js 0 → 100644
View file @ 158469f1
This source diff could not be displayed because it is too large. You can view the blob instead.
wp-content/themes/biuro/js/main.js
View file @ 158469f1
...@@ -8,20 +8,63 @@ ...@@ -8,20 +8,63 @@
import Awesomplete from './vendor/awesomplete'; import Awesomplete from './vendor/awesomplete';
import Swiper from './vendor/swiper'; import Swiper from './vendor/swiper';
// const swiper = new Swiper('.c-feedbacks--inner', {
// speed: 900,
// autoplay: {
// delay: 6000,
// disableOnInteraction: false
// },
// grabCursor: true,
// loop: true,
// pagination: {
// el: '.swiper-pagination',
// clickable: true
// }
// });
const swiper = new Swiper('.c-feedbacks--inner', { const swiper = new Swiper('.c-feedbacks--inner', {
effect: 'coverflow',
grabCursor: false,
centeredSlides: true,
slidesPerView: 'auto',
slideToClickedSlide: true,
coverflowEffect: {
rotate: 0,
stretch: 0,
depth: 300,
modifier: 1,
slideShadows: false
},
speed: 900, speed: 900,
autoplay: { autoplay: {
delay: 6000, delay: 6000,
disableOnInteraction: false disableOnInteraction: false
}, },
grabCursor: true, // grabCursor: true,
loop: true, loop: true,
pagination: { // pagination: {
el: '.swiper-pagination', // el: '.swiper-pagination',
clickable: true // clickable: true
} // }
}); });
// var swiper = new Swiper('.swiper-container', {
// effect: 'coverflow',
// grabCursor: true,
// centeredSlides: true,
// slidesPerView: 'auto',
// coverflowEffect: {
// rotate: 50,
// stretch: 0,
// depth: 100,
// modifier: 1,
// slideShadows : true,
// },
// pagination: {
// el: '.swiper-pagination',
// },
// });
const lisp = (str) => { const lisp = (str) => {
var symbols = { var symbols = {
'ą': 'a', 'ą': 'a',
......
wp-content/themes/biuro/js/main.min.js deleted 100644 → 0
View file @ 72c1d75c
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment