Commit fd9dad89 authored by Simon's avatar Simon

design updated

parent 057e6bc5
......@@ -127,7 +127,7 @@ class Biuro_Feedbacks extends WP_Widget {
echo '<div class="c-feedbacks--section-inner">';
if ( ${'img' . $i} != "" ) {
echo '<img src="/wp-content/themes/biuro/i/feedbacks/' . ${'img' . $i} . '" class="c-feedbacks--img" width="84px" height="84px"/>';
echo '<img src="/wp-content/themes/biuro/i/feedbacks/' . ${'img' . $i} . '" class="c-feedbacks--img" width="85px" height="83px"/>';
}
if ( ${'feedback' . $i} != "" ) {
......
......@@ -123,21 +123,27 @@ class Biuro_Sections extends WP_Widget {
for ($i = 1; $i <= 6; $i++):
if ( ${'title' . $i} != "" && ${'description' . $i} != ""&& ${'content' . $i} != ""):
echo '<div class="c-sections--item">';
echo '<div class="c-sections--item-inner">';
if ( ${'title' . $i} != "" ) {
echo '<div class="c-sections--header"><div class="c-sections--ico"><svg width="56px" height="56px"><use xlink:href="#ico--section-' . $i . '"></use></svg></div>' . ${'title' . $i} . '</div>';
}
if ( ${'title' . $i} != "" ) {
echo '<div class="c-sections--header"><div class="c-sections--ico"><svg width="56px" height="56px"><use xlink:href="#ico--section-' . $i . '"></use></svg></div>' . ${'title' . $i} . '</div>';
}
echo '<div class="c-sections--content">';
echo '<div class="c-sections--content">';
if ( ${'description' . $i} != "" ) {
echo '<div class="c-sections--description">' . ${'description' . $i} . '</div>';
}
if ( ${'description' . $i} != "" ) {
echo '<div class="c-sections--description">' . ${'description' . $i} . '</div>';
}
if ( ${'content' . $i} != "" ) {
echo ${'content' . $i};
}
if ( ${'content' . $i} != "" ) {
echo ${'content' . $i};
}
echo '</div>';
echo '<div class="js-toggle--sections c-sections--toggle">
<svg width="13px" height="8px" class="c-sections--toggle-down"><use xlink:href="#ico--down"></use></svg>
<svg width="13px" height="8px" class="c-sections--toggle-up"><use xlink:href="#ico--up"></use></svg>
</div>';
echo '</div>';
echo '</div>';
endif;
......
......@@ -106,20 +106,27 @@ class Biuro_Services extends WP_Widget {
for ($i = 1; $i <= 3; $i++):
if ( ${'title' . $i} != "" && ${'content' . $i} != ""):
echo '<div class="c-services--item">';
echo '<div class="c-services--item-inner">';
echo '<div class="c-services--ico"><svg width="56px" height="56px"><use xlink:href="#ico--service-' . $i . '"></use></svg></div>';
echo '<div class="c-services--ico"><svg width="56px" height="56px"><use xlink:href="#ico--service-' . $i . '"></use></svg></div>';
if ( ${'title' . $i} != "" ) {
echo '<p class="c-services--heading">' . ${'title' . $i} . '</p>';
}
if ( ${'position' . $i} != "" ) {
echo '<p class="c-services--sub-heading">' . ${'position' . $i} . '</p>';
}
if ( ${'title' . $i} != "" ) {
echo '<p class="c-services--heading">' . ${'title' . $i} . '</p>';
}
if ( ${'position' . $i} != "" ) {
echo '<p class="c-services--sub-heading">' . ${'position' . $i} . '</p>';
}
if ( ${'content' . $i} != "" ) {
echo '<div class="c-services--content">' . ${'content' . $i} . '</div>';
}
if ( ${'content' . $i} != "" ) {
echo '<div class="c-services--content">' . ${'content' . $i} . '</div>';
}
echo '<div class="js-toggle--services c-services--toggle">
<svg width="13px" height="8px" class="c-services--toggle-down"><use xlink:href="#ico--down"></use></svg>
<svg width="13px" height="8px" class="c-services--toggle-up"><use xlink:href="#ico--up"></use></svg>
</div>';
echo '</div>';
echo '</div>';
endif;
endfor;
......
......@@ -79,17 +79,18 @@ class Cookies_Warning extends WP_Widget {
if ( $content ) {
echo $content;
}
echo '<br >';
echo '<p class="c-cookies-warning--actions">';
// Display agree button
if ( $agree ) {
echo '<button id="cookie-agree" class="bu-action bu-action--main" type="button" title="' . $agree . '">' . $agree . '</button>';
echo '<button id="cookie-agree" class="o-btn c-btn--main" type="button" title="' . $agree . '">' . $agree . '</button>';
}
// Display close button
if ( $close ) {
echo '<button id="cookie-close" class="bu-action bu-action--alt" type="button" title="' . $close . '">' . $close . '</button>';
echo '<button id="cookie-close" class="o-btn c-btn--slim" type="button" title="' . $close . '">' . $close . '</button>';
}
echo '</p>';
echo '</div>';
......
......@@ -12,6 +12,8 @@ body {
display: flex;
flex-direction: column;
min-height: 100vh;
padding-top: 117px;
}
/* critical:end */
......@@ -6,6 +6,7 @@
&:before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 47px; background: var(--color--blue-dark); }
}
.l-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 300; }
/* critical:end */
/*.l-header { box-shadow: inset 0 0 0 1px orange; }*/
......@@ -19,6 +19,7 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
@import '_component--footer-sections.css';
@import '_component--footer-separator.css';
@import '_component--form.css';
@import '_component--heading.css';
@import '_component--ico.css';
@import '_component--job.css';
@import '_component--jobs.css';
......@@ -35,9 +36,3 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
@import '_component--trust.css';
@import '_component--values.css';
.c-heading { display: flex; flex-direction: column; justify-content: center;
h1 { margin: 0; padding: 0; color: #2A3644; font-size: 34px; font-weight: bold; line-height: 51px; }
}
.c-heading--front-page { height: 320px; }
.c-heading--sales-page { height: 320px; }
......@@ -18,4 +18,6 @@
.c-btn--search-small { margin: 9px; min-width: 133px; text-align: center; }
.c-btn--slim { color: #14A28A; background: none; font-weight: 500; text-align: center; border: 2px solid #1FB299; border-radius: 3px; }
/* critical:end */
......@@ -6,8 +6,13 @@
/* critical:end */
.c-cookies-warning { position: fixed; left: 0px; right: 0; bottom: 0px; padding: 15px 20px; background: #f6f6f6; overflow: hidden; z-index: 100;
.c-cookies-warning { position: fixed; left: 0px; right: 0; bottom: 0px; padding: 15px 20px 10px; background: #f6f6f6; overflow: hidden; z-index: 100; font-size: 14px;
.bu-action { margin-top: 10px; }
.bu-action--alt { float: right; }
}
.c-cookies-warning--actions { margin: 0; padding: 5px 0 0; display: flex; justify-content: space-between;
.c-btn--main,
.c-btn--slim { padding: 7px 12px 6px; font-weight: 400; }
.c-btn--slim { border-width: 1px; }
}
......@@ -14,7 +14,7 @@
/* critical:end */
.c-feedbacks--img { position: absolute; top: -32px; left: 50%; border-radius: 50%; margin-left: -42px; background: #fff; overflow: hidden; }
.c-feedbacks--img { position: absolute; top: -32px; left: 50%; margin-left: -42px; }
.c-feedbacks--feedback { margin: 0 auto 17px; max-width: 400px; height: 79px; color: #2A3644; font-family: Georgia; font-size: 21px; line-height: 40px; text-align: center; overflow: hidden;}
......
/* ------------- Component: heading ------------- */
/* critical:start */
.c-heading { display: flex; flex-direction: column; justify-content: center;
h1 { margin: 0 0 18px; padding: 0; color: #2A3644; font-size: 34px; font-weight: bold; line-height: 51px; }
}
.c-heading--front-page { height: 320px; }
.c-heading--sales-page { height: 320px; }
/* critical:end */
......@@ -14,7 +14,7 @@
ul { margin: 0 0; padding: 0; list-style: none; }
li {
&:before { content: '->'; display: inline-block; margin: 0 5px 0 0; font-weight: bold;}
&:before { content: ''; display: inline-block; width: 14px; height: 8px; margin: 0 5px 1px 0; background: url(/wp-content/themes/biuro/i/ico--job-arrow.svg); }
}
}
......
......@@ -9,3 +9,9 @@
.page-numbers { width: 46px; height: 46px; background: #fff; margin-right: 1px; text-decoration: none; text-align: center; line-height: 46px; color: #1FB299; font-size: 16px;
&.current { background: #1FB299; color: #FFFFFF; }
}
.next {
&:after { display: inline-block; content: ''; margin: 0 0 2px -6px; content: ""; width: 8px; height: 8px; border: 1px solid #1fb299; border-width: 1px 1px 0 0; transform: rotate(45deg); }
}
.prev {
&:after { display: inline-block; content: ''; margin: 0 -6px 2px 0; content: ""; width: 8px; height: 8px; border: 1px solid #1fb299; border-width: 1px 1px 0 0; transform: rotate(-135deg); }
}
......@@ -10,7 +10,10 @@
.c-jobs-section--content { overflow: hidden; }
.c-jobs-section--content-collapsed { max-height: 100px; }
.c-jobs-section--is-closed {
.c-jobs-section--content { max-height: 100px; }
}
.c-jobs-section--list { margin: 0; padding: 0; list-style: none; }
......@@ -18,4 +21,4 @@
.c-jobs-section--anchor { color: #939393; font-size: 14px; text-decoration: none; }
.c-jobs-section--expand { display: block; color: #004ED4; font-size: 14px; font-weight: 500; margin-top: 15px; text-decoration: none;}
.c-jobs-section--expand { display: block; color: #004ED4; font-size: 14px; font-weight: 500; margin-top: 10px; padding: 5px 0; text-decoration: none; }
......@@ -25,4 +25,4 @@
&:visited { color: #6B7888; }
}
.c-jobs--more { margin-bottom: 30px; }
.c-jobs--more { margin-bottom: 70px; }
......@@ -11,16 +11,24 @@
.c-sections--inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
.c-sections--item { position: relative; flex: 0 0 300px; margin-bottom: 30px; height: 211px; padding: 27px 21px; border-radius: 3px; background-color: #FFFFFF; box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); overflow: hidden;
&:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; background: #FFFFFF; border-radius: 0 0 3px 3px; z-index: 60; box-shadow: 0 -37px 24px 0px hsla(0,0%,100%,.78); }
}
.c-sections--item { position: relative; flex: 0 0 300px; height: 211px; margin-bottom: 30px; }
.c-sections--item-inner { position: absolute; top: 0; left: 0; width: 100%; height: 211px; padding: 27px 21px; border-radius: 3px; background: #FFFFFF; box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); overflow: hidden; }
.c-sections--toggle { position: absolute; left: 0; width: 100%; bottom: 0; padding: 15px 0; text-align: center; background: #FFFFFF; border-radius: 0 0 3px 3px; z-index: 60; box-shadow: 0 -37px 24px 0px hsla(0,0%,100%,.78); cursor: pointer; }
.c-sections--toggle-up { display: none; }
.c-sections--header { height: 56px; margin-bottom: 20px; overflow: hidden; color: #004ED4; font-size: 15px; font-weight: bold; line-height: 56px; }
.c-sections--ico { float: left; margin-right: 20px; height: 56px; width: 56px; background-color: #E8F0FF; border-radius: 50%; }
.c-sections--content { position: absolute; top: 103px; left: 0; width: 100%; padding: 0 21px; color: #868C93; border-radius: 3px; background-color: #FFFFFF; font-size: 12px; line-height: 20px;
/*height: 348px; z-index: 50;*/
height: 137px; z-index: 50;
.c-sections--content { color: #868C93; font-size: 12px; line-height: 20px;
ul { margin: 30px 0 0; padding: 0; list-style: none; }
}
.c-sections--is-open { height: 451px; z-index: 80;
.c-sections--toggle { box-shadow: none; }
.c-sections--toggle-down { display: none; }
.c-sections--toggle-up { display: inline; }
}
......@@ -6,17 +6,27 @@
.c-services { @extend .l-inner-small; display: flex; flex-wrap: wrap; align-items: center; padding-top: 64px; padding-bottom: 64px; justify-content: space-between; }
.c-services--item { position: relative; flex: 0 0 253px; height: 245px; border-radius: 3px; background-color: #FFFFFF; box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); }
.c-services--item { position: relative; flex: 0 0 253px; height: 245px; }
/*.c-services { display: flex; flex-wrap: wrap; }*/
.c-services--item-inner { position: absolute; top: 0; left: 0; width: 100%; height: 245px; border-radius: 3px; background-color: #FFFFFF; box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); }
.c-services--toggle { position: absolute; left: 0; width: 100%; bottom: 0; padding: 10px 0; text-align: center; cursor: pointer; }
.c-services--toggle-up { display: none; }
.c-services--is-open { height: 341px;
.c-services--toggle-down { display: none; }
.c-services--toggle-up { display: inline; }
.c-services--content { display: block; }
}
.c-services--ico { height: 56px; width: 56px; background-color: #E1FFFA; border-radius: 50%; margin: 34px auto 22px; }
.c-services--heading { min-height: 44px; padding: 0 20px; color: #1FB299; font-size: 15px; font-weight: bold; line-height: 18px; text-align: center; }
.c-services--sub-heading { min-height: 27px; padding: 0 10px; color: #2A3644; font-size: 14px; font-weight: bold; line-height: 25px; text-align: center; }
.c-services--sub-heading { min-height: 27px; margin: 0; padding: 0 10px; color: #2A3644; font-size: 14px; font-weight: bold; line-height: 25px; text-align: center; }
.c-services--content { position: absolute; left: 0; bottom: 45px; width: 100%;
ul { position: absolute; margin: 0; padding: 0 0 40px; list-style: none; width: 100%; border-radius: 3px; background-color: #FFFFFF; }
.c-services--content { display: none;
ul {position: absolute; margin: 0; padding: 0 0 40px; list-style: none; width: 100%; border-radius: 3px; background-color: #FFFFFF; }
li { text-align: center; color: #6C7683; font-size: 14px; font-weight: 500; line-height: 25px; text-align: center; }
}
......@@ -10,7 +10,7 @@
.c-share--options { display: flex; justify-content: center; }
.c-share--option { height: 36px; flex: 0 0 50px; border-radius: 3px; margin: 0 3px; color: #fff; text-align: center; text-decoration: none; line-height: 36px; }
.c-share--option { height: 36px; flex: 0 0 50px; border-radius: 3px; margin: 0 3px; text-decoration: none; display: flex; align-items: center; justify-content: center; }
.c-share--option-facebook { background-color: #4367B0; }
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
......@@ -27,28 +27,32 @@
<div class="c-social">
<?php
$social = get_option('wpseo_social');
// $social = get_option('wpseo_social');
if ($social['facebook_site'] || true) :
?>
<a href="https://www.facebook.com/biuro.lietuva" class="c-social--anchor" title="Facebook" target="_blank" rel="noopener" onclick="dataLayer.push({'event': 'socialClick', 'socialLabel': 'FB click'});">
<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="23px" viewBox="0 0 12 23">
<path fill="#FFFFFF" d="M3.309,22.75v-9.84H0V9h3.309V5.906c0-1.633,0.458-2.9,1.375-3.803S6.818,0.75,8.336,0.75 c1.232,0,2.234,0.057,3.008,0.172v3.48H9.281c-0.773,0-1.303,0.172-1.59,0.516C7.462,5.204,7.348,5.663,7.348,6.293V9H11 l-0.516,3.91H7.348v9.84H3.309z"/>
</svg>
</a>
<?php
$blogID = get_current_blog_id();
$facebook_site = 'https://www.facebook.com/biuro.lietuva';
$linkedin_site = 'http://www.linkedin.com/company/2824948';
if ($blogID == 2):
$facebook_site = 'https://www.facebook.com/biuro.lv';
endif;
if ($social['linkedin_url'] || true) :
?>
<a href="http://www.linkedin.com/company/2824948" class="c-social--anchor" title="Linkedin" target="_blank" rel="noopener" onclick="dataLayer.push({'event': 'socialClick', 'socialLabel': 'LI click'});">
<svg xmlns="http://www.w3.org/2000/svg" width="23px" height="23px" viewBox="0 0 430.117 430.117">
<path fill="#FFFFFF" d="M430.117,261.543V420.56h-92.188V272.193c0-37.271-13.334-62.707-46.703-62.707 c-25.473,0-40.632,17.142-47.301,33.724c-2.432,5.928-3.058,14.179-3.058,22.477V420.56h-92.219c0,0,1.242-251.285,0-277.32h92.21 v39.309c-0.187,0.294-0.43,0.611-0.606,0.896h0.606v-0.896c12.251-18.869,34.13-45.824,83.102-45.824 C384.633,136.724,430.117,176.361,430.117,261.543z M52.183,9.558C20.635,9.558,0,30.251,0,57.463 c0,26.619,20.038,47.94,50.959,47.94h0.616c32.159,0,52.159-21.317,52.159-47.94C103.128,30.251,83.734,9.558,52.183,9.558z M5.477,420.56h92.184v-277.32H5.477V420.56z"/>
</svg>
</a>
<?php
if ($blogID == 3):
$facebook_site = 'https://www.facebook.com/biuro.ee';
endif;
?>
<a href="<?php echo $facebook_site; ?>" class="c-social--anchor" title="Facebook" target="_blank" rel="noopener" onclick="dataLayer.push({'event': 'socialClick', 'socialLabel': 'FB click'});">
<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="23px" viewBox="0 0 12 23">
<path fill="#FFFFFF" d="M3.309,22.75v-9.84H0V9h3.309V5.906c0-1.633,0.458-2.9,1.375-3.803S6.818,0.75,8.336,0.75 c1.232,0,2.234,0.057,3.008,0.172v3.48H9.281c-0.773,0-1.303,0.172-1.59,0.516C7.462,5.204,7.348,5.663,7.348,6.293V9H11 l-0.516,3.91H7.348v9.84H3.309z"/>
</svg>
</a>
<a href="<?php echo $linkedin_site; ?>" class="c-social--anchor" title="Linkedin" target="_blank" rel="noopener" onclick="dataLayer.push({'event': 'socialClick', 'socialLabel': 'LI click'});">
<svg xmlns="http://www.w3.org/2000/svg" width="23px" height="23px" viewBox="0 0 430.117 430.117">
<path fill="#FFFFFF" d="M430.117,261.543V420.56h-92.188V272.193c0-37.271-13.334-62.707-46.703-62.707 c-25.473,0-40.632,17.142-47.301,33.724c-2.432,5.928-3.058,14.179-3.058,22.477V420.56h-92.219c0,0,1.242-251.285,0-277.32h92.21 v39.309c-0.187,0.294-0.43,0.611-0.606,0.896h0.606v-0.896c12.251-18.869,34.13-45.824,83.102-45.824 C384.633,136.724,430.117,176.361,430.117,261.543z M52.183,9.558C20.635,9.558,0,30.251,0,57.463 c0,26.619,20.038,47.94,50.959,47.94h0.616c32.159,0,52.159-21.317,52.159-47.94C103.128,30.251,83.734,9.558,52.183,9.558z M5.477,420.56h92.184v-277.32H5.477V420.56z"/>
</svg>
</a>
</div>
<div class="c-copyright">
......@@ -100,7 +104,7 @@ document.querySelectorAll('.js-job-action').forEach(function (node) {
});
</script>
<script src="/wp-content/themes/biuro/js/main.min.js" async></script>
<script src="/wp-content/themes/biuro/js/main-2b4d2ad0.min.js" async></script>
<?php wp_footer(); ?>
</body>
</html>
......@@ -32,16 +32,16 @@ define('cityID', $cityID);
?>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<style><?php include 'css/core.min.css'; ?></style>
<style><?php include 'css/core-09a3c5bc76.min.css'; ?></style>
<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-1b4736af34.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="/wp-content/themes/biuro/fonts/pt_sans_narrow.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/wp-content/themes/biuro/fonts/pt_sans_narrow_bold.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/wp-content/themes/biuro/fonts/bebas-neue.woff2" as="font" type="font/woff2" crossorigin>
<noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-1b4736af34.min.css">
</noscript>
<?php wp_head(); ?>
......@@ -85,6 +85,12 @@ global $post;
<symbol id="ico--section-6" viewBox="0 0 56 56">
<path fill="#004ED4" d="M38.25,21c1.243,0,2.25,1.007,2.25,2.25v12c0,1.243-1.007,2.25-2.25,2.25h-19.5 c-1.243,0-2.25-1.007-2.25-2.25v-12c0-1.243,1.007-2.25,2.25-2.25H24v-3.375c0-0.622,0.503-1.125,1.125-1.125h6.75 c0.622,0,1.125,0.503,1.125,1.125V21H38.25z M25.5,18v3h6v-3H25.5z M39,35.25V28.5h-7.5v1.875c0,0.621-0.504,1.125-1.125,1.125 h-3.75c-0.621,0-1.125-0.504-1.125-1.125V28.5H18v6.75c0,0.413,0.337,0.75,0.75,0.75h19.5C38.663,36,39,35.663,39,35.25z M27,30h3 v-1.5h-3V30z M39,27v-3.75c0-0.413-0.337-0.75-0.75-0.75h-19.5c-0.413,0-0.75,0.337-0.75,0.75V27H39z"/>
</symbol>
<symbol id="ico--up" width="13px" height="8px" viewBox="0 0 13 8" class="c-ico--up">
<path fill="#004ED4" d="M0.116,6.829c-0.138-0.138-0.138-0.36,0-0.498l6.135-6.135c0.138-0.138,0.36-0.138,0.498,0 l6.135,6.135c0.138,0.138,0.138,0.36,0,0.498l-0.58,0.58c-0.138,0.138-0.36,0.138-0.498,0L6.5,2.115L1.194,7.409 c-0.138,0.138-0.36,0.138-0.498,0L0.116,6.829z"/>
</symbol>
<symbol id="ico--down" width="13px" height="8px" viewBox="0 0 13 8" class="c-ico--down">
<path fill="#004ED4" d="M12.884,0.776c0.138,0.138,0.138,0.36,0,0.498L6.749,7.409c-0.138,0.138-0.36,0.138-0.498,0 L0.116,1.274c-0.138-0.138-0.138-0.36,0-0.498l0.58-0.58c0.138-0.138,0.36-0.138,0.498,0L6.5,5.49l5.306-5.294 c0.138-0.138,0.36-0.138,0.498,0L12.884,0.776z"/>
</symbol>
</svg>
<header class="l-header">
......
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="14px" height="9px" viewBox="0 0 14 9" enable-background="new 0 0 14 9" xml:space="preserve">
<title></title>
<desc>Created with Sketch.</desc>
<path id="_xF178_" fill="#2A3644" d="M9.112,0.728c0.137-0.137,0.36-0.137,0.497,0l3.413,3.398c0.137,0.137,0.137,0.36,0,0.497
L9.609,8.022c-0.137,0.137-0.36,0.137-0.497,0L8.905,7.815c-0.137-0.137-0.137-0.36,0-0.497l2.459-2.445H0.352
C0.157,4.873,0,4.716,0,4.521V4.229c0-0.194,0.157-0.352,0.352-0.352h11.012L8.905,1.432c-0.137-0.137-0.137-0.36,0-0.497
L9.112,0.728z"/>
</svg>
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -278,3 +278,32 @@ const swiper = new Swiper('.c-feedbacks--inner', {
clickable: true
}
});
document.querySelectorAll('.js-toggle--services').forEach((node) => {
node.addEventListener('click', () => {
node.parentNode.classList.toggle('c-services--is-open');
});
});
document.querySelectorAll('.js-toggle--sections').forEach((node) => {
node.addEventListener('click', () => {
const parent = node.parentNode;
if (parent.classList.contains('c-sections--is-open')) {
parent.classList.toggle('c-sections--is-open');
} else {
document.querySelectorAll('.c-sections--is-open').forEach((node) => {
node.classList.remove('c-sections--is-open');
});
parent.classList.toggle('c-sections--is-open');
}
});
});
document.querySelectorAll('.js-expand-jobs-section').forEach((node) => {
node.addEventListener('click', (e) => {
e.preventDefault();
node.parentNode.classList.remove('c-jobs-section--is-closed');
node.remove();
});
});
This diff is collapsed.
......@@ -34,10 +34,6 @@ get_header(); ?>
endwhile;
endif;
// if ( is_search() ):
// wp_parse_str( $query_string, $searchQuery );
// endif;
if (get_page_template_slug() != 'sales-page.php'):
get_search_form();
endif;
......@@ -47,13 +43,15 @@ get_header(); ?>
<div id="content">
<div class="l-content l-content--heading">
<div id="content" class="l-content l-content--heading">
<?php
while ( have_posts() ) :
the_post();
the_content();
endwhile;
if ( !is_search() ):
while ( have_posts() ) :
the_post();
the_content();
endwhile;
endif;
?>
</div>
<div class="l-content">
......
......@@ -24,8 +24,13 @@
));
$res = array();
if ( ! empty( $cities ) && ! is_wp_error( $cities ) ):
?>
<div class="c-search--col c-search--col-location">
<svg xmlns="http://www.w3.org/2000/svg" width="15px" height="21px" viewBox="0 0 15 21" class="c-ico--location">
<path fill="#B8BCC1" d="M7.5,4.25c2.068,0,3.75,1.682,3.75,3.75s-1.682,3.75-3.75,3.75S3.75,10.068,3.75,8 S5.432,4.25,7.5,4.25z M7.5,10.5C8.878,10.5,10,9.379,10,8S8.878,5.5,7.5,5.5C6.121,5.5,5,6.622,5,8C5,9.379,6.121,10.5,7.5,10.5z M7.5,0.5C11.642,0.5,15,3.858,15,8c0,3.024-1.054,3.868-6.729,12.096c-0.373,0.538-1.169,0.538-1.542,0C1.054,11.868,0,11.024,0,8 C0,3.858,3.358,0.5,7.5,0.5z M7.5,19.013c5.442-7.87,6.25-8.494,6.25-11.013c0-1.669-0.65-3.239-1.831-4.419 C10.739,2.4,9.169,1.75,7.5,1.75S4.261,2.4,3.081,3.581C1.9,4.761,1.25,6.331,1.25,8C1.25,10.519,2.059,11.144,7.5,19.013z"/>
</svg>
<?php
if ( ! is_wp_error( $cities ) ):
foreach ( $cities as $city ):
$name = $city->name;
$termID = $city->term_id;
......@@ -64,10 +69,7 @@
return $a['name'] > $b['name'];
});
?>
<div class="c-search--col c-search--col-location">
<svg xmlns="http://www.w3.org/2000/svg" width="15px" height="21px" viewBox="0 0 15 21" class="c-ico--location">
<path fill="#B8BCC1" d="M7.5,4.25c2.068,0,3.75,1.682,3.75,3.75s-1.682,3.75-3.75,3.75S3.75,10.068,3.75,8 S5.432,4.25,7.5,4.25z M7.5,10.5C8.878,10.5,10,9.379,10,8S8.878,5.5,7.5,5.5C6.121,5.5,5,6.622,5,8C5,9.379,6.121,10.5,7.5,10.5z M7.5,0.5C11.642,0.5,15,3.858,15,8c0,3.024-1.054,3.868-6.729,12.096c-0.373,0.538-1.169,0.538-1.542,0C1.054,11.868,0,11.024,0,8 C0,3.858,3.358,0.5,7.5,0.5z M7.5,19.013c5.442-7.87,6.25-8.494,6.25-11.013c0-1.669-0.65-3.239-1.831-4.419 C10.739,2.4,9.169,1.75,7.5,1.75S4.261,2.4,3.081,3.581C1.9,4.761,1.25,6.331,1.25,8C1.25,10.519,2.059,11.144,7.5,19.013z"/>
</svg>
<datalist id="search-cities">
<?php
foreach ( $res as $r ):
......@@ -75,10 +77,12 @@
<option value="<?php echo $r['name']; ?>"><?php echo $r['name']; ?> (<?php echo $r['total']; ?>)</option>
<?php
endforeach;
endif;
?>
</datalist>
<input list="search-cities" id="search-city" name="city" value="<?php echo ($searchQuery) ? $searchQuery['city'] : ''; ?>" placeholder="<?php _e('Locations', 'biuro'); ?>" class="c-search--input c-search--location" />
<?php
endif;
?>
</div><!-- .c-search--col c-search--col-location -->
<?php
$options = array();
......@@ -115,8 +119,13 @@
'orderby' => 'count',
'order' => 'DESC'
));
if ( ! empty( $fields ) && ! is_wp_error( $fields ) ):
?>
<div class="c-search--col c-search--col-keyword">
<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="19px" viewBox="0 0 20 19" class="c-ico--area">
<path fill="#B8BCC1" d="M18.125,4.5C19.16,4.5,20,5.339,20,6.375v10c0,1.036-0.839,1.875-1.875,1.875H1.875 C0.839,18.25,0,17.411,0,16.375v-10C0,5.339,0.839,4.5,1.875,4.5H6.25V1.688c0-0.518,0.42-0.937,0.937-0.937h5.625 c0.518,0,0.938,0.42,0.938,0.937V4.5H18.125z M7.5,2v2.5h5V2H7.5z M18.75,16.375V10.75H12.5v1.562c0,0.518-0.42,0.937-0.938,0.937 H8.437c-0.518,0-0.938-0.42-0.938-0.937V10.75H1.25v5.625C1.25,16.72,1.53,17,1.875,17h16.25C18.47,17,18.75,16.72,18.75,16.375z M8.75,12h2.5v-1.25h-2.5V12z M18.75,9.5V6.375c0-0.345-0.28-0.625-0.625-0.625H1.875C1.53,5.75,1.25,6.03,1.25,6.375V9.5H18.75z"/>
</svg>
<?php
if ( ! is_wp_error( $fields ) ):
foreach ( $fields as $field ):
$name = $field->name;
......@@ -135,21 +144,16 @@
array_push( $options , array( 'name' => $name, 'total' => $jobsIn->total() ) );
endif;
endforeach;
endif;
usort($options, function($a, $b) {
$t = $b['total'] - $a['total'];
if ($t):
return $t;
endif;
usort($options, function($a, $b) {
$t = $b['total'] - $a['total'];
if ($t):
return $t;
endif;
return $a['name'] > $b['name'];
});
return $a['name'] > $b['name'];
});
?>
<div class="c-search--col c-search--col-keyword">
<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="19px" viewBox="0 0 20 19" class="c-ico--area">
<path fill="#B8BCC1" d="M18.125,4.5C19.16,4.5,20,5.339,20,6.375v10c0,1.036-0.839,1.875-1.875,1.875H1.875 C0.839,18.25,0,17.411,0,16.375v-10C0,5.339,0.839,4.5,1.875,4.5H6.25V1.688c0-0.518,0.42-0.937,0.937-0.937h5.625 c0.518,0,0.938,0.42,0.938,0.937V4.5H18.125z M7.5,2v2.5h5V2H7.5z M18.75,16.375V10.75H12.5v1.562c0,0.518-0.42,0.937-0.938,0.937 H8.437c-0.518,0-0.938-0.42-0.938-0.937V10.75H1.25v5.625C1.25,16.72,1.53,17,1.875,17h16.25C18.47,17,18.75,16.72,18.75,16.375z M8.75,12h2.5v-1.25h-2.5V12z M18.75,9.5V6.375c0-0.345-0.28-0.625-0.625-0.625H1.875C1.53,5.75,1.25,6.03,1.25,6.375V9.5H18.75z"/>
</svg>
<datalist id="search-queries">
<?php
foreach ( $options as $option ):
......@@ -160,6 +164,9 @@
?>
</datalist>
<input list="search-queries" id="search-query" name="s" value="<?php echo ($searchQuery) ? $searchQuery['s'] : ''; ?>" placeholder="<?php _e('Keyword', 'biuro'); ?>" class="c-search--input c-search--keyword" />
<?php
endif;
?>
</div><!-- .c-search--col c-search--col-keyword -->
<button class="o-btn c-btn--main <?php if ( is_front_page() ): ?>c-btn--search<?php else: ?>c-btn--search-small<?php endif; ?>" type="submit" value="1">
<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="17px" viewBox="0 0 17 17" class="c-ico--search">
......
......@@ -38,16 +38,32 @@ get_header();
endwhile;
$pod = pods( 'job', get_the_id() );
if ($pod->field( 'salary_from' ) > 0 || $pod->field( 'salary_to' ) > 0):
?>
<p>
Atlyginimas nuo: <?php echo $pod->field( 'salary_from' ); ?>
<br>
Atlyginimas iki: <?php echo $pod->field( 'salary_to' ); ?>
<br>
<?php
if ($pod->field( 'salary_from' ) > 0):
?>
<?php _e('Salary from', 'biuro'); ?>: <?php echo $pod->field( 'salary_from' ); ?>
<br>
Paskelbta: <?php echo date_i18n( get_option( 'date_format' ), strtotime( $pod->field( 'post_date' ) ) ); ?>
<?php
endif;
if ($pod->field( 'salary_to' ) > 0):
?>
<?php _e('Salary to', 'biuro'); ?>: <?php echo $pod->field( 'salary_to' ); ?>
<?php
endif;
?>
</p>
<?php
endif;
?>
<p>
<?php _e('Published', 'biuro'); ?>: <?php echo date_i18n( get_option( 'date_format' ), strtotime( $pod->field( 'post_date' ) ) ); ?>
<br>
Galioja iki: <?php echo date_i18n( get_option( 'date_format' ), strtotime( $pod->field( 'valid' ) ) ); ?>
<?php _e('Valid till', 'biuro'); ?>: <?php echo date_i18n( get_option( 'date_format' ), strtotime( $pod->field( 'valid' ) ) ); ?>
</p>
<div class="c-job--action">
......
......@@ -65,8 +65,8 @@ global $jobs;
if ( !is_front_page() ):
echo $jobs->pagination( array(
'type' => 'paginate' ,
'prev_text' => '<',
'next_text' => '>'
'prev_text' => ' ',
'next_text' => ' '
) );
endif;
......
......@@ -11,4 +11,4 @@
?>
<p>Darbo skelbimų nėra.</p>
<p><?php _e('There are currently no job ads.', 'biuro'); ?></p>
......@@ -11,4 +11,4 @@
?>
<p>Pagal Jūsų paiešką rezultatų neradome.</p>
<p><?php _e('No search results were found.', 'biuro'); ?></p>
<?php
function getSiteTree($taxonomy, $collapsed)
function getSiteTree($taxonomy, $section)
{
$terms = get_terms( array(
'taxonomy' => $taxonomy,
'hide_empty' => false,
));
$classCSS = 'c-jobs-section--content';
if ($collapsed):
$classCSS .= ' c-jobs-section--content-collapsed';
endif;
if ( !empty( $terms ) && ! is_wp_error( $terms ) ):
echo '<div class="' . $classCSS . '">';
echo '<ul class="c-jobs-section--list">';
$res = array();
foreach ( $terms as $term ):
......@@ -47,6 +38,10 @@ function getSiteTree($taxonomy, $collapsed)
endif;
endforeach;
if (count($res) == 0) {
return '';
}
usort($res, function($a, $b) {
$o = $b['order'] - $a['order'];
if ($o):
......@@ -60,41 +55,52 @@ function getSiteTree($taxonomy, $collapsed)
return $a['name'] > $b['name'];
});
foreach ( $res as $r ):
$classCSS = 'c-jobs-section';
$isClosed = count($res) > 6;
if ($isClosed):
$classCSS .= ' c-jobs-section--is-closed';
endif;
echo '<div class="' . $classCSS . '">';
echo '<h3 class="c-jobs-section--heading">' . $section . '</h3>';
echo '<div class="c-jobs-section--content">';
echo '<ul class="c-jobs-section--list">';
foreach ( $res as $r ):
?>
<li class="c-jobs-section--item"><a href="<?php echo $r['href']; ?>" title="<?php echo $r['name']; ?>" class="c-jobs-section--anchor"><?php echo $r['name'] . ' (' . $r['total'] . ')'; ?></a></li>
<?php
endforeach;
endforeach;
echo '</ul>';
echo '</ul>';
echo '</div>';
echo '</div>';
if ($collapsed):
if ($isClosed):
echo '<a href="#" class="js-expand-jobs-section c-jobs-section--expand">' . __('More ...', 'biuro') . ' </a>';
endif;
echo '</div>';
endif;
}
?>
<div class="c-jobs-section">
<h3 class="c-jobs-section--heading"><?php _e('City', 'biuro'); ?></h3>
<?php
getSiteTree( 'city', true );
getSiteTree( 'city', __('City', 'biuro') );
?>
</div>
<div class="c-jobs-section">
<h3 class="c-jobs-section--heading"><?php _e('Job area', 'biuro'); ?></h3>
<?php
getSiteTree( 'field', true );
getSiteTree( 'field', __('Job area', 'biuro') );
?>
</div>
<div class="c-jobs-section">
<h3 class="c-jobs-section--heading"><?php _e('Job type', 'biuro'); ?></h3>
<?php
getSiteTree( 'type', false );
getSiteTree( 'type', __('Job type', 'biuro') );
?>
</div>
......@@ -4,15 +4,47 @@
echo do_shortcode('[biuro-contacts--position job_id="' . $jobID . '"]');
?>
<svg xmlns="http://www.w3.org/2000/svg" class="u-hidden">
<symbol id="ico--job-facebook" viewBox="0 0 9 18">
<path fill="#FFFFFF" d="M2.674,17.125V9.521H0.117V6.5h2.557V4.109c0-1.262,0.354-2.241,1.062-2.938 c0.708-0.697,1.649-1.046,2.822-1.046c0.952,0,1.727,0.044,2.324,0.133v2.689H7.289c-0.598,0-1.007,0.133-1.229,0.398 C5.883,3.567,5.795,3.921,5.795,4.408V6.5h2.822L8.219,9.521H5.795v7.603H2.674z"/>
</symbol>
<symbol id="ico--job-messenger" viewBox="0 0 15 15">
<path fill="#FFFFFF" d="M7.5,0.188c1.328,0,2.557,0.31,3.686,0.93c1.129,0.62,2.025,1.455,2.689,2.507 s0.996,2.197,0.996,3.437c0,1.505-0.476,2.855-1.428,4.051c-0.885,1.151-2.059,1.97-3.52,2.457c-1.483,0.487-2.999,0.52-4.549,0.1 l-2.49,1.395v-2.623c-1.306-0.996-2.147-2.214-2.523-3.652C0.007,7.459,0.079,6.125,0.577,4.786c0.498-1.339,1.345-2.429,2.54-3.271 C4.379,0.63,5.84,0.188,7.5,0.188z M8.264,9.418l4.051-4.25L8.629,7.193L6.736,5.201L2.719,9.484l3.652-2.059L8.264,9.418z"/>
</symbol>
<symbol id="ico--job-whatsapp" viewBox="0 0 17 18">
<path fill="#FFFFFF" d="M14.326,2.975c0.792,0.792,1.404,1.688,1.837,2.69s0.649,2.047,0.649,3.136 c0,1.484-0.377,2.857-1.132,4.119c-0.755,1.262-1.769,2.264-3.043,3.006c-1.274,0.742-2.653,1.113-4.138,1.113 c-1.41,0-2.721-0.334-3.934-1.002l-4.379,1.15l1.187-4.268c-0.742-1.262-1.113-2.635-1.113-4.119s0.371-2.857,1.113-4.119 C2.117,3.42,3.119,2.418,4.381,1.676C5.643,0.934,7.016,0.563,8.5,0.563c1.089,0,2.134,0.21,3.136,0.631 C12.638,1.614,13.534,2.208,14.326,2.975z M8.5,15.666c1.237,0,2.387-0.309,3.451-0.928c1.064-0.618,1.911-1.453,2.542-2.505 c0.631-1.051,0.946-2.196,0.946-3.433c0-0.891-0.186-1.757-0.557-2.598c-0.371-0.841-0.884-1.59-1.54-2.245 s-1.398-1.157-2.227-1.503c-0.829-0.346-1.701-0.52-2.616-0.52c-1.237,0-2.381,0.309-3.433,0.928S3.181,4.317,2.562,5.368 S1.635,7.564,1.635,8.801c0,1.311,0.359,2.523,1.076,3.637l0.148,0.26l-0.705,2.523l2.598-0.668l0.26,0.148 C6.076,15.344,7.238,15.666,8.5,15.666z M12.248,10.508l0.111,0.074c0.173,0.074,0.272,0.136,0.297,0.186 c0.025,0.049,0.031,0.173,0.019,0.371c-0.012,0.198-0.062,0.402-0.148,0.612c-0.087,0.21-0.285,0.421-0.594,0.631 c-0.309,0.21-0.575,0.328-0.798,0.353c-0.346,0.049-0.68,0.049-1.002,0c-0.371-0.074-0.866-0.247-1.484-0.52 c-1.262-0.544-2.412-1.559-3.451-3.043L5.123,9.098C4.579,8.331,4.307,7.626,4.307,6.982s0.223-1.2,0.668-1.67l0.037-0.037 c0.173-0.173,0.359-0.26,0.557-0.26h0.445c0.099,0,0.179,0.019,0.241,0.056c0.062,0.037,0.118,0.13,0.167,0.278l0.631,1.521 C7.127,7.02,7.139,7.143,7.09,7.242C6.966,7.49,6.805,7.712,6.607,7.91C6.508,8.009,6.447,8.09,6.422,8.151 c-0.025,0.062,0,0.13,0.074,0.204c0.346,0.643,0.755,1.15,1.225,1.521c0.346,0.272,0.866,0.581,1.559,0.928 c0.198,0.099,0.346,0.087,0.445-0.037c0.322-0.371,0.544-0.643,0.668-0.816c0.049-0.099,0.111-0.148,0.186-0.148 s0.161,0.012,0.26,0.037C11.036,9.914,11.506,10.137,12.248,10.508z"/>
</symbol>
<symbol id="ico--job-email" viewBox="0 0 17 13">
<path fill="#FFFFFF" d="M16.678,4.46C16.807,4.357,17,4.454,17,4.616v6.79C17,12.286,16.286,13,15.406,13H1.594 C0.714,13,0,12.286,0,11.406V4.62c0-0.166,0.189-0.259,0.322-0.156c0.744,0.578,1.73,1.312,5.117,3.772 C6.139,8.747,7.321,9.822,8.5,9.816c1.185,0.01,2.391-1.089,3.065-1.58C14.951,5.775,15.934,5.038,16.678,4.46z M8.5,8.75 C7.73,8.763,6.621,7.78,6.063,7.375c-4.406-3.197-4.741-3.48-5.757-4.273C0.113,2.949,0,2.72,0,2.475V1.844 C0,0.964,0.714,0.25,1.594,0.25h13.812C16.286,0.25,17,0.964,17,1.844v0.631c0,0.246-0.113,0.478-0.305,0.628 c-1.016,0.797-1.351,1.076-5.757,4.273C10.379,7.78,9.27,8.763,8.5,8.75z"/>
</symbol>
<symbol id="ico--job-fb" viewBox="0 0 56 56">
</symbol>
</svg>
<div class="c-share">
<p class="c-share--heading"><?php _e('Suggest a friend', 'biuro'); ?></p>
<div class="c-share--options">
<a href="#" class="c-share--option c-share--option-facebook">FB</a>
<a href="#" class="c-share--option c-share--option-messenger">MS</a>
<a href="#" class="c-share--option c-share--option-email">EM</a>
<a href="#" class="c-share--option c-share--option-copy">CP</a>
<a href="#" class="c-share--option c-share--option-phone">CP</a>
<a href="#" class="c-share--option c-share--option-facebook">
<svg width="9px" height="18px" class="c-ico--share-facebook">
<use xlink:href="#ico--job-facebook"></use>
</svg>
</a>
<a href="#" class="c-share--option c-share--option-messenger">
<svg width="15px" height="15px" class="c-ico--share-messenger">
<use xlink:href="#ico--job-messenger"></use>
</svg>
</a>
<a href="#" class="c-share--option c-share--option-email">
<svg width="17px" height="13px" class="c-ico--share-email">
<use xlink:href="#ico--job-email"></use>
</svg>
</a>
<a href="#" class="c-share--option c-share--option-copy" style="color: white">copy</a>
<a href="#" class="c-share--option c-share--option-phone">
<svg width="17px" height="18px" class="c-ico--share-whatsapp">
<use xlink:href="#ico--job-whatsapp"></use>
</svg>
</a>
</div>
</div>
......
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