Merge branch 'release-1.1.0'

package-lock.json

 {
   "name": "biuro",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -5748,7 +5748,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -5769,12 +5770,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5789,17 +5792,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -5916,7 +5922,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -5928,6 +5935,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -5942,6 +5950,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -5949,12 +5958,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.3.5",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -5973,6 +5984,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -6053,7 +6065,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -6065,6 +6078,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -6150,7 +6164,8 @@
         "safe-buffer": {
           "version": "5.1.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -6186,6 +6201,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -6205,6 +6221,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -6248,12 +6265,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },
@@ -10700,7 +10719,7 @@
             "request": "^2.87.0",
             "rimraf": "2",
             "semver": "~5.3.0",
-            "tar": "^4.4.8",
+            "tar": "^2.0.0",
             "which": "1"
           },
           "dependencies": {
@@ -10716,7 +10735,7 @@
               "bundled": true
             },
             "tar": {
-              "version": "4.4.8",
+              "version": "2.2.1",
               "bundled": true,
               "requires": {
                 "block-stream": "*",

wp-content/themes/biuro/css/05-layout/_layout--section.css

@@ -39,8 +39,14 @@
 .l-section { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
 
 .l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.png); }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/search-page.webp) 1x)) {
+   .l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.webp); }
+}
 
 .l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.png); }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/vdb/section.webp) 1x)) {
+   .l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.webp); }
+}
 
 .l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.png); background-size: 200%;
     @media (--min--small) {
@@ -50,5 +56,48 @@
          background-size: cover;
     }
 }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/front-page.webp) 1x)) {
+   .l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.webp); }
+}
 
 .l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.png); }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/sales-page.webp) 1x)) {
+   .l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.webp); }
+}
+
+/*@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/front-page.webp) 1x)) {
+    .l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.webp); }
+    .l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.webp); }
+    .l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.webp); }
+    .l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.webp); }
+}*/
+
+
+/*
+.l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.png); }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/search-page.webp) 1x)) {
+   .l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.webp); }
+}
+
+.l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.png); }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/vdb/section.webp) 1x)) {
+   .l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.webp); }
+}
+
+.l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.png); background-size: 200%;
+    @media (--min--small) {
+        background-size: 150%;
+    }
+    @media (--min--medium) {
+         background-size: cover;
+    }
+}
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/front-page.webp) 1x)) {
+   .l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.webp);
+}
+
+.l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.png); }
+@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/sales-page.webp) 1x)) {
+   .l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.webp); }
+}
+*/

wp-content/themes/biuro/css/07-components/_component--data-controller.css

 /* ------------- Component: data controller ------------- */
 
 /* critical:start */
