Commit a9bb4643 authored by Simonas's avatar Simonas

sections logic complete

parent 3693878b
......@@ -13,14 +13,10 @@
.c-nav--sub { display: none; }
/* critical:end */
.c-nav--main-item { position: relative; margin-right: 10px;
&:hover {
ul { display: block; }
}
}
.c-nav--main-item { position: relative; margin-right: 10px; border: 1px solid gray; padding: 5px; }
.c-nav--main-anchor { display: block; padding: 0 0.25em; text-transform: uppercase; }
.c-nav--sub { position: absolute; top: 100%; left: -1em; padding: 0 1em 1em 1em; }
.c-nav--sub { position: absolute; top: 100%; left: -1px; padding: 0 1em 0 6px; border: 1px solid gray; overflow: hidden; background: #fff; }
.c-nav--sub-item { background: #fff; padding: .5em .5em .5em 0; }
.c-nav--sub-anchor { padding: 0.25em; white-space: nowrap; }
......
......@@ -4,4 +4,4 @@ States:
is-, has-: Signify that the piece of UI in question is currently styled a certain way because of a state or condition. This stateful namespace is gorgeous, and comes from SMACSS. It tells us that the DOM currently has a temporary, optional, or short-lived style applied to it due to a certain state being invoked.
========================================================================== */
/*@import '_state--nav.css';*/
@import '_state--nav.css';
......@@ -2,12 +2,22 @@
/* critical:start */
.c-svg--toggler-close { display: none; margin-right: -28px; }
/*.c-svg--toggler-close { display: none; margin-right: -28px; }*/
/* critical:end */
.is-nav--open {
/*.is-nav--open {
& .l-nav { transform: translateX(0); pointer-events: auto; }
& .c-svg--toggler-open { display: none; }
& .c-svg--toggler-close { display: block; }
}
*/
.is-nav--main-item-active { position: relative; border-bottom-color: #f00;
&:before { content: ''; position: absolute; height: 1px; width: 100%; bottom: -1px; left: 0; background: #fff; z-index: 10; }
.c-nav--sub { display: flex; }
}
.is-nav--main-anchor-active { text-decoration: none; }
.is-nav--sub-anchor-active { text-decoration: none; font-weight: 600; }
:root{--color--gray:#4d4d4d;--color--green:#006957;--typo--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Light","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--typo--font-size:1.8rem;--typo--weight-slim:100;--typo--weight-regular:400;--typo--weight-bold:600;--typo--line-height:1.2;--typo--font-face:"PT Sans Narrow",sans-serif;--typo--font-face-additional:"Bebas Neue",sans-serif;--layout-width:63em}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}a,body{color:#4d4d4d;color:var(--color--gray)}body{font-size:1.8rem;font-size:var(--typo--font-size);line-height:1.2;line-height:var(--typo--line-height)}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{padding-top:15px;padding-bottom:15px}.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}.c-jobs-list{width:100%;margin:0 0 20px}.c-jobs-list--head{padding:10px}.c-jobs-list--col{padding:0 10px}.c-logo--svg{display:block}.c-nav--sub,.u-hidden{display:none}@media (min-width:48em){:root{--typo--font-size:1.6rem;--typo--line-height:1.3}body{font-family:PT Sans Narrow,sans-serif;font-family:var(--typo--font-face)}.l-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.l-content,.l-header{display:-webkit-box;display:-ms-flexbox;display:flex}.l-aside{-webkit-box-flex:0;-ms-flex:0 0 16.25em;flex:0 0 16.25em}.l-main,.l-nav{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.c-nav--main{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:2em}}@media (max-width:47.999em){body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI Light,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--typo--font-family);letter-spacing:-.08rem}}@media (min-width:30em){.c-jobs-list--col{padding:10px}}@media (max-width:29.999em){.c-jobs-list--col-position{padding-top:10px}}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
......@@ -27,7 +27,7 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test
@import '05-layout/__layout.css';
@import '06-objects/__objects.css';
@import '07-components/__components.css';
/*@import '08-states/__states.css';*/
@import '08-states/__states.css';
/*@import '09-themes/__themes.css';*/
@import '__previous.css';
......@@ -42,3 +42,7 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test
img { display: none; }
ul { padding-left: 5px }
}
.c-logos { display: flex; flex-wrap: wrap; justify-content: space-between;
div { flex: 0 0 21%; border: 1px solid gray; padding: 1em; margin-bottom: 1em; text-align: center; }
}
This diff is collapsed.
This diff is collapsed.
......@@ -91,6 +91,6 @@
endif;
?>
<script src="/wp-content/themes/biuro/js/main-32abb748.min.js" async></script>
<script src="/wp-content/themes/biuro/js/main.min.js" async></script>
</body>
</html>
......@@ -53,6 +53,28 @@
endif;
?>
<p><a href="/darbo-pasiulymai/" style="color: blue">Daugiau skelbimu</a></p>
<br>
<h2>Darbdaviams</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus est facere voluptate omnis porro minima nemo eaque ratione saepe totam cum, pariatur obcaecati, voluptates in eveniet! Ab minima autem nemo!</p>
<p><a href="/kontaktai/personalo-nuomai/" style="color: blue">Susisiekite su mumis</a></p>
<br>
<h2>Partneriai</h2>
<div class="c-logos">
<div>1 logo</div>
<div>2 logo</div>
<div>3 logo</div>
<div>4 logo</div>
<div>5 logo</div>
<div>6 logo</div>
<div>7 logo</div>
</div>
<br>
<br>
......
......@@ -390,7 +390,3 @@ add_action( 'rest_api_init', function () {
));
});
// echo '<h1>Lorem 11: ' . pll_current_language() . '</h1>';
......@@ -31,20 +31,32 @@ define('cityID', $cityID);
get_template_part( 'template-parts/meta/canonical');
?>
<style><?php include 'css/core-359d5e2ce6.min.css'; ?></style>
<style><?php include 'css/core.min.css'; ?></style>
<link rel="preload" href="/wp-content/themes/biuro/css/main-371095c0c7.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="/wp-content/themes/biuro/css/main.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="/wp-content/themes/biuro/fonts/pt_sans_narrow.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/wp-content/themes/biuro/fonts/pt_sans_narrow_bold.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/wp-content/themes/biuro/fonts/bebas-neue.woff2" as="font" type="font/woff2" crossorigin>
<noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-371095c0c7.min.css">
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
</noscript>
<?php wp_head(); ?>
</head>
<?php
global $post;
global $section;
$section = get_post_meta( $post->ID, 'section', true );
// int $post_id, string $key = '', bool $single = false
// echo '<h1>Lorem meta: ' . get_post_meta( $post->ID, 'section', true ) . '</h1>';
// debug( get_post_meta( $post->ID) ) ;
?>
<body>
<svg xmlns="http://www.w3.org/2000/svg" class="u-hidden">
......@@ -73,7 +85,7 @@ define('cityID', $cityID);
?>
</header>
<div class="l-inner" style="box-shadow: inset 0 0 0 1px blue; padding-top: 1em; padding-bottom: 1em;">
<div class="l-inner" style="box-shadow: inset 0 0 0 1px blue; padding-top: 5em; padding-bottom: 5em;">
<?php
get_search_form();
......
!function(e){var n={};function t(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,t),i.l=!0,i.exports}t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:o})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var i in e)t.d(o,i,function(n){return e[n]}.bind(null,i));return o},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="/",t(t.s=0)}([function(e,n,t){e.exports=t(1)},function(e,n,t){var o;!function(e){var n=document.getElementById("cookie-warning"),t=document.getElementById("cookie-agree"),o=document.getElementById("cookie-close"),i=!!r()&&localStorage.getItem("biuro-agree");function r(){try{return localStorage.setItem("a","a"),localStorage.removeItem("a"),!0}catch(e){return!1}}n&&t&&o&&!i&&(n.style.display="block",t.addEventListener("click",function(){r()&&localStorage.setItem("biuro-agree","true"),n.style.display="none"}),o.addEventListener("click",function(){n.style.display="none"}))}(window),window,(o=document.getElementById("js-divisions-map"))&&fetch("/wp-json/biuro-api/v1/divisions?lang="+o.dataset.lang).then(function(e){return e.json()}).then(function(e){!function e(n,t){if(window.google){var o=new window.google.maps.Map(n,{mapTypeId:window.google.maps.MapTypeId.ROADMAP});window.google.maps.event.addListenerOnce(o,"bounds_changed",function(){this.getZoom()>15&&this.setZoom(14)});var i=[],r=document.querySelector(".js-active-region"),a=r&&r.dataset.id?r.dataset.id:"";t[a]?i=t[a]:Object.keys(t).forEach(function(e){var n=t[e];"city"===e.substr(0,4)&&(i=i.concat(n))}),function(e,n){for(var t,o=new window.google.maps.LatLngBounds,i=0;i<n.length;i++){var r=n[i],a=new window.google.maps.LatLng(r.lat,r.lng),c=new window.google.maps.Marker({position:a,map:e,icon:"/wp-content/themes/biuro/i/maps/pin.png",title:r.title});o.extend(a),c.content=r.content,window.google.maps.event.addListener(c,"click",function(){t&&t.close(),(t=new window.google.maps.InfoWindow({content:this.content})).open(e,this)})}e.fitBounds(o)}(o,i.filter(function(e){return e.lat&&e.lng}))}else setTimeout(function(){e(n,t)},250)}(o,e)})}]);
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -50,9 +50,25 @@
endif;
?>
</datalist>
<input list="search-cities" id="search-city" name="city" value="<?php echo cityID; ?>" placeholder="" />
<input list="search-cities" id="search-city" name="city" value="<?php echo cityID; ?>" placeholder="Vietovė" />
<datalist id="search-types">
<option value="Darbas užsienyje: Norvegijoje, Vokietijoje, UK ir kt.">Darbas užsienyje: Norvegijoje, Vokietijoje, UK ir kt.</option>
<option value="Darbas studentams">Darbas studentams</option>
<option value="Sezoninis darbas">Sezoninis darbas</option>
<option value="Darbas namuose">Darbas namuose</option>
<option value="Darbas vasarai">Darbas vasarai</option>
<option value="Papildomas darbas">Papildomas darbas</option>
<option value="Personalo specialistai">Personalo specialistai</option>
<option value="Elektonika">Elektonika</option>
<option value="Pardavimai">Pardavimai</option>
<option value="Gamyba">Gamyba</option>
<option value="Sandėliavimas">Sandėliavimas</option>
<option value="Klientų aptarnavimas">Klientų aptarnavimas</option>
<option value="Padavejai">Padavejai</option>
</datalist>
<input list="search-types" id="search" name="s" value="<?php echo searchQuery; ?>" placeholder="Raktažodis" />
<input type="text" name="s" id="search" value="<?php echo searchQuery; ?>" />
<input type="submit" value="Ieškoti" class="filter-button" />
<?php
......
<?php
global $section;
$menu_name = 'main-menu';
$locations = get_nav_menu_locations();
$menu = $locations ? wp_get_nav_menu_object( $locations[ $menu_name ] ) : null;
......@@ -31,17 +33,17 @@
// $url = ($children && $item['no'] != 1) ? $item['children'][0]->url : $item['props']->url;
$url = ($children) ? $item['children'][0]->url : $item['props']->url;
// $main .= '<li class="style_' . $item['no'] . '">';
$main .= '<li class="c-nav--main-item">';
$sectionCSS = ($section == get_post_meta( $item['props']->object_id, 'section', true )) ? 'is-nav--main-item-active' : '';
$main .= '<li class="c-nav--main-item ' . $sectionCSS . '">';
$classCSS = ($item['active']) ? 'act"' : '';
$classCSS = ($item['active']) ? 'is-nav--main-anchor-active"' : '';
$main .= '<a href="' . $url . '" title="' . get_the_title($item['props']->object_id) . '" class="c-nav--main-anchor ' . $classCSS . '">' . $item['props']->title . '</a>';
if ( $children ) :
$main .= '<ul class="o-nav c-nav--sub">';
foreach($item['children'] as $child) :
$classCSS = ($child->object_id == $ID) ? 'act' : '';
$classCSS = ($child->object_id == $ID) ? 'is-nav--sub-anchor-active' : '';
$main .= '<li class="c-nav--sub-item"><a href="' . $child->url . '" title="' . get_the_title($child->object_id) . '" class="c-nav--sub-anchor ' . $classCSS .'">' . $child->title . '</a></li>';
endforeach;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment