Commit 7dfb646d authored by Simonas's avatar Simonas

UI development

parent 5e96597c
...@@ -105,8 +105,8 @@ services: ...@@ -105,8 +105,8 @@ services:
- ./wordpress:/var/www/html - ./wordpress:/var/www/html
- './wp-init.sh:/usr/local/bin/wp-init.sh' - './wp-init.sh:/usr/local/bin/wp-init.sh'
command: # command:
- wp-init.sh # - wp-init.sh
networks: networks:
front: front:
......
This diff is collapsed.
...@@ -44,17 +44,18 @@ export function server () { ...@@ -44,17 +44,18 @@ export function server () {
// ], // ],
ws: true ws: true
}, },
// httpModule: 'http2', httpModule: http2,
https: { https: {
key: conf.certs.key, key: conf.certs.key,
cert: conf.certs.cert cert: conf.certs.cert
}, },
files: [ // files: [
`wp-content/themes/${conf.name}/**/*.php`, // `wp-content/themes/${conf.name}/**/*.php`,
`wp-content/themes/${conf.name}/css/main.min.css` // `wp-content/themes/${conf.name}/css/main.min.css`
], // ],
open: false, open: false,
port: 2000, port: 2000,
server: false,
serveStatic: [ serveStatic: [
`wp-content/themes/${conf.name}/css/`, `wp-content/themes/${conf.name}/css/`,
`wp-content/themes/${conf.name}/js/` `wp-content/themes/${conf.name}/js/`
...@@ -78,5 +79,12 @@ export function server () { ...@@ -78,5 +79,12 @@ export function server () {
gulp.watch([`wp-content/themes/${conf.name}/css/**/*.css`, `!wp-content/themes/${conf.name}/css/**/*.min.css`], gulp.parallel(serveCoreCSS, serveMainCSS)); gulp.watch([`wp-content/themes/${conf.name}/css/**/*.css`, `!wp-content/themes/${conf.name}/css/**/*.min.css`], gulp.parallel(serveCoreCSS, serveMainCSS));
gulp.watch(`wp-content/themes/${conf.name}/css/core.min.css`).on('change', () => bs.reload()); gulp.watch(`wp-content/themes/${conf.name}/css/core.min.css`).on('change', bs.reload);
// gulp.watch(`wp-content/themes/${conf.name}/**/*.php`).on('change', () => bs.reload());
gulp.watch(`wp-content/themes/${conf.name}/css/main.min.css`).on('change', bs.stream);
// `wp-content/themes/${conf.name}/**/*.php`,
// `wp-content/themes/${conf.name}/css/main.min.css`
} }
/* ------------- Settings: typography ------------- */ /* ------------- Settings: typography ------------- */
/* critical:start */ /* critical:start */
/* critical:end */
:root { :root {
--typo--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --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.8rem; --typo--font-size: 1.8rem;
--typo--weight-slim: 100;
--typo--weight-regular: 400;
--typo--weight-bold: 600;
--typo--line-height: 1.2; --typo--line-height: 1.2;
--typo--font-face: 'PT Sans Narrow', 'system', sans-serif; --typo--font-face: 'PT Sans Narrow', sans-serif;
--typo--font-face-additional: 'Bebas Neue', sans-serif;
@media (--min--small) { @media (--min--small) {
--typo--font-size: 1.6rem; --typo--font-size: 1.6rem;
...@@ -15,3 +18,4 @@ ...@@ -15,3 +18,4 @@
} }
} }
/* critical:end */
/* ------------- Tools: custom media ------------- */ /* ------------- Tools: custom media ------------- */
@custom-media --min--xxx-large (width >= 112.5rem); /* 1800px; */ @custom-media --min--xxx-large (width >= 112.5em); /* 1800px; */
@custom-media --min--xx-large (width >= 90rem); /* 1440px; */ @custom-media --min--xx-large (width >= 90em); /* 1440px; */
@custom-media --min--x-large (width >= 80rem); /* 1281px; */ @custom-media --min--x-large (width >= 80em); /* 1281px; */
@custom-media --min--large (width >= 64rem); /* 1025px; */ @custom-media --min--large (width >= 64em); /* 1025px; */
@custom-media --min--medium (width >= 60rem); /* 960px; */ @custom-media --min--medium (width >= 60em); /* 960px; */
@custom-media --min--small (width >= 48rem); /* 768px; */ @custom-media --min--small (width >= 48em); /* 768px; */
@custom-media --min--x-small (width >= 37.5rem); /* 600px; */ @custom-media --min--x-small (width >= 37.5em); /* 600px; */
@custom-media --min--xx-small (width >= 30rem); /* 480px; */ @custom-media --min--xx-small (width >= 30em); /* 480px; */
@custom-media --min--xxx-small (width >= 22.5rem); /* 360px; */ @custom-media --min--xxx-small (width >= 22.5em); /* 360px; */
@custom-media --min--xxxx-small (width >= 20rem); /* 320px; */ @custom-media --min--xxxx-small (width >= 20em); /* 320px; */
@custom-media --max--xxx-large (width < 112.5rem); /* 1800px; */ @custom-media --max--xxx-large (width < 112.5em); /* 1800px; */
@custom-media --max--xx-large (width < 90rem); /* 1440px; */ @custom-media --max--xx-large (width < 90em); /* 1440px; */
@custom-media --max--x-large (width < 80rem); /* 1281px; */ @custom-media --max--x-large (width < 80em); /* 1281px; */
@custom-media --max--large (width < 64rem); /* 1025px; */ @custom-media --max--large (width < 64em); /* 1025px; */
@custom-media --max--medium (width < 60rem); /* 1025px; */ @custom-media --max--medium (width < 60em); /* 1025px; */
@custom-media --max--small (width < 48rem); /* 768px; */ @custom-media --max--small (width < 48em); /* 768px; */
@custom-media --max--x-small (width < 37.5rem); /* 600px; */ @custom-media --max--x-small (width < 37.5em); /* 600px; */
@custom-media --max--xx-small (width < 30rem); /* 480px; */ @custom-media --max--xx-small (width < 30em); /* 480px; */
@custom-media --max--xxx-small (width < 22.5rem); /* 360px; */ @custom-media --max--xxx-small (width < 22.5em); /* 360px; */
@custom-media --max--xxxx-small (width < 20rem); /* 320px; */ @custom-media --max--xxxx-small (width < 20em); /* 320px; */
/* ------------- Tools: font face ------------- */ /* ------------- Tools: font face ------------- */
@font-face { @font-face {
font-family: 'PT Sans Narrow'; font-family: 'PT Sans Narrow';
font-style: normal; src: url('../fonts/pt_sans_narrow.woff2') format('woff2'),
url('../fonts/pt_sans_narrow.woff') format('woff');
font-weight: 400; font-weight: 400;
src: font-style: normal;
local('PT Sans Narrow'), font-display: swap;
local('PTSans-Narrow'),
url(https://fonts.gstatic.com/s/ptsansnarrow/v8/BngRUXNadjH0qYEzV7ab-oWlsYCB.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'PT Sans Narrow'; font-family: 'PT Sans Narrow';
src: url('../fonts/pt_sans_narrow_bold.woff2') format('woff2'),
url('../fonts/pt_sans_narrow_bold.woff') format('woff');
font-weight: 600;
font-style: normal; font-style: normal;
font-weight: 700; font-display: swap;
src:
local('PT Sans Narrow Bold'),
local('PTSans-NarrowBold'),
url(https://fonts.gstatic.com/s/ptsansnarrow/v8/BngSUXNadjH0qYEzV7ab-oWlsbg95DiC.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Bebas Neue'; font-family: 'Bebas Neue';
src: url(../_fonts/bebas-neue.eot); src: url('../fonts/bebas-neue.woff2') format('woff2'),
src: url(../_fonts/bebas-neue.eot?#iefix) format("embedded-opentype"),url(../_fonts/bebas-neue.woff2) format("woff2"),url(../_fonts/bebas-neue.woff) format("woff"),url(../_fonts/bebas-neue.ttf) format("truetype"),url(../_fonts/bebas-neue.svg#BebasNeue) format("svg"); url('../fonts/bebas-neue.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} }
...@@ -13,10 +13,12 @@ ...@@ -13,10 +13,12 @@
* 2. Prevent adjustments of font size after orientation changes in iOS. * 2. Prevent adjustments of font size after orientation changes in iOS.
*/ */
/* critical:start */
html { html {
line-height: 1.15; /* 1 */ line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */
} }
/* critical:end */
/* Sections /* Sections
========================================================================== */ ========================================================================== */
...@@ -25,9 +27,11 @@ html { ...@@ -25,9 +27,11 @@ html {
* Remove the margin in all browsers. * Remove the margin in all browsers.
*/ */
/* critical:start */
body { body {
margin: 0; margin: 0;
} }
/* critical:end */
/** /**
* Correct the font size and margin on `h1` elements within `section` and * Correct the font size and margin on `h1` elements within `section` and
......
/* ------------- Elements: anchor ------------- */ /* ------------- Elements: anchor ------------- */
/* critical:start */
a { color: var(--color--gray); }
/* critical:end */
a { a {
&:hover { text-decoration: none; } &:hover { text-decoration: none; }
} }
...@@ -7,7 +11,3 @@ a { ...@@ -7,7 +11,3 @@ a {
@media (--min--x-large) { @media (--min--x-large) {
[href^="tel"] { pointer-events: none; text-decoration: none; color: inherit; } [href^="tel"] { pointer-events: none; text-decoration: none; color: inherit; }
} }
/* critical:start */
/* critical:end */
...@@ -2,13 +2,19 @@ ...@@ -2,13 +2,19 @@
/* critical:start */ /* critical:start */
/* critical:end */
body { body {
font-family: var(--typo--font-family);
font-size: var(--typo--font-size); font-size: var(--typo--font-size);
line-height: var(--typo--line-height); line-height: var(--typo--line-height);
color: var(--color--gray); color: var(--color--gray);
@media (--max--small) {
font-family: var(--typo--font-family);
letter-spacing: -0.08rem;
}
@media (--min--small) {
font-family: var( --typo--font-face);
}
} }
body { font-family: var( --typo--font-face); } /* critical:end */
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
/* critical:start */ /* critical:start */
h1 { font-size: 4.8rem; line-height: 1.05; font-weight: 100; margin: 0; color: var(--color--dark-orange) } h1 { font-size: 4.8rem; line-height: 1.05; font-weight: var(--typo--weight-slim); margin: 0; color: var(--color--dark-orange) }
/* h2 { font-size: 2.4rem; line-height: 1; font-weight: 500; margin: 0 0 2rem; } */ /* h2 { font-size: 2.4rem; line-height: 1; font-weight: 500; margin: 0 0 2rem; } */
/* h3 { font-size: 1.7rem; line-height: 1.1; font-weight: 500; margin: 0 0 .8rem; } */ /* h3 { font-size: 1.7rem; line-height: 1.1; font-weight: 500; margin: 0 0 .8rem; } */
...@@ -13,7 +13,7 @@ h1 { font-size: 4.8rem; line-height: 1.05; font-weight: 100; margin: 0; col ...@@ -13,7 +13,7 @@ h1 { font-size: 4.8rem; line-height: 1.05; font-weight: 100; margin: 0; col
/* h1, /* h1,
h2, h2,
h3 { h3 {
@nest .fonts-loaded & { font-weight: 600; } @nest .fonts-loaded & { font-weight: var(--typo--weight-bold); }
} */ } */
/* ------------- Elements: strong ------------- */ /* ------------- Elements: strong ------------- */
b, b,
strong { font-weight: 700; } strong { font-weight: var(--typo--weight-bold); }
...@@ -11,4 +11,4 @@ l-: layout classes ...@@ -11,4 +11,4 @@ l-: layout classes
@import '_layout--aside.css'; @import '_layout--aside.css';
@import '_layout--main.css'; @import '_layout--main.css';
@import '_layout--footer.css'; @import '_layout--footer.css';
/*@import '_layout--nav.css';*/ @import '_layout--nav.css';
...@@ -2,16 +2,14 @@ ...@@ -2,16 +2,14 @@
/* critical:start */ /* critical:start */
.l-aside { .l-aside { }
.l-aside--job {
@media (--min--small) { @media (--min--small) {
flex: 0 0 195px; flex: 0 0 25%;
}
@media (--min--medium) {
flex-basis: 215px;
}
@media (--min--medium) {
flex-basis: 235px;
} }
} }
.l-aside--page { padding: 1.25em 0; }
/* critical:end */ /* critical:end */
...@@ -10,4 +10,6 @@ ...@@ -10,4 +10,6 @@
/* critical:end */ /* critical:end */
/** { border: 1px solid #000; }*/
.l-content { box-shadow: inset 0 0 0 1px green; } .l-content { box-shadow: inset 0 0 0 1px green; }
...@@ -6,4 +6,10 @@ ...@@ -6,4 +6,10 @@
/* critical:end */ /* critical:end */
.l-footer--inner { display: flex; padding-top: 15px; }
.l-footer--section { flex: 1 1 15%;
h4 { margin: 0; padding: 0; }
}
.l-footer { padding-bottom: 100px; box-shadow: inset 0 0 0 1px #f00; } .l-footer { padding-bottom: 100px; box-shadow: inset 0 0 0 1px #f00; }
...@@ -2,7 +2,11 @@ ...@@ -2,7 +2,11 @@
/* critical:start */ /* critical:start */
.l-header { display: flex; @extend .l-inner; margin-bottom: 1.25em; } .l-header { @extend .l-inner; padding-top: 15px; padding-bottom: 15px;
@media (--min--small) {
display: flex; align-items: center;
}
}
/* critical:end */ /* critical:end */
......
...@@ -2,6 +2,10 @@ ...@@ -2,6 +2,10 @@
/* critical:start */ /* critical:start */
.l-nav { } .l-nav {
@media (--min--small) {
flex: 1 1 100%;
}
}
/* critical:end */ /* critical:end */
...@@ -7,12 +7,17 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp ...@@ -7,12 +7,17 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
========================================================================== */ ========================================================================== */
@import '_component--agencies.css'; @import '_component--agencies.css';
@import '_component--breadcrumbs.css';
@import '_component--cookies-warning.css'; @import '_component--cookies-warning.css';
@import '_component--copy.css';
@import '_component--data-controller.css'; @import '_component--data-controller.css';
@import '_component--job.css'; @import '_component--job.css';
@import '_component--jobs-list.css'; @import '_component--jobs-list.css';
@import '_component--jobs-pagination.css';
@import '_component--logo.css'; @import '_component--logo.css';
@import '_component--nav.css';
@import '_component--search.css'; @import '_component--search.css';
@import '_component--share.css';
/* /*
@import '_component--nav.css'; @import '_component--nav.css';
......
...@@ -6,6 +6,6 @@ ...@@ -6,6 +6,6 @@
.c-agencies--list { display: flex; flex-wrap: wrap; margin-bottom: 16px; } .c-agencies--list { display: flex; flex-wrap: wrap; margin-bottom: 16px; }
.c-agencies--list-item { margin-right: 10px; padding: 0 12px; font-weight: 400; line-height: 1.5; cursor: pointer; } .c-agencies--list-item { margin-right: 10px; padding: 0 12px; font-weight: var(--typo--weight-regular); line-height: 1.5; cursor: pointer; }
.is-agencies--list-item-active { background: #ccc; font-weight: 700; } .is-agencies--list-item-active { background: #ccc; font-weight: var(--typo--weight-bold); }
/* ------------- Component: breadcrumbs ------------- */
/* critical:start */
/* critical:end */
.c-breadcrumbs { padding-top: 1em; }
/* ------------- Component: copy ------------- */
/* critical:start */
/* critical:end */
.c-copy { padding: 15px 0; }
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
border-width: 3px; margin: 0 0 30px; padding: 20px; font-size: 22px; 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: 700; overflow: hidden; text-align: center; text-transform: uppercase } 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 }
} }
......
...@@ -2,9 +2,25 @@ ...@@ -2,9 +2,25 @@
/* critical:start */ /* 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 */ /* critical:end */
.c-jobs-list { width: 100%; margin: 0 0 20px; .c-jobs-list { /* width: 100%; margin: 0 0 20px; */
th, th,
td { vertical-align: top; } td { vertical-align: top; }
a { display: block; } a { display: block; }
...@@ -12,7 +28,7 @@ ...@@ -12,7 +28,7 @@
.c-jobs-list--row-odd { background: #F8F8F8; } .c-jobs-list--row-odd { background: #F8F8F8; }
.c-jobs-list--head { padding: 10px; font-weight: 700; text-align: left; .c-jobs-list--head {/* padding: 10px; */ font-weight: 700; text-align: left;
@media (--max--small) { @media (--max--small) {
display: none; display: none;
} }
...@@ -23,19 +39,19 @@ ...@@ -23,19 +39,19 @@
} }
} }
.c-jobs-list--col { padding: 0 10px; .c-jobs-list--col { /* padding: 0 10px; */
@media (--max--xx-small) { @media (--max--xx-small) {
float: left; width: calc(100% - 20px) float: left; width: calc(100% - 20px)
} }
@media (--min--xx-small) { @media (--min--xx-small) {
max-width: 260px; padding: 10px; max-width: 260px; /* padding: 10px; */
} }
} }
.c-jobs-list--col-position { .c-jobs-list--col-position {
@media (--max--xx-small) { /* @media (--max--xx-small) {
padding-top: 10px; padding-top: 10px;
} }*/
} }
.c-jobs-list--col-city { .c-jobs-list--col-city {
......
/* ------------- Component: jobs pagination ------------- */
/* critical:start */
/* critical:end */
.pods-pagination-paginate { display: block; padding-bottom: 1em; text-align: center; }
.page-numbers { margin: 0 1px; padding: 1px;
&.current { font-weight: var(--typo--weight-bold); }
}
...@@ -2,10 +2,9 @@ ...@@ -2,10 +2,9 @@
/* critical:start */ /* critical:start */
.c-logo--svg { display: block; }
/* critical:end */ /* critical:end */
.c-logo { text-decoration: none; } .c-logo { text-decoration: none; }
.c-logo--svg { display: block; }
.c-logo { margin: 41px 20px 25px 23px; }
...@@ -2,12 +2,36 @@ ...@@ -2,12 +2,36 @@
/* critical:start */ /* critical:start */
.c-nav { }
.c-nav--main {
@media (--min--small) {
display: flex; padding-left: 2em;
}
}
.c-nav--sub { display: none; }
/* critical:end */ /* critical:end */
.c-nav { } .c-nav--main-item { position: relative; margin-right: 10px;
&:hover {
ul { display: flex; }
}
}
.c-nav--main-anchor { display: block; padding: 0 0.25em; text-transform: uppercase; }
.c-nav--sub { position: absolute; top: 100%; left: -1em; padding: 0 1em 1em 1em; }
.c-nav--sub-item { background: #fff; padding: .5em .5em .5em 0; }
.c-nav--sub-anchor { padding: 0.25em; white-space: nowrap; }
.c-nav--item { margin: 10px; } .c-nav--item { margin: 10px; }
.c-nav--link { line-height: 40px; font-size: 24px; text-decoration: none; .c-nav--link { line-height: 40px; font-size: 24px; text-decoration: none;
&:hover { text-decoration: underline; } &:hover { text-decoration: underline; }
} }
.c-nav--region { }
.c-nav--lang { display: flex;
li { padding: 0 5px; }
}
...@@ -4,4 +4,4 @@ ...@@ -4,4 +4,4 @@
/* critical:end */ /* critical:end */
.c-search { margin-top: 40px; } .c-search { /* margin-top: 40px; */ }
/* ------------- Component: share ------------- */
/* critical:start */
/* critical:end */
.c-share { /* margin: 20px 0 15px; */ }
/*
ul{
list-style:none
}
table{
border-spacing:0
}
html body{
overflow:visible
}
body {
color: #4b4d4f;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 18px;
line-height: 1.2;
overflow: auto;
}
button,input,select,textarea{
color:#4b4d4f;
font:16px/1.3 'PT Sans Narrow',sans-serif
}
*/
.bu-action { height: 28px; cursor: pointer; border: 1px solid #E1E1E1; padding: 0 15px; margin: 0; display: inline-block; } .bu-action { height: 28px; cursor: pointer; border: 1px solid #E1E1E1; padding: 0 15px; margin: 0; display: inline-block; }
.bu-action--main { color: #FFF; background: #006957; } .bu-action--main { color: #FFF; background: #006957; }
...@@ -39,138 +14,7 @@ button,input,select,textarea{ ...@@ -39,138 +14,7 @@ button,input,select,textarea{
.c-nav-footer .act,.c-nav-footer .act:hover{ .c-nav-footer .act,.c-nav-footer .act:hover{
border-color:#4b4d4f border-color:#4b4d4f
} }
/*
#sidebar #menu>li,#sidebar #menu>li>a{
font-size:21px;
line-height:22px;
width:100%
}
#sidebar #menu{
width:100%;
margin:0 0 20px -15px
}
#sidebar #menu>li{
float:left;
padding:0 0 13px
}
#sidebar #menu>li>a{
padding:0 0 1px 15px;
color:#4b4d4f;
text-decoration:none
}
#sidebar #menu>li ul{
display:block
}
#sidebar #menu>li ul li{
width:100%;
padding:6px 0 0 15px;
float:left
}
#sidebar #menu>li ul li a{
display:block;
color:#4b4d4f;
font:16px/1.1 'PT Sans Narrow',sans-serif;
text-decoration:none
}
#sidebar .banner,#sidebar .share{
display:none
}
#sidebar .share a{
display:inline-block;
height:24px;
margin:0 10px 0 0
}
#sidebar .share a.facebook,#sidebar .share a.linkedin,#sidebar .share a.share_all{
background:url(../_img/share_icons.png) no-repeat
}
#sidebar .share a.facebook{
width:24px;
background-position:0 0
}
#sidebar .share a.linkedin{
width:24px;
background-position:0 -50px
}
#sidebar .share a.share_all{
width:49px;
background-position:0 -100px
}
#sidebar .copy{
display:none
}
.style_1>a{
background:url(../_img/menu_icons.png) 0 2px no-repeat
}
.style_1>a.act{
background:url(../_img/menu_icons.png) -250px 0 no-repeat
}
.style_2>a{
background:url(../_img/menu_icons.png) 0 -98px no-repeat
}
.style_2>a.act{
background:url(../_img/menu_icons.png) -250px -100px no-repeat
}
.style_3>a{
background:url(../_img/menu_icons.png) 0 -198px no-repeat
}
.style_3>a.act{
background:url(../_img/menu_icons.png) -250px -200px no-repeat
}
.style_4>a{
background:url(../_img/menu_icons.png) 0 -298px no-repeat
}
.style_4>a.act{
background:url(../_img/menu_icons.png) -250px -300px no-repeat
}
.style_5>a{
background:url(../_img/menu_icons.png) 0 -398px no-repeat
}
.style_5>a.act{
background:url(../_img/menu_icons.png) -250px -400px no-repeat
}
.style_1>ul li{
background:url(../_img/menu_icons.png) -250px -15px no-repeat
}
.style_2>ul li{
background:url(../_img/menu_icons.png) -250px -115px no-repeat
}
.style_3>ul li{
background:url(../_img/menu_icons.png) -250px -215px no-repeat
}
.style_4>ul li{
background:url(../_img/menu_icons.png) -250px -315px no-repeat
}
.style_5>ul li{
background:url(../_img/menu_icons.png) -250px -415px no-repeat
}
.style_1>ul li a.act{
color:#253466;
background:url(../_img/menu_icons.png) -250px 2px no-repeat
}
.style_2>ul li a.act{
color:#156292;
background:url(../_img/menu_icons.png) -250px -98px no-repeat
}
.style_3>ul li a.act{
color:#BB2543;
background:url(../_img/menu_icons.png) -250px -198px no-repeat
}
.style_4>ul li a.act{
color:#B7652F;
background:url(../_img/menu_icons.png) -250px -298px no-repeat
}
.style_5>ul li a.act{
color:#6B1B39;
background:url(../_img/menu_icons.png) -250px -398px no-repeat
}
#sidebar #menu>li ul li a.act{
padding:0 0 0 15px;
margin:0 0 0 -15px
}
#sidebar #menu>li ul li a:hover{
text-decoration:underline
}
#sidebar a.url_newsletter{ #sidebar a.url_newsletter{
color:#4b4d4f; color:#4b4d4f;
font-weight:700; font-weight:700;
...@@ -181,7 +25,8 @@ button,input,select,textarea{ ...@@ -181,7 +25,8 @@ button,input,select,textarea{
clear:both; clear:both;
display:block display:block
} }
#content a:hover,#sidebar a:hover.url_newsletter{ */
#content a:hover /* ,#sidebar a:hover.url_newsletter */ {
text-decoration:underline text-decoration:underline
} }
#content img{ #content img{
...@@ -395,7 +240,7 @@ button,input,select,textarea{ ...@@ -395,7 +240,7 @@ button,input,select,textarea{
text-align:justify text-align:justify
} }
#content a{ #content a{
color:#4b4d4f; /*color:#4b4d4f;*/
text-decoration:none text-decoration:none
} }
#content .img_left{ #content .img_left{
...@@ -657,10 +502,6 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]: ...@@ -657,10 +502,6 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
background:url(../_img/map_url.jpg) -600px -139px no-repeat; background:url(../_img/map_url.jpg) -600px -139px no-repeat;
z-index:1 z-index:1
} }
.map_page .copy{
padding:25px 0 0;
display:block
}
.hide{ .hide{
display:none!important display:none!important
} }
...@@ -739,9 +580,6 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]: ...@@ -739,9 +580,6 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
margin:0 10px 0 0; margin:0 10px 0 0;
display:inline-block display:inline-block
} }
#sidebar .addthis_share a,#sidebar .share.share_addthis a{
height:20px
}
.cv-form .form li .action:hover{ .cv-form .form li .action:hover{
background:#008D75 background:#008D75
} }
...@@ -766,7 +604,7 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]: ...@@ -766,7 +604,7 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
#content ul.table li:before { content: ''; position: absolute; top: 9px; left: 1px; width: 4px; height: 4px; border-radius: 50%; background: #4b4d4f; } #content ul.table li:before { content: ''; position: absolute; top: 9px; left: 1px; width: 4px; height: 4px; border-radius: 50%; background: #4b4d4f; }
#content ul:not([class]) a:hover,.advert_page .container a:hover{ #content ul:not([class]) a:hover /* ,.advert_page .container a:hover */ {
text-decoration:none text-decoration:none
} }
#content ol{ #content ol{
...@@ -777,27 +615,24 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]: ...@@ -777,27 +615,24 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
padding:0 0 5px; padding:0 0 5px;
text-align:justify text-align:justify
} }
#sidebar .share.share_addthis{
width:110px
}
#content .cform .form li select{ #content .cform .form li select{
width:318px width:318px
} }
/*
#sidebar .addthis_share{ #sidebar .addthis_share{
height:20px; height:20px;
padding:2px 0; padding:2px 0;
width:100px; width:100px;
display:inline-block display:inline-block
} }
*/
#content #filter-empty-results{ #content #filter-empty-results{
padding-top:15px padding-top:15px
} }
#content a.home_url,#content h1,#sidebar #menu>li,#sidebar #menu>li>a{ #content a.home_url,#content h1 {
text-transform:uppercase text-transform:uppercase
} }
#sidebar #menu>li ul li a{
text-transform:none
}
.hidden-coords{ .hidden-coords{
display:none display:none
...@@ -817,6 +652,7 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]: ...@@ -817,6 +652,7 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
border:0 border:0
} }
.icon:before{ .icon:before{
content: '';
position:relative; position:relative;
top:9px; top:9px;
display:inline-block; display:inline-block;
...@@ -1016,6 +852,7 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]: ...@@ -1016,6 +852,7 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
.about-biuro-ru .about-biuro-img:before{ .about-biuro-ru .about-biuro-img:before{
background-image:url(../_img/ru-apie-idarbinimo-agentura.jpg) background-image:url(../_img/ru-apie-idarbinimo-agentura.jpg)
} }
/*
.advert_page{ .advert_page{
max-width:736px; max-width:736px;
margin:0 auto margin:0 auto
...@@ -1045,7 +882,6 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]: ...@@ -1045,7 +882,6 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
display:block display:block
} }
.advert_page .container ol li,.advert_page .container ul li{ .advert_page .container ol li,.advert_page .container ul li{
/*background:url(../_img/list_dot.gif) 35px 8px no-repeat;*/
padding:0 0 0 70px; padding:0 0 0 70px;
display:block display:block
} }
...@@ -1069,6 +905,8 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]: ...@@ -1069,6 +905,8 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
list-style:none; list-style:none;
background:0 0 background:0 0
} }
*/
.job-add h3{ .job-add h3{
float:left; float:left;
clear:both; clear:both;
...@@ -1164,20 +1002,6 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]: ...@@ -1164,20 +1002,6 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
} }
} }
@media (min-width:768px){ @media (min-width:768px){
/* body{
font-size:16px;
line-height:1.3
}*/
#sidebar .share{
display:block;
margin:0 0 15px
}
#sidebar .copy{
padding:15px 0
}
#content h1{ #content h1{
text-align:justify text-align:justify
} }
...@@ -1202,7 +1026,7 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]: ...@@ -1202,7 +1026,7 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
background-image:url(../_img/info_box_bg.png); background-image:url(../_img/info_box_bg.png);
background-repeat:no-repeat background-repeat:no-repeat
} }
/*
.advert_page{ .advert_page{
margin:20px auto; margin:20px auto;
border:1px solid #E6E6E6 border:1px solid #E6E6E6
...@@ -1210,6 +1034,7 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]: ...@@ -1210,6 +1034,7 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
.advert_page .container{ .advert_page .container{
padding:30px 49px padding:30px 49px
} }
*/
#custom .biuro-header .logo{ #custom .biuro-header .logo{
margin:0 20px 24px 0 margin:0 20px 24px 0
} }
...@@ -1223,13 +1048,8 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]: ...@@ -1223,13 +1048,8 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
#content h2,#content h3,#content ul:not([class]){ #content h2,#content h3,#content ul:not([class]){
text-align:justify text-align:justify
} }
#sidebar #menu>li,#sidebar #menu>li>a{
font-family:'Bebas Neue',sans-serif;
font-size:24px
}
#content .info_box,#content .info_box p,#content a.home_url,#content h1,.c-home-url{ #content .info_box,#content .info_box p,#content a.home_url,#content h1,.c-home-url{
font-family:'Bebas Neue' /*font-family:'Bebas Neue'*/
} }
#content h1{ #content h1{
...@@ -1283,12 +1103,14 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]: ...@@ -1283,12 +1103,14 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
.about-biuro-img{ .about-biuro-img{
width:25% width:25%
} }
/*
.advert_page{ .advert_page{
max-width:776px max-width:776px
} }
.advert_page .container{ .advert_page .container{
padding:50px 69px padding:50px 69px
} }
*/
} }
@media only screen and (min-width:1281px){ @media only screen and (min-width:1281px){
......
This diff is collapsed.
...@@ -35,8 +35,5 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test ...@@ -35,8 +35,5 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test
@import '10-trumps/__utils.css'; @import '10-trumps/__utils.css';
/* critical:start */ /* critical:start */
/** { border: 1px solid #000; }*/
/** { border: 1px solid #00f; }*/
/* critical:end */ /* critical:end */
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
</div><!-- .l-content --> </div><!-- .l-content -->
<footer class="l-footer" style="boder: 1px solid red;"> <footer class="l-footer">
<?php <?php
if ( is_active_sidebar( 'footer_main' ) ) : if ( is_active_sidebar( 'footer_main' ) ) :
...@@ -11,31 +11,39 @@ ...@@ -11,31 +11,39 @@
endif; endif;
?> ?>
<div class="share"> <div class="l-footer--inner">
<div class="l-footer--section">
<div class="c-share">
<?php <?php
$social = get_option('wpseo_social'); $social = get_option('wpseo_social');
if ($social['facebook_site']) : if ($social['facebook_site']) :
?> ?>
<a href="https://www.facebook.com/biuro.lietuva" class="icon icon-blue-dark icon-facebook" title="Facebook" target="_blank" rel="noopener" onclick="dataLayer.push({'event': 'socialClick', 'socialLabel': 'FB click'});"></a> <a href="https://www.facebook.com/biuro.lietuva" class="icon icon-blue-dark icon-facebook" title="Facebook" target="_blank" rel="noopener" onclick="dataLayer.push({'event': 'socialClick', 'socialLabel': 'FB click'});"></a>
<?php <?php
endif; endif;
if ($social['linkedin_url']) : if ($social['linkedin_url']) :
?> ?>
<a href="http://www.linkedin.com/company/2824948" class="icon icon-blue-light icon-linkedin" title="Linkedin" target="_blank" rel="noopener" onclick="dataLayer.push({'event': 'socialClick', 'socialLabel': 'LI click'});"></a> <a href="http://www.linkedin.com/company/2824948" class="icon icon-blue-light icon-linkedin" title="Linkedin" target="_blank" rel="noopener" onclick="dataLayer.push({'event': 'socialClick', 'socialLabel': 'LI click'});"></a>
<?php <?php
endif; endif;
?> ?>
</div> </div><!-- .c-share -->
<div class="c-copy">&copy; <strong>2012-<?php echo date('Y'); ?> BIURO.</strong></div><!-- .c-copy -->
</div><!-- .l-footer--section -->
<div class="copy">&copy; <strong>2012-<?php echo date('Y'); ?> BIURO.</strong> </div>
<div class="l-footer--section">
<?php <?php
get_template_part( 'template-parts/menus/menu', 'region' ); get_template_part( 'template-parts/menus/menu', 'region' );
get_template_part( 'template-parts/menus/menu', 'language' );
?> ?>
</div><!-- .l-footer--section -->
<div class="l-footer--section">
</div><!-- .l-footer--section -->
</div><!-- .l-footer--inner -->
</footer><!-- .l-footer --> </footer><!-- .l-footer -->
......
...@@ -220,8 +220,11 @@ function init_biuro_theme() { ...@@ -220,8 +220,11 @@ function init_biuro_theme() {
); );
if (function_exists('pll_register_string')) : if (function_exists('pll_register_string')) :
pll_register_string('biuro-language', 'Language', 'Biuro');
pll_register_string('biuro-job-search', 'Job search', 'Biuro'); pll_register_string('biuro-job-search', 'Job search', 'Biuro');
pll_register_string('biuro-clear', 'Clear', 'Biuro');
pll_register_string('biuro-language', 'Language', 'Biuro');
pll_register_string('biuro-next', 'Next ', 'Biuro');
pll_register_string('biuro-previous', 'Previous', 'Biuro');
endif; endif;
} }
add_action('init', 'init_biuro_theme'); add_action('init', 'init_biuro_theme');
......
...@@ -22,6 +22,10 @@ ...@@ -22,6 +22,10 @@
<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.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> <noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css"> <link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
</noscript> </noscript>
...@@ -46,119 +50,38 @@ ...@@ -46,119 +50,38 @@
</svg> </svg>
</a> </a>
<nav class="l-nav">
<?php <?php
get_search_form(); get_template_part( 'template-parts/menus/menu', 'main' );
?>
</nav>
<?php
get_template_part( 'template-parts/menus/menu', 'language' );
?> ?>
</header> </header>
<div id="main" class="l-content"> <div class="l-inner" style="box-shadow: inset 0 0 0 1px blue; padding: 1em 0;">
<aside id="sidebar" class="l-aside">
<?php <?php
$menu_name = 'main-menu'; get_search_form();
$locations = get_nav_menu_locations(); ?>
$menu = $locations ? wp_get_nav_menu_object( $locations[ $menu_name ] ) : null;
$menu_items = $menu ? wp_get_nav_menu_items( $menu->term_id, array( 'order' => 'DESC' ) ) : array();
$items = array();
$ID = get_the_ID();
$no = 0;
$main = '';
foreach( $menu_items as $menu_item ) {
if ($menu_item->menu_item_parent == 0) {
$no++;
$items[$menu_item->ID]['props'] = $menu_item;
$items[$menu_item->ID]['no'] = $no;
$items[$menu_item->ID]['active'] = ($menu_item->object_id == $ID) ? true : false;
} else {
$items[$menu_item->menu_item_parent]['children'][] = $menu_item;
if ($menu_item->object_id == $ID) {
$items[$menu_item->menu_item_parent]['active'] = true;
}
}
}
$main .= '<ul id="menu">';
foreach($items as $item) {
$children = array_key_exists('children', $item);
$url = ($children && $item['no'] != 1) ? $item['children'][0]->url : $item['props']->url;
$main .= '<li class="style_' . $item['no'] . '">';
$classCSS = ($item['active']) ? 'class="act"' : '';
$main .= '<a href="' . $url . '" title="' . get_the_title($item['props']->object_id) . '" ' . $classCSS . '>' . $item['props']->title . '</a>';
if ($children && $item['active']) {
$main .= '<ul>';
foreach($item['children'] as $child) {
$classCSS = ($child->object_id == $ID) ? 'class="act"' : '';
$main .= '<li><a href="' . $child->url . '" title="' . get_the_title($child->object_id) . '" ' . $classCSS .'>' . $child->title . '</a></li>';
}
$main .= '</ul>';
}
$main .= '</li>';
}
$main .= '</ul>';
echo $main;
?>
</aside><!-- .l-aside -->
<main id="content" class="l-main">
<?php <?php
/* // https://torquemag.io/2017/10/add-breadcrumbs-wordpress-website/
if ( function_exists('yoast_breadcrumb') && !is_front_page() ) {
<head> yoast_breadcrumb('<div class="c-breadcrumbs"><a href="' . pll_home_url() . '">' . get_the_title( get_option('page_on_front') ) . '</a> › ','</div>');
<meta charset="<?php bloginfo( 'charset' ); ?>"> }
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> ?>
</div>
<div id="main" class="l-content">
<?php <?php
include 'content/meta.html'; if (get_post_type() == 'job'):
?> ?>
<aside class="l-aside">
<?php <?php
include 'content/icons.html'; get_template_part( 'template-parts/layout/aside', 'job' );
?> ?>
</aside><!-- .l-aside -->
<link rel="profile" href="http://gmpg.org/xfn/11"> <?php
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> endif;
<style><?php include 'css/core.min.css'; ?></style>
<link rel="preload" href="/wp-content/themes/biuro/css/main.min.css" as="style" onload="this.rel='stylesheet'">
<noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
</noscript>
<?php wp_head(); ?>
</head>
<body>
<header role="banner" class="l-header">
<a href="/" class="c-logo" title="">
<?php include 'content/logo.svg'; ?>
</a>
</header>
<nav role="navigation" class="l-nav">
<ul class="o-nav c-nav">
<li class="o-nav--item c-nav--item">
<a href="/" class="o-nav--link c-nav--link is-nav-link-active">Lorem ispum</a>
</li>
<li class="o-nav--item c-nav--item">
<a href="/" class="o-nav--link c-nav--link">Noster apster</a>
</li>
</ul>
</nav>
*/
?> ?>
<main id="content" class="l-main">
...@@ -54,8 +54,6 @@ ...@@ -54,8 +54,6 @@
}); });
})(window); })(window);
// console.error(15);
if (module.hot) { if (module.hot) {
module.hot.accept(); module.hot.accept();
} }
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
/******/ /******/
/******/ var hotApplyOnUpdate = true; /******/ var hotApplyOnUpdate = true;
/******/ // eslint-disable-next-line no-unused-vars /******/ // eslint-disable-next-line no-unused-vars
/******/ var hotCurrentHash = "dc7ad64fde65117b105b"; /******/ var hotCurrentHash = "de7cc0be517a4e6eb6d3";
/******/ var hotRequestTimeout = 10000; /******/ var hotRequestTimeout = 10000;
/******/ var hotCurrentModuleData = {}; /******/ var hotCurrentModuleData = {};
/******/ var hotCurrentChildModule; /******/ var hotCurrentChildModule;
...@@ -979,7 +979,7 @@ eval("var logLevel = \"info\";\n\nfunction dummy() {}\n\nfunction shouldLog(leve ...@@ -979,7 +979,7 @@ eval("var logLevel = \"info\";\n\nfunction dummy() {}\n\nfunction shouldLog(leve
/*! no static exports found */ /*! no static exports found */
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
eval("// const cb = () => {\n// const l = document.createElement('link');\n// const h = document.getElementsByTagName('head')[0];\n// l.rel = 'stylesheet';\n// l.href = '/wp-content/themes/biuro/css/main.min.css';\n// h.parentNode.insertBefore(l, h);\n// };\n// const raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;\n// if (raf) {\n// raf(cb);\n// } else {\n// if (window.addEventListener) {\n// window.addEventListener('load', cb);\n// } else {\n// window.attachEvent('onload', cb);\n// }\n// }\n(function (global) {\n var container = document.getElementById('cookie-warning');\n var btnAgree = document.getElementById('cookie-agree');\n var btnClose = document.getElementById('cookie-close');\n var agreed = useLS() ? localStorage.getItem('biuro-agree') : false;\n\n function useLS() {\n var mod = 'a';\n\n try {\n localStorage.setItem(mod, mod);\n localStorage.removeItem(mod);\n return true;\n } catch (e) {\n return false;\n }\n }\n\n if (!container || !btnAgree || !btnClose || agreed) {\n return;\n }\n\n container.style.display = 'block';\n btnAgree.addEventListener('click', function () {\n if (useLS()) {\n localStorage.setItem('biuro-agree', 'true');\n }\n\n container.style.display = 'none';\n });\n btnClose.addEventListener('click', function () {\n container.style.display = 'none';\n });\n})(window); // console.error(15);\n\n\nif (true) {\n module.hot.accept();\n}\n\n//# sourceURL=webpack:///./wp-content/themes/biuro/js/main.js?"); eval("// const cb = () => {\n// const l = document.createElement('link');\n// const h = document.getElementsByTagName('head')[0];\n// l.rel = 'stylesheet';\n// l.href = '/wp-content/themes/biuro/css/main.min.css';\n// h.parentNode.insertBefore(l, h);\n// };\n// const raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;\n// if (raf) {\n// raf(cb);\n// } else {\n// if (window.addEventListener) {\n// window.addEventListener('load', cb);\n// } else {\n// window.attachEvent('onload', cb);\n// }\n// }\n(function (global) {\n var container = document.getElementById('cookie-warning');\n var btnAgree = document.getElementById('cookie-agree');\n var btnClose = document.getElementById('cookie-close');\n var agreed = useLS() ? localStorage.getItem('biuro-agree') : false;\n\n function useLS() {\n var mod = 'a';\n\n try {\n localStorage.setItem(mod, mod);\n localStorage.removeItem(mod);\n return true;\n } catch (e) {\n return false;\n }\n }\n\n if (!container || !btnAgree || !btnClose || agreed) {\n return;\n }\n\n container.style.display = 'block';\n btnAgree.addEventListener('click', function () {\n if (useLS()) {\n localStorage.setItem('biuro-agree', 'true');\n }\n\n container.style.display = 'none';\n });\n btnClose.addEventListener('click', function () {\n container.style.display = 'none';\n });\n})(window);\n\nif (true) {\n module.hot.accept();\n}\n\n//# sourceURL=webpack:///./wp-content/themes/biuro/js/main.js?");
/***/ }), /***/ }),
......
...@@ -61,7 +61,7 @@ get_header(); ?> ...@@ -61,7 +61,7 @@ get_header(); ?>
$params = array( $params = array(
'orderby' => 'date DESC', 'orderby' => 'date DESC',
'where' => $where, 'where' => $where,
'limit' => 9 'limit' => 21
); );
$jobs = pods( 'job', $params ); $jobs = pods( 'job', $params );
......
...@@ -33,12 +33,12 @@ ...@@ -33,12 +33,12 @@
endif; endif;
?> ?>
</datalist> </datalist>
<input list="search-cities" id="search-city" name="city" value="<?php echo $cityID; ?>" placeholder="Miestas" /> <input list="search-cities" id="search-city" name="city" value="<?php echo $cityID; ?>" placeholder="" />
<input type="text" name="s" id="search" value="<?php echo $search; ?>" /> <input type="text" name="s" id="search" value="<?php echo $search; ?>" />
<input type="submit" value="Ieškoti" class="filter-button" /> <input type="submit" value="Ieškoti" class="filter-button" />
<a href="<?php echo pll_home_url(); ?>" class="filter-button">Išvalyti</a> <a href="<?php echo pll_home_url(); ?>" class="filter-button"><?php pll_e('Clear'); ?></a>
</form> </form>
<?php <?php
......
...@@ -15,7 +15,10 @@ ...@@ -15,7 +15,10 @@
* @version 1.0 * @version 1.0
*/ */
get_header('job'); ?> get_header();
/*
?>
<div class="biuro-header"> <div class="biuro-header">
<div class="logo"> <div class="logo">
...@@ -29,6 +32,12 @@ get_header('job'); ?> ...@@ -29,6 +32,12 @@ get_header('job'); ?>
</div><!-- .biuro-header --> </div><!-- .biuro-header -->
<?php <?php
*/
?>
<div id="custom">
<?php
while ( have_posts() ) : while ( have_posts() ) :
?> ?>
<div class="biuro-title"> <div class="biuro-title">
...@@ -41,5 +50,8 @@ get_header('job'); ?> ...@@ -41,5 +50,8 @@ get_header('job'); ?>
endwhile; endwhile;
?> ?>
</div><!-- #custom -->
<?php get_footer();
<?php get_footer('job'); // get_footer('job');
...@@ -47,7 +47,11 @@ global $jobs; ...@@ -47,7 +47,11 @@ global $jobs;
<?php <?php
echo $jobs->pagination( array( 'type' => 'paginate' ) ); echo $jobs->pagination( array(
'type' => 'paginate' ,
'prev_text' => '‹ ' . pll__('Previous'),
'next_text' => pll__('Next') . ' ›'
) );
?> ?>
<h2>Svetainės medis:</h2>
<h3>Darbas + Miestas</h3>
<?php
getSiteTree( 'city' );
?>
<h3>Darbas + Tag'as</h3>
<ul>
<li style="color: red">ToDo: aptarti kaip turi būti LIVAS</li>
</ul>
<h3>Darbas + Sritis</h3>
<?php
getSiteTree( 'field' );
?>
<h3>Darbas + Įmonė</h3>
<?php
getSiteTree( 'company' );
?>
</aside><!-- .l-aside -->
<ul id="lang"> <?php
<li><?php pll_e('Language'); ?>:&nbsp;</li> /*
<h4><?php pll_e('Language'); ?>:</h4>
*/
?>
<ul class="o-nav c-nav--lang">
<?php <?php
$translations = pll_the_languages(array('raw'=>1)); $translations = pll_the_languages(array('raw'=>1));
foreach ($translations as $code => $lang) : foreach ($translations as $code => $lang) :
...@@ -7,4 +11,4 @@ ...@@ -7,4 +11,4 @@
echo '<li><a href="' . $lang['url'] . '" title="' . $lang['name'] . '" ' . $classCSS . '>' . strtoupper($lang['slug']) . '</a></li>'; echo '<li><a href="' . $lang['url'] . '" title="' . $lang['name'] . '" ' . $classCSS . '>' . strtoupper($lang['slug']) . '</a></li>';
endforeach; endforeach;
?> ?>
</ul> </ul>
<?php
$menu_name = 'main-menu';
$locations = get_nav_menu_locations();
$menu = $locations ? wp_get_nav_menu_object( $locations[ $menu_name ] ) : null;
$menu_items = $menu ? wp_get_nav_menu_items( $menu->term_id, array( 'order' => 'DESC' ) ) : array();
$items = array();
$ID = get_the_ID();
$no = 0;
$main = '';
foreach( $menu_items as $menu_item ) {
if ($menu_item->menu_item_parent == 0) {
$no++;
$items[$menu_item->ID]['props'] = $menu_item;
$items[$menu_item->ID]['no'] = $no;
$items[$menu_item->ID]['active'] = ($menu_item->object_id == $ID) ? true : false;
} else {
$items[$menu_item->menu_item_parent]['children'][] = $menu_item;
if ($menu_item->object_id == $ID) {
$items[$menu_item->menu_item_parent]['active'] = true;
}
}
}
$main .= '<ul class="o-nav c-nav--main">';
foreach($items as $item) {
$children = array_key_exists('children', $item);
// $url = ($children && $item['no'] != 1) ? $item['children'][0]->url : $item['props']->url;
$url = ($children) ? $item['children'][0]->url : $item['props']->url;
// $main .= '<li class="style_' . $item['no'] . '">';
$main .= '<li class="c-nav--main-item">';
$classCSS = ($item['active']) ? 'act"' : '';
$main .= '<a href="' . $url . '" title="' . get_the_title($item['props']->object_id) . '" class="c-nav--main-anchor ' . $classCSS . '">' . $item['props']->title . '</a>';
if ( $children ) :
$main .= '<ul class="o-nav c-nav--sub">';
foreach($item['children'] as $child) :
$classCSS = ($child->object_id == $ID) ? 'act' : '';
$main .= '<li class="c-nav--sub-item"><a href="' . $child->url . '" title="' . get_the_title($child->object_id) . '" class="c-nav--sub-anchor ' . $classCSS .'">' . $child->title . '</a></li>';
endforeach;
$main .= '</ul>';
endif;
$main .= '</li>';
}
$main .= '</ul>';
echo $main;
?>
<?php
/*
<h4><?php pll_e('Region'); ?>:</h4>
*/
?>
<?php <?php
$menu = 'region-menu'; $menu = 'region-menu';
$region = ''; $region = '';
...@@ -7,7 +12,7 @@ ...@@ -7,7 +12,7 @@
if ($o) { if ($o) {
$items = wp_get_nav_menu_items($o->term_id); $items = wp_get_nav_menu_items($o->term_id);
$region .= '<ul class="country">'; $region .= '<ul class="o-nav c-nav--region">';
foreach( $items as $item ) { foreach( $items as $item ) {
$title = $item->title; $title = $item->title;
......
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