theme in progress

a406f548 · Simonas · 12235740 · a406f548 · a406f548 · a406f548
Commit a406f548 authored Dec 21, 2018 by Simonas
53 changed files
--- a/certs/biuro.lt/ca_bundle.crt
+++ b/certs/biuro.lt/ca_bundle.crt
+-----BEGIN CERTIFICATE-----
+MIIEkjCCA3qgAwIBAgIQCgFBQgAAAVOFc2oLheynCDANBgkqhkiG9w0BAQsFADA/
+MSQwIgYDVQQKExtEaWdpdGFsIFNpZ25hdHVyZSBUcnVzdCBDby4xFzAVBgNVBAMT
+DkRTVCBSb290IENBIFgzMB4XDTE2MDMxNzE2NDA0NloXDTIxMDMxNzE2NDA0Nlow
+SjELMAkGA1UEBhMCVVMxFjAUBgNVBAoTDUxldCdzIEVuY3J5cHQxIzAhBgNVBAMT
+GkxldCdzIEVuY3J5cHQgQXV0aG9yaXR5IFgzMIIBIjANBgkqhkiG9w0BAQEFAAOC
+AQ8AMIIBCgKCAQEAnNMM8FrlLke3cl03g7NoYzDq1zUmGSXhvb418XCSL7e4S0EF
+q6meNQhY7LEqxGiHC6PjdeTm86dicbp5gWAf15Gan/PQeGdxyGkOlZHP/uaZ6WA8
+SMx+yk13EiSdRxta67nsHjcAHJyse6cF6s5K671B5TaYucv9bTyWaN8jKkKQDIZ0
+Z8h/pZq4UmEUEz9l6YKHy9v6Dlb2honzhT+Xhq+w3Brvaw2VFn3EK6BlspkENnWA
+a6xK8xuQSXgvopZPKiAlKQTGdMDQMc2PMTiVFrqoM7hD8bEfwzB/onkxEz0tNvjj
+/PIzark5McWvxI0NHWQWM6r6hCm21AvA2H3DkwIDAQABo4IBfTCCAXkwEgYDVR0T
+AQH/BAgwBgEB/wIBADAOBgNVHQ8BAf8EBAMCAYYwfwYIKwYBBQUHAQEEczBxMDIG
+CCsGAQUFBzABhiZodHRwOi8vaXNyZy50cnVzdGlkLm9jc3AuaWRlbnRydXN0LmNv
+bTA7BggrBgEFBQcwAoYvaHR0cDovL2FwcHMuaWRlbnRydXN0LmNvbS9yb290cy9k
+c3Ryb290Y2F4My5wN2MwHwYDVR0jBBgwFoAUxKexpHsscfrb4UuQdf/EFWCFiRAw
+VAYDVR0gBE0wSzAIBgZngQwBAgEwPwYLKwYBBAGC3xMBAQEwMDAuBggrBgEFBQcC
+ARYiaHR0cDovL2Nwcy5yb290LXgxLmxldHNlbmNyeXB0Lm9yZzA8BgNVHR8ENTAz
+MDGgL6AthitodHRwOi8vY3JsLmlkZW50cnVzdC5jb20vRFNUUk9PVENBWDNDUkwu
+Y3JsMB0GA1UdDgQWBBSoSmpjBH3duubRObemRWXv86jsoTANBgkqhkiG9w0BAQsF
+AAOCAQEA3TPXEfNjWDjdGBX7CVW+dla5cEilaUcne8IkCJLxWh9KEik3JHRRHGJo
+uM2VcGfl96S8TihRzZvoroed6ti6WqEBmtzw3Wodatg+VyOeph4EYpr/1wXKtx8/
+wApIvJSwtmVi4MFU5aMqrSDE6ea73Mj2tcMyo5jMd6jmeWUHK8so/joWUoHOUgwu
+X4Po1QYz+3dszkDqMp4fklxBwXRsW10KXzPMTZ+sOPAveyxindmjkW8lGy+QsRlG
+PfZ+G6Z6h7mjem0Y+iWlkYcV4PIWL1iwBi8saCbGS5jN2p8M+X+Q7UNKEkROb3N6
+KOqkqm57TH2H3eDJAkSnh6/DNFu0Qg==
+-----END CERTIFICATE-----
\ No newline at end of file
--- a/certs/biuro.lt/certificate.crt
+++ b/certs/biuro.lt/certificate.crt
+-----BEGIN CERTIFICATE-----
+MIIFdjCCBF6gAwIBAgISA7PuB239ajK5xTr/Mo8cq7GeMA0GCSqGSIb3DQEBCwUA
+MEoxCzAJBgNVBAYTAlVTMRYwFAYDVQQKEw1MZXQncyBFbmNyeXB0MSMwIQYDVQQD
+ExpMZXQncyBFbmNyeXB0IEF1dGhvcml0eSBYMzAeFw0xODEyMTIxMzExMjNaFw0x
+OTAzMTIxMzExMjNaMBMxETAPBgNVBAMTCGJpdXJvLmx0MIIBIjANBgkqhkiG9w0B
+AQEFAAOCAQ8AMIIBCgKCAQEAuX61TmS7TxCJbZNf49rcw18vjh2oqbQe4pDi4DnB
+VbyN9Dpc7+kwWsESZYE9czdzuEpn/5ypqpP+H5kpxNHbSKqON0VFBxKQJbx+DaOp
+e4SaDzktt9/0UA/4v8E/D4ZVpxbwNX6ntt/7JyR4l8gmAktdOHAQ9DjrfayAIfNq
+vZPib2r/LaaaU9W8fDJEoxYP4JLiz2GRO8jhWSwDZGie8vCz4hJ7HSv3S+FaMJGe
+lWL87WUfKr8exLf2kGWD9ThuHFgK1VxGTyFQKotwxQmdaqB7oG2GFh2O1EQjdb1B
+f0Q1DPlDSyny9kAQOKDICzT8PtFb8xTrWhm96A1+JUvlOwIDAQABo4ICizCCAocw
+DgYDVR0PAQH/BAQDAgWgMB0GA1UdJQQWMBQGCCsGAQUFBwMBBggrBgEFBQcDAjAM
+BgNVHRMBAf8EAjAAMB0GA1UdDgQWBBR7LmltXQ7Ty+IRx9Y2tcJOE/FeDTAfBgNV
+HSMEGDAWgBSoSmpjBH3duubRObemRWXv86jsoTBvBggrBgEFBQcBAQRjMGEwLgYI
+KwYBBQUHMAGGImh0dHA6Ly9vY3NwLmludC14My5sZXRzZW5jcnlwdC5vcmcwLwYI
+KwYBBQUHMAKGI2h0dHA6Ly9jZXJ0LmludC14My5sZXRzZW5jcnlwdC5vcmcvMEEG
+A1UdEQQ6MDiCCGJpdXJvLmx0ggxkZXYuYml1cm8ubHSCEHN0YWdpbmcuYml1cm8u
+bHSCDHd3dy5iaXVyby5sdDBMBgNVHSAERTBDMAgGBmeBDAECATA3BgsrBgEEAYLf
+EwEBATAoMCYGCCsGAQUFBwIBFhpodHRwOi8vY3BzLmxldHNlbmNyeXB0Lm9yZzCC
+AQQGCisGAQQB1nkCBAIEgfUEgfIA8AB2AOJpS64m6OlACeiGG7Y7g9Q+5/50iPuk
+jyiTAZ3d8dv+AAABZ6LCBfkAAAQDAEcwRQIhANlInn2gqgVXwAcS879BxPCCGUkT
+hY76gXucWQyfbqTAiAjazlEIYhzg+LZHAzYygbRT9CJl7RR/lmSIUsWRhjT1wB2
+ACk8UZZUyDlluqpQ/FgH1Ldvv1h6KXLcpMMM9OVFR/R4AAABZ6LCBfoAAAQDAEcw
+RQIgbq6mDsB1VIx6ow9kS7+HACOg6q7adlGBlfMk1FMG1TYCIQCQ/PkN4OEd4uzF
+rAUqT395TEfdXhsJKlPqYFaAd0NySTANBgkqhkiG9w0BAQsFAAOCAQEARTMgz/u+
+SFFK3U8dZMrxTLWPi5Igm0y2/o/lZq32mTOgmodVB8qjE7GVfp2sw7mEHQHOzi4z
+uhhOs9s70VSufqXoi7x5usvbw9Z2F9hOPtRxEYcr2DfYfn87OVr26a8My8np39AC
+1FP7g1HEKzXGgJ9RXxLMK5JxCfHXxdWxrEa9Z6HKOpzvvnaL7T5FFwrg3Y2IZS8A
+JN+OioSQu4st9nkABVjWnbq2M+MIMLDpfLf9YR1OCl1uDVXGpYJSlOExRDLeUHrM
+KYRMxAfXLdRiMKytxUzkV2Fzi+BoA9unRr/njTQBwFdmagurPt63W1LxwKOi8ZSs
+yycuXMI/XBSm2Q==
+-----END CERTIFICATE-----
\ No newline at end of file
--- a/certs/biuro.lt/private.key
+++ b/certs/biuro.lt/private.key
+-----BEGIN PRIVATE KEY-----
+MIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQC5frVOZLtPEIlt
+k1/j2tzDXy+OHaiptB7ikOLgOcFVvI30Olzv6TBawRJlgT1zN3O4Smf/nKmqk/4f
+mSnE0dtIqo43RUUHEpAlvH4No6l7hJoPOS233/RQD/i/wT8PhlWnFvA1fqe23/sn
+JHiXyCYCS104cBD0OOt9rIAh82q9k+Jvav8tpppT1bx8MkSjFg/gkuLPYZE7yOFZ
+LANkaJ7y8LPiEnsdK/dL4VowkZ6VYvztZR8qvx7Et/aQZYP1OG4cWArVXEZPIVAq
+i3DFCZ1qoHugbYYWHY7URCN1vUF/RDUM+UNLKfL2QBA4oMgLNPw+0VvzFOtaGb3o
+DX4lS+U7AgMBAAECggEAPE3fL5877dZYd1EkKXVrs/BsC23E+XbfW5TyzSa5nd/w
+3mdi83QCDl8aVfmQOrbaXh2Cde0+k4ANa8RleeEnwxX/qiRQ7p2wUzRWXqTIYqmX
+VD+oh1C9opGusthmYeuwSOQCL8H/UEq84drPgbjF8pUBt2lneZ5PoMnF1kPGfd7Z
+uxkdP4qykBxxd5BVQKfzy+sl+GSvt48j6PLhECDbhntHFALZ8fCISb4ZUe5j3qj8
+JfFYADxf6g1Mvym4fZMTqtnNrfEjJmn1mrgy7zTDEyKcmf04u2fX1ZBrGWz1Y1+P
+pkWXv3WLSVzRmP+59tmGPSu22MAQO2akG5YaOiDf0QKBgQDvboBn/NvT9gxmIEuX
+dUT9/Tr2o71fazbs1+dp85yayVHp3ZmsdTn84bFkREczSaBCmzMBiaCYfyclAKMa
+EG/SPZIxcbn9Iu3CWOnokSMnNXk1082Rao/VKE9F9murzyFVHni2uRrRLI8TixTk
+kBPNcMcDeLGex/7nWCJaGE/BwKBgQDGVLnBgD0QZT96TxhWm7HrqBigdHiHgW0r
+m0KCMNPzWVX1BGBqoWELtrJc6yosFRSRJSsNJjik5+czHvoxelUaGtUHv2XPrap7
+bVpVPZaao7kL7QtjhEGg/8wBQcyWq1e67R4SGNUQjADIH/DsxItDiCeyr07TMmBB
+lH7kJ2hnLQKBgBPC2gQ7IWWYHCPdrH9+pUgVO2WZ1AppDep0U1wySA2aahFUQdez
+ASs28W4mGH5KKFj2+Dm7Qy7y56ctK0j+bEw82rEMAt66oEb3Ea8pM26MAkoIBiJn
+WiGspwZONUrD2KtuzWW/V1BGTjS9uObBJMek10qcdsgM53Hb5ljQ7Z3HAoGBAIh/
+rWzoxp4vINYb88M/2t82zOQ55O5V/H3jmI2j72vvk0JTpcwdj34RWoaq71Zxl7sh
+mpStNpUAalX7vvQonsOdrfpsFzUs8EWMiHxcK/f4MJZtqcXvM4AMLSq8T4NvH60u
+HuETqCiAQtV5bkZ2KubqoW/QSe7/H9Ji0kZSfP9tAoGBAMtOM6Gx5snEMAmRJArk
+jGvm3B6nHzdJ1kKy7a+/O7Hm4y1GBacKKJdPoACbdwHCLbgs4NH0OmYaB6T5miVI
+u5+g1E9eq84i2qhPF3e1ZvSK9G826fGLSw1MeRdEaCm/nJwqudDAlgEJviKFNs0U
+HCHAkM7R2ySMwwyhAn6MzFSF
+-----END PRIVATE KEY-----
\ No newline at end of file
--- a/nginx/dev-biuro.conf
+++ b/nginx/dev-biuro.conf
@@ -32,9 +32,9 @@ server {
    ssl_stapling_verify     on;
    resolver                8.8.8.8 8.8.4.4;
-    ssl_certificate           /etc/letsencrypt/biuro.lt/certificate.pem;
+    ssl_certificate           /etc/letsencrypt/biuro.lt/certificate.crt;
-    ssl_certificate_key       /etc/letsencrypt/biuro.lt/privkey.pem;
+    ssl_certificate_key       /etc/letsencrypt/biuro.lt/private.key;
-    ssl_trusted_certificate   /etc/letsencrypt/biuro.lt/ca-bundle.pem;
+    ssl_trusted_certificate   /etc/letsencrypt/biuro.lt/ca_bundle.crt;
    # ssl_protocols TLSv1.2 TLSv1.3;

--- a/tasks/conf.js
+++ b/tasks/conf.js
@@ -7,8 +7,8 @@ export default {
    name: 'biuro',
    isProduction: ENV === 'production',
    certs: {
-        key: 'certs/biuro.lt/privkey.pem',
+        key: 'certs/biuro.lt/private.key',
-        cert: 'certs/biuro.lt/certificate.pem'
+        cert: 'certs/biuro.lt/certificate.crt'
    },
    proxy: 'https://dev.biuro.lt'
 };
--- a/tasks/serve-css--core.js
+++ b/tasks/serve-css--core.js
@@ -26,32 +26,40 @@ export function serveCoreCSS () {
        require('postcss-browser-reporter')() // report issue in browser
    ];
+    const logError = (error) => {
+        console.log(error.toString());
+        this.emit('end');
+    };
    let stream = gulp.src(`wp-content/themes/${conf.name}/css/main.css`);
    if (!conf.isProduction) {
        stream = stream
-            .pipe(sourcemaps.init());
+            .pipe(sourcemaps.init())
+            .on('error', logError);
    }
    stream = stream
        .pipe(postCSS(p))
-        .on('error', function (error) {
+        .on('error', logError)
-            console.log(error.toString());
+        .pipe(rename({ basename: 'core', suffix: '.min' }))
-            this.emit('end');
+        .on('error', logError);
-        })
-        .pipe(rename({ basename: 'core', suffix: '.min' }));
    if (conf.isProduction) {
        stream = stream
-            .pipe(rev());
+            .pipe(rev())
+            .on('error', logError);
    } else {
        stream = stream
            .pipe(cached('css-core'))
-            .pipe(sourcemaps.write());
+            .on('error', logError)
+            .pipe(sourcemaps.write())
+            .on('error', logError);
    }
    stream = stream
-        .pipe(gulp.dest(`wp-content/themes/${conf.name}/css/`));
+        .pipe(gulp.dest(`wp-content/themes/${conf.name}/css/`))
+        .on('error', logError);
    return stream;
 }
--- a/tasks/serve-css--main.js
+++ b/tasks/serve-css--main.js
@@ -26,20 +26,24 @@ export function serveMainCSS () {
        require('postcss-browser-reporter')() // report issue in browser
    ];
+    const logError = (error) => {
+        console.log(error.toString());
+        this.emit('end');
+    };
    let stream = gulp.src(`wp-content/themes/${conf.name}/css/main.css`);
    if (!conf.isProduction) {
        stream = stream
-            .pipe(sourcemaps.init());
+            .pipe(sourcemaps.init())
+            .on('error', logError);
    }
    stream = stream
        .pipe(postCSS(p))
-        .on('error', function (error) {
+        .on('error', logError)
-            console.log(error.toString());
+        .pipe(rename({ suffix: '.min' }))
-            this.emit('end');
+        .on('error', logError);
-        })
-        .pipe(rename({ suffix: '.min' }));
    if (conf.isProduction) {
        stream = stream
@@ -47,11 +51,14 @@ export function serveMainCSS () {
    } else {
        stream = stream
            .pipe(cached('css-main'))
-            .pipe(sourcemaps.write('.'));
+            .on('error', logError)
+            .pipe(sourcemaps.write('.'))
+            .on('error', logError);
    }
    stream = stream
-        .pipe(gulp.dest(`wp-content/themes/${conf.name}/css/`));
+        .pipe(gulp.dest(`wp-content/themes/${conf.name}/css/`))
+        .on('error', logError);
    return stream;
 }
--- a/tasks/server.js
+++ b/tasks/server.js
@@ -33,14 +33,15 @@ export function server () {
        // server: 'wp-content/themes/${conf.name}/',
        proxy: conf.proxy,
        // httpModule: 'http2',
+        notify: false,
        https: {
            key: conf.certs.key,
            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,
        port: 2000,
        ui: false,
@@ -65,7 +66,7 @@ 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/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}/js/*.js`).on('change', () => browser.reload());
+    // gulp.watch(`wp-content/themes/${conf.name}/js/*.js`).on('change', () => browser.reload());
 }
--- a/wp-content/plugins/cookies-warning/cookies-warning.php
+++ b/wp-content/plugins/cookies-warning/cookies-warning.php
@@ -73,7 +73,7 @@ class Cookies_Warning extends WP_Widget {
        // Display the widget
        echo '<div id="cookie-warning" class="c-cookies-warning">';
-            echo '<div class="c-cookies-warning--inner">';
+            echo '<div class="l-inner">';
            // Display content field
            if ( $content ) {

--- a/wp-content/themes/biuro/css/01-settings/__settings.css
+++ b/wp-content/themes/biuro/css/01-settings/__settings.css
@@ -7,4 +7,5 @@ global variables, such as brand colors, configs etc
 @import '_settings--colors';
 @import '_settings--typography';
-@import '_settings--vars';
+@import '_settings--layout';
+/*@import '_settings--vars';*/
--- a/wp-content/themes/biuro/css/01-settings/_settings--layout.css
+++ b/wp-content/themes/biuro/css/01-settings/_settings--layout.css
+/* ------------- Settings: layout ------------- */
+/* critical:start */
+:root   {
+    /*--layout-width: 976px;*/
+    --layout-width: 63em;
+}
+/* critical:end */
--- a/wp-content/themes/biuro/css/01-settings/_settings--typography.css
+++ b/wp-content/themes/biuro/css/01-settings/_settings--typography.css
@@ -4,9 +4,9 @@
 :root   {
    --typo--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    --typo--font-size: 2.4rem;
+    --typo--font-size: 1.8rem;
-    --typo--line-height: 1.286;
+    --typo--line-height: 1.2;
-    --typo--font-face: 'Open Sans', 'system', sans-serif;
+    --typo--font-face: 'PT Sans Narrow', 'system', sans-serif;
 }
 /* critical:end */
--- a/wp-content/themes/biuro/css/01-settings/_settings--vars.css
+++ b/wp-content/themes/biuro/css/01-settings/_settings--vars.css
@@ -7,6 +7,9 @@
    --header-height: 62px;
    --border-top: inset 0 2px 1px -1px var(--color-light-gray);
 */
+    --layout-width: 976px;
+/*max-width:976px*/
 }
 /* critical:end */
--- a/wp-content/themes/biuro/css/02-tools/_tools--font-face.css
+++ b/wp-content/themes/biuro/css/02-tools/_tools--font-face.css
 /* ------------- Tools: font face ------------- */
-/*
 @font-face {
-    font-family: 'Avenir';
+    font-family: 'PT Sans Narrow';
-    src: local('☺'),
-         url('../fonts/avenir-roman.woff2') format('woff2'),
-         url('../fonts/avenir-roman.woff') format('woff');
    font-style: normal;
-    font-weight: 500;
+    font-weight: 400;
-    font-display: swap;
+    src:
+        local('PT Sans Narrow'),
+        local('PTSans-Narrow'),
+        url(https://fonts.gstatic.com/s/ptsansnarrow/v8/BngRUXNadjH0qYEzV7ab-oWlsYCB.ttf) format('truetype');
 }
 @font-face {
-    font-family: 'Avenir';
+    font-family: 'PT Sans Narrow';
-    src: local('☺'),
-         url('../fonts/avenir-heavy.woff2') format('woff2'),
-         url('../fonts/avenir-heavy.woff') format('woff');
    font-style: normal;
-    font-weight: 600;
+    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-family: 'Avenir';
+    font-family: 'Bebas Neue';
-    src: local('☺'),
+    src: url(../_fonts/bebas-neue.eot);
-         url('../fonts/avenir-black.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/avenir-black.woff') format('woff');
-    font-style: normal;
-    font-weight: 700;
-    font-display: swap;
 }
-*/
--- a/wp-content/themes/biuro/css/04-elements/__elements.css
+++ b/wp-content/themes/biuro/css/04-elements/__elements.css
@@ -8,7 +8,7 @@ a.k.a. Base, unclassed html elements, e.g. headings, lists, tables, this is the
 @import '_element--anchor.css';
 @import '_element--body.css';
 @import '_element--figure.css';
-@import '_element--headers.css';
+/*@import '_element--headers.css';*/
 @import '_element--html.css';
 @import '_element--images.css';
 @import '_element--paragraph.css';

--- a/wp-content/themes/biuro/css/04-elements/_element--anchor.css
+++ b/wp-content/themes/biuro/css/04-elements/_element--anchor.css
 /* ------------- Elements: anchor ------------- */
 a   {
-    /* critical:start */
-    color: var(--color--gray);
-    /* critical:end */
    &:hover     { text-decoration: none; }
 }
@@ -14,3 +8,6 @@ a   {
    [href^="tel"]   { pointer-events: none; text-decoration: none; color: inherit; }
 }
+/* critical:start */
+/* critical:end */
--- a/wp-content/themes/biuro/css/04-elements/_element--body.css
+++ b/wp-content/themes/biuro/css/04-elements/_element--body.css
@@ -2,21 +2,22 @@
 /* critical:start */
