Commit d2684603 authored by Simonas's avatar Simonas

Recommend UI complete

parent 8667af0c
...@@ -173,17 +173,17 @@ services: ...@@ -173,17 +173,17 @@ services:
# wp option update date_format "Y-m-d"; # wp option update date_format "Y-m-d";
# wp option update time_format "H:i"; # wp option update time_format "H:i";
wp plugin install loco-translate --version=2.3.0 --activate-network; wp plugin install loco-translate --version=2.3.0 --activate-network --force;
# wp plugin update loco-translate --version=2.3.0; # wp plugin update loco-translate --version=2.3.0;
wp plugin install pods --version=2.7.15 --activate-network; wp plugin install pods --version=2.7.15 --activate-network --force;
# wp plugin update pods --version=2.7.15; # wp plugin update pods --version=2.7.15;
wp plugin install polylang --version=2.6.4 --activate-network; wp plugin install polylang --version=2.6.4 --activate-network --force;
# wp plugin update polylang --version=2.6.4; # wp plugin update polylang --version=2.6.4;
wp plugin install wordpress-seo --version=12.0 --activate-network; wp plugin install wordpress-seo --version=12.1 --activate-network --force;
# wp plugin update wordpress-seo --version=12.0; # wp plugin update wordpress-seo --version=12.1;
wp plugin update akismet --version=4.1.2; wp plugin update akismet --version=4.1.2;
wp plugin uninstall hello; wp plugin uninstall hello;
......
...@@ -32,6 +32,7 @@ ...@@ -32,6 +32,7 @@
.l-section--inner { width: 100%; max-width: 1030px; margin: 0 auto; } .l-section--inner { width: 100%; max-width: 1030px; margin: 0 auto; }
.l-section--inner-extended { width: 100%; max-width: 1170px; margin: 0 auto; }
.l-section--landing-1 { display: flex; align-items: flex-end; padding: 0 !important; background-color: #515e70; height: 240px; .l-section--landing-1 { display: flex; align-items: flex-end; padding: 0 !important; background-color: #515e70; height: 240px;
...@@ -39,6 +40,11 @@ ...@@ -39,6 +40,11 @@
height: 348px; height: 348px;
} }
} }
.l-section--recommend { display: flex; align-items: flex-end; padding: 0 !important; background-color: #3EB0B1; height: 240px;
@media (--min--medium) {
height: 355px;
}
}
/* critical:end */ /* critical:end */
...@@ -78,3 +84,13 @@ ...@@ -78,3 +84,13 @@
.l-section--landing-1 { background-image: url(/wp-content/themes/biuro/i/sections/landing-1.webp); } .l-section--landing-1 { background-image: url(/wp-content/themes/biuro/i/sections/landing-1.webp); }
} }
.l-section--recommend { background-image: url(/wp-content/themes/biuro/i/sections/recommend-xl.jpg); background-position: 40% 15%; background-size: 220%;
@media (--min--small) {
background-position: 50% 15%;
}
@media (--min--medium) {
background-size: cover;
}
}
...@@ -25,22 +25,30 @@ ...@@ -25,22 +25,30 @@
} }
} }
.c-form--recommend { border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 31px -23px #6A7481; .c-form--recommend { border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 31px -23px #6A7481; padding: 0 15px 20px;
@media (--min--medium) { @media (--min--medium) {
padding: 0 33px 20px; padding: 0 33px 20px;
} }
} }
.c-form--cols { .c-form--cols { margin: 0 -15px;
@media (--min--medium) { @media (--min--medium) {
display: flex; margin: 0 -33px; display: flex; margin: 0 -33px;
} }
} }
.c-form--col { flex: 1 1 50%; } .c-form--col { flex: 1 1 50%; padding: 25px 15px 0; }
.c-form--col--about { /* margin: 0 -33px; */ padding: 42px 24px 0 33px; background: linear-gradient(180deg, #A1FFF0 0%, rgba(255,255,255,0) 168px); } .c-form--col--about { background: linear-gradient(180deg, #A1FFF0 0%, rgba(255,255,255,0) 168px);
.c-form--col--about-friend { /*margin: 0 -33px;*/ padding: 42px 33px 0 24px; background: linear-gradient(180deg, #CFE1FC 0%, rgba(255,255,255,0) 168px); } @media (--min--medium) {
padding: 42px 24px 0 33px;
}
}
.c-form--col--about-friend { background: linear-gradient(180deg, #CFE1FC 0%, rgba(255,255,255,0) 168px);
@media (--min--medium) {
padding: 42px 24px 0 33px;
}
}
.c-form--success { margin: -28px -20px 20px; padding: 28px 20px 20px; border-radius: 3px 3px 0 0; text-align: center; color: #27b199; font-style: 18px; line-height: 25px; background: #e5fdf9; font-weight: 500; .c-form--success { margin: -28px -20px 20px; padding: 28px 20px 20px; border-radius: 3px 3px 0 0; text-align: center; color: #27b199; font-style: 18px; line-height: 25px; background: #e5fdf9; font-weight: 500;
@media (--min--medium) { @media (--min--medium) {
...@@ -48,7 +56,11 @@ ...@@ -48,7 +56,11 @@
} }
} }
.c-form--headline { text-transform: uppercase; margin-bottom: 30px; font-weight: 500; font-size: 18px; } .c-form--headline { text-transform: uppercase; margin-bottom: 20px; font-weight: 500; font-size: 18px;
@media (--min--medium) {
margin-bottom: 30px;
}
}
.c-form--headline--about { color: #14B399; } .c-form--headline--about { color: #14B399; }
.c-form--headline--about-friend { color: #004ED7; } .c-form--headline--about-friend { color: #004ED7; }
......
...@@ -49,12 +49,15 @@ ...@@ -49,12 +49,15 @@
} }
.c-heading--recommend-friend { .c-heading--recommend-friend {
h1 { max-width: 230px; color: #fff; font-size: 21px; line-height: 32px; padding: 0 20px; h1 { max-width: 420px; color: #fff; font-size: 26px; line-height: 37px; padding: 0 20px 20px;
@media (--max--medium) {
margin: 0 auto;
}
@media (--min--medium) { @media (--min--medium) {
max-width: 500px; font-size: 31px; line-height: 45px; max-width: 500px; font-size: 32px; line-height: 56px; padding: 0 20px;
} }
span { span {
display: inline-block; background: blue; font-weight: bold; padding: 3px 10px 1px; border-radius: 4px; display: inline-block; background: blue; font-weight: bold; padding: 3px 10px 1px; border-radius: 6px;
} }
} }
} }
......
...@@ -10,6 +10,8 @@ ...@@ -10,6 +10,8 @@
.c-ico--phone { float: left; margin: 3px 10px 0 1px; } .c-ico--phone { float: left; margin: 3px 10px 0 1px; }
.c-ico--phone-recommend { float: left; margin: 0 15px 0 0; }
.c-ico--email { float: left; margin: 6px 10px 0 0; } .c-ico--email { float: left; margin: 6px 10px 0 0; }
.c-ico--address { float: left; margin: 3px 12px 0 3px; } .c-ico--address { float: left; margin: 3px 12px 0 3px; }
...@@ -24,6 +26,10 @@ ...@@ -24,6 +26,10 @@
.c-ico--easy { float: left; margin: 0 21px 0 0; } .c-ico--easy { float: left; margin: 0 21px 0 0; }
.c-ico--edit { float: left; margin: 0 13px 0 1px; }
.c-ico--euro { float: left; margin: 0 15px 0 0; }
.c-ico--attachment { margin: -2px 4px -1px 0; opacity: 0.5; } .c-ico--attachment { margin: -2px 4px -1px 0; opacity: 0.5; }
/* critical:end */ /* critical:end */
......
...@@ -17,14 +17,19 @@ ...@@ -17,14 +17,19 @@
} }
} }
.c-recommend-friend--content { color: #2A3644; font-weight: 500; line-height: 29px; padding: 15px 0 20px 15px; .c-recommend-friend--content { color: #2A3644; font-weight: 500; line-height: 22px; padding: 15px 0 20px;
@media (--min--medium) { @media (--min--medium) {
flex: 1 1 40%; max-width: 500px; padding: 0 0 0 90px; flex: 1 1 40%; max-width: 500px; line-height: 29px;
} }
img { max-width: 100%; height: auto; } img { max-width: 100%; height: auto; }
span { overflow: hidden; line-height: 24px;
/* @media (--min--medium) {
line-height: 28px;
}*/
}
} }
.c-recommend-friend--img { margin-top: 40px; } /*.c-recommend-friend--img { margin-top: 40px; }*/
.c-recommend-friend--form { max-width: 604px; .c-recommend-friend--form { max-width: 604px;
@media (--min--medium) { @media (--min--medium) {
...@@ -34,3 +39,9 @@ ...@@ -34,3 +39,9 @@
/* critical:end */ /* critical:end */
.c-recommend-friend--gift { background-color: #004ED4; margin-top: 60px; max-width: 444px; min-height: 115px; border-radius: 6px; color: #FFFFFF; line-height: 20px; font-weight: 400; text-align: center; padding: 0 20px;
@media (--min--medium) {
padding: 0 40px; margin-top: 80px; line-height: 24px;
}
}
.c-recommend-friend--gift-img { position: relative; top: -36px; width: 70px; height: 70px; margin: 0 auto -30px; padding: 20px 0 0; box-shadow: 0 2px 12px 0 rgba(146,141,141,0.5); background-color: #FFFFFF; border-radius: 50%; color: #004ED4; }
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -43,25 +43,6 @@ ...@@ -43,25 +43,6 @@
dynamic_sidebar( 'landing_page_employees_1' ); dynamic_sidebar( 'landing_page_employees_1' );
endif; endif;
?> ?>
<?php
/*
<p>
<svg width="24px" height="24px" class="c-ico--time">
<use xlink:href="#ico--time"></use>
</svg> Kandidatuok per 30 sekundžių
</p>
<p>
<svg width="23px" height="21px" class="c-ico--offer">
<use xlink:href="#ico--offer"></use>
</svg> Gauk darbo pasiūlymą
</p>
<p>
<svg width="23px" height="23px" class="c-ico--easy">
<use xlink:href="#ico--easy"></use>
</svg> Greita, paprasta ir patogu
</p>
*/
?>
<div class="c-contact-landing-1--img"> <div class="c-contact-landing-1--img">
<picture> <picture>
<source srcset="/wp-content/themes/biuro/i/contact.webp" type="image/webp"> <source srcset="/wp-content/themes/biuro/i/contact.webp" type="image/webp">
......
...@@ -93,6 +93,12 @@ ...@@ -93,6 +93,12 @@
endif; endif;
wp_reset_query(); wp_reset_query();
elseif (get_page_template_slug() == 'page-recommend-friend.php'):
?>
<div class="c-footer-action">
<a href="#action" class="o-btn c-btn--main c-btn--footer"><?php _e('Recommend', 'biuro'); ?></a>
</div>
<?php
else: else:
$contactsPage = new WP_Query( array( $contactsPage = new WP_Query( array(
'numberposts' => 1, 'numberposts' => 1,
......
...@@ -291,6 +291,24 @@ function biuro_widger_areas() { ...@@ -291,6 +291,24 @@ function biuro_widger_areas() {
'before_title' => '', 'before_title' => '',
'after_title' => '', 'after_title' => '',
) ); ) );
register_sidebar( array(
'name' => 'Recommend page: Content area',
'id' => 'recommend_page_content_area',
'before_widget' => '',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
) );
register_sidebar( array(
'name' => 'Recommend page: Gift area',
'id' => 'recommend_page_gift_area',
'before_widget' => '',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
) );
} }
add_action( 'widgets_init', 'biuro_widger_areas' ); add_action( 'widgets_init', 'biuro_widger_areas' );
......
This diff is collapsed.
...@@ -14,8 +14,8 @@ ...@@ -14,8 +14,8 @@
get_header('langing'); get_header('langing');
?> ?>
<div class="l-section l-section--landing-1"> <div class="l-section l-section--recommend">
<div class="l-section--inner"> <div class="l-section--inner-extended">
<?php <?php
while ( have_posts() ) : while ( have_posts() ) :
?> ?>
...@@ -39,15 +39,22 @@ ...@@ -39,15 +39,22 @@
<div class="c-recommend-friend--content"> <div class="c-recommend-friend--content">
<?php <?php
if ( is_active_sidebar( 'landing_page_employees_1' ) ) : if ( is_active_sidebar( 'recommend_page_content_area' ) ) :
dynamic_sidebar( 'landing_page_employees_1' ); dynamic_sidebar( 'recommend_page_content_area' );
endif;
?>
<div class="c-recommend-friend--gift">
<div class="c-recommend-friend--gift-img">
<svg width="30" height="27" xmlns="http://www.w3.org/2000/svg">
<path style="fill: currentColor" d="M26.812 6.75h-3.62c.482-.68.777-1.518.777-2.437 0-2.24-1.696-4.063-3.784-4.063-2.148 0-3.392 1.29-5.56 4.865l-.385-.625C12.302 1.388 11.082.25 9.064.25c-2.087 0-3.783 1.823-3.783 4.063 0 .919.295 1.757.777 2.437h-3.62A2.437 2.437 0 0 0 0 9.188v14.624a2.437 2.437 0 0 0 2.437 2.438h24.375a2.437 2.437 0 0 0 2.438-2.438V9.188a2.437 2.437 0 0 0-2.438-2.438zm-6.627 0H15.54l.444-.737c2.258-3.717 3.073-4.138 4.202-4.138 1.189 0 2.159 1.092 2.159 2.438 0 1.345-.97 2.437-2.159 2.437zM9.065 1.875c1.188 0 2.02.462 4.534 4.692l.107.183H9.059c-1.188 0-2.158-1.092-2.158-2.437.005-1.346.975-2.438 2.163-2.438zm18.56 21.937a.814.814 0 0 1-.813.813H2.437a.814.814 0 0 1-.812-.813v-1.624h26v1.624zm0-3.25h-26v-3.25h26v3.25zm0-4.874h-26v-6.5c0-.45.364-.813.812-.813h10.227L8.65 12.388a.406.406 0 0 0 0 .575l.574.574a.406.406 0 0 0 .574 0l4.826-4.826 4.826 4.826a.406.406 0 0 0 .574 0l.574-.574a.406.406 0 0 0 0-.575l-4.013-4.013h10.226c.45 0 .813.364.813.813v6.5z" fill-rule="nonzero"/>
</svg>
</div>
<?php
if ( is_active_sidebar( 'recommend_page_gift_area' ) ) :
dynamic_sidebar( 'recommend_page_gift_area' );
endif; endif;
?> ?>
<div class="c-recommend-friend--img">
<picture>
<source srcset="/wp-content/themes/biuro/i/contact.webp" type="image/webp">
<img loading="lazy" src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
</picture>
</div> </div>
</div> </div>
...@@ -61,11 +68,9 @@ ...@@ -61,11 +68,9 @@
</div><!-- .c-recommend-friend --> </div><!-- .c-recommend-friend -->
<?php <?php
/*
if ( is_active_sidebar( 'front_page_feedbacks' ) ) : if ( is_active_sidebar( 'front_page_feedbacks' ) ) :
dynamic_sidebar( 'front_page_feedbacks' ); dynamic_sidebar( 'front_page_feedbacks' );
endif; endif;
*/
?> ?>
</main><!-- .l-main --> </main><!-- .l-main -->
......
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
</symbol> </symbol>
<symbol id="ico--success" viewBox="0 0 67 67"> <symbol id="ico--success" viewBox="0 0 67 67">
<path fill="#1FB299" d="M44.624,22.505c0.302-0.302,0.792-0.302,1.094,0l1.823,1.823c0.302,0.302,0.302,0.792,0,1.094 L28.217,44.745c-0.302,0.302-0.792,0.302-1.094,0l-8.599-8.599c-0.302-0.302-0.302-0.792,0-1.094l1.823-1.823 c0.302-0.302,0.792-0.302,1.094,0l6.229,6.229L44.624,22.505z"/> <path fill="#1FB299" d="M44.624,22.505c0.302-0.302,0.792-0.302,1.094,0l1.823,1.823c0.302,0.302,0.302,0.792,0,1.094 L28.217,44.745c-0.302,0.302-0.792,0.302-1.094,0l-8.599-8.599c-0.302-0.302-0.302-0.792,0-1.094l1.823-1.823 c0.302-0.302,0.792-0.302,1.094,0l6.229,6.229L44.624,22.505z"/>
<circle id="Oval" fill="none" stroke="#1FB299" cx="33.5" cy="33.5" r="33"/> <circle fill="none" stroke="#1FB299" cx="33.5" cy="33.5" r="33"/>
</symbol> </symbol>
<symbol id="ico--close" viewBox="0 0 13 13"> <symbol id="ico--close" viewBox="0 0 13 13">
<path fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" d="M6.5,6.5L0.843,0.843L6.5,6.5 l-5.657,5.657L6.5,6.5z M6.5,6.5l5.657,5.657L6.5,6.5l5.657-5.657L6.5,6.5z"/> <path fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" d="M6.5,6.5L0.843,0.843L6.5,6.5 l-5.657,5.657L6.5,6.5z M6.5,6.5l5.657,5.657L6.5,6.5l5.657-5.657L6.5,6.5z"/>
...@@ -76,4 +76,11 @@ ...@@ -76,4 +76,11 @@
<symbol id="ico--attachment" viewBox="0 0 16 21"> <symbol id="ico--attachment" viewBox="0 0 16 21">
<path class="u-fill--inherit" d="M1.873,18.799c-1.883-2.266-1.884-5.934,0-8.201L9.18,1.808c1.45-1.744,3.808-1.744,5.258,0 c1.453,1.748,1.453,4.578,0,6.326l-6.152,7.402c-1.02,1.227-2.679,1.227-3.699,0c-1.022-1.23-1.023-3.221,0-4.451l5.21-6.269 c0.152-0.183,0.399-0.183,0.551,0l0.551,0.663c0.152,0.183,0.152,0.48,0,0.663l-5.21,6.269c-0.413,0.497-0.413,1.302,0,1.799 c0.412,0.496,1.083,0.496,1.495,0l6.152-7.402c0.844-1.015,0.844-2.659,0-3.674c-0.842-1.013-2.212-1.013-3.054,0l-7.306,8.791 c-1.274,1.533-1.275,4.015,0,5.549c1.276,1.535,3.341,1.535,4.616-0.001c1.755-2.114,4.605-5.544,6.361-7.656 c0.152-0.183,0.399-0.183,0.551,0l0.551,0.663c0.152,0.183,0.152,0.48,0,0.663c-1.756,2.113-4.605,5.543-6.36,7.656 C6.809,21.067,3.758,21.067,1.873,18.799z"/> <path class="u-fill--inherit" d="M1.873,18.799c-1.883-2.266-1.884-5.934,0-8.201L9.18,1.808c1.45-1.744,3.808-1.744,5.258,0 c1.453,1.748,1.453,4.578,0,6.326l-6.152,7.402c-1.02,1.227-2.679,1.227-3.699,0c-1.022-1.23-1.023-3.221,0-4.451l5.21-6.269 c0.152-0.183,0.399-0.183,0.551,0l0.551,0.663c0.152,0.183,0.152,0.48,0,0.663l-5.21,6.269c-0.413,0.497-0.413,1.302,0,1.799 c0.412,0.496,1.083,0.496,1.495,0l6.152-7.402c0.844-1.015,0.844-2.659,0-3.674c-0.842-1.013-2.212-1.013-3.054,0l-7.306,8.791 c-1.274,1.533-1.275,4.015,0,5.549c1.276,1.535,3.341,1.535,4.616-0.001c1.755-2.114,4.605-5.544,6.361-7.656 c0.152-0.183,0.399-0.183,0.551,0l0.551,0.663c0.152,0.183,0.152,0.48,0,0.663c-1.756,2.113-4.605,5.543-6.36,7.656 C6.809,21.067,3.758,21.067,1.873,18.799z"/>
</symbol> </symbol>
<symbol id="ico--edit" viewBox="0 0 576 512">
<path class="u-fill--inherit" d="M417.8 315.5l20-20c3.8-3.8 10.2-1.1 10.2 4.2V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h292.3c5.3 0 8 6.5 4.2 10.2l-20 20c-1.1 1.1-2.7 1.8-4.2 1.8H48c-8.8 0-16 7.2-16 16v352c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16V319.7c0-1.6.6-3.1 1.8-4.2zm145.9-191.2L251.2 436.8l-99.9 11.1c-13.4 1.5-24.7-9.8-23.2-23.2l11.1-99.9L451.7 12.3c16.4-16.4 43-16.4 59.4 0l52.6 52.6c16.4 16.4 16.4 43 0 59.4zm-93.6 48.4L403.4 106 169.8 339.5l-8.3 75.1 75.1-8.3 233.5-233.6zm71-85.2l-52.6-52.6c-3.8-3.8-10.2-4-14.1 0L426 83.3l66.7 66.7 48.4-48.4c3.9-3.8 3.9-10.2 0-14.1z" />
</symbol>
<symbol id="ico--euro" viewBox="0 0 512 512">
<path class="u-fill--inherit" d="M256 0C114.848 0 0 114.848 0 256s114.848 256 256 256 256-114.848 256-256S397.152 0 256 0zm0 480C132.48 480 32 379.52 32 256S132.48 32 256 32s224 100.48 224 224-100.48 224-224 224z"/>
<path class="u-fill--inherit" d="M310.976 339.744C299.072 347.872 285.952 352 272 352c-29.472 0-55.008-19.456-68.864-48H256c8.832 0 16-7.168 16-16s-7.168-16-16-16h-62.656c-.736-5.216-1.344-10.528-1.344-16s.608-10.784 1.344-16H272c8.832 0 16-7.168 16-16s-7.168-16-16-16h-68.864c13.856-28.544 39.392-48 68.864-48 13.952 0 27.072 4.128 38.976 12.256 7.296 4.96 17.28 3.136 22.24-4.192 4.992-7.296 3.104-17.248-4.192-22.24C311.936 134.176 292.224 128 272 128c-46.88 0-87.008 33.184-103.68 80H144c-8.832 0-16 7.168-16 16s7.168 16 16 16h17.408c-.576 5.312-1.408 10.528-1.408 16s.832 10.688 1.408 16H144c-8.832 0-16 7.168-16 16s7.168 16 16 16h24.32c16.672 46.816 56.8 80 103.68 80 20.224 0 39.936-6.176 57.024-17.824 7.296-4.992 9.184-14.944 4.192-22.24-4.96-7.296-14.944-9.152-22.24-4.192z"/>
</symbol>
</svg> </svg>
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