+/* critical:end */
 
 .c-data-controller { margin-bottom: 20px; padding: 10px 0 10px; text-align: center; font-size: 13px; font-weight: 300; line-height: 19px;
     @media (--min--medium) {
@@ -9,4 +10,3 @@
     p   { margin: 0 0 10px; }
 }
 
-/* critical:end */

wp-content/themes/biuro/css/07-components/_component--footer-sections.css

 /* ------------- Component: footer sections ------------- */
 
 /* critical:start */
+.c-footer-sections {
+    @media (--min--medium) {
+        display: flex;
+    }
+}
 
+.c-footer-section {
+    @media (--min--medium) {
+        flex: 10 0 15%;
+    }
+    &:nth-child(1) { flex: 5 0 15%; }
+    &:nth-child(4) { flex: 1 0 15%; }
+}
 /* critical:end */
 
 .c-footer-sections {
     @media (--min--medium) {
-        display: flex; flex-wrap: wrap;
+        flex-wrap: wrap;
     }
     @media (--max--medium) {
         text-align: center; font-size: 13px;
@@ -15,10 +27,8 @@
 
 .c-footer-section { line-height: 36px; margin: 0 0 18px;
     @media (--min--medium) {
-        flex: 10 0 15%; line-height: 25px; margin: 0 0 30px;
+        line-height: 25px; margin: 0 0 30px;
     }
-    &:nth-child(1) { flex: 5 0 15%; }
-    &:nth-child(4) { flex: 1 0 15%; }
     h4  { margin: 0; padding: 0;  }
 }
 

wp-content/themes/biuro/css/07-components/_component--jobs-section.css

 /* ------------- Component: jobs section ------------- */
 
 /* critical:start */
-
+.c-jobs-section { margin: 0 20px 20px 0; padding: 28px 28px 23px; }
 /* critical:end */
 
-.c-jobs-section { margin: 0 20px 20px 0; padding: 28px 28px 23px; border-radius: 3px; background-color: #ffffff;
+
+
+.c-jobs-section { border-radius: 3px; background-color: #ffffff;
     @media (--max--medium) {
         border-radius: 0; margin: 0; padding-bottom: 0; position: relative;
     }
 }
 
-.c-jobs-section--heading { margin: 0 0 15px; padding: 0; color: #2A3644; font-size: 18px; font-weight: 500; line-height: 21px; }
+/* critical:start */
+.c-jobs-section--heading { margin: 0 0 15px; }
+/* critical:end */
+
+
+.c-jobs-section--heading {  padding: 0; color: #2A3644; font-size: 18px; font-weight: 500; line-height: 21px; }
 
 .c-jobs-section--content { overflow: hidden; }
 
@@ -18,8 +25,9 @@
     .c-jobs-section--content { max-height: 100px; }
 }
 
-
-.c-jobs-section--list { margin: 0; padding: 0; list-style: none; }
+/* critical:start */
+    .c-jobs-section--list { margin: 0; padding: 0; list-style: none; }
+/* critical:end */
 
 .c-jobs-section--item { line-height: 33px; }
 

wp-content/themes/biuro/css/07-components/_component--jobs.css

@@ -77,6 +77,9 @@
     }
 }
 
+/* critical:start */
+.c-jobs--anchor     { display: block; padding: 4px 0; color: #004ED4; font-weight: 500; line-height: 18px; text-decoration: none; }
+/* critical:end */
 .c-jobs--anchor     { display: block; padding: 4px 0; color: #004ED4; font-weight: 500; line-height: 18px; text-decoration: none;
     @media (--max--medium) {
         font-size: 16px; line-height: 23px;

wp-content/themes/biuro/css/07-components/_component--nav.css

@@ -28,11 +28,16 @@
         height: 70px; margin-right: 26px; padding: 23px 0 0;
     }
 }
-/* critical:end */
-.c-nav--main-anchor    { display: block; padding: 5px 0 4px; text-transform: uppercase; border-bottom: 2px solid transparent; text-decoration: none; color: #fff; font-weight: bold; letter-spacing: 1px; opacity: 0.6;
+
+.c-nav--main-anchor    { display: block; padding: 5px 0 4px; font-weight: 500; color: #fff; text-decoration: none;
     @media (--min--medium) {
         color: var(--color--blue-dark);
     }
+}
+
+/* critical:end */
+
+.c-nav--main-anchor    { display: block; padding: 5px 0 4px; text-transform: uppercase; border-bottom: 2px solid transparent;  font-weight: bold; letter-spacing: 1px; opacity: 0.6;
     &:hover { opacity: 1; }
 }
 
@@ -59,6 +64,7 @@
     }
 }
 .c-nav--region    {  }
+
 /* critical:start */
 .c-nav--lang-wrap   { width: 74px; height: 32px;
     @media (--max--medium) {

wp-content/themes/biuro/css/07-components/_component--sections.css

@@ -3,16 +3,11 @@
 
 /* critical:start */
 
-/* critical:end */
-
 .c-sections   { max-width: 1000px; margin-right: auto; margin-left: auto; align-items: center; padding: 20px 20px 20px;
     @media (--min--medium) {
         padding: 50px 20px 135px;
     }
 }
-
-.c-sections--heading { color: #2A3644; margin: 0 0 40px; padding: 0; font-size: 25px; font-weight: 500; line-height: 29px; text-align: center; }
-
 .c-sections--inner  {
     @media (--min--medium) {
          display: flex; flex-wrap: wrap; justify-content: space-between;
@@ -27,6 +22,12 @@
          flex: 0 0 300px;
     }
 }
+/* critical:end */
+
+
+.c-sections--heading { color: #2A3644; margin: 0 0 40px; padding: 0; font-size: 25px; font-weight: 500; line-height: 29px; text-align: center; }
+
+
 
 .c-sections--item-inner  { position: absolute; top: 0; left: 0; width: 100%; height: 211px; padding: 27px 21px; border-radius: 3px; background: #FFFFFF;  box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); overflow: hidden; }
 

wp-content/themes/biuro/css/07-components/_component--services.css

@@ -2,8 +2,6 @@
 
 /* critical:start */
 
-/* critical:end */
-
 .c-services   { @extend .l-inner-small; padding: 20px;
    @media (--min--medium) {
         display: flex; flex-wrap: wrap; align-items: center; padding-top: 64px; padding-bottom: 64px; justify-content: space-between;
@@ -19,9 +17,13 @@
     }
 }
 
+.c-services--toggle  { display: none; }
+
+/* critical:end */
+
 .c-services--item-inner  { position: absolute; top: 0; left: 0; width: 100%; height: 245px; border-radius: 3px; background-color: #FFFFFF;  box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); }
 
-.c-services--toggle  { position: absolute; left: 0; width: 100%; bottom: 0; padding: 10px 0; text-align: center; cursor: pointer; }
+.c-services--toggle  { display: block; position: absolute; left: 0; width: 100%; bottom: 0; padding: 10px 0; text-align: center; cursor: pointer; }
 
 .c-services--toggle-up { display: none; }
 

wp-content/themes/biuro/css/07-components/_component--values.css

 /* ------------- Component: values ------------- */
 
-/* critical:start */
 
 .c-values { background: linear-gradient(138.69deg, #4EACD9 0%, #2FB8A1 100%); color: #fff; }
 
+
+/* critical:start */
 .c-values--inner { @extend .l-inner-small; padding-top: 20px; padding-bottom: 20px;
     @media (--max--medium) {
         max-width: 400px;
@@ -13,20 +14,22 @@
     }
 }
 
-/* critical:end */
-
 .c-values--section  { max-width: 250px;
     @media (--min--medium) {
         flex: 0 0 40%; max-width: 280px;
     }
 }
 
-.c-values--heading { display: inline-block; min-width: 139px; margin: 0 0 18px; padding: 0 10px 0 0; border-bottom: 4px solid #fff; font-weight: bold;  min-height: 34px; color: #F8F8F8; font-size: 35px; line-height: 41px;
+.c-values--heading { min-height: 34px; font-size: 35px; line-height: 41px;
     @media (--min--medium) {
         min-height: 66px; font-size: 45px; line-height: 53px;
     }
 }
 
+/* critical:end */
+
+.c-values--heading { display: inline-block; min-width: 139px; margin: 0 0 18px; padding: 0 10px 0 0; border-bottom: 4px solid #fff; font-weight: bold; color: #F8F8F8; }
+
 .c-values--content { display: block; min-height: 67px; margin: 0 0 20px; padding: 0; font-size: 15px; line-height: 26px; font-weight: 500;
     @media (--min--medium) {
         min-height: 80px; line-height: 30px;

wp-content/themes/biuro/front-page.php

@@ -109,7 +109,10 @@
                     endif;
                  ?>
                     <div class="c-contact--img">
+                        <picture>
+                            <source srcset="/wp-content/themes/biuro/i/contact.webp" type="image/jpeg">
                             <img src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
+                        </picture>
                     </div>
                 </div>
 

wp-content/themes/biuro/header.php

@@ -22,23 +22,19 @@
     get_template_part( 'template-parts/meta/canonical');
 ?>
 
-    <style><?php include 'css/core-1064aec6fe.min.css'; ?></style>
+    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" >
+    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" >
 
-    <link rel="preload" href="/wp-content/themes/biuro/css/main-8fd8d5e9f3.min.css" as="style" onload="this.rel='stylesheet'">
+    <style><?php include 'css/core-436f550003.min.css'; ?></style>
 
-    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2">
-    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2">
-    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2">
-    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2">
+    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" >
+    <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" >
+
+    <link rel="preload" href="/wp-content/themes/biuro/css/main-635d633349.min.css" as="style" onload="this.rel='stylesheet'">
 
-    <link rel="preconnect" href="https://px.ads.linkedin.com/" crossorigin>
-    <link rel="preconnect" href="https://snap.licdn.com/" crossorigin>
-    <link rel="preconnect" href="https://connect.facebook.net/" crossorigin>
-    <link rel="preconnect" href="https://sjs.bizographics.com/" crossorigin>
-    <link rel="preconnect" href="https://www.google-analytics.com/" crossorigin>
 
     <noscript>
-        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-8fd8d5e9f3.min.css">
+        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-635d633349.min.css">
     </noscript>
 
     <?php wp_head(); ?>

wp-content/themes/biuro/sales-page.php

@@ -79,7 +79,10 @@
                         endif;
                      ?>
                         <div class="c-contact--img">
+                            <picture>
+                                <source srcset="/wp-content/themes/biuro/i/contact.webp" type="image/jpeg">
                                 <img src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
+                            </picture>
                         </div>
                     </div>