-body    { margin: 0; color: var(--color--gray); font-weight: 300;
+body    {
    font-family: var(--typo--font-family);
+    font-size: var(--typo--font-size);
-    font-size: calc(24px + 1 * ((100vw - 480px) / 960));
    line-height: var(--typo--line-height);
+    color: var(--color--gray);
+    @media (--min--small) {
+        font-size: 1.6rem;
+        line-height: 1.3;
 /*
-    @media (--min--xx-large) {
+        :root   {
-        font-size: 2.4rem;
+            --typo--font-size: 1.6rem;
+            --typo--line-height: 1.3;
+        }
+*/
    }
- */
 }
 /* critical:end */
-/* .fonts-loaded body    { font-family: var(--typo--font-face); } */
--- a/wp-content/themes/biuro/css/04-elements/_element--paragraph.css
+++ b/wp-content/themes/biuro/css/04-elements/_element--paragraph.css
 /* ------------- Elements: paragraph ------------- */
-p       { margin: 0 0 1.8rem; font-size: var(--typo--font-size); }
+p       { margin: 0 0 1.6rem; }
--- a/wp-content/themes/biuro/css/04-elements/_element--strong.css
+++ b/wp-content/themes/biuro/css/04-elements/_element--strong.css
 /* ------------- Elements: strong ------------- */
 b,
-strong  { font-weight: 600; }
+strong  { font-weight: 700; }
--- a/wp-content/themes/biuro/css/05-layout/__layout.css
+++ b/wp-content/themes/biuro/css/05-layout/__layout.css
@@ -5,9 +5,10 @@ Layout styles (e.g. container, header, main, footer, grid systems etc)
 l-: layout classes
 ========================================================================== */
-/*@import '_layout--container.css';*/
+@import '_layout--inner.css';
-/*@import '_layout--header.css';*/
+@import '_layout--header.css';
-/*@import '_layout--main.css';*/
+@import '_layout--content.css';
-/*@import '_layout--nav.css';*/
+@import '_layout--aside.css';
-/*@import '_layout--aside.css';*/
+@import '_layout--main.css';
 @import '_layout--footer.css';
+/*@import '_layout--nav.css';*/
--- a/wp-content/themes/biuro/css/05-layout/_layout--aside.css
+++ b/wp-content/themes/biuro/css/05-layout/_layout--aside.css
@@ -2,6 +2,16 @@
 /* critical:start */
-.l-aside    { }
+.l-aside    {
+    @media (--min--small) {
+        flex: 0 0 195px;
+    }
+    @media (--min--medium) {
+        flex-basis: 215px;
+    }
+    @media (--min--medium) {
+        flex-basis: 235px;
+    }
+}
 /* critical:end */
--- a/wp-content/themes/biuro/css/05-layout/_layout--content.css
+++ b/wp-content/themes/biuro/css/05-layout/_layout--content.css
+/* ------------- Layout: content ------------- */
+/* critical:start */
+.l-content   { @extend .l-inner;
+    @media (--min--small) {
+        display: flex;
+    }
+}
+/* critical:end */
+.l-content   { box-shadow: inset 0 0 0 1px green; }
--- a/wp-content/themes/biuro/css/05-layout/_layout--footer.css
+++ b/wp-content/themes/biuro/css/05-layout/_layout--footer.css
@@ -2,8 +2,8 @@
 /* critical:start */
-.l-footer   { clear: both; }
+.l-footer   { @extend .l-inner; }
 /* critical:end */
-.l-footer   { min-height: 160px; }
+.l-footer   { padding-bottom: 100px; box-shadow: inset 0 0 0 1px #f00; }
--- a/wp-content/themes/biuro/css/05-layout/_layout--header.css
+++ b/wp-content/themes/biuro/css/05-layout/_layout--header.css
@@ -2,8 +2,8 @@
 /* critical:start */
-.l-header   { }
+.l-header   { display: flex; @extend .l-inner; margin-bottom: 1.25em; }
 /* critical:end */
-/* .l-header   { background: rgba(0, 0, 0, .25); } */
+.l-header   { box-shadow: inset 0 0 0 1px orange;  }
--- a/wp-content/themes/biuro/css/05-layout/_layout--inner.css
+++ b/wp-content/themes/biuro/css/05-layout/_layout--inner.css
+/* ------------- Layout: inner ------------- */
+/* critical:start */
+.l-inner    { max-width: var(--layout-width); margin-right: auto; margin-left: auto; padding-right: 1em; padding-left: 1em; }
+/* critical:end */
--- a/wp-content/themes/biuro/css/05-layout/_layout--main.css
+++ b/wp-content/themes/biuro/css/05-layout/_layout--main.css
@@ -2,6 +2,10 @@
 /* critical:start */
-.l-main     { }
+.l-main     {
+    @media (--min--small) {
+        flex: 1 1 100%;
+    }
+}
 /* critical:end */
--- a/wp-content/themes/biuro/css/07-components/__components.css
+++ b/wp-content/themes/biuro/css/07-components/__components.css
@@ -10,6 +10,9 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
 @import '_component--cookies-warning.css';
 @import '_component--data-controller.css';
 @import '_component--job.css';
+@import '_component--jobs-list.css';
+@import '_component--logo.css';
+@import '_component--search.css';
 /*
    @import '_component--nav.css';

--- a/wp-content/themes/biuro/css/07-components/_component--cookies-warning.css
+++ b/wp-content/themes/biuro/css/07-components/_component--cookies-warning.css
@@ -10,5 +10,4 @@
    .bu-action              { margin-top: 10px; }
    .bu-action--alt     { float: right; }
 }
-.c-cookies-warning--inner    { margin: 0 auto; max-width: 976px }
--- a/wp-content/themes/biuro/css/07-components/_component--data-controller.css
+++ b/wp-content/themes/biuro/css/07-components/_component--data-controller.css
@@ -2,6 +2,8 @@
 /* critical:start */
-.c-data-controller { padding: 0 20px; text-align: center; font-size: 88%; }
+.c-data-controller { padding: 0 1em; text-align: center; font-size: 88%;
+    p   { margin-bottom: 0; }
+}
 /* critical:end */
--- a/wp-content/themes/biuro/css/07-components/_component--jobs-list.css
+++ b/wp-content/themes/biuro/css/07-components/_component--jobs-list.css
+/* ------------- Component: jobs list ------------- */
+/* critical:start */
+/* critical:end */
+.c-jobs-list {  width: 100%; margin: 0 0 20px;
+    th,
+    td  { vertical-align: top;  }
+    a { display: block; }
+}
+.c-jobs-list--row-odd   { background: #F8F8F8; }
+.c-jobs-list--head { padding:  10px; 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 { padding: 0 10px;
+    @media (--max--xx-small) {
+        float: left; width: calc(100% - 20px)
+    }
+    @media (--min--xx-small) {
+        max-width: 260px; padding: 10px;
+    }
+}
+.c-jobs-list--col-position {
+    @media (--max--xx-small) {
+        padding-top: 10px;
+    }
+}
+.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;
+    }
+}
--- a/wp-content/themes/biuro/css/07-components/_component--logo.css
+++ b/wp-content/themes/biuro/css/07-components/_component--logo.css
@@ -2,6 +2,10 @@
 /* critical:start */
-.c-logo     { display: block; text-decoration: none; }
 /* critical:end */
+.c-logo           { text-decoration: none; }
+.c-logo--svg { display:  block; }
+.c-logo           { margin: 41px 20px 25px 23px; }
--- a/wp-content/themes/biuro/css/05-layout/_layout--container.css
+++ b/wp-content/themes/biuro/css/05-layout/_layout--container.css
-/* ------------- Layout: container ------------- */
+/* ------------- Component: search ------------- */
 /* critical:start */
-.l-container    { }
 /* critical:end */
+.c-search   { margin-top: 40px; }
--- a/wp-content/themes/biuro/css/__previous.css
+++ b/wp-content/themes/biuro/css/__previous.css
--- a/wp-content/themes/biuro/css/core-d4ffa95eff.min.css
+++ b/wp-content/themes/biuro/css/core-d4ffa95eff.min.css
+:root{--color--gray:#4d4d4d;--color--green:#006957;--typo--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--typo--font-size:1.8rem;--typo--line-height:1.2;--typo--font-face:"PT Sans Narrow","system",sans-serif;--layout-width:63em}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:var(--typo--font-family);font-size:1.8rem;font-size:var(--typo--font-size);line-height:1.2;line-height:var(--typo--line-height);color:#4d4d4d;color:var(--color--gray)}html{min-height:100%;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.l-content,.l-footer,.l-header,.l-inner{max-width:63em;max-width:var(--layout-width);margin-right:auto;margin-left:auto;padding-right:1em;padding-left:1em}.l-header{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1.25em}.o-nav{margin:0;padding:0;list-style:none}.c-cookies-warning{display:none}.c-data-controller{padding:0 1em;text-align:center;font-size:88%}.c-data-controller p{margin-bottom:0}.u-hidden{display:none}@media (min-width:48rem){body{font-size:1.6rem;line-height:1.3}.l-content{display:-webkit-box;display:-ms-flexbox;display:flex}.l-aside{-webkit-box-flex:0;-ms-flex:0 0 195px;flex:0 0 195px}.l-main{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}}@media (min-width:60rem){.l-aside{-ms-flex-preferred-size:215px;flex-basis:215px;-ms-flex-preferred-size:235px;flex-basis:235px}}
\ No newline at end of file
--- a/wp-content/themes/biuro/css/core.min.css
+++ b/wp-content/themes/biuro/css/core.min.css
--- a/wp-content/themes/biuro/css/main-46e283adc3.min.css
+++ b/wp-content/themes/biuro/css/main-46e283adc3.min.css
--- a/wp-content/themes/biuro/css/main.css
+++ b/wp-content/themes/biuro/css/main.css
--- a/wp-content/themes/biuro/css/main.min.css
+++ b/wp-content/themes/biuro/css/main.min.css
--- a/wp-content/themes/biuro/css/main.min.css.map
+++ b/wp-content/themes/biuro/css/main.min.css.map
--- a/wp-content/themes/biuro/footer-job.php
+++ b/wp-content/themes/biuro/footer-job.php
@@ -24,6 +24,6 @@
  ?>
-    <!-- <script src="/wp-content/themes/biuro/js/main.min.js" async></script> -->
+    <!-- <script src="/wp-content/themes/biuro/js/main-3fa889f6.min.js" async></script> -->
 </body>
 </html>
--- a/wp-content/themes/biuro/footer.php
+++ b/wp-content/themes/biuro/footer.php
-</div>
+        </main><!-- .l-main -->
-</div>
+    </div><!-- .l-content -->
+    <footer class="l-footer" style="boder: 1px solid red;">
-<div id="fb-root"></div>
-<div class="l-footer">
 <?php
        if ( is_active_sidebar( 'footer_main' ) ) :
@@ -14,7 +11,32 @@
        endif;
 ?>
-</div>
+        <div class="share">
+<?php
+        $social = get_option('wpseo_social');
+        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>
+<?php
+     endif;
+        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>
+<?php
+        endif;
+?>
+        </div>
+        <div class="copy">&copy; <strong>2012-<?php echo date('Y'); ?> BIURO.</strong> </div>
+<?php
+        get_template_part( 'template-parts/menus/menu', 'region' );
+        get_template_part( 'template-parts/menus/menu', 'language' );
+?>
+    </footer><!-- .l-footer -->
 <?php
@@ -35,6 +57,6 @@
    endif;
  ?>
-    <script src="/wp-content/themes/biuro/js/main.min.js" async></script>
+    <script src="/wp-content/themes/biuro/js/main-3fa889f6.min.js" async></script>
 </body>
 </html>
--- a/wp-content/themes/biuro/front-page.php
+++ b/wp-content/themes/biuro/front-page.php
@@ -12,48 +12,34 @@
 * @version 1.0
 */
-get_header(); ?>
+    get_header();
-<?php
-    while ( have_posts() ) :
-        the_post();
-        the_content();
-    endwhile;
 ?>
-<br>
-<br>
-<h1>Svetainės medis:</h1>
-<h2>Darbas + Miestas</h2>
 <?php
-    getSiteTree( 'city' );
+    // Use for search
-?>
+    // https://pods.io/docs/code/pods/find/
-<h2>Darbas + Tag'as</h2>
+    $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 "%' . $search . '%"';
-<ul>
+    $params = array(
-    <li style="color: red">ToDo: aptarti kaip turi būti LIVAS</li>
+        'orderby' => 'date DESC',
-</ul>
+        'where' => $where,
+        'limit'   => 21
+    );
+    $jobs = pods( 'job', $params );
-<h2>Darbas + Sritis</h2>
+    if ( 0 < $jobs->total() ):
-<?php
+        get_template_part( 'template-parts/jobs/jobs', 'list' );
-    getSiteTree( 'field' );
-?>
-<h2>Darbas + Įmonė</h2>
+    else:
-<?php
+        get_template_part( 'template-parts/jobs/jobs', 'none' );
-    getSiteTree( 'company' );
-?>
+    endif;
+?>
-<br>
-<br>
 <?php get_footer();
--- a/wp-content/themes/biuro/header-job.php
+++ b/wp-content/themes/biuro/header-job.php
@@ -17,12 +17,12 @@
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
-    <style><?php include 'css/core.min.css'; ?></style>
+    <style><?php include 'css/core-d4ffa95eff.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-46e283adc3.min.css" as="style" onload="this.rel='stylesheet'">
    <noscript>
-        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
+        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-46e283adc3.min.css">
    </noscript>
    <?php wp_head(); ?>

--- a/wp-content/themes/biuro/header.php
+++ b/wp-content/themes/biuro/header.php
@@ -17,12 +17,12 @@
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
-    <style><?php include 'css/core.min.css'; ?></style>
+    <style><?php include 'css/core-d4ffa95eff.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-46e283adc3.min.css" as="style" onload="this.rel='stylesheet'">
    <noscript>
-        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
+        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-46e283adc3.min.css">
    </noscript>
    <?php wp_head(); ?>
@@ -30,77 +30,29 @@
 <body>
    <svg xmlns="http://www.w3.org/2000/svg" class="u-hidden">
-        <symbol id="biuro-logo" viewBox="0 0 108 63">
+        <symbol id="biuro-logo" viewBox="0 0 108 63" aria-labelledby="svg-title svg-desc">
-            <title>Biuro</title>
+            <title id="svg-title">Biuro</title>
+            <desc id="svg-desc"><?php echo get_the_title( get_option('page_on_front') ); ?></desc>
            <path d="M12.91 39.688L11.1 39.686v11.7h1.809c0.375 0 0.693-0.131 0.959-0.396 c0.264-0.263 0.398-0.584 0.398-0.962v-8.984c0-0.375-0.134-0.695-0.398-0.963C13.603 39.8 13.3 39.7 12.9 39.688z M63.684 23.92h-1.809v11.358h1.809c0.376 0 0.696-0.132 0.96-0.396c0.264-0.261 0.396-0.583 0.396-0.96v-8.645 c0-0.378-0.133-0.698-0.396-0.961C64.38 24.1 64.1 23.9 63.7 23.92z M12.91 23.92H11.1v9.608h1.809 c0.375 0 0.693-0.133 0.959-0.398c0.264-0.263 0.398-0.583 0.398-0.958v-6.896c0-0.378-0.134-0.698-0.398-0.961 C13.603 24.1 13.3 23.9 12.9 23.92z M107.216 7.496c-0.907-1.476-3.211-2.783-5.211-1.261l-12.774 9.1 c-0.426 0.014-0.844-0.206-1.058-0.607c-0.122-0.231-0.15-0.481-0.113-0.719l4.428-7.936c0.695-1.001 0.869-1.489 0.869-2.434 c0-1.856-1.621-3.525-3.477-3.525c-0.26 0-0.673-0.127-0.916-0.07H4.752C2.127 0 0 2.1 0 4.766V57.5 c0 2.6 2.1 4.8 4.8 4.752h98.176c2.627 0 4.753-2.128 4.753-4.752V8.919C107.641 8.4 107.5 8 107.2 7.496z M38.126 9.543c1.664 0 3 1.4 3 3.019c0 1.665-1.351 3.015-3.015 3.015c-1.666 0-3.017-1.35-3.017-3.015 C35.109 10.9 36.5 9.5 38.1 9.543z M27.623 9.543c1.666 0 3 1.4 3 3.019c0 1.665-1.352 3.015-3.018 3 c-1.665 0-3.017-1.35-3.017-3.015C24.606 10.9 26 9.5 27.6 9.543z M20.876 30.647c0 1.732-0.528 3.182-1.581 4.3 c-0.567 0.602-1.242 1.093-2.035 1.471c0.828 0.3 1.5 0.7 2 1.242c0.528 0.5 0.9 1.1 1.2 1.9 c0.263 0.7 0.4 1.5 0.4 2.371v8.365c0 0.98-0.188 1.901-0.564 2.768c-0.377 0.867-0.885 1.622-1.526 2.3 c-0.642 0.642-1.392 1.151-2.259 1.528c-0.867 0.374-1.792 0.564-2.769 0.564H5.28c-0.527 0-0.79-0.265-0.79-0.792V18.664 c0-0.525 0.262-0.79 0.79-0.79h8.478c0.976 0 1.9 0.2 2.8 0.565c0.867 0.4 1.6 0.9 2.3 1.5 c0.642 0.6 1.1 1.4 1.5 2.261c0.377 0.9 0.6 1.8 0.6 2.77V30.647z M31.067 56.193c0 0.529-0.264 0.792-0.789 0.8 h-5.031c-0.529 0-0.791-0.263-0.791-0.792V18.654c0-0.529 0.262-0.791 0.791-0.791h5.031c0.525 0 0.8 0.3 0.8 0.791V56.193z M51.261 50.706c0 0.981-0.189 1.904-0.566 2.77c-0.377 0.866-0.884 1.62-1.524 2.261c-0.645 0.64-1.396 1.148-2.261 1.5 c-0.868 0.374-1.792 0.563-2.771 0.563h-2.145c-0.982 0-1.907-0.189-2.771-0.563c-0.867-0.378-1.619-0.887-2.258-1.526 c-0.643-0.641-1.151-1.395-1.526-2.261c-0.377-0.865-0.566-1.788-0.566-2.77v-21.23c-0.005-0.054-0.022-0.1-0.022-0.157V18.654 c0-0.529 0.264-0.791 0.791-0.791h5.03c0.527 0 0.8 0.3 0.8 0.791v10.082c0.008 0 0 0.1 0 0.146v21.542 c0 0.4 0.1 0.7 0.4 0.962c0.262 0.3 0.6 0.4 1 0.395h0.453c0.375 0 0.697-0.13 0.961-0.395 c0.261-0.265 0.393-0.585 0.393-0.962V18.836c0-0.526 0.264-0.791 0.793-0.791h5.029c0.527 0 0.8 0.3 0.8 0.791V50.706z M72.216 57.433h-5.142c-0.225 0-0.442-0.077-0.65-0.227c-0.208-0.15-0.35-0.337-0.425-0.565l-4.125-13.845v14.637l-0.055-0.564 c-0.078 0.374-0.321 0.564-0.735 0.564h-5.031c-0.527 0-0.791-0.262-0.791-0.792V18.664c0-0.525 0.264-0.79 0.791-0.79h8.478 c0.979 0 1.9 0.2 2.8 0.565c0.867 0.4 1.6 0.9 2.3 1.524c0.641 0.6 1.1 1.4 1.5 2.3 c0.377 0.9 0.6 1.8 0.6 2.77v9.212c0 1.393-0.359 2.647-1.074 3.757c-0.718 1.111-1.657 1.97-2.826 2.572l5.029 16.1 C72.896 57.2 72.7 57.4 72.2 57.433z M91.941 50.706c0 0.981-0.188 1.904-0.565 2.77c-0.379 0.866-0.883 1.62-1.528 2.3 c-0.64 0.64-1.393 1.148-2.259 1.526c-0.864 0.374-1.79 0.563-2.769 0.563h-2.147c-0.979 0-1.904-0.189-2.769-0.563 c-0.869-0.378-1.621-0.887-2.261-1.526c-0.641-0.641-1.15-1.395-1.523-2.261c-0.379-0.865-0.566-1.788-0.566-2.77V24.598 c0-0.979 0.188-1.901 0.566-2.767c0.373-0.867 0.883-1.62 1.523-2.263c0.64-0.639 1.392-1.147 2.261-1.524 c0.864-0.377 1.789-0.565 2.769-0.565h2.147c0.979 0 1.9 0.2 2.8 0.565c0.866 0.4 1.6 0.9 2.3 1.5 c0.645 0.6 1.1 1.4 1.5 2.263c0.377 0.9 0.6 1.8 0.6 2.767V50.706z M83.972 23.525h-0.453 c-0.377 0-0.696 0.134-0.959 0.396c-0.265 0.264-0.396 0.585-0.396 0.961v25.543c0 0.4 0.1 0.7 0.4 1 c0.263 0.3 0.6 0.4 1 0.395h0.453c0.376 0 0.695-0.13 0.96-0.395c0.266-0.265 0.396-0.585 0.396-0.962V24.881 c0-0.376-0.131-0.697-0.396-0.961C84.668 23.7 84.3 23.5 84 23.525z" style="fill: #006957"/>
        </symbol>
    </svg>
-<div id="main" class="main">
+    <header class="l-header">
-    <div id="top">
+        <a href="<?php echo pll_home_url(); ?>" class="c-logo" title="<?php echo get_the_title( get_option('page_on_front') ); ?>">
+            <svg width="133px" height="78px" class="c-logo--svg">
-        <div id="logo">
-            <a href="<?php echo pll_home_url(); ?>" title="<?php echo get_the_title( get_option('page_on_front') ); ?>">
-                <svg width="133px" height="78px">
                <use xlink:href="#biuro-logo"></use>
            </svg>
        </a>
-        </div>
-        <div id="topsearch">
 <?php
-            global $searchPageURL;
-            if ( get_permalink() != $searchPageURL ):
        get_search_form();
-            endif;
-?>
-        </div>
-<?php
-    $menu = 'region-menu';
-    $region = '';
-    if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) {
-        $o = wp_get_nav_menu_object( $locations[ $menu ] );
-        if ($o) {
-            $items = wp_get_nav_menu_items($o->term_id);
-            $region .= '<ul class="country">';
-            foreach( $items as $item ) {
-                $title = $item->title;
-                $url = $item->url;
-                if ($url == '/') {
-                    $region .= '<li><a class="act" href="' . $url . '" title="' . $title . '">' . $title . '</a></li>';
-                } else {
-                    $region .= '<li><a class="gtm-referral-click" rel="noopener" href="' . $url . '" target="_blank" title="' . $title . '">' . $title . '</a></li>';
-                }
-            }
-            $region .= '</ul>';
-        }
-    }
-    echo $region;
-?>
-        <ul id="lang">
-            <li><?php pll_e('Language'); ?>:&nbsp;</li>
-<?php
-            $translations = pll_the_languages(array('raw'=>1));
-            foreach ($translations as $code => $lang) :
-                $classCSS = $lang['current_lang'] ? 'class="act"' : '';
-                echo '<li><a href="' . $lang['url'] . '" title="' . $lang['name'] . '" ' . $classCSS . '>' . strtoupper($lang['slug']) . '</a></li>';
-            endforeach;
 ?>
-        </ul>
+    </header>
-    </div>
+    <div id="main" class="l-content">
-<div id="sidebar">
+        <aside id="sidebar" class="l-aside">
 <?php
        $menu_name = 'main-menu';
@@ -154,32 +106,10 @@
        $main .= '</ul>';
        echo $main;
-?>
+    ?>
+        </aside><!-- .l-aside -->
-    <div class="share">
-<?php
-    $social = get_option('wpseo_social');
-    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>
-<?php
-    }
-    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>
-<?php
-    }
-?>
-    </div>
-    <div class="copy">&copy; <strong>2012-<?php echo date('Y'); ?> BIURO.</strong> </div>
-</div>
-<div id="content">
+        <main id="content" class="l-main">
 <?php
@@ -200,12 +130,12 @@
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
-    <style><?php include 'css/core.min.css'; ?></style>
+    <style><?php include 'css/core-d4ffa95eff.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-46e283adc3.min.css" as="style" onload="this.rel='stylesheet'">
    <noscript>
-        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
+        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-46e283adc3.min.css">
    </noscript>
    <?php wp_head(); ?>

--- a/wp-content/themes/biuro/index.php
+++ b/wp-content/themes/biuro/index.php
@@ -15,8 +15,50 @@
 * @version 1.0
 */
+$search = get_query_var('s');
+$cityID = get_query_var('city');
 get_header(); ?>
+<?php
+    if ( is_search() ):
+?>
+<?php
+    // Use for search
+    // https://pods.io/docs/code/pods/find/
+    $where = 'valid.meta_value > "' . date('Y-m-d', strtotime('-1 days')) . '" AND t.post_title LIKE "%' . $search . '%"';
+    // 'where' => 't.post_title LIKE "%' . $keyword . '%" OR my_field.meta_value LIKE "%' . $keyword . '%"'
+    if ($cityID):
+        $where = $where . ' AND city.term_id = ' . $cityID;
+    endif;
+    $params = array(
+        'orderby' => 'date DESC',
+        'where' => $where,
+        'limit'   => 21
+    );
+    $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;
+?>
+<?php
+    else:
+?>
 <?php
        while ( have_posts() ) :
@@ -24,6 +66,8 @@ get_header(); ?>
            the_content();
        endwhile;
+    endif;
 ?>
 <?php get_footer();
--- a/wp-content/themes/biuro/js/main-3fa889f6.min.js
+++ b/wp-content/themes/biuro/js/main-3fa889f6.min.js
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){!function(e){var t=document.getElementById("cookie-warning"),n=document.getElementById("cookie-agree"),r=document.getElementById("cookie-close"),o=!!u()&&localStorage.getItem("biuro-agree");function u(){try{return localStorage.setItem("a","a"),localStorage.removeItem("a"),!0}catch(e){return!1}}t&&n&&r&&!o&&(t.style.display="block",n.addEventListener("click",function(){u()&&localStorage.setItem("biuro-agree","true"),t.style.display="none"}),r.addEventListener("click",function(){t.style.display="none"}))}(window)}]);
\ No newline at end of file
--- a/wp-content/themes/biuro/js/main.js
+++ b/wp-content/themes/biuro/js/main.js
-const cb = () => {
+// const cb = () => {
-    const l = document.createElement('link');
+//     const l = document.createElement('link');
-    const h = document.getElementsByTagName('head')[0];
+//     const h = document.getElementsByTagName('head')[0];
-    l.rel = 'stylesheet';
+//     l.rel = 'stylesheet';
-    l.href = '/wp-content/themes/biuro/css/main.min.css';
+//     l.href = '/wp-content/themes/biuro/css/main.min.css';
-    h.parentNode.insertBefore(l, h);
+//     h.parentNode.insertBefore(l, h);
-};
+// };
-const raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
+// const raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
-if (raf) {
+// if (raf) {
-    raf(cb);
+//     raf(cb);
-} else {
+// } else {
-    if (window.addEventListener) {
+//     if (window.addEventListener) {
-        window.addEventListener('load', cb);
+//         window.addEventListener('load', cb);
-    } else {
+//     } else {
-        window.attachEvent('onload', cb);
+//         window.attachEvent('onload', cb);
-    }
+//     }
-}
+// }
 (global => {
    const container = document.getElementById('cookie-warning');

--- a/wp-content/themes/biuro/js/main.min.js
+++ b/wp-content/themes/biuro/js/main.min.js
--- a/wp-content/themes/biuro/search.php
+++ b/wp-content/themes/biuro/search.php
-<?php
-/**
- * Template Name: Search Page
- *
- * @link https://codex.wordpress.org/Template_Hierarchy
- *
- * @package WordPress
- * @subpackage Biuro
- * @since 1.0
- * @version 1.0
- */
-?>
-<?php
-    get_header();
-    $search = get_query_var('search');
-    $cityID = get_query_var('city');
-    $periodID = get_query_var('period');
-    $fieldID = get_query_var('field');
-    $typeID = get_query_var('type');
-?>
-<form id="filter-form" action="<?php echo esc_url( $searchPageURL ); ?>" method="get" enctype="application/x-www-form-urlencoded">
-<ul class="search_box">
-    <li>
-        <label for="label">Paieška:</label>
-        <div id="search-input-block">
-            <input type="text" name="search" id="search" value="<?php echo $search; ?>" class="input text nolabel" />
-            <button aria-label="Ieškoti" type="submit" id="filter-action" class="submit action" ></button>
-        </div>
-        <a href="<?php echo esc_url( $searchPageURL ); ?>" id="filter-expand" class="url close">Išplėstinė paieška</a></li>
-    <li class="filter-additional">
-        <label for="city">Miestas:</label>
-        <select name="city" id="city" class="el_130">
-            <option value="">Visi miestai</option>
-<?php
-            $cities = get_terms( array(
-                'taxonomy' => 'city',
-                'hide_empty' => false,
-            ));
-            if ( ! empty( $cities ) && ! is_wp_error( $cities ) ):
-                foreach ( $cities as $city ):
-                    $name = $city->name;
-                    $termID = $city->term_id;
-                    $selected = ($cityID == $termID) ? 'selected="selected"' : '';
-?>
-                    <option value="<?php echo $termID; ?>" <?php echo $selected; ?>><?php echo $name; ?></option>
-<?php
-                endforeach;
-             endif;
-?>
-        </select>
-        <label for="period" style="opacity: 0.45">Laikotarpis:</label>
-        <select name="period" id="period" class="el_130" style="opacity: 0.45">
-            <option value="">Nesvarbu</option>
-            <option value="1">Šiandienos</option>
-            <option value="7">Savaitės</option>
-            <option value="30">Mėnesio</option>
-        </select>
-    </li>
-    <li class="filter-additional">
-        <label for="field">Darbo sritis:</label>
-        <select name="field" id="field" class="el_130">
-            <option value="">Visos sritys</option>
-<?php
-            $fields = get_terms( array(
-                'taxonomy' => 'field',
-                'hide_empty' => false,
-            ));
-            if ( ! empty( $fields ) && ! is_wp_error( $fields ) ):
-                foreach ( $fields as $field ):
-                    $name = $field->name;
-                    $termID = $field->term_id;
-                    $selected = ($fieldID == $termID) ? 'selected="selected"' : '';
-?>
-                    <option value="<?php echo $termID; ?>" <?php echo $selected; ?>><?php echo $name; ?></option>
-<?php
-                endforeach;
-             endif;
-?>
-        </select>
-        <label for="type">Darbo rūšis:</label>
-        <select name="type" id="type" class="el_130">
-            <option value="">Visos rūšys</option>
-<?php
-            $types = get_terms( array(
-                'taxonomy' => 'type',
-                'hide_empty' => false,
-            ));
-            if ( ! empty( $types ) && ! is_wp_error( $types ) ):
-                foreach ( $types as $type ):
-                    $name = $type->name;
-                    $termID = $type->term_id;
-                    $selected = ($typeID == $termID) ? 'selected="selected"' : '';
-?>
-                    <option value="<?php echo $termID; ?>" <?php echo $selected; ?>><?php echo $name; ?></option>
-<?php
-                endforeach;
-             endif;
-?>
-        </select>
-        <input type="submit" value="Ieškoti" class="filter-button">
-        <a href="<?php echo esc_url( $searchPageURL ); ?>" class="filter-button">Išvalyti</a>
-    </li>
-</ul>
-</form>
-<?php
-    // Use for search
-    // https://pods.io/docs/code/pods/find/
-    $where = 'valid.meta_value > "' . date('Y-m-d', strtotime('-1 days')) . '" AND t.post_title LIKE "%' . $search . '%"';
-    // 'where' => 't.post_title LIKE "%' . $keyword . '%" OR my_field.meta_value LIKE "%' . $keyword . '%"'
-    if ($cityID):
-        $where = $where . ' AND city.term_id = ' . $cityID;
-    endif;
-    if ($fieldID):
-        $where = $where . ' AND field.term_id = ' . $fieldID;
-    endif;
-    if ($typeID):
-        $where = $where . ' AND type.term_id = ' . $typeID;
-    endif;
-    $params = array(
-        'orderby' => 'date DESC',
-        'where' => $where,
-        'limit'   => 9
-    );
-    $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;
-?>
-<?php get_footer();
--- a/wp-content/themes/biuro/searchform.php
+++ b/wp-content/themes/biuro/searchform.php
@@ -8,15 +8,138 @@
 * @version 1.0
 */
-global $searchPageURL
+    $search = get_query_var('s');
+    $cityID = get_query_var('city');
+?>
+<form class="c-search" action="<?php echo pll_home_url(); ?>" method="get">
+    <datalist id="search-cities">
+<?php
+            $cities = get_terms( array(
+                'taxonomy' => 'city',
+                'hide_empty' => false,
+            ));
+            if ( ! empty( $cities ) && ! is_wp_error( $cities ) ):
+                foreach ( $cities as $city ):
+                    $name = $city->name;
+                    $termID = $city->term_id;
+                    $selected = ($cityID == $termID) ? 'selected="selected"' : '';
+?>
+                    <option value="<?php echo $termID; ?>" <?php echo $selected; ?>><?php echo $name; ?></option>
+<?php
+                endforeach;
+             endif;
+?>
+    </datalist>
+    <input list="search-cities" id="search-city" name="city"  value="<?php echo $cityID; ?>" placeholder="Miestas" />
+    <input type="text" name="s" id="search" value="<?php echo $search; ?>" />
+    <input type="submit" value="Ieškoti" class="filter-button" />
+    <a href="<?php echo pll_home_url(); ?>" class="filter-button">Išvalyti</a>
+</form>
+<?php
+/*
+<ul class="search_box">
+    <li>
+        <label for="label">Paieška:</label>
+        <div id="search-input-block">
+            <input type="text" name="search" id="search" value="<?php echo $search; ?>" class="input text nolabel" />
+            <button aria-label="Ieškoti" type="submit" id="filter-action" class="submit action" ></button>
+        </div>
+        <a href="<?php echo pll_home_url(); ?>" id="filter-expand" class="url close">Išplėstinė paieška</a></li>
+    <li class="filter-additional">
+        <label for="city">Miestas:</label>
+        <select name="city" id="city" class="el_130">
+            <option value="">Visi miestai</option>
+<?php
+            $cities = get_terms( array(
+                'taxonomy' => 'city',
+                'hide_empty' => false,
+            ));
+            if ( ! empty( $cities ) && ! is_wp_error( $cities ) ):
+                foreach ( $cities as $city ):
+                    $name = $city->name;
+                    $termID = $city->term_id;
+                    $selected = ($cityID == $termID) ? 'selected="selected"' : '';
+?>
+                    <option value="<?php echo $termID; ?>" <?php echo $selected; ?>><?php echo $name; ?></option>
+<?php
+                endforeach;
+             endif;
+?>
+        </select>
+        <label for="period" style="opacity: 0.45">Laikotarpis:</label>
+        <select name="period" id="period" class="el_130" style="opacity: 0.45">
+            <option value="">Nesvarbu</option>
+            <option value="1">Šiandienos</option>
+            <option value="7">Savaitės</option>
+            <option value="30">Mėnesio</option>
+        </select>
+    </li>
+    <li class="filter-additional">
+        <label for="field">Darbo sritis:</label>
+        <select name="field" id="field" class="el_130">
+            <option value="">Visos sritys</option>
+<?php
+            $fields = get_terms( array(
+                'taxonomy' => 'field',
+                'hide_empty' => false,
+            ));
+            if ( ! empty( $fields ) && ! is_wp_error( $fields ) ):
+                foreach ( $fields as $field ):
+                    $name = $field->name;
+                    $termID = $field->term_id;
+                    $selected = ($fieldID == $termID) ? 'selected="selected"' : '';
+?>
+                    <option value="<?php echo $termID; ?>" <?php echo $selected; ?>><?php echo $name; ?></option>
+<?php
+                endforeach;
+             endif;
+?>
+        </select>
+        <label for="type">Darbo rūšis:</label>
+        <select name="type" id="type" class="el_130">
+            <option value="">Visos rūšys</option>
+<?php
+            $types = get_terms( array(
+                'taxonomy' => 'type',
+                'hide_empty' => false,
+            ));
+            if ( ! empty( $types ) && ! is_wp_error( $types ) ):
+                foreach ( $types as $type ):
+                    $name = $type->name;
+                    $termID = $type->term_id;
+                    $selected = ($typeID == $termID) ? 'selected="selected"' : '';
 ?>
+                    <option value="<?php echo $termID; ?>" <?php echo $selected; ?>><?php echo $name; ?></option>
+<?php
+                endforeach;
+             endif;
+?>
+        </select>
+        <input type="submit" value="Ieškoti" class="filter-button">
+        <a href="<?php echo pll_home_url(); ?>" class="filter-button">Išvalyti</a>
+    </li>
+</ul>
+</form>
-<form role="search" id="top-search-form" action="<?php echo esc_url( $searchPageURL ); ?>" method="get">
+<?php
+<form role="search" id="top-search-form" action="<?php echo pll_home_url(); ?>" method="get">
    <label for="search"><?php pll_e('Job search'); ?></label>
    <div id="search-input-block">
        <input type="text" name="search" id="search" value="" class="input text nolabel" />
        <button aria-label="Ieškoti" type="submit" id="filter-action" class="submit action" ></button>
    </div>
 </form>
+*/
+?>
--- a/wp-content/themes/biuro/template-parts/jobs/jobs-list.php
+++ b/wp-content/themes/biuro/template-parts/jobs/jobs-list.php
@@ -13,12 +13,11 @@ global $jobs;
 ?>
-<table cellspacing="0" cellpadding="0" class="advert_table">
+<table cellspacing="0" cellpadding="0" class="c-jobs-list">
    <tr>
-        <th>Pozicija </th>
+        <th class="c-jobs-list--head">Pozicija </th>
-        <th>Vietovė</th>
+        <th class="c-jobs-list--head">Vietovė</th>
-        <th>Data</th>
+        <th class="c-jobs-list--head">Galioja iki</th>
-        <th>Rūšis</th>
    </tr>
 <?php
@@ -26,20 +25,17 @@ global $jobs;
            $ID =  $jobs->display( 'ID' );
            $i++;
 ?>
-    <tr <?php if ( $i % 2 != 0 ) { echo 'class="bg"'; } ?>>
+    <tr <?php if ( $i % 2 != 0 ) { echo 'class="c-jobs-list--row-odd"'; } ?>>
-        <td>
+        <td class="c-jobs-list--col c-jobs-list--col-position">
-            <a href="<?php echo get_post_permalink( $ID ); ?>" target="_blank" title="<?php echo $jobs->display( 'name' ); ?>">
+            <a href="<?php echo get_post_permalink( $ID ); ?>" title="<?php echo $jobs->display( 'name' ); ?>">
                <strong><?php echo $jobs->display( 'name' ); ?></strong>
            </a>
        </td>
-        <td>
+        <td class="c-jobs-list--col c-jobs-list--col-city">
            <?php echo $jobs->display( 'city' ); ?>
        </td>
-        <td>
+        <td class="c-jobs-list--col c-jobs-list--col-valid">
-            Paskelbta: <?php echo get_the_date( 'Y-m-d', $ID );  ?> <br>Galioja iki: <?php echo get_the_date( $jobs->display( 'valid' ) ); ?>
+            <?php echo $jobs->display( 'valid' ); ?>
-        </td>
-        <td>
-            <?php echo $jobs->display( 'type' ); ?>
        </td>
    </tr>

--- a/wp-content/themes/biuro/template-parts/menus/menu-language.php
+++ b/wp-content/themes/biuro/template-parts/menus/menu-language.php
+        <ul id="lang">
+            <li><?php pll_e('Language'); ?>:&nbsp;</li>
+<?php
+            $translations = pll_the_languages(array('raw'=>1));
+            foreach ($translations as $code => $lang) :
+                $classCSS = $lang['current_lang'] ? 'class="act"' : '';
+                echo '<li><a href="' . $lang['url'] . '" title="' . $lang['name'] . '" ' . $classCSS . '>' . strtoupper($lang['slug']) . '</a></li>';
+            endforeach;
+?>
+        </ul>
--- a/wp-content/themes/biuro/template-parts/menus/menu-region.php
+++ b/wp-content/themes/biuro/template-parts/menus/menu-region.php
+<?php
+    $menu = 'region-menu';
+    $region = '';
+    if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) {
+        $o = wp_get_nav_menu_object( $locations[ $menu ] );
+        if ($o) {
+            $items = wp_get_nav_menu_items($o->term_id);
+            $region .= '<ul class="country">';
+            foreach( $items as $item ) {
+                $title = $item->title;
+                $url = $item->url;
+                if ($url == '/') {
+                    $region .= '<li><a class="act" href="' . $url . '" title="' . $title . '">' . $title . '</a></li>';
+                } else {
+                    $region .= '<li><a class="gtm-referral-click" rel="noopener" href="' . $url . '" target="_blank" title="' . $title . '">' . $title . '</a></li>';
+                }
+            }
+            $region .= '</ul>';
+        }
+    }
+    echo $region;
+?>