in porgress

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

@@ -22,7 +22,7 @@
     }
 }
 
-.l-nav--close { position: absolute; top: 10px; right: 10px; padding: 20px; cursor: pointer;
+.l-nav--close { position: absolute; top: 10px; right: 10px; padding: 20px; cursor: pointer; color: #fff;
     @media (--min--medium) {
         display: none;
     }

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

@@ -38,21 +38,50 @@
     + .c-btn--fit { margin-left: 20px; }
 }
 
-.c-btn--max-fill { width: 100%; max-width: 320px; }
+.c-btn--max-fill {
+    width: 100%;
+    max-width: 320px;
+}
+
+.c-btn--search {
+    min-width: 180px;
+    border-radius: 0 3px 3px 0;
+    text-align: center;
 
-.c-btn--search { min-width: 180px; border-radius: 0 3px 3px 0; text-align: center;
     @media (--max--medium) {
-        flex: 0 0 60px; border-radius: 0 0 3px 3px;
+        flex: 0 0 60px;
+        border-radius: 0 0 3px 3px;
     }
 }
 
-.c-btn--search-small { margin: 9px; min-width: 133px; text-align: center; }
+.c-btn--search-small {
+    margin: 9px;
+    min-width: 133px;
+    text-align: center;
+}
 
-.c-btn--slim {  color: #14A28A; background: none; text-align: center; border: 2px solid #1FB299;
-    &:hover { border-color: var(--color--green-darker); background-color: var(--color--green-darker); color: #fff; }
+.c-btn--slim {
+    color: #14a28a;
+    background: none;
+    text-align: center;
+    border: 2px solid #1fb299;
+
+    &:hover {
+        border-color: var(--color--green-darker);
+        background-color: var(--color--green-darker);
+        color: #fff;
+    }
 }
 
-.c-btn--filter { color: #2A3644; font-size: 15px; line-height: 26px; text-align: center; background: #fff; border-radius: 3px; padding: 6px 10px 6px 7px;
+.c-btn--filter {
+    color: #2a3644;
+    font-size: 15px;
+    line-height: 26px;
+    text-align: center;
+    background: #fff;
+    border-radius: 3px;
+    padding: 6px 10px 6px 7px;
+
     @media (--min--xx-small) {
         padding: 6px 15px 6px 12px;
     }
@@ -60,10 +89,21 @@
 
 /* critical:end */
 
+.c-btn--popup {
+    width: 100%;
+    max-width: 223px;
+    padding: 13px 24px 12px;
+    background-color: #fff;
+    color: #3eb0b1;
+    font-size: 15px;
+    font-weight: bold;
+    text-align: center;
+}
+
 .c-btn--loading {
     position: relative;
 
-    &:before {
+    &::before {
         content: '';
         box-sizing: border-box;
         position: absolute;
@@ -81,5 +121,7 @@
 }
 
 @keyframes spinner {
-    to {transform: rotate(360deg);}
+    to {
+        transform: rotate(360deg);
+    }
 }

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

@@ -3,7 +3,7 @@
 /* critical:start */
 
 .c-popup    {
-    display: none;
+    /*display: none;*/
 }
 
 /* critical:end */
@@ -15,21 +15,102 @@
     left: 0;
     width: 100%;
     height: 100%;
-  z-index: 10000;
+    z-index: 9000;
 }
 
+.c-popup--close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 13px 16px;
+    color: #1c1c1c;
+    cursor: pointer;
+
+    &:hover {
+        color: #000;
+    }
+}
 
 .c-popup--inner {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
     width: 786px;
-    min-height: 446px;
-    background: #3EB0B1;
-    color: #fff;
+    height: 446px;
     max-width: 96%;
+    max-height: 96%;
     margin: 0 auto;
     padding: 20px;
+    background: #3eb0b1;
+    color: #fff;
+}
+
+.c-popup--logos {
+    flex: 0 1 303px;
+    border: 1px solid #f00;
+    padding-top: 160px;
+}
+
+.c-popup--content {
+    flex: 0 1 303px;
+    border: 1px solid #00f;
+    font-size: 13px;
+    line-height: 15px;
+}
+
+.c-popup--amount {
+    position: relative;
+    margin: 0 auto;
+    left: 31px;
+    bottom: -16px;
+    width: 108px;
+    height: 108px;
+    background: #004ed7;
+    opacity: 0.85;
+    color: #fff;
+    font-size: 22px;
+    font-weight: bold;
+    letter-spacing: 0.17px;
+    line-height: 25px;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.c-popup--gift {
+    position: relative;
+    margin: 0 auto;
+    width: 70px;
+    height: 70px;
+    box-shadow: 0 2px 12px 0 rgba(146,141,141,.5);
+    background-color: #fff;
+    border-radius: 50%;
+    color: #004ed4;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
-.popup__title {
-  font-size: 26px;
-  margin-bottom: 15px;
+.c-popup--headline {
+    font-size: 28px;
+    line-height: 33px;
+    color: inherit;
+
+    @media (min-width: 480px) {
+        margin-bottom: 56px;
+    }
+}
+
+.c-popup--message {
+    font-size: 15px;
+    line-height: 24px;
+
+    @media (min-width: 480px) {
+        margin-bottom: 24px;
+    }
 }

wp-content/themes/biuro/footer.php

@@ -122,13 +122,6 @@
             wp_reset_query();
 
         endif;
-        /*
-    else:
-?>
-    <div id="fb-root"></div>
-    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3&appId=463001014486058&autoLogAppEvents=1"></script>
-<?php
-        */
     endif;
  ?>
 
@@ -156,13 +149,10 @@
 
 <?php
     endif;
+
+    get_template_part( 'template-parts/popup/popup');
+
 ?>
-    <div id="popup" class="c-popup">
-        <div class="c-popup--inner">
-            <h1 class="popup__title">Thank you for visiting!</h1>
-            <p>Have a wonderful day 💁</p>
-        </div>
-    </div>
 
     <script src="/wp-content/themes/biuro/js/main.min.js" async defer></script>
 

wp-content/themes/biuro/header-langing.php

@@ -55,7 +55,7 @@
 
             <a href="<?php echo pll_home_url(); ?>" class="c-logo" title="<?php echo get_the_title( get_option('page_on_front') ); ?>" aria-label="<?php echo get_the_title( get_option('page_on_front') ); ?>">
                 <svg width="82px" height="49px" class="c-logo--svg">
-                    <use xlink:href="#biuro-logo"></use>
+                    <use href="#biuro-logo"></use>
                 </svg>
             </a>
 

wp-content/themes/biuro/header.php

@@ -55,13 +55,13 @@
 
             <a href="<?php echo pll_home_url(); ?>" class="c-logo" title="<?php echo get_the_title( get_option('page_on_front') ); ?>" aria-label="<?php echo get_the_title( get_option('page_on_front') ); ?>">
                 <svg width="82px" height="49px" class="c-logo--svg">
-                    <use xlink:href="#biuro-logo"></use>
+                    <use href="#biuro-logo"></use>
                 </svg>
             </a>
 
             <span class="js-toggle--nav l-nav--open">
                 <svg width="32px" height="16px">
-                    <use xlink:href="#ico--burger"></use>
+                    <use href="#ico--burger"></use>
                 </svg>
             </span>
 
@@ -95,7 +95,7 @@
 ?>
                 <a href="tel:<?php echo $phone; ?>" class="c-phone">
                     <svg width="21px" height="22px">
-                        <use xlink:href="#ico--phone"></use>
+                        <use href="#ico--phone"></use>
                     </svg> <?php echo $phoneUI; ?>
                 </a>
 <?php
@@ -147,7 +147,7 @@
 
                 <span class="js-toggle--nav l-nav--close">
                     <svg width="13px" height="13px">
-                        <use xlink:href="#ico--close"></use>
+                        <use href="#ico--close"></use>
                     </svg>
                 </span>
 

wp-content/themes/biuro/js/components/job-share.min.js

@@ -8,7 +8,7 @@
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\nasync function inititateFacebook(ID, href) {\n  fetch('https://connect.facebook.net/en_US/sdk.js').then(res => {\n    console.error('res');\n    console.dir(typeof window.FB); // return response.json();\n  }).then(json => {\n    console.error('got it');\n    console.dir(typeof window.FB);\n  }); // const { default: inititateJobShare } = await import('./job-share/job-share');\n  // return inititateJobShare;\n}\n\nlet isPageActive = true;\n\nwindow.onfocus = function () {\n  isPageActive = true;\n};\n\nwindow.onblur = function () {\n  isPageActive = false;\n};\n\nfunction fallbackCopyTextToClipboard(text) {\n  var textArea = document.createElement('textarea');\n  textArea.className = 'u-hidden';\n  textArea.value = text;\n  document.querySelector('.c-share').appendChild(textArea);\n  textArea.focus();\n  textArea.select();\n\n  try {\n    var successful = document.execCommand('copy');\n    var msg = successful ? 'successful' : 'unsuccessful';\n    console.log('Fallback: Copying text command was ' + msg);\n  } catch (err) {\n    console.error('Fallback: Oops, unable to copy', err);\n  }\n\n  document.body.removeChild(textArea);\n}\n\nfunction showCopyTooltip() {\n  const tooltip = document.querySelector('#copy-tooltip');\n\n  if (tooltip) {\n    tooltip.style.opacity = 1;\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n    }, 3000);\n  }\n}\n\nfunction copyTextToClipboard(text) {\n  if (!navigator.clipboard) {\n    fallbackCopyTextToClipboard(text);\n    showCopyTooltip();\n    return;\n  }\n\n  navigator.clipboard.writeText(text).then(function () {\n    showCopyTooltip();\n  }, function (err) {\n    console.error('Async: Could not copy text: ', err);\n  });\n}\n\nconst inititateJobShare = () => {\n  if (document.querySelector('.js-copy-to-clipboard')) {\n    document.querySelector('.js-copy-to-clipboard').addEventListener('click', e => {\n      e.preventDefault();\n      copyTextToClipboard(window.location.origin + window.location.pathname + '?utm_source=copy_share_button_job_page ');\n    });\n  }\n\n  const messenger = document.querySelector('.js-share-messenger');\n\n  if (messenger) {\n    messenger.addEventListener('click', e => {\n      e.preventDefault();\n      const target = e.currentTarget;\n      window.location.href = 'fb-messenger://share/?link=' + encodeURIComponent(window.location.origin + window.location.pathname + '?utm_source=messenger_share_button_job_page&app_id=' + target.dataset.id);\n      setTimeout(() => {\n        if (document.hidden || !isPageActive) {\n          return;\n        }\n\n        window.location.href = target.href;\n      }, 100);\n    });\n  }\n\n  const whatsapp = document.querySelector('.js-share-whatsapp');\n\n  if (whatsapp) {\n    whatsapp.addEventListener('click', e => {\n      e.preventDefault();\n      const target = e.currentTarget;\n      window.location.href = 'whatsapp://send?text=' + target.dataset.text;\n      setTimeout(() => {\n        if (document.hidden || !isPageActive) {\n          return;\n        }\n\n        window.open(target.href, '_blank');\n      }, 100);\n    });\n  }\n\n  const facebook = document.querySelector('.js-biuro-facebook');\n\n  if (facebook) {\n    inititateFacebook(facebook.dataset.id, facebook.dataset.href);\n  }\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (inititateJobShare);\n\n//# sourceURL=webpack:///./wp-content/themes/biuro/js/components/job-share/job-share.js?");
+eval("__webpack_require__.r(__webpack_exports__);\nconst loadJS = src => {\n  return new Promise((resolve, reject) => {\n    const s = document.createElement('script');\n    s.src = src;\n    s.async = true;\n    s.onload = resolve;\n    s.onerror = reject;\n    document.head.appendChild(s);\n  });\n};\n\nasync function inititateFacebook(ID) {\n  loadJS('https://connect.facebook.net/en_US/sdk.js').then(() => {\n    if (!window.FB) {\n      return;\n    }\n\n    window.FB.init({\n      appId: ID,\n      version: 'v3.3',\n      status: true,\n      xfbml: true\n    });\n  });\n}\n\nlet isPageActive = true;\n\nwindow.onfocus = function () {\n  isPageActive = true;\n};\n\nwindow.onblur = function () {\n  isPageActive = false;\n};\n\nfunction fallbackCopyTextToClipboard(text) {\n  var textArea = document.createElement('textarea');\n  textArea.className = 'u-hidden';\n  textArea.value = text;\n  document.querySelector('.c-share').appendChild(textArea);\n  textArea.focus();\n  textArea.select();\n\n  try {\n    var successful = document.execCommand('copy');\n    var msg = successful ? 'successful' : 'unsuccessful';\n    console.log('Fallback: Copying text command was ' + msg);\n  } catch (err) {\n    console.error('Fallback: Oops, unable to copy', err);\n  }\n\n  document.body.removeChild(textArea);\n}\n\nfunction showCopyTooltip() {\n  const tooltip = document.querySelector('#copy-tooltip');\n\n  if (tooltip) {\n    tooltip.style.opacity = 1;\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n    }, 3000);\n  }\n}\n\nfunction copyTextToClipboard(text) {\n  if (!navigator.clipboard) {\n    fallbackCopyTextToClipboard(text);\n    showCopyTooltip();\n    return;\n  }\n\n  navigator.clipboard.writeText(text).then(function () {\n    showCopyTooltip();\n  }, function (err) {\n    console.error('Async: Could not copy text: ', err);\n  });\n}\n\nconst inititateJobShare = () => {\n  if (document.querySelector('.js-copy-to-clipboard')) {\n    document.querySelector('.js-copy-to-clipboard').addEventListener('click', e => {\n      e.preventDefault();\n      copyTextToClipboard(window.location.origin + window.location.pathname + '?utm_source=copy_share_button_job_page ');\n    });\n  }\n\n  const messenger = document.querySelector('.js-share-messenger');\n\n  if (messenger) {\n    messenger.addEventListener('click', e => {\n      e.preventDefault();\n      const target = e.currentTarget;\n      window.location.href = 'fb-messenger://share/?link=' + encodeURIComponent(window.location.origin + window.location.pathname + '?utm_source=messenger_share_button_job_page&app_id=' + target.dataset.id);\n      setTimeout(() => {\n        if (document.hidden || !isPageActive) {\n          return;\n        }\n\n        window.location.href = target.href;\n      }, 100);\n    });\n  }\n\n  const whatsapp = document.querySelector('.js-share-whatsapp');\n\n  if (whatsapp) {\n    whatsapp.addEventListener('click', e => {\n      e.preventDefault();\n      const target = e.currentTarget;\n      window.location.href = 'whatsapp://send?text=' + target.dataset.text;\n      setTimeout(() => {\n        if (document.hidden || !isPageActive) {\n          return;\n        }\n\n        window.open(target.href, '_blank');\n      }, 100);\n    });\n  }\n\n  const facebook = document.querySelector('.js-biuro-facebook');\n\n  if (facebook) {\n    setTimeout(() => {\n      inititateFacebook(facebook.dataset.id);\n    }, 1500);\n  }\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (inititateJobShare);\n\n//# sourceURL=webpack:///./wp-content/themes/biuro/js/components/job-share/job-share.js?");
 
 /***/ })
 

wp-content/themes/biuro/js/components/job-share/job-share.js

-async function inititateFacebook (ID, href) {
-    fetch('https://connect.facebook.net/en_US/sdk.js')
-        .then((res) => {
-            console.error('res');
-            console.dir(typeof window.FB);
-            // return response.json();
-        })
-        .then((json) => {
-            console.error('got it');
-            console.dir(typeof window.FB);
+const loadJS = src => {
+    return new Promise((resolve, reject) => {
+        const s = document.createElement('script');
+        s.src = src;
+        s.async = true;
+        s.onload = resolve;
+        s.onerror = reject;
+        document.head.appendChild(s);
     });
+};
 
-    // const { default: inititateJobShare } = await import('./job-share/job-share');
+async function inititateFacebook (ID) {
+    loadJS('https://connect.facebook.net/en_US/sdk.js').then(() => {
+        if (!window.FB) {
+            return;
+        }
 
-    // return inititateJobShare;
+        window.FB.init({
+            appId: ID,
+            version: 'v3.3',
+            status: true,
+            xfbml: true
+        });
+    });
 }
 
 let isPageActive = true;
@@ -120,7 +129,9 @@ const inititateJobShare = () => {
     const facebook = document.querySelector('.js-biuro-facebook');
 
     if (facebook) {
-        inititateFacebook(facebook.dataset.id, facebook.dataset.href);
+        setTimeout(() => {
+            inititateFacebook(facebook.dataset.id);
+        }, 1500);
     }
 };
 

wp-content/themes/biuro/js/main.js

@@ -295,9 +295,6 @@ if (document.querySelector('.js-collapse-row--toggle')) {
     });
 }
 
-
-
-
 const showPopup = (e) => {
     if (e.clientY < 50 && e.relatedTarget == null && e.target.nodeName.toLowerCase() !== 'select') {
         document.removeEventListener('mouseout', showPopup);
@@ -306,6 +303,18 @@ const showPopup = (e) => {
             document.getElementById('popup').style.display = 'block';
         }
     }
+
+    if (document.querySelector('.c-popup--close')) {
+        document.querySelector('.c-popup--close').addEventListener('click', (e) => {
+            e.preventDefault();
+
+            if (document.getElementById('popup')) {
+                document.getElementById('popup').style.display = 'none';
+            }
+        });
+    }
 };
 
-document.addEventListener('mouseout', showPopup);
+setTimeout(() => {
+    document.addEventListener('mouseout', showPopup);
+}, 2000);

wp-content/themes/biuro/page-recommend-friend.php

@@ -46,9 +46,7 @@
 
                     <div class="c-recommend-friend--gift">
                         <div class="c-recommend-friend--gift-img">
-                            <svg width="30" height="27" xmlns="http://www.w3.org/2000/svg">
-                                <path style="fill: currentColor" d="M26.812 6.75h-3.62c.482-.68.777-1.518.777-2.437 0-2.24-1.696-4.063-3.784-4.063-2.148 0-3.392 1.29-5.56 4.865l-.385-.625C12.302 1.388 11.082.25 9.064.25c-2.087 0-3.783 1.823-3.783 4.063 0 .919.295 1.757.777 2.437h-3.62A2.437 2.437 0 0 0 0 9.188v14.624a2.437 2.437 0 0 0 2.437 2.438h24.375a2.437 2.437 0 0 0 2.438-2.438V9.188a2.437 2.437 0 0 0-2.438-2.438zm-6.627 0H15.54l.444-.737c2.258-3.717 3.073-4.138 4.202-4.138 1.189 0 2.159 1.092 2.159 2.438 0 1.345-.97 2.437-2.159 2.437zM9.065 1.875c1.188 0 2.02.462 4.534 4.692l.107.183H9.059c-1.188 0-2.158-1.092-2.158-2.437.005-1.346.975-2.438 2.163-2.438zm18.56 21.937a.814.814 0 0 1-.813.813H2.437a.814.814 0 0 1-.812-.813v-1.624h26v1.624zm0-3.25h-26v-3.25h26v3.25zm0-4.874h-26v-6.5c0-.45.364-.813.812-.813h10.227L8.65 12.388a.406.406 0 0 0 0 .575l.574.574a.406.406 0 0 0 .574 0l4.826-4.826 4.826 4.826a.406.406 0 0 0 .574 0l.574-.574a.406.406 0 0 0 0-.575l-4.013-4.013h10.226c.45 0 .813.364.813.813v6.5z" fill-rule="nonzero"/>
-                            </svg>
+                            <svg width="30px" height="27px"><use href="#ico--gift"></use></svg>
                         </div>
                         <?php
                             if ( is_active_sidebar( 'recommend_page_gift_area' ) ) :

wp-content/themes/biuro/page-vasaros-darbu-bankas.php

@@ -35,12 +35,12 @@ get_header(); ?>
     <div class="c-search--filters">
         <button class="js-toggle--aside-city o-btn c-btn--filter">
             <svg width="16px" height="19px" class="c-ico--city">
-                <use xlink:href="#ico--city"></use>
+                <use href="#ico--city"></use>
             </svg> <?php _e('City', 'biuro'); ?>
         </button>
         <button class="js-toggle--aside--additional o-btn c-btn--filter">
             <svg width="17px" height="17px" class="c-ico--filter">
-                <use xlink:href="#ico--filter"></use>
+                <use href="#ico--filter"></use>
             </svg> <?php _e('Other filters', 'biuro'); ?>
         </button>
     </div>
@@ -66,7 +66,7 @@ get_header(); ?>
 ?>
             <span class="js-toggle--aside l-aside--close">
                 <svg width="13px" height="13px">
-                    <use xlink:href="#ico--close"></use>
+                    <use href="#ico--close"></use>
                 </svg>
             </span>
         </aside><!-- .l-aside -->

wp-content/themes/biuro/search.php

@@ -28,12 +28,12 @@ get_header(); ?>
     <div class="c-search--filters">
         <button class="js-toggle--aside-city o-btn c-btn--filter">
             <svg width="16px" height="19px" class="c-ico--city">
-                <use xlink:href="#ico--city"></use>
+                <use href="#ico--city"></use>
             </svg> <?php _e('City', 'biuro'); ?>
         </button>
         <button class="js-toggle--aside--additional o-btn c-btn--filter">
             <svg width="17px" height="17px" class="c-ico--filter">
-                <use xlink:href="#ico--filter"></use>
+                <use href="#ico--filter"></use>
             </svg> <?php _e('Other filters', 'biuro'); ?>
         </button>
     </div>
@@ -63,7 +63,7 @@ get_header(); ?>
 ?>
             <span class="js-toggle--aside l-aside--close">
                 <svg width="13px" height="13px">
-                    <use xlink:href="#ico--close"></use>
+                    <use href="#ico--close"></use>
                 </svg>
             </span>
         </aside><!-- .l-aside -->

wp-content/themes/biuro/searchform.php

@@ -52,10 +52,10 @@ $langID = $langs[pll_current_language('slug')]['id'];
         </span>
         <span class="js-toggle--search-city c-search--ico-toggle <?php if (isset($searchQuery['city'])): ?>u-hidden<?php endif; ?>">
             <svg width="13px" height="8px" class="c-ico--down">
-                <use xlink:href="#ico--down"></use>
+                <use href="#ico--down"></use>
             </svg>
             <svg width="13px" height="8px" class="c-ico--up">
-                <use xlink:href="#ico--up"></use>
+                <use href="#ico--up"></use>
             </svg>
         </span>
     </label>
@@ -82,10 +82,10 @@ $langID = $langs[pll_current_language('slug')]['id'];
         </span>
         <span class="js-toggle--search-query c-search--ico-toggle <?php if (isset($searchQuery['s'])): ?>u-hidden<?php endif; ?>">
             <svg width="13px" height="8px" class="c-ico--down">
-                <use xlink:href="#ico--down"></use>
+                <use href="#ico--down"></use>
             </svg>
             <svg width="13px" height="8px" class="c-ico--up">
-                <use xlink:href="#ico--up"></use>
+                <use href="#ico--up"></use>
             </svg>
         </span>
     </label>

wp-content/themes/biuro/single-job.php

@@ -37,7 +37,7 @@ get_header();
                 </li>
                 <li class="c-breadcrumb--sep">
                     <svg width="4px" height="9.376px" class="c-ico--right">
-                        <use xlink:href="#ico--right-slim"></use>
+                        <use href="#ico--right-slim"></use>
                     </svg>
                 </li>
 <?php
@@ -50,7 +50,7 @@ get_header();
                 </li>
                 <li class="c-breadcrumb--sep">
                     <svg width="4px" height="9.376px" class="c-ico--right">
-                        <use xlink:href="#ico--right-slim"></use>
+                        <use href="#ico--right-slim"></use>
                     </svg>
                 </li>
 <?php
@@ -308,7 +308,6 @@ get_header();
 <?php
         endif;
  ?>
-
         </div>
 <?php
     endif;

wp-content/themes/biuro/template-parts/layout/aside-job.php

@@ -57,22 +57,22 @@
         <div class="c-share--options">
             <a rel="noopener" href="https://www.facebook.com/dialog/share?app_id=<?php echo $appID; ?>&display=popup&amp;href=<?php echo urlencode($requestURL . '?utm_source=facebook_share_button_job_page'); ?>&redirect_uri=<?php echo $requestURL; ?>" class="gtm-share-click js-share-facebook c-share--option c-share--option-facebook" data-label="Facebook" aria-label="Facebook">
                 <svg width="9px" height="18px" class="c-ico--share-facebook">
-                    <use xlink:href="#ico--job-facebook"></use>
+                    <use href="#ico--job-facebook"></use>
                 </svg>
             </a>
             <a rel="noopener" href="https://www.facebook.com/dialog/send?app_id=<?php echo $appID; ?>&amp;link=<?php echo urlencode($requestURL . '?utm_source=messenger_share_button_job_page'); ?>&redirect_uri=<?php echo $requestURL; ?>" class="gtm-share-click js-share-messenger c-share--option c-share--option-messenger" data-label="Messenger" aria-label="Messenger" data-id="<?php echo $appID; ?>">
                 <svg width="15px" height="15px" class="c-ico--share-messenger">
-                    <use xlink:href="#ico--job-messenger"></use>
+                    <use href="#ico--job-messenger"></use>
                 </svg>
             </a>
             <a href="<?php echo $mailto; ?>" class="gtm-share-click c-share--option c-share--option-email" data-label="Email" aria-label="Email">
                 <svg width="17px" height="13px" class="c-ico--share-email">
-                    <use xlink:href="#ico--job-email"></use>
+                    <use href="#ico--job-email"></use>
                 </svg>
             </a>
             <a href="#" class="js-copy-to-clipboard gtm-share-click c-share--option c-share--option-copy" data-label="Copy" aria-label="Copy">
                 <svg width="15px" height="18px" class="c-ico--share-copy">
-                    <use xlink:href="#ico--job-copy"></use>
+                    <use href="#ico--job-copy"></use>
                 </svg>
                 <div id="copy-tooltip" class="c-tooltip">
                     <?php _e('The link copied to the clipboard', 'biuro'); ?>
@@ -80,7 +80,7 @@
             </a>
             <a target="_blank" rel="noopener" href="https://wa.me/?text=<?php echo $waText; ?>" data-text="<?php echo $waText; ?>" class="js-share-whatsapp gtm-share-click c-share--option c-share--option-phone" data-label="WhatsApp" aria-label="WhatsApp">
                 <svg width="17px" height="18px" class="c-ico--share-whatsapp">
-                    <use xlink:href="#ico--job-whatsapp"></use>
+                    <use href="#ico--job-whatsapp"></use>
                 </svg>
             </a>
         </div>
@@ -114,16 +114,9 @@
 
     if ($facebook_site != ''):
 ?>
-    <div class="js-biuro-facebook c-job-facebook" data-id="<?php echo $appID; ?>" data-href="<?php echo $facebook_site; ?>">
-<?php
-/*
+    <div class="js-biuro-facebook c-job-facebook" data-id="<?php echo $appID; ?>">
         <div class="fb-page" data-href="<?php echo $facebook_site; ?>" data-tabs="" data-width="" data-height="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="<?php echo $facebook_site; ?>" class="fb-xfbml-parse-ignore"><a href="<?php echo $facebook_site; ?>">Biuro</a></blockquote></div>
-        <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3&appId=<?php echo $appID; ?>&autoLogAppEvents=1"></script>
-*/
- ?>
     </div>
 <?php
-
     endif;
-
 ?>

wp-content/themes/biuro/template-parts/popup/popup.php

+<div id="popup" class="c-popup">
+    <div class="c-popup--inner">
+
+        <div class="c-popup--logos">
+<?php
+    if (__('Popup amout', 'biuro') != '-'):
+?>
+            <div class="c-popup--amount">
+                <span><?php _e('Popup amout', 'biuro'); ?></span>
+            </div>
+<?php
+    endif;
+?>
+            <div class="c-popup--gift">
+                <svg width="30px" height="27px"><use href="#ico--gift"></use></svg>
+            </div>
+        </div>
+
+        <div class="c-popup--content">
+            <h3 class="c-popup--headline">
+                <?php _e('Popup headline', 'biuro'); ?>
+            </h3>
+            <p class="c-popup--message">
+                <?php _e('Popup message', 'biuro'); ?>
+            </p>
+            <p class="c-popup--button">
+                <a hrefx="#" class="o-btn c-btn--popup"><?php _e('Popup button', 'biuro'); ?></a>
+            </p>
+        </div>
+
+        <span class="js-popup--close c-popup--close">
+            <svg width="12px" height="12px"><use href="#ico--close"></use></svg>
+        </span>
+    </div>
+</div>

wp-content/themes/biuro/template-parts/svg/icons.php

@@ -68,7 +68,7 @@
         <circle fill="none" stroke="#1FB299" cx="33.5" cy="33.5" r="33"/>
     </symbol>
     <symbol id="ico--close" viewBox="0 0 13 13">
-        <path fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" d="M6.5,6.5L0.843,0.843L6.5,6.5 l-5.657,5.657L6.5,6.5z M6.5,6.5l5.657,5.657L6.5,6.5l5.657-5.657L6.5,6.5z"/>
+        <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" d="M6.5,6.5L0.843,0.843L6.5,6.5 l-5.657,5.657L6.5,6.5z M6.5,6.5l5.657,5.657L6.5,6.5l5.657-5.657L6.5,6.5z"/>
     </symbol>
     <symbol id="ico--plus" viewBox="0 0 16 16">
         <path fill="none" stroke="#2A3644" stroke-width="2" stroke-linecap="square" d="M8,8V0V8H0H8z M8,8v8V8h8H8z"/>
@@ -107,4 +107,7 @@
     <symbol id="ico--medical" viewBox="0 0 448 512">
         <path class="u-fill--inherit" d="M433.9 98L350 14.1C341 5.1 328.8 0 316.1 0h-204c-26.5.1-48 21.6-48 48.1V288H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h126.1l34.7 69.5c2.9 5.9 11.4 5.9 14.3 0L240 275.8l22.1 44.2H352c8.8 0 16-7.2 16-16s-7.2-16-16-16h-70.1l-34.7-69.5c-2.9-5.9-11.4-5.9-14.3 0L176 332.2l-19.9-39.8c-1.4-2.7-4.1-4.4-7.2-4.4H96V48.1c0-8.8 7.3-16.1 16.1-16.1h176v104.1c0 13.3 10.7 23.9 24 23.9h104v304c0 8.8-7.2 16-16 16h-288c-8.8 0-16.1-7.2-16.1-16V352H64.1v112c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V132c0-12.7-5.1-25-14.1-34zM320 128.1V32.6c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9c2.1 2.1 3.5 4.6 4.2 7.4H320z"/>
     </symbol>
+    <symbol id="ico--gift">
+        <path class="u-fill--inherit" d="M26.812 6.75h-3.62c.482-.68.777-1.518.777-2.437 0-2.24-1.696-4.063-3.784-4.063-2.148 0-3.392 1.29-5.56 4.865l-.385-.625C12.302 1.388 11.082.25 9.064.25c-2.087 0-3.783 1.823-3.783 4.063 0 .919.295 1.757.777 2.437h-3.62A2.437 2.437 0 0 0 0 9.188v14.624a2.437 2.437 0 0 0 2.437 2.438h24.375a2.437 2.437 0 0 0 2.438-2.438V9.188a2.437 2.437 0 0 0-2.438-2.438zm-6.627 0H15.54l.444-.737c2.258-3.717 3.073-4.138 4.202-4.138 1.189 0 2.159 1.092 2.159 2.438 0 1.345-.97 2.437-2.159 2.437zM9.065 1.875c1.188 0 2.02.462 4.534 4.692l.107.183H9.059c-1.188 0-2.158-1.092-2.158-2.437.005-1.346.975-2.438 2.163-2.438zm18.56 21.937a.814.814 0 0 1-.813.813H2.437a.814.814 0 0 1-.812-.813v-1.624h26v1.624zm0-3.25h-26v-3.25h26v3.25zm0-4.874h-26v-6.5c0-.45.364-.813.812-.813h10.227L8.65 12.388a.406.406 0 0 0 0 .575l.574.574a.406.406 0 0 0 .574 0l4.826-4.826 4.826 4.826a.406.406 0 0 0 .574 0l.574-.574a.406.406 0 0 0 0-.575l-4.013-4.013h10.226c.45 0 .813.364.813.813v6.5z" fill-rule="nonzero"/>
+    </symbol>
 </svg>