Commit 8436346e authored by Skirmantas's avatar Skirmantas

Merge branch 'design' of git.biuro.lt:biuro/dev.biuro into design

parents 93c55226 671dc936
......@@ -28,7 +28,7 @@ if ( ! defined( 'WPINC' ) ) die;
<div class="c-form--row">
<label class="c-form--label" for="form-name">Name, Surname*</label>
<div class="c-form--input-wrap <?php if ($nameStatus) { echo "c-form--input-wrap--$nameStatus"; } ?>">
<input type="text" class="c-form--input" id="form-name" name="name" value="<?php echo $nameValue; ?>" autofocus="autofocus">
<input type="text" class="c-form--input" id="form-name" name="name" value="<?php echo $nameValue; ?>" <?php if ($nameStatus): ?> autofocus="autofocus" <?php endif; ?>>
</div>
<?php if ($nameMessage): ?>
<div class="c-form--validation c-form--validation-<?php echo $nameStatus; ?>">
......@@ -73,7 +73,7 @@ if ( ! defined( 'WPINC' ) ) die;
<div class="c-form--row">
<div class="c-form--submit-wrap">
<button type="submit" class="c-form--submit" name="submit" value="1">Submit</button>
<button type="submit" class="o-btn c-btn--main c-btn--fill" name="submit" value="1">Submit</button>
</div>
</div><!-- .c-form--row -->
......
......@@ -9,6 +9,8 @@
--color--green-darker: #149a83;
--color--green-dark: #006957;
--color--blue-dark: #1d2a3a;
--color--gray-light: #f8f8f8;
}
/* critical:end */
......@@ -6,6 +6,7 @@
/*--layout-width: 976px;*/
--layout-width: 1210px; /* 1170px */
--layout-width--small: 870px; /* 830px */
--layout-width--large: 1150px; /* 1110px */
}
/* critical:end */
......@@ -6,15 +6,8 @@ body {
font-size: var(--typo--font-size);
line-height: var(--typo--line-height);
color: var(--color--gray-darker);
@media (--max--small) {
font-family: var(--typo--font-family);
letter-spacing: -0.08rem;
}
@media (--min--small) {
font-family: var( --typo--font-face);
}
font-family: var( --typo--font-face);
background: var(--color--gray-light);
}
/* critical:end */
......@@ -4,8 +4,14 @@
.l-aside {
@media (--min--small) {
flex: 0 0 16.25em;
flex: 0 0 280px;
}
}
.l-aside--position {
@media (--min--small) {
flex: 0 0 420px; padding-left: 100px;
}
}
/* critical:end */
......@@ -2,11 +2,25 @@
/* critical:start */
.l-content {
@media (--min--small) {
.l-content { max-width: var(--layout-width--large); padding-right: 20px; padding-left: 20px; margin: 0 auto;
/*@media (--min--small) {*/
display: flex;
}
/*}*/
}
.l-content--position { position: relative; padding: 40px 20px;
&:before { content: ''; position: absolute; top: 0; left: 0; height: 244px; width: 100%; background: linear-gradient(358.45deg, #3C7E9E 0%, #1FB299 100%); }
}
.l-content--position-inner { position: relative; display: flex; max-width: 970px; padding: 50px 70px; margin: 0 auto 140px; border-radius: 3px; background-color: #FFFFFF; box-shadow: 0 1px 47px 0 #ECF5FF; }
.l-content--heading { display: block; padding-top: 40px; padding-bottom: 25px;
h1 { margin: 0; padding: 0; color: #2A3644; font-size: 25px; font-weight: 500; line-height: 29px;
@media (--min--small) {
padding-left: 300px;
}
}
}
/*.l-content--heading { flex: 1 1 100%; }*/
/* critical:end */
......
......@@ -2,7 +2,7 @@
/* critical:start */
.l-header { position: relative; height: 70px; margin-bottom: 47px;
.l-header { position: relative; height: 70px; margin-bottom: 47px; background: #fff;
&:before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 47px; background: var(--color--blue-dark); }
}
......
......@@ -2,11 +2,19 @@
/* critical:start */
.o-btn { border: 0; color: #fff; background: var(--color--green); padding: 13px 24px 12px; cursor: pointer; border-radius: 3px; font-weight: 500;
.o-btn { display: inline-block; border: 0; padding: 13px 24px 12px; cursor: pointer; border-radius: 3px; font-weight: 500; text-decoration: none; font-family: inherit; }
.c-btn--header { margin-right: 28px; }
.c-btn--main { color: #fff; background: var(--color--green);
&:hover { background: var(--color--green-darker); }
}
.c-btn--header { margin-right: 28px; }
.c-btn--alt { padding: 10px 15px; color: #004ED4; background: #e8f0ff; color: #004ED4;
&:after { float: right; margin: 6px 0 0 20px; content: ''; width: 7px; height: 7px; border: 1px solid #004ED4; border-width: 2px 2px 0 0; transform: rotate(45deg); }
}
.c-btn--fill { width: 100%; }
/*.o-nav--item { display: block; }*/
......
......@@ -18,12 +18,14 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
@import '_component--footer-separator.css';
@import '_component--form.css';
@import '_component--job.css';
@import '_component--jobs-list.css';
@import '_component--jobs.css';
@import '_component--jobs-pagination.css';
@import '_component--jobs-section.css';
@import '_component--logo.css';
@import '_component--nav.css';
@import '_component--phone.css';
@import '_component--search.css';
@import '_component--share.css';
@import '_component--social.css';
@import '_component--trust.css';
@import '_component--values.css';
......
......@@ -4,14 +4,14 @@
.c-contact { padding: 50px 0; }
.c-contact--inner { display: flex; max-width: 840px; margin: 0 auto; }
.c-contact--inner { display: flex; justify-content: space-between; max-width: 980px; margin: 0 auto; }
.c-contact--content { flex: 1 1 40%; color: #2A3644; font-weight: 500; line-height: 29px;
.c-contact--content { flex: 1 1 40%; max-width: 500px; color: #2A3644; font-weight: 500; line-height: 29px; padding: 75px 0 0 90px;
h3 { margin: 0 0 15px; font-size: 25px; }
p { margin: 0 0 20px; }
}
.c-contact--form { flex: 1 1 40%; }
.c-contact--form { flex: 1 1 40%; max-width: 420px; }
/* critical:end */
......@@ -12,7 +12,7 @@
.c-form--input { width: 100%; padding: 10px; border: 0; background: none; }
.c-form--submit { @extend .o-btn; width: 100%; margin: 15px 0 10px; }
.c-form--submit-wrap { padding: 10px 0; }
.c-form--checkbox-wrap { display: flex; }
.c-form--checkbox { position: absolute; top: 0; left: -9999px; visibility: hidden;
......
......@@ -4,52 +4,29 @@
/* critical:end */
/*.c-job--title { } */
#custom {
.biuro-title { margin: 0 0 20px; padding: 10px; font-size: calc(1.125rem + ((1vw - 3.2px) * 0.8929)); border: 2px solid var(--color--green); border-radius: 12px;
@media (--min--small) {
border-width: 3px; margin: 0 0 30px; padding: 20px; font-size: 22px;
}
h1 { margin: 0; padding: 0; line-height: 1.2; color: var(--color--green); font-weight: var(--typo--weight-bold); overflow: hidden; text-align: center; text-transform: uppercase }
.c-job--title { margin: 0 0 40px; padding: 0; color: #2A3644; font-size: 30px; font-weight: 500; line-height: 39px; }
.c-job--content { line-height: 25px; color: #2A3644;
h3 { color: #069980; font-size: 19px; font-weight: bold; margin: 0 0 3px; padding: 0;
&:nth-child(n+1) { margin-top: 30px; }
}
}
/*
#custom .biuro-title{
padding: 20px 0;
font-size: 22px;
}
#custom .biuro-title h1 {
color:#006957;
font-weight:700;
overflow:hidden;
text-align:center;
text-transform:uppercase
}*/
/*
@media (min-width:768px){
#custom .biuro-title{
border: 4px solid #006957;
border-radius: 12px;
padding: 20px;
ul { margin: 0 0; padding: 0; list-style: none; }
li {
&:before { content: '->'; display: inline-block; margin: 0 5px 0 0; font-weight: bold;}
}
}
.c-job--action { padding: 30px 0; }
.c-job--action-aside {}
@media (min-width:768px){
#custom .biuro-title{
margin: 0 0 30px;
padding:20px;
.c-job-contacts {
ul { margin: 0; padding: 0; list-style: none; }
li { line-height: 28px; }
svg { float: left; margin: 4px 8px 0 0; }
a { overflow: hidden; text-decoration: none;
&:hover { color: var(--color--green); }
}
#custom .biuro-title h1 { margin: 0; padding: 0; line-height: 1.2; }
}
*/
/* ------------- Component: jobs list ------------- */
/* critical:start */
.c-jobs-list { width: 100%; margin: 0 0 20px; }
.c-jobs-list--head { padding: 10px; }
.c-jobs-list--col { padding: 0 10px;
@media (--min--xx-small) {
padding: 10px;
}
}
.c-jobs-list--col-position {
@media (--max--xx-small) {
padding-top: 10px;
}
}
/* critical:end */
.c-jobs-list {
tr {
&:nth-child(even) { background: #F8F8F8; }
}
th,
td { vertical-align: top; }
a { display: block; }
}
.c-jobs-list--head { font-weight: 700; text-align: left;
@media (--max--small) {
display: none;
}
&:nth-child(n+2) {
@media (--min--small) {
border-left: 1px solid #dfe1e4;
}
}
}
.c-jobs-list--col {
@media (--max--xx-small) {
float: left; width: calc(100% - 20px)
}
@media (--min--xx-small) {
max-width: 260px;
}
}
.c-jobs-list--col-position { }
.c-jobs-list--col-city {
@media (--max--xx-small) {
padding-bottom: 10px; text-align: left;
}
@media (--max--small) {
text-align: right;
}
@media (--min--small) {
border-left: 1px solid #dfe1e4;
}
}
.c-jobs-list--col-valid { display: none;
@media (--min--small) {
display: table-cell; border-left: 1px solid #dfe1e4;
}
}
......@@ -4,8 +4,8 @@
/* critical:end */
.pods-pagination-paginate { display: block; padding-bottom: 1em; }
.pods-pagination-paginate { display: flex; margin-bottom: 90px; }
.page-numbers { margin: 0 1px; padding: 1px;
&.current { font-weight: var(--typo--weight-bold); }
.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; }
}
/* ------------- Component: jobs section ------------- */
/* critical:start */
/* critical:end */
.c-jobs-section { margin: 0 20px 20px 0; padding: 28px 28px 23px; border-radius: 3px; background-color: #ffffff; }
.c-jobs-section--heading { margin: 0 0 15px; padding: 0; color: #2A3644; font-size: 18px; font-weight: 500; line-height: 21px; }
.c-jobs-section--content { overflow: hidden; }
.c-jobs-section--content-collapsed { max-height: 100px; }
.c-jobs-section--list { margin: 0; padding: 0; list-style: none; }
.c-jobs-section--item { line-height: 33px; }
.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;}
/* ------------- Component: jobs list ------------- */
/* critical:start */
.c-jobs { }
.c-jobs--inner { @extend .l-inner-small; }
.c-jobs--headline { min-height: 29px; margin: 0 0 25px; padding: 20px 20px 0; color: #2A3644; font-size: 25px; font-weight: 500; line-height: 29px; }
/* critical:end */
.c-jobs--table { width: 100%; margin: 0 0 20px; }
.c-jobs--col { background: #fff; vertical-align: middle; border-bottom: 1px solid var(--color--gray-light); color: #868C93; padding-top: 10px; padding-bottom: 10px; }
.c-jobs--col-position { padding-left: 15px; padding-right: 5px; }
.c-jobs--col-city { white-space: nowrap; padding-right: 5px; padding-left: 5px; max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
.c-jobs--col-valid { color: #19C5A7; white-space: nowrap; padding-right: 15px; padding-left: 5px; }
.c-jobs--anchor { display: block; padding: 10px 0; color: #004ED4; font-weight: 500; line-height: 18px; text-decoration: none;
&:visited { color: #6B7888; }
}
.c-jobs--more { margin-bottom: 30px; }
/* ------------- Component: share ------------- */
/* critical:start */
/* critical:end */
.c-share { margin-bottom: 90px; }
.c-share--heading { margin: 0; padding: 20px 0 10px; font-weight: 500; text-align: center; }
.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-facebook { background-color: #4367B0; }
.c-share--option-messenger { background-color: #1983FA; }
.c-share--option-email { background-color: #2A3644; }
.c-share--option-copy { background-color: #858585; }
.c-share--option-phone { background-color: #25D366; }
......@@ -8,8 +8,8 @@
/* critical:end */
.c-values--section { flex: 0 0 40%; }
.c-values--section { flex: 0 0 40%; max-width: 280px; }
.c-values--heading { display: inline-block; min-width: 139px; min-height: 66px; margin: 0 0 18px; padding: 0 10px 0 0; border-bottom: 4px solid #fff; font-size: 45px; line-height: 53px; font-weight: bold; }
.c-values--content { display: block; max-width: 280px; min-height: 80px; margin: 0 0 20px; padding: 0; font-size: 15px; line-height: 30px; font-weight: 500; }
.c-values--content { display: block; min-height: 80px; margin: 0 0 20px; padding: 0; font-size: 15px; line-height: 30px; font-weight: 500; }
:root{--color--gray:#7e8683;--color--gray-darker:#2a3644;--color--green:#1fb299;--color--green-darker:#149a83;--color--green-dark:#006957;--color--blue-dark:#1d2a3a;--color--gray-light:#f8f8f8;--typo--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Light","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--typo--font-size:1.5rem;--typo--weight-regular:400;--typo--weight-bold:700;--typo--line-height:1.2;--typo--font-face:"Roboto",sans-serif;--layout-width:1210px;--layout-width--small:870px;--layout-width--large:1150px}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}a{color:inherit}body{font-size:1.5rem;font-size:var(--typo--font-size);line-height:1.2;line-height:var(--typo--line-height);color:#2a3644;color:var(--color--gray-darker);font-family:Roboto,sans-serif;font-family:var(--typo--font-face);background:#f8f8f8;background:var(--color--gray-light)}html{min-height:100%;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.l-inner{max-width:1210px;max-width:var(--layout-width);margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.c-jobs--inner,.c-trust--inner,.c-values--inner,.l-inner-small{max-width:870px;max-width:var(--layout-width--small);margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.l-header{position:relative;height:70px;margin-bottom:47px;background:#fff}.l-header:before{content:"";position:absolute;top:100%;left:0;width:100%;height:47px;background:#1d2a3a;background:var(--color--blue-dark)}.l-content{max-width:1150px;max-width:var(--layout-width--large);padding-right:20px;padding-left:20px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.l-content--position{position:relative;padding:40px 20px}.l-content--position:before{content:"";position:absolute;top:0;left:0;height:244px;width:100%;background:linear-gradient(358.45deg,#3c7e9e,#1fb299)}.l-content--position-inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:970px;padding:50px 70px;margin:0 auto 140px;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 1px 47px 0 #ecf5ff;box-shadow:0 1px 47px 0 #ecf5ff}.l-content--heading{display:block;padding-top:40px;padding-bottom:25px}.l-content--heading h1{margin:0;padding:0;color:#2a3644;font-size:25px;font-weight:500;line-height:29px}.l-footer{background:#1d2a3a;background:var(--color--blue-dark);color:#fff;padding-top:70px}.o-btn{display:inline-block;border:0;padding:13px 24px 12px;cursor:pointer;border-radius:3px;font-weight:500;text-decoration:none;font-family:inherit}.c-btn--header{margin-right:28px}.c-btn--main{color:#fff;background:#1fb299;background:var(--color--green)}.c-btn--main:hover{background:#149a83;background:var(--color--green-darker)}.c-btn--alt{padding:10px 15px;background:#e8f0ff;color:#004ed4}.c-btn--alt:after{float:right;margin:6px 0 0 20px;content:"";width:7px;height:7px;border:1px solid #004ed4;border-width:2px 2px 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.c-btn--fill{width:100%}.o-nav{margin:0;padding:0;list-style:none}.c-cookies-warning{display:none}.c-contact{padding:50px 0}.c-contact--inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:980px;margin:0 auto}.c-contact--content{-webkit-box-flex:1;-ms-flex:1 1 40%;flex:1 1 40%;max-width:500px;color:#2a3644;font-weight:500;line-height:29px;padding:75px 0 0 90px}.c-contact--content h3{margin:0 0 15px;font-size:25px}.c-contact--content p{margin:0 0 20px}.c-contact--form{-webkit-box-flex:1;-ms-flex:1 1 40%;flex:1 1 40%;max-width:420px}.c-data-controller{margin-bottom:35px;padding:15px 0 10px;text-align:center;font-size:13px;line-height:1;font-weight:300}.c-data-controller p{margin:0 0 10px}.c-feedbacks{padding:50px 0 70px;background:linear-gradient(134.06deg,#fff,#cbe2ec)}.c-feedbacks--inner{width:640px;margin:0 auto}.c-feedbacks--heading{color:#2a3644;margin:0 0 40px;padding:0;font-size:25px;font-weight:500;line-height:29px;text-align:center}.c-feedbacks--section{border:1px solid #00f;min-height:300px}.c-footer-separator{margin-bottom:25px;border-color:#fff;border-width:2px 0 0;opacity:.29}.c-form{padding:38px 35px 20px;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 1px 47px 0 #ecf5ff;box-shadow:0 1px 47px 0 #ecf5ff}.c-form--row{position:relative;margin-bottom:20px}.c-form--label{display:block;color:#2a3644;font-size:15px;line-height:18px;margin-bottom:4px;font-weight:500}.c-form--input-wrap{border-radius:3px;border:1px solid #d4d4d4}.c-form--input{width:100%;padding:10px;border:0;background:none}.c-form--submit-wrap{padding:10px 0}.c-form--checkbox-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.c-form--checkbox{position:absolute;top:0;left:-9999px;visibility:hidden}.c-form--checkbox:checked+label:before{border-color:#d4d4d4}.c-form--checkbox:checked+label:after{content:"✔"}.c-form--label-checkbox{position:relative;margin:0 0 0 31px;color:#868f98;font-size:12px;line-height:17px}.c-form--label-checkbox:before{content:"";position:absolute;top:0;left:-31px;height:18px;width:18px;border:1px solid #d4d4d4;border-radius:3px;cursor:pointer}.c-form--label-checkbox:after{content:"";position:absolute;top:-2px;left:-28px;width:20px;height:20px;border-radius:3px;color:#1fb299;color:var(--color--green);font-size:22px;cursor:pointer}.c-jobs--headline{min-height:29px;margin:0 0 25px;padding:20px 20px 0;color:#2a3644;font-size:25px;font-weight:500;line-height:29px}.c-logo{width:81px;margin-right:89px;padding:11px 0;text-decoration:none}.c-logo,.c-logo--svg{display:block}.c-nav--main{display:-webkit-box;display:-ms-flexbox;display:flex}.c-nav--sub{display:none}.c-phone{white-space:nowrap;margin-right:35px;padding:10px 0;text-decoration:none;color:inherit;font-weight:500}.c-phone svg{float:left;margin:-6px 5px 0 0}.c-trust{background:linear-gradient(134.06deg,#70b7d5,#7bcbcf)}.c-trust--inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:64px;padding-bottom:64px}.c-trust--heading{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin:0;color:#fff}.c-trust--logos{-webkit-box-flex:10;-ms-flex:10 1 auto;flex:10 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.c-trust--logo{border:1px solid #fff;width:100px;height:40px}.c-values{background:linear-gradient(138.69deg,#4eacd9,#2fb8a1);color:#fff}.c-values--inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:60px;padding-bottom:40px}.u-hidden{display:none}@media (min-width:48em){.l-content--heading h1{padding-left:300px}.l-aside{-webkit-box-flex:0;-ms-flex:0 0 280px;flex:0 0 280px}.l-aside--position{-webkit-box-flex:0;-ms-flex:0 0 420px;flex:0 0 420px;padding-left:100px}.l-main{-ms-flex:1 1 100%;flex:1 1 100%}.l-main,.l-nav{-webkit-box-flex:1}.l-nav{-ms-flex:1 1 auto;flex:1 1 auto}}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
</main><!-- .l-main -->
<?php
if ( get_page_template_slug() == 'search.php' || is_search() ):
?>
</div><!-- .l-content -->
<?php
endif;
if ( !is_search() && get_post_type() == 'job' ):
?>
<aside class="l-aside">
<aside class="l-aside--position">
<?php
get_template_part( 'template-parts/layout/aside', 'job' );
?>
</aside><!-- .l-aside -->
</div><!-- .l-content--position-inner -->
<?php
endif;
?>
......@@ -107,7 +113,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-19c9eea4.min.js" async></script>
<?php wp_footer(); ?>
</body>
</html>
......@@ -24,8 +24,10 @@
// endwhile;
?>
<br>
<h2>Naujausi darbo skelbimai</h2>
<div class="c-jobs">
<div class="c-jobs--inner">
<h2 class="c-jobs--headline"><?php _e('Recent job ads', 'biuro'); ?></h2>
<?php
// Use for search
......@@ -42,23 +44,38 @@
$jobs = pods( 'job', $params );
if ( 0 < $jobs->total() ):
get_template_part( 'template-parts/jobs/jobs', 'list' );
else:
get_template_part( 'template-parts/jobs/jobs', 'none' );
endif;
$positionsPage = new WP_Query( array(
'numberposts' => 1,
'post_type' => 'page',
'meta_key' => 'page',
'meta_value' => 'positions'
) );
if ( $positionsPage->have_posts() ) :
while( $positionsPage->have_posts() ) :
$positionsPage->the_post();
?>
<div class="c-jobs--more">
<a href="<?php echo get_the_permalink(); ?>" class="o-btn c-btn--alt"><?php _e('More job ads', 'biuro'); ?></a>
</div>
<?php
endwhile;
endif;
?>
<p>
<a href="/darbo-pasiulymai/" style="color: blue"><?php _e('More job ads', 'biuro_theme'); ?></a>
</p>
</div><!-- .c-jobs--inner -->
</div><!-- .c-jobs -->
<div class="c-trust">
<div class="c-trust--inner">
<h2 class="c-trust--heading"><?php _e('Trust in us', 'biuro_theme'); ?></h2>
<h2 class="c-trust--heading"><?php _e('Trust in us', 'biuro'); ?></h2>
<div class="c-trust--logos">
<div class="c-trust--logo"></div>
<div class="c-trust--logo"></div>
......@@ -80,10 +97,6 @@
endif;
?>
<div class="c-contact-form">
</div><!-- .c-contact-form -->
<div class="c-contact">
<div class="c-contact--inner">
......
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -34,7 +34,6 @@
endif;
?>
<h2 style="color:; red">Vertės</h2>
<?php
if ( is_active_sidebar( 'sales_page_values' ) ) :
......@@ -50,49 +49,43 @@
endif;
?>
<br>
<div style="border: 1px solid green; display: flex;">
<h2 style="flex: 1 1 10%">Mumis pasitiki</h2>
<div class="c-logos" style="flex: 1 1 50%">
<div>1 logo</div>
<div>2 logo</div>
<div>3 logo</div>
<div>4 logo</div>
<div class="c-trust">
<div class="c-trust--inner">
<h2 class="c-trust--heading"><?php _e('Trust in us', 'biuro'); ?></h2>
<div class="c-trust--logos">
<div class="c-trust--logo"></div>
<div class="c-trust--logo"></div>
<div class="c-trust--logo"></div>
<div class="c-trust--logo"></div>
</div>
</div>
</div>
<br>
<h2 style="color:; red">Atsiliepimai</h2>
<?php
if ( is_active_sidebar( 'sales_page_feedbacks' ) ) :
dynamic_sidebar( 'sales_page_feedbacks' );
endif;
?>
<br>
<div style="border: 1px solid blue; display: flex;">
<div style="flex: 1 1 40%;">
<?php
if ( is_active_sidebar( 'sales_page_employers' ) ) :
dynamic_sidebar( 'sales_page_employers' );
endif;
?>
<img src="https://picsum.photos/330/100" alt="" style="display: block;">
</div>
<div style="flex: 1 1 40%;">
<?php
echo do_shortcode('[biuro-contacts--employers-quick]');
?>
</div>
</div>
<br>
<div class="c-contact">
<div class="c-contact--inner">
<div class="c-contact--content">
<?php
if ( is_active_sidebar( 'sales_page_employers' ) ) :
dynamic_sidebar( 'sales_page_employers' );
endif;
?>
<div class="c-contact--img"><img src="https://picsum.photos/330/100" alt="" style="display: block;"></div>
</div>
<div class="c-contact--form">
<?php
echo do_shortcode('[biuro-contacts--employers-quick]');
?>
</div>
</div><!-- .c-contact--inner -->
</div><!-- .c-contact -->
<?php get_footer();
......@@ -17,17 +17,6 @@
get_header(); ?>
<?php
if ( !is_search() ):
while ( have_posts() ) :
the_post();
the_content();
endwhile;
endif;
?>
<?php
global $query_string;
......
......@@ -19,37 +19,39 @@ get_header();
?>
<?php
while ( have_posts() ) :
while ( have_posts() ) :
?>
<div class="biuro-title">
<h1><?php the_title(); ?></h1>
</div>
<h1 class="c-job--title"><?php the_title(); ?></h1>
<div class="c-job--content">
<?php
the_post();
the_content();
endwhile;
the_post();
the_content();
?>
</div>
<?php
endwhile;
$pod = pods( 'job', get_the_id() );
// delog( $pod->field( 'post_title' ) );
// delog( $pod->field( 'post_date' ) );
// delog( $pod->field( 'valid' ) );
// debug( $pod->field( 'salary_from' ) );
$pod = pods( 'job', get_the_id() );
?>
<p>
Atlyginimas nuo: <?php echo $pod->field( 'salary_from' ); ?>
<br>
Atlyginimas iki: <?php echo $pod->field( 'salary_to' ); ?>
<br>
<br>
Paskelbta: <?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' ) ) ); ?>
</p>
<p>
Atlyginimas nuo: <?php echo $pod->field( 'salary_from' ); ?>
<br>
Atlyginimas iki: <?php echo $pod->field( 'salary_to' ); ?>
<br>
<br>
Paskelbta: <?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' ) ) ); ?>
</p>
<br>
<div class="c-job--action">
<button type="submit" class="js-toggle-position-form o-btn c-btn--main c-btn--fill" name="submit" value="1" data-id="action--form"><?php _e('Candidate', 'biuro'); ?></button>
</div>
<?php
/*
<div id="action--form" style="border: 1px solid grey; margin-bottom: 20px; display: none;">
......@@ -69,4 +71,6 @@ get_header();
<button style="float: right; text-align: center; color: #000; background: #ccc; padding: 10px; width: 48%; border: 0; border-radius: 3px; cursor: pointer;" class="js-job-action" data-id="action--share">Dalintis</button>
</div>
*/ ?>
<?php get_footer();
......@@ -13,62 +13,61 @@ global $jobs;
?>
<table cellspacing="0" cellpadding="0" class="c-jobs-list">
<tr>
<th class="c-jobs-list--head">Pozicija</th>
<th class="c-jobs-list--head">Vietovė</th>
<th class="c-jobs-list--head">Galioja iki</th>
</tr>
<table cellspacing="0" cellpadding="0" class="c-jobs--table">
<?php /*
<tr>
<th class="c-jobs--head"><?php _e('Position', 'biuro'); ?></th>
<th class="c-jobs--head"><?php _e('Location', 'biuro'); ?></th>
<th class="c-jobs--head"><?php _e('Valid till', 'biuro'); ?></th>
</tr>
*/ ?>
<?php
$i = 0;
while ( $jobs->fetch() ) :
$ID = $jobs->display( 'ID' );
$i++;
?>
<tr <?php if ( $i % 2 != 0 ) { echo 'class="c-jobs-list--row-odd"'; } ?>>
<td class="c-jobs-list--col c-jobs-list--col-position">
<a href="<?php echo get_post_permalink( $ID ); ?>" title="<?php echo $jobs->display( 'name' ); ?>">
<strong><?php echo $jobs->display( 'name' ); ?></strong>
</a>
</td>
<td class="c-jobs-list--col c-jobs-list--col-city">
<?php
$cities = $jobs->field( 'city');
$count = 0;
<?php
$i = 0;
while ( $jobs->fetch() ) :
$ID = $jobs->display( 'ID' );
$i++;
?>
<tr <?php if ( $i % 2 != 0 ) { echo 'class="c-jobs--row-odd"'; } ?>>
<td class="c-jobs--col c-jobs--col-position">
<a class="c-jobs--anchor" href="<?php echo get_post_permalink( $ID ); ?>" title="<?php echo $jobs->display( 'name' ); ?>"><?php echo $jobs->display( 'name' ); ?></a>
</td>
<td class="c-jobs--col c-jobs--col-city">
<?php
$cities = $jobs->field( 'city');
$count = 0;
foreach($cities as $city):
if ($count):
echo ', ';
endif;
foreach($cities as $city):
if ($count):
echo ', ';
endif;
echo $city['name'];
echo $city['name'];
$count++;
endforeach;
$count++;
endforeach;
// echo $jobs->display( 'city' );
?>
</td>
<td class="c-jobs-list--col c-jobs-list--col-valid">
<?php echo date_i18n( get_option( 'date_format' ), strtotime( $jobs->field( 'valid' ) ) ); ?>
</td>
</tr>
// echo $jobs->display( 'city' );
?>
</td>
<td class="c-jobs--col c-jobs--col-valid">
<?php echo date_i18n( get_option( 'date_format' ), strtotime( $jobs->field( 'valid' ) ) ); ?>
</td>
</tr>
<?php
endwhile;
?>
</table>
<?php
<?php
endwhile;
?>
</table>
if ( !is_front_page() ):
echo $jobs->pagination( array(
'type' => 'paginate' ,
'prev_text' => '',
'next_text' => ''
) );
endif;
<?php
?>
if ( !is_front_page() ):
echo $jobs->pagination( array(
'type' => 'paginate' ,
'prev_text' => '<',
'next_text' => '>'
) );
endif;
?>
<?php
function getSiteTree($taxonomy)
function getSiteTree($taxonomy, $collapsed)
{
$terms = get_terms( array(
'taxonomy' => $taxonomy,
'hide_empty' => false,
));
// debug($terms);
$classCSS = 'c-jobs-section--content';
if ($collapsed):
$classCSS .= ' c-jobs-section--content-collapsed';
endif;
if ( !empty( $terms ) && ! is_wp_error( $terms ) ):
echo '<ul>';
echo '<div class="' . $classCSS . '">';
echo '<ul class="c-jobs-section--list">';
$res = array();
......@@ -57,61 +62,39 @@ function getSiteTree($taxonomy)
foreach ( $res as $r ):
?>
<li><a href="<?php echo $r['href']; ?>" title="<?php echo $r['name']; ?>"><?php echo $r['name'] . ' (' . $r['total'] . ')'; ?></a></li>
<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;
echo '</ul>';
echo '</div>';
if ($collapsed):
echo '<a href="#" class="js-expand-jobs-section c-jobs-section--expand">' . __('More ...', 'biuro') . ' </a>';
endif;
endif;
}
?>
<h3>Miestas</h3>
<div style="border: 1px solid #666; margin-right: 20px">
<?php
getSiteTree( 'city' );
?>
</div>
<h3>Sritis</h3>
<div style="border: 1px solid #666; margin-right: 20px">
<div class="c-jobs-section">
<h3 class="c-jobs-section--heading"><?php _e('City', 'biuro'); ?></h3>
<?php
getSiteTree( 'field' );
getSiteTree( 'city', true );
?>
</div>
<h3>Tipas</h3>
<div style="border: 1px solid #666; margin-right: 20px">
<div class="c-jobs-section">
<h3 class="c-jobs-section--heading"><?php _e('Job area', 'biuro'); ?></h3>
<?php
getSiteTree( 'type' );
getSiteTree( 'field', true );
?>
</div>
<div class="c-jobs-section">
<h3 class="c-jobs-section--heading"><?php _e('Job type', 'biuro'); ?></h3>
<?php
/*
<h3>Tipas</h3>
<div style="border: 1px solid #666; margin-right: 20px; margin-bottom: 20px;">
<ul>
<li><a href="#" style="color: #900">Darbas užsienyje: Norvegijoje, Vokietijoje, UK ir kt.</a></li>
<li><a href="#" style="color: #900">Darbas studentams</a></li>
<li><a href="#" style="color: #900">Sezoninis darbas</a></li>
<li><a href="#" style="color: #900">Darbas namuose</a></li>
<li><a href="#" style="color: #900">Darbas vasarai</a></li>
<li><a href="#" style="color: #900">Papildomas darbas</a></li>
</ul>
</div>
*/
?>
<?php
/*
<h3>Tipas</h3>
<div style="border: 1px solid #666;">
<?php
getSiteTree( 'type' );
getSiteTree( 'type', false );
?>
</div>
getSiteTree( 'company' );
*/
?>
<?php
$jobID = get_the_ID();
?>
<br>
<br>
<!-- <h3>Job: <?php echo $jobID; ?></h3> -->
<div>
<button style="display: block; text-align: center; color: #fff; background: #006957; padding: 10px; width: 100%; border: 0; border-radius: 3px; cursor: pointer;" class="js-job-action" data-id="action--form">Kandidatuoti</button>
<div class="c-job--action-aside">
<button type="submit" class="js-toggle-position-form o-btn c-btn--main c-btn--fill" name="submit" value="1" data-id="action--form"><?php _e('Candidate', 'biuro'); ?></button>
</div>
<div class="tmp-contacts">
<?php
// $page = get_page( $jobID );
<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>
</div>
</div>
// debug( $page );
<div class="c-job-contacts">
<ul>
<li>
<a class="gtm-b2c-phone-click" href="tel: 8 379 99254">
<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="18px" viewBox="0 0 21 22">
<path d="M20.0073662,1.61350199 C20.5897947,1.74475969 20.9999499,2.26157937 20.9999499,2.86039004 C20.9999499,13.2496151 12.5794702,21.6249937 2.23534623,21.6249937 C1.63653556,21.6249937 1.11971588,21.2148385 0.984372653,20.6283244 L0.0328044109,16.4980528 C-0.106624349,15.8951166 0.205077636,15.2798837 0.775209486,15.0337905 L5.2212686,13.1265685 C5.74217381,12.9009831 6.35740672,13.0527486 6.71833535,13.4916227 L8.52714413,15.7023356 C11.3695122,14.3078077 13.6786783,11.994556 15.0732063,9.15627347 L12.8624533,7.34750474 C12.4236192,6.98653606 12.2718538,6.37130315 12.4974392,5.850438 L14.4046612,1.4002533 C14.6507543,0.830121445 15.2700728,0.51841946 15.873009,0.65784822 L20.0073662,1.61350199 Z M2.25993953,20.3124969 C11.8780807,20.3002002 19.6751564,12.5072501 19.6833675,2.88910892 L15.598197,1.9457518 L13.7114827,6.35079539 L16.6974051,8.79121926 C14.7122776,13.0240297 12.4112825,15.3331958 8.16208992,17.3265745 L5.72166605,14.3406521 L1.3165824,16.2273664 L2.25993953,20.3124969 Z"></path>
</svg> 8 379 99254
</a>
</li>
<li>
<a class="gtm-b2c-email-click" href="mailto:kaunascv@biuro.lt">
<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="18px" viewBox="0 0 21 22">
<path d="M20.0073662,1.61350199 C20.5897947,1.74475969 20.9999499,2.26157937 20.9999499,2.86039004 C20.9999499,13.2496151 12.5794702,21.6249937 2.23534623,21.6249937 C1.63653556,21.6249937 1.11971588,21.2148385 0.984372653,20.6283244 L0.0328044109,16.4980528 C-0.106624349,15.8951166 0.205077636,15.2798837 0.775209486,15.0337905 L5.2212686,13.1265685 C5.74217381,12.9009831 6.35740672,13.0527486 6.71833535,13.4916227 L8.52714413,15.7023356 C11.3695122,14.3078077 13.6786783,11.994556 15.0732063,9.15627347 L12.8624533,7.34750474 C12.4236192,6.98653606 12.2718538,6.37130315 12.4974392,5.850438 L14.4046612,1.4002533 C14.6507543,0.830121445 15.2700728,0.51841946 15.873009,0.65784822 L20.0073662,1.61350199 Z M2.25993953,20.3124969 C11.8780807,20.3002002 19.6751564,12.5072501 19.6833675,2.88910892 L15.598197,1.9457518 L13.7114827,6.35079539 L16.6974051,8.79121926 C14.7122776,13.0240297 12.4112825,15.3331958 8.16208992,17.3265745 L5.72166605,14.3406521 L1.3165824,16.2273664 L2.25993953,20.3124969 Z"></path>
</svg> kaunascv@biuro.lt
</a>
</li>
<li>
<a href="https://maps.google.com/?q=Gedimino g. 47 - 301, Kaunas" target="_blank" rel="noopener">
<svg xmlns="http://www.w3.org/2000/svg" width="17px" height="18px" viewBox="0 0 21 22">
<path d="M20.0073662,1.61350199 C20.5897947,1.74475969 20.9999499,2.26157937 20.9999499,2.86039004 C20.9999499,13.2496151 12.5794702,21.6249937 2.23534623,21.6249937 C1.63653556,21.6249937 1.11971588,21.2148385 0.984372653,20.6283244 L0.0328044109,16.4980528 C-0.106624349,15.8951166 0.205077636,15.2798837 0.775209486,15.0337905 L5.2212686,13.1265685 C5.74217381,12.9009831 6.35740672,13.0527486 6.71833535,13.4916227 L8.52714413,15.7023356 C11.3695122,14.3078077 13.6786783,11.994556 15.0732063,9.15627347 L12.8624533,7.34750474 C12.4236192,6.98653606 12.2718538,6.37130315 12.4974392,5.850438 L14.4046612,1.4002533 C14.6507543,0.830121445 15.2700728,0.51841946 15.873009,0.65784822 L20.0073662,1.61350199 Z M2.25993953,20.3124969 C11.8780807,20.3002002 19.6751564,12.5072501 19.6833675,2.88910892 L15.598197,1.9457518 L13.7114827,6.35079539 L16.6974051,8.79121926 C14.7122776,13.0240297 12.4112825,15.3331958 8.16208992,17.3265745 L5.72166605,14.3406521 L1.3165824,16.2273664 L2.25993953,20.3124969 Z"></path>
</svg> Gedimino g. 47 – 301, Kaunas
</a>
</li>
</ul>
<?php
$jobID = get_the_ID();
$where = 'valid.meta_value > "' . date('Y-m-d', strtotime('-1 days')) . '"';
// $where = 'valid.meta_value > "' . date('Y-m-d', strtotime('-1 days')) . '" AND (t.post_title LIKE "%' . searchQuery . '%" OR t.post_content LIKE "%' . searchQuery . '%")';
// $where = 'valid.meta_value > "' . date('Y-m-d', strtotime('-1 days')) . '"';
$params = array(
'where' => 't.id=' . $jobID,
......@@ -30,10 +51,10 @@
$contacts = pods( 'job', $params );
while ( $contacts->fetch() ) :
echo $contacts->display( 'contact' );
// echo $contacts->display( 'contact' );
endwhile;
?>
</div>
<br>
<br>
<h3>Job: <?php echo $jobID; ?></h3>
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