Skip to content

D
dev.biuro
Commit 5b7a47ce authored by Simonas's avatar Simonas
Browse files
Options

design in progress

parent 91e647db
Expand all Show whitespace changes
Inline Side-by-side
Showing with 301 additions and 187 deletions
wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employees-quick.php
View file @ 5b7a47ce
...@@ -29,11 +29,11 @@ if ( ! defined( 'WPINC' ) ) die; ...@@ -29,11 +29,11 @@ if ( ! defined( 'WPINC' ) ) die;
?> ?>
<div class="c-form--row"> <div class="c-form--row">
<label class="c-form--label" for="form-name">Name, Surname*</label> <label class="c-form--label" for="form-name">Name, Surname*</label>
<div class="c-form--input-wrap"> <div class="c-form--input-wrap <?php if ($nameStatus) { echo "c-form--input-wrap--$nameStatus"; } ?>">
<input type="text" class="c-form--input <?php if ($nameStatus) { echo "c-form--input--$nameStatus"; } ?>" id="form-name" name="name" value="<?php echo $nameValue; ?>"> <input type="text" class="c-form--input" id="form-name" name="name" value="<?php echo $nameValue; ?>">
</div> </div>
<?php if ($nameMessage): ?> <?php if ($nameMessage): ?>
<div class="c-form--validation-<?php echo $nameStatus; ?>"> <div class="c-form--validation c-form--validation-<?php echo $nameStatus; ?>">
<?php echo $nameMessage; ?> <?php echo $nameMessage; ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
...@@ -46,11 +46,11 @@ if ( ! defined( 'WPINC' ) ) die; ...@@ -46,11 +46,11 @@ if ( ! defined( 'WPINC' ) ) die;
?> ?>
<div class="c-form--row"> <div class="c-form--row">
<label class="c-form--label" for="form-phone">Phone no.*</label> <label class="c-form--label" for="form-phone">Phone no.*</label>
<div class="c-form--input-wrap"> <div class="c-form--input-wrap <?php if ($phoneStatus) { echo "c-form--input-wrap--$phoneStatus"; } ?>">
<input type="tel" class="c-form--input <?php if ($phoneStatus) { echo "c-form--input--$phoneStatus"; } ?>" id="form-phone" name="phone" value="<?php echo $phoneValue; ?>"> <input type="tel" class="c-form--input" id="form-phone" name="phone" value="<?php echo $phoneValue; ?>">
</div> </div>
<?php if ($phoneMessage): ?> <?php if ($phoneMessage): ?>
<div class="c-form--validation-<?php echo $phoneStatus; ?>"> <div class="c-form--validation c-form--validation-<?php echo $phoneStatus; ?>">
<?php echo $phoneMessage; ?> <?php echo $phoneMessage; ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
...@@ -63,11 +63,11 @@ if ( ! defined( 'WPINC' ) ) die; ...@@ -63,11 +63,11 @@ if ( ! defined( 'WPINC' ) ) die;
?> ?>
<div class="c-form--row"> <div class="c-form--row">
<label class="c-form--label" for="form-email">Email address*</label> <label class="c-form--label" for="form-email">Email address*</label>
<div class="c-form--input-wrap"> <div class="c-form--input-wrap <?php if ($emailStatus) { echo "c-form--input-wrap--$emailStatus"; } ?>">
<input type="email" class="c-form--input <?php if ($emailStatus) { echo "c-form--input--$emailStatus"; } ?>" id="form-email" name="email" value="<?php echo $emailValue; ?>"> <input type="email" class="c-form--input" id="form-email" name="email" value="<?php echo $emailValue; ?>">
</div> </div>
<?php if ($emailMessage): ?> <?php if ($emailMessage): ?>
<div class="c-form--validation-<?php echo $emailStatus; ?>"> <div class="c-form--validation c-form--validation-<?php echo $emailStatus; ?>">
<?php echo $emailMessage; ?> <?php echo $emailMessage; ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
...@@ -91,7 +91,7 @@ if ( ! defined( 'WPINC' ) ) die; ...@@ -91,7 +91,7 @@ if ( ! defined( 'WPINC' ) ) die;
<label class="c-form--label-checkbox" for="form-agree">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem possimus, delectus unde enim dolores doloribus, recusandae a veritatis ducimus repudiandae iste eos voluptatum architecto mollitia?</label> <label class="c-form--label-checkbox" for="form-agree">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem possimus, delectus unde enim dolores doloribus, recusandae a veritatis ducimus repudiandae iste eos voluptatum architecto mollitia?</label>
</div> </div>
<?php if ($agreeMessage): ?> <?php if ($agreeMessage): ?>
<div class="c-form--validation-<?php echo $agreeStatus; ?>"> <div class="c-form--validation c-form--validation-<?php echo $agreeStatus; ?>">
<?php echo $agreeMessage; ?> <?php echo $agreeMessage; ?>
</div> </div>
<?php endif; ?> <?php endif; ?>
......
wp-content/plugins/biuro-feedbacks/biuro-feedbacks.php
View file @ 5b7a47ce
...@@ -24,6 +24,7 @@ class Biuro_Feedbacks extends WP_Widget { ...@@ -24,6 +24,7 @@ class Biuro_Feedbacks extends WP_Widget {
public function form( $instance ) { public function form( $instance ) {
// Set widget defaults // Set widget defaults
$defaults = array( $defaults = array(
'title' => '',
'name1' => '', 'name1' => '',
'img1' => '', 'img1' => '',
'feedback1' => '', 'feedback1' => '',
...@@ -54,6 +55,10 @@ class Biuro_Feedbacks extends WP_Widget { ...@@ -54,6 +55,10 @@ class Biuro_Feedbacks extends WP_Widget {
// Parse current settings with defaults // Parse current settings with defaults
extract( wp_parse_args( ( array ) $instance, $defaults ) ); ?> extract( wp_parse_args( ( array ) $instance, $defaults ) ); ?>
<p>
<label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php _e( 'Title', 'biuro' ); ?><?php echo ' ' . $i . ':'; ?></label>
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" type="text" value="<?php echo esc_attr( ${'title'} ); ?>" />
</p>
<?php <?php
for ($i = 1; $i <= 8; $i++): for ($i = 1; $i <= 8; $i++):
?> ?>
...@@ -79,6 +84,7 @@ class Biuro_Feedbacks extends WP_Widget { ...@@ -79,6 +84,7 @@ class Biuro_Feedbacks extends WP_Widget {
public function update( $new_instance, $old_instance ) { public function update( $new_instance, $old_instance ) {
$instance = $old_instance; $instance = $old_instance;
$instance['title'] = isset( $new_instance['title'] ) ? wp_strip_all_tags( $new_instance['title'] ) : '';
for ($i = 1; $i <= 8; $i++): for ($i = 1; $i <= 8; $i++):
$instance['name' . $i] = isset( $new_instance['name' . $i] ) ? wp_strip_all_tags( $new_instance['name' . $i] ) : ''; $instance['name' . $i] = isset( $new_instance['name' . $i] ) ? wp_strip_all_tags( $new_instance['name' . $i] ) : '';
$instance['img' . $i] = isset( $new_instance['img' . $i] ) ? wp_strip_all_tags( $new_instance['img' . $i] ) : ''; $instance['img' . $i] = isset( $new_instance['img' . $i] ) ? wp_strip_all_tags( $new_instance['img' . $i] ) : '';
...@@ -92,6 +98,7 @@ class Biuro_Feedbacks extends WP_Widget { ...@@ -92,6 +98,7 @@ class Biuro_Feedbacks extends WP_Widget {
public function widget( $args, $instance ) { public function widget( $args, $instance ) {
extract( $args ); extract( $args );
$title = isset( $instance['title'] ) ?$instance['title'] : '';
for ($i = 1; $i <= 8; $i++): for ($i = 1; $i <= 8; $i++):
${'name' . $i} = isset( $instance['name' . $i] ) ?$instance['name' . $i] : ''; ${'name' . $i} = isset( $instance['name' . $i] ) ?$instance['name' . $i] : '';
${'img' . $i} = isset( $instance['img' . $i] ) ?$instance['img' . $i] : ''; ${'img' . $i} = isset( $instance['img' . $i] ) ?$instance['img' . $i] : '';
...@@ -101,12 +108,19 @@ class Biuro_Feedbacks extends WP_Widget { ...@@ -101,12 +108,19 @@ class Biuro_Feedbacks extends WP_Widget {
// WordPress core before_widget hook (always include ) // WordPress core before_widget hook (always include )
echo $before_widget; echo $before_widget;
// Display the widget // Display the widget
echo '<div class="c-biuro-feedbacks">'; echo '<div class="c-feedbacks">';
if ( $title != "" ) {
echo '<h2 class="c-feedbacks--heading">' . $title . '</h2>';
}
echo '<div class="c-feedbacks--inner">';
for ($i = 1; $i <= 8; $i++): for ($i = 1; $i <= 8; $i++):
if ( ${'name' . $i} != "" && ${'feedback' . $i} != ""): if ( ${'name' . $i} != "" && ${'feedback' . $i} != ""):
echo '<div class="c-biuro-feedbacks--item">'; echo '<div class="c-feedbacks--section">';
if ( ${'name' . $i} != "" ) { if ( ${'name' . $i} != "" ) {
echo '<h3>' . ${'name' . $i} . ${'img' . $i} . '</h3>'; echo '<h3>' . ${'name' . $i} . ${'img' . $i} . '</h3>';
...@@ -122,6 +136,7 @@ class Biuro_Feedbacks extends WP_Widget { ...@@ -122,6 +136,7 @@ class Biuro_Feedbacks extends WP_Widget {
endfor; endfor;
echo '</div>'; echo '</div>';
echo '</div>';
// WordPress core after_widget hook (always include ) // WordPress core after_widget hook (always include )
echo $after_widget; echo $after_widget;
......
wp-content/plugins/biuro-html/biuro-html.php
View file @ 5b7a47ce
...@@ -60,20 +60,15 @@ class Biuro_HTML extends WP_Widget { ...@@ -60,20 +60,15 @@ class Biuro_HTML extends WP_Widget {
// WordPress core before_widget hook (always include ) // WordPress core before_widget hook (always include )
echo $before_widget; echo $before_widget;
// Display the widget
// echo '<div class="c-biuro-html">';
// Display content field
if ( $title != "" ) { if ( $title != "" ) {
echo '<h3>' . $title . '</h3>'; echo '<h3>' . $title . '</h3>';
} }
if ( $content != "" ) { if ( $content != "" ) {
echo $content; echo '<p>' . $content . '</p>';
} }
// echo '</div>';
// WordPress core after_widget hook (always include ) // WordPress core after_widget hook (always include )
echo $after_widget; echo $after_widget;
} }
......
wp-content/plugins/biuro-values/biuro-values.php
View file @ 5b7a47ce
...@@ -84,21 +84,21 @@ class Biuro_Values extends WP_Widget { ...@@ -84,21 +84,21 @@ class Biuro_Values extends WP_Widget {
${'content' . $i} = isset( $instance['content' . $i] ) ?$instance['content' . $i] : ''; ${'content' . $i} = isset( $instance['content' . $i] ) ?$instance['content' . $i] : '';
endfor; endfor;
// WordPress core before_widget hook (always include )
echo $before_widget; echo $before_widget;
// Display the widget
echo '<div class="c-biuro-values">'; echo '<div class="c-values">';
echo '<div class="c-values--inner">';
for ($i = 1; $i <= 8; $i++): for ($i = 1; $i <= 8; $i++):
if ( ${'value' . $i} != "" && ${'content' . $i} != ""): if ( ${'value' . $i} != "" && ${'content' . $i} != ""):
echo '<div class="c-biuro-values--item">'; echo '<div class="c-values--section">';
if ( ${'value' . $i} != "" ) { if ( ${'value' . $i} != "" ) {
echo '<h3 style="margin: 0">' . ${'value' . $i} . '</h3>'; echo '<h3 class="c-values--heading">' . ${'value' . $i} . '</h3>';
} }
if ( ${'content' . $i} != "" ) { if ( ${'content' . $i} != "" ) {
echo '<p>' . ${'content' . $i} . '</p>'; echo '<div class="c-values--content">' . ${'content' . $i} . '</div>';
} }
echo '</div>'; echo '</div>';
...@@ -106,6 +106,7 @@ class Biuro_Values extends WP_Widget { ...@@ -106,6 +106,7 @@ class Biuro_Values extends WP_Widget {
endfor; endfor;
echo '</div>'; echo '</div>';
echo '</div>';
// WordPress core after_widget hook (always include ) // WordPress core after_widget hook (always include )
......
wp-content/themes/biuro/css/01-settings/_settings--colors.css
View file @ 5b7a47ce
...@@ -5,10 +5,10 @@ ...@@ -5,10 +5,10 @@
:root { :root {
--color--gray: #7e8683; --color--gray: #7e8683;
--color--gray-darker: #2A3644; --color--gray-darker: #2A3644;
--color--gray-dark: #1d2a3a;
--color--green: #1fb299; --color--green: #1fb299;
--color--green-darker: #149a83; --color--green-darker: #149a83;
--color--green-dark: #006957; --color--green-dark: #006957;
--color--blue-dark: #1d2a3a;
} }
/* critical:end */ /* critical:end */
wp-content/themes/biuro/css/01-settings/_settings--layout.css
View file @ 5b7a47ce
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
:root { :root {
/*--layout-width: 976px;*/ /*--layout-width: 976px;*/
--layout-width: 1210px; /* 1170px */ --layout-width: 1210px; /* 1170px */
--layout-width--small: 870px; /* 830px */
} }
/* critical:end */ /* critical:end */
wp-content/themes/biuro/css/01-settings/_settings--typography.css
View file @ 5b7a47ce
...@@ -4,9 +4,9 @@ ...@@ -4,9 +4,9 @@
:root { :root {
--typo--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Light", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --typo--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Light", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
--typo--font-size: 1.4rem; --typo--font-size: 1.5rem;
--typo--weight-regular: 500; --typo--weight-regular: 400;
--typo--weight-bold: 500; --typo--weight-bold: 700;
--typo--line-height: 1.2; --typo--line-height: 1.2;
--typo--font-face: 'Roboto', sans-serif; --typo--font-face: 'Roboto', sans-serif;
} }
......
wp-content/themes/biuro/css/05-layout/_layout--content.css
View file @ 5b7a47ce
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
/* critical:start */ /* critical:start */
.l-content { @extend .l-inner; .l-content {
@media (--min--small) { @media (--min--small) {
display: flex; display: flex;
} }
......
wp-content/themes/biuro/css/05-layout/_layout--footer.css
View file @ 5b7a47ce
...@@ -2,17 +2,6 @@ ...@@ -2,17 +2,6 @@
/* critical:start */ /* critical:start */
.l-footer { @extend .l-inner; } .l-footer { background: var(--color--blue-dark); color: #fff; padding-top: 70px; }
/* critical:end */ /* critical:end */
.l-footer--inner { display: flex; padding-top: 15px; flex-wrap: wrap; }
.l-footer--section { flex: 1 0 15%;
@media (--max--small) {
flex: 1 0 35%; margin-bottom: 20px;
}
h4 { margin: 0; padding: 0; }
}
.l-footer { padding-bottom: 100px; box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .45); /* box-shadow: inset 0 0 0 1px #666; */}
wp-content/themes/biuro/css/05-layout/_layout--header.css
View file @ 5b7a47ce
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
/* critical:start */ /* critical:start */
.l-header { position: relative; height: 70px; margin-bottom: 47px; .l-header { position: relative; height: 70px; margin-bottom: 47px;
&:before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 47px; background: var(--color--gray-dark); } &:before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 47px; background: var(--color--blue-dark); }
} }
/* critical:end */ /* critical:end */
......
wp-content/themes/biuro/css/05-layout/_layout--inner.css
View file @ 5b7a47ce
...@@ -4,6 +4,8 @@ ...@@ -4,6 +4,8 @@
.l-inner { max-width: var(--layout-width); margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; } .l-inner { max-width: var(--layout-width); margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; }
.l-inner-small { max-width: var(--layout-width--small); margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; }
/* critical:end */ /* critical:end */
.l-inner--header { display: flex; flex-direction: row; align-items: center; } .l-inner--header { display: flex; flex-direction: row; align-items: center; }
wp-content/themes/biuro/css/06-objects/_object--btn.css
View file @ 5b7a47ce
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
/* critical:start */ /* critical:start */
.o-btn { border: 0; color: #fff; background: var(--color--green); padding: 12px 24px; cursor: pointer; border-radius: 3px; .o-btn { border: 0; color: #fff; background: var(--color--green); padding: 13px 24px 12px; cursor: pointer; border-radius: 3px; font-weight: 500;
&:hover { background: var(--color--green-darker); } &:hover { background: var(--color--green-darker); }
} }
......
wp-content/themes/biuro/css/07-components/__components.css
View file @ 5b7a47ce
...@@ -9,9 +9,13 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp ...@@ -9,9 +9,13 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
@import '_component--awesomplete.css'; @import '_component--awesomplete.css';
@import '_component--breadcrumbs.css'; @import '_component--breadcrumbs.css';
@import '_component--cookies-warning.css'; @import '_component--cookies-warning.css';
@import '_component--copy.css'; @import '_component--contact.css';
@import '_component--copyright.css';
@import '_component--data-controller.css'; @import '_component--data-controller.css';
@import '_component--divisions.css'; @import '_component--divisions.css';
@import '_component--feedbacks.css';
@import '_component--footer-sections.css';
@import '_component--footer-separator.css';
@import '_component--form.css'; @import '_component--form.css';
@import '_component--job.css'; @import '_component--job.css';
@import '_component--jobs-list.css'; @import '_component--jobs-list.css';
...@@ -20,7 +24,9 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp ...@@ -20,7 +24,9 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
@import '_component--nav.css'; @import '_component--nav.css';
@import '_component--phone.css'; @import '_component--phone.css';
@import '_component--search.css'; @import '_component--search.css';
@import '_component--share.css'; @import '_component--social.css';
@import '_component--trust.css';
@import '_component--values.css';
/* /*
@import '_component--nav.css'; @import '_component--nav.css';
......
wp-content/themes/biuro/css/07-components/_component--contact.css 0 → 100644
View file @ 5b7a47ce
/* ------------- Component: contact section ------------- */
/* critical:start */
.c-contact { padding: 50px 0; }
.c-contact--inner { display: flex; max-width: 840px; margin: 0 auto; }
.c-contact--content { flex: 1 1 40%; color: #2A3644; font-weight: 500; line-height: 29px;
h3 { margin: 0 0 15px; font-size: 25px; }
p { margin: 0 0 20px; }
}
.c-contact--form { flex: 1 1 40%; }
/* critical:end */
wp-content/themes/biuro/css/07-components/_component--copy.css → wp-content/themes/biuro/css/07-components/_component--copyright.css
View file @ 5b7a47ce
...@@ -4,4 +4,4 @@ ...@@ -4,4 +4,4 @@
/* critical:end */ /* critical:end */
.c-copy { padding-top: 0.75em; text-align: center; } .c-copyright { text-align: center; font-size: 13px; line-height: 15px; padding-bottom: 60px; }
wp-content/themes/biuro/css/07-components/_component--data-controller.css
View file @ 5b7a47ce
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
/* critical:start */ /* critical:start */
.c-data-controller { padding: 0 1em; text-align: center; font-size: 88%; .c-data-controller { margin-bottom: 35px; padding: 15px 0 10px; text-align: center; font-size: 13px; line-height: 1; font-weight: 300;
p { margin-bottom: 0; } p { margin: 0 0 10px; }
} }
/* critical:end */ /* critical:end */
wp-content/themes/biuro/css/07-components/_component--feedbacks.css 0 → 100644
View file @ 5b7a47ce
/* ------------- Component: feedbacks ------------- */
/* critical:start */
.c-feedbacks { padding: 50px 0 70px; background: linear-gradient(134.06deg, #FFFFFF 0%, #CBE2EC 100%); }
.c-feedbacks--inner { width: 640px; margin: 0 auto; }
.c-feedbacks--heading { color: #2A3644; margin: 0 0 40px; padding: 0; font-size: 25px; font-weight: 500; line-height: 29px; text-align: center; }
.c-feedbacks--section { border: 1px solid #00f; min-height: 300px;}
/* critical:end */
wp-content/themes/biuro/css/07-components/_component--footer-sections.css 0 → 100644
View file @ 5b7a47ce
/* ------------- Component: footer sections ------------- */
/* critical:start */
/* critical:end */
.c-footer-sections { display: flex; flex-wrap: wrap; }
.c-footer-section { flex: 10 0 15%; 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; }
}
.c-footer-section--heading { margin: 0; font-weight: 500; }
wp-content/themes/biuro/css/07-components/_component--footer-separator.css 0 → 100644
View file @ 5b7a47ce
/* ------------- Component: footer separator ------------- */
/* critical:start */
.c-footer-separator { margin-bottom: 25px; border-color: #ffffff; border-width: 2px 0 0; opacity: 0.29; }
/* critical:end */
wp-content/themes/biuro/css/07-components/_component--form.css
View file @ 5b7a47ce
...@@ -2,12 +2,48 @@ ...@@ -2,12 +2,48 @@
/* critical:start */ /* critical:start */
.c-form { padding: 38px 35px 20px; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 47px 0 #ECF5FF; }
.c-form--row { position: relative; margin-bottom: 20px; }
.c-form--label { display: block; color: #2A3644; font-size: 15px; line-height: 18px; margin-bottom: 4px; font-weight: 500; }
.c-form--input-wrap { border-radius: 3px; border: 1px solid #d4d4d4; }
.c-form--input { width: 100%; padding: 10px; border: 0; background: none; }
.c-form--submit { @extend .o-btn; width: 100%; margin: 15px 0 10px; }
.c-form--checkbox-wrap { display: flex; }
.c-form--checkbox { position: absolute; top: 0; left: -9999px; visibility: hidden;
&:checked {
+ label {
&:before { border-color: #d4d4d4; }
&:after { content: '✔'; }
}
}
}
.c-form--label-checkbox { position: relative; margin: 0 0 0 31px; color: #868F98; font-size: 12px; line-height: 17px;
&:before { content: ''; position: absolute; top: 0; left: -31px; height: 18px; width: 18px; border: 1px solid #d4d4d4; border-radius: 3px; cursor: pointer; }
&:after { content: ''; position: absolute; top: -2px; left: -28px; width: 20px; height: 20px; border-radius: 3px; color: var(--color--green); font-size: 22px; cursor: pointer; }
}
/* critical:end */ /* critical:end */
.c-form--input--error { border: 1px solid #f90000; } .c-form--checkbox--error {
.c-form--input--success { border: 1px solid green; } + label {
.c-form--input--warning { border: 1px solid orange; } &:before { border-color: #EB4646; }
}
}
.c-form--validation { position: absolute; top: 50%; left: 100%; min-width: 200px; background-color: #ffffff; margin-top: 11px; padding: 10px 15px; border: 1px solid; transform: translate(30px, -50%); font-size: 13px; line-height: 20px; }
.c-form--input-wrap--error { border: 1px solid #EB4646; }
.c-form--input-wrap--success { border: 1px solid #17DAB9; }
/*.c-form--input--warning { border: 1px solid orange; }*/
.c-form--validation-error { color: #EB4646; border-color: #EB4646; margin-bottom: 10px; }
.c-form--validation-success { color: #17DAB9; border-color: #17DAB9; margin-bottom: 10px; }
/*.c-form--validation-warning { color: orange; margin-bottom: 10px; }*/
.c-form--validation-error { color: #f90000; margin-bottom: 10px;}
.c-form--validation-success { color: green; margin-bottom: 10px;}
.c-form--validation-warning { color: orange; margin-bottom: 10px;}
wp-content/themes/biuro/css/07-components/_component--nav.css
View file @ 5b7a47ce
...@@ -17,22 +17,21 @@ ...@@ -17,22 +17,21 @@
/* critical:end */ /* critical:end */
.c-nav--main-item { position: relative; height: 70px; margin-right: 26px; padding: 24px 0 0; z-index: 500; } .c-nav--main-item { position: relative; height: 70px; margin-right: 26px; padding: 24px 0 0; z-index: 500; }
.c-nav--main-anchor { display: block; padding: 5px 0; text-transform: uppercase; border-bottom: 2px solid transparent; text-decoration: none; color: var(--color--gray); .c-nav--main-anchor { display: block; padding: 5px 0; text-transform: uppercase; border-bottom: 2px solid transparent; text-decoration: none; color: var(--color--gray); font-weight: 500;
&:hover { border-bottom-color: var(--color--gray-dark); color: var(--color--gray-dark); } &:hover { border-bottom-color: var(--color--blue-dark); color: var(--color--blue-dark); }
} }
.c-nav--sub { position: absolute; top: 100%; } .c-nav--sub { position: absolute; top: 100%; }
.c-nav--sub-item { margin-right: 45px; } .c-nav--sub-item { margin-right: 45px; }
.c-nav--sub-anchor { display: block; padding: 17px 0; color: #fff; text-transform: uppercase; white-space: nowrap; text-decoration: none; .c-nav--sub-anchor { display: block; padding: 17px 0; color: #fff; text-transform: uppercase; white-space: nowrap; text-decoration: none; font-weight: 500;
&:hover { color: var(--color--green); } &:hover { color: var(--color--green); }
} }
/*.c-nav--item { margin: 10px; }*/ .c-nav--footer { font-weight: 300;
a { text-decoration: none;
/*.c-nav--link { line-height: 40px; font-size: 24px; text-decoration: none;
&:hover { text-decoration: underline; } &:hover { text-decoration: underline; }
}*/ }
}
.c-nav--region { } .c-nav--region { }
.c-nav--lang { .c-nav--lang {
......
wp-content/themes/biuro/css/07-components/_component--phone.css
View file @ 5b7a47ce
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
/* critical:start */ /* critical:start */
.c-phone { white-space: nowrap; margin-right: 35px; padding: 10px 0; text-decoration: none; color: inherit; .c-phone { white-space: nowrap; margin-right: 35px; padding: 10px 0; text-decoration: none; color: inherit; font-weight: 500;
svg { float: left; margin: -6px 5px 0 0; } svg { float: left; margin: -6px 5px 0 0; }
} }
......
wp-content/themes/biuro/css/07-components/_component--share.css deleted 100644 → 0
View file @ 91e647db
/* ------------- Component: share ------------- */
/* critical:start */
/* critical:end */
.c-share { /* text-align: center; */ }
wp-content/themes/biuro/css/07-components/_component--social.css 0 → 100644
View file @ 5b7a47ce
/* ------------- Component: social ------------- */
/* critical:start */
/* critical:end */
.c-social { /* text-align: center; */ }
wp-content/themes/biuro/css/07-components/_component--trust.css 0 → 100644
View file @ 5b7a47ce
/* ------------- Component: trust ------------- */
/* critical:start */
.c-trust { background: linear-gradient(134.06deg, #70B7D5 0%, #7BCBCF 100%); }
.c-trust--inner { @extend .l-inner-small; display: flex; flex-wrap: wrap; align-items: center; padding-top: 64px; padding-bottom: 64px; }
.c-trust--heading { flex: 1 1 auto; margin: 0; color: #fff; }
.c-trust--logos { flex: 10 1 auto; display: flex; flex-wrap: wrap; justify-content: space-around;}
.c-trust--logo { border: 1px solid #fff; width: 100px; height: 40px; }
/* critical:end */
wp-content/themes/biuro/css/07-components/_component--values.css 0 → 100644
View file @ 5b7a47ce
/* ------------- Component: values ------------- */
/* critical:start */
.c-values { background: linear-gradient(138.69deg, #4EACD9 0%, #2FB8A1 100%); color: #fff; }
.c-values--inner { @extend .l-inner-small; display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 60px; padding-bottom: 40px; }
/* critical:end */
.c-values--section { flex: 0 0 40%; }
.c-values--heading { display: inline-block; min-width: 139px; min-height: 66px; margin: 0 0 18px; padding: 0 10px 0 0; border-bottom: 4px solid #fff; font-size: 45px; line-height: 53px; font-weight: bold; }
.c-values--content { display: block; max-width: 280px; min-height: 80px; margin: 0 0 20px; padding: 0; font-size: 15px; line-height: 30px; font-weight: 500; }
wp-content/themes/biuro/css/08-states/_state--nav.css
View file @ 5b7a47ce
...@@ -18,5 +18,5 @@ ...@@ -18,5 +18,5 @@
.c-nav--sub { display: flex; } .c-nav--sub { display: flex; }
} }
.is-nav--main-anchor-active { border-bottom-color: var(--color--gray-dark); color: var(--color--gray-dark); } .is-nav--main-anchor-active { border-bottom-color: var(--color--blue-dark); color: var(--color--blue-dark); }
.is-nav--sub-anchor-active { color: var(--color--green-darker); } .is-nav--sub-anchor-active { color: var(--color--green-darker); }
wp-content/themes/biuro/css/core.min.css
View file @ 5b7a47ce
This diff is collapsed.
wp-content/themes/biuro/css/main.css
View file @ 5b7a47ce
...@@ -30,7 +30,7 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test ...@@ -30,7 +30,7 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test
@import '08-states/__states.css'; @import '08-states/__states.css';
/*@import '09-themes/__themes.css';*/ /*@import '09-themes/__themes.css';*/
@import '__previous.css'; /*@import '__previous.css';*/
@import '10-trumps/__utils.css'; @import '10-trumps/__utils.css';
...@@ -56,11 +56,8 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test ...@@ -56,11 +56,8 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test
.biuro-ti-img { display: none; } .biuro-ti-img { display: none; }
.c-biuro-feedbacks { display: flex; flex-wrap: wrap; }
.c-biuro-feedbacks--item { flex: 1 0 40%; margin: 5px; border: 1px solid #888; }
.c-biuro-sections { display: flex; flex-wrap: wrap; } .c-biuro-sections { display: flex; flex-wrap: wrap; }
.c-biuro-sections--item { flex: 1 0 20%; margin: 5px; border: 1px solid #888; text-align: center;} .c-biuro-sections--item { flex: 1 0 20%; margin: 5px; border: 1px solid #888; text-align: center;}
.c-biuro-services { display: flex; flex-wrap: wrap; } .c-biuro-services { display: flex; flex-wrap: wrap; }
.c-biuro-services--item { flex: 1 0 30%; margin: 5px; border: 1px solid #888; } .c-biuro-services--item { flex: 1 0 30%; margin: 5px; border: 1px solid #888; }
.c-biuro-values { display: flex; flex-wrap: wrap; }
.c-biuro-values--item { flex: 1 0 40%; margin: 5px; border: 1px solid #888; }
wp-content/themes/biuro/css/main.min.css
View file @ 5b7a47ce
This diff is collapsed.
wp-content/themes/biuro/footer.php
View file @ 5b7a47ce
...@@ -15,53 +15,32 @@ ...@@ -15,53 +15,32 @@
</div><!-- .l-content --> </div><!-- .l-content -->
<footer class="l-footer"> <footer class="l-footer">
<div class="l-inner">
<br> <div class="c-footer-sections">
<br> <div class="c-footer-section">
<?php get_template_part( 'template-parts/menus/menu', 'employees' ); ?>
<div class="l-footer--inner">
<div class="l-footer--section">
<?php
get_template_part( 'template-parts/menus/menu', 'employees' );
?>
</div> </div>
<div class="l-footer--section"> <div class="c-footer-section">
<?php <?php get_template_part( 'template-parts/menus/menu', 'employers' ); ?>
get_template_part( 'template-parts/menus/menu', 'employers' );
?>
</div> </div>
<div class="l-footer--section"> <div class="c-footer-section">
<?php <?php get_template_part( 'template-parts/menus/menu', 'about' ); ?>
get_template_part( 'template-parts/menus/menu', 'about' );
?>
</div> </div>
<div class="l-footer--section"> <div class="c-footer-section">
<?php <?php get_template_part( 'template-parts/menus/menu', 'region' ); ?>
get_template_part( 'template-parts/menus/menu', 'region' );
?>
</div> </div>
</div><!-- inner --> </div><!-- .c-footer-sections -->
<hr class="c-footer-separator">
<?php <?php
if ( is_active_sidebar( 'footer_main' ) ) : if ( is_active_sidebar( 'footer_main' ) ) :
?>
<br>
<br>
<?php
dynamic_sidebar( 'footer_main' ); dynamic_sidebar( 'footer_main' );
endif; endif;
?> ?>
<div class="c-social">
<div class="u-align--center">
<br>
<br>
&copy; <strong>2012-<?php echo date('Y'); ?> BIURO.</strong>
&nbsp;
&nbsp;
&nbsp;
<?php <?php
$social = get_option('wpseo_social'); $social = get_option('wpseo_social');
...@@ -78,6 +57,11 @@ ...@@ -78,6 +57,11 @@
endif; endif;
?> ?>
</div> </div>
<div class="c-copyright">
&copy; 2012-<?php echo date('Y'); ?> BIURO.
</div>
</div><!-- l-inner -->
</footer><!-- .l-footer --> </footer><!-- .l-footer -->
......
wp-content/themes/biuro/front-page.php
View file @ 5b7a47ce
...@@ -52,10 +52,21 @@ ...@@ -52,10 +52,21 @@
endif; endif;
?> ?>
<p><a href="/darbo-pasiulymai/" style="color: blue">Daugiau darbo skelbimų</a></p> <p>
<a href="/darbo-pasiulymai/" style="color: blue"><?php _e('More job ads', 'biuro_theme'); ?></a>
<br> </p>
<div class="c-trust">
<div class="c-trust--inner">
<h2 class="c-trust--heading"><?php _e('Trust in us', 'biuro_theme'); ?></h2>
<div class="c-trust--logos">
<div class="c-trust--logo"></div>
<div class="c-trust--logo"></div>
<div class="c-trust--logo"></div>
<div class="c-trust--logo"></div>
</div>
</div>
</div>
<?php <?php
if ( is_active_sidebar( 'front_page_feedbacks' ) ) : if ( is_active_sidebar( 'front_page_feedbacks' ) ) :
...@@ -63,50 +74,35 @@ ...@@ -63,50 +74,35 @@
endif; endif;
?> ?>
<br>
<?php <?php
if ( is_active_sidebar( 'front_page_values' ) ) : if ( is_active_sidebar( 'front_page_values' ) ) :
dynamic_sidebar( 'front_page_values' ); dynamic_sidebar( 'front_page_values' );
endif; endif;
?> ?>
<br> <div class="c-contact-form">
<div style="border: 1px solid green;"> </div><!-- .c-contact-form -->
<h2 style="text-align: center;">Mumis pasitiki</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>8 logo</div>
</div>
</div>
<br> <div class="c-contact">
<div class="c-contact--inner">
<div style="border: 1px solid red; display: flex;"> <div class="c-contact--content">
<div style="flex: 1 1 40%;">
<?php <?php
if ( is_active_sidebar( 'front_page_employees' ) ) : if ( is_active_sidebar( 'front_page_employees' ) ) :
dynamic_sidebar( 'front_page_employees' ); dynamic_sidebar( 'front_page_employees' );
endif; endif;
?> ?>
<img src="https://picsum.photos/330/100" alt="" style="display: block;"> <div class="c-contact--img"><img src="https://picsum.photos/330/100" alt="" style="display: block;"></div>
</div> </div>
<div style="flex: 1 1 40%;"> <div class="c-contact--form">
<?php <?php
echo do_shortcode('[biuro-contacts--employees-quick]'); echo do_shortcode('[biuro-contacts--employees-quick]');
?> ?>
</div> </div>
</div>
</div><!-- .c-contact--inner -->
</div><!-- .c-contact -->
<?php get_footer(); <?php get_footer();
wp-content/themes/biuro/header.php
View file @ 5b7a47ce
...@@ -30,7 +30,7 @@ define('cityID', $cityID); ...@@ -30,7 +30,7 @@ define('cityID', $cityID);
<?php <?php
get_template_part( 'template-parts/meta/canonical'); get_template_part( 'template-parts/meta/canonical');
?> ?>
<link href="https://fonts.googleapis.com/css?family=Roboto:500" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<style><?php include 'css/core.min.css'; ?></style> <style><?php include 'css/core.min.css'; ?></style>
......
wp-content/themes/biuro/js/main.min.js
View file @ 5b7a47ce
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
/******/ /******/
/******/ var hotApplyOnUpdate = true; /******/ var hotApplyOnUpdate = true;
/******/ // eslint-disable-next-line no-unused-vars /******/ // eslint-disable-next-line no-unused-vars
/******/ var hotCurrentHash = "a252b4caac14ab9ae6ef"; /******/ var hotCurrentHash = "4a39df4fc069760248ad";
/******/ var hotRequestTimeout = 10000; /******/ var hotRequestTimeout = 10000;
/******/ var hotCurrentModuleData = {}; /******/ var hotCurrentModuleData = {};
/******/ var hotCurrentChildModule; /******/ var hotCurrentChildModule;
......
wp-content/themes/biuro/template-parts/menus/menu-about.php
View file @ 5b7a47ce
...@@ -10,11 +10,11 @@ ...@@ -10,11 +10,11 @@
if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) { if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) {
$o = wp_get_nav_menu_object( $locations[ $menu ] ); $o = wp_get_nav_menu_object( $locations[ $menu ] );
echo '<h4>' . $o->name . '</h4>'; echo '<p class="c-footer-section--heading">' . $o->name . '</p>';
if ( $o ) { if ( $o ) {
$items = wp_get_nav_menu_items($o->term_id); $items = wp_get_nav_menu_items($o->term_id);
$about .= '<ul class="o-nav c-nav--about">'; $about .= '<ul class="o-nav c-nav--footer c-nav--footer-about">';
foreach( $items as $item ) { foreach( $items as $item ) {
$title = $item->title; $title = $item->title;
......
wp-content/themes/biuro/template-parts/menus/menu-employees.php
View file @ 5b7a47ce
...@@ -10,11 +10,11 @@ ...@@ -10,11 +10,11 @@
if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) { if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) {
$o = wp_get_nav_menu_object( $locations[ $menu ] ); $o = wp_get_nav_menu_object( $locations[ $menu ] );
echo '<h4>' . $o->name . '</h4>'; echo '<p class="c-footer-section--heading">' . $o->name . '</p>';
if ( $o ) { if ( $o ) {
$items = wp_get_nav_menu_items($o->term_id); $items = wp_get_nav_menu_items($o->term_id);
$employees .= '<ul class="o-nav c-nav--employees">'; $employees .= '<ul class="o-nav c-nav--footer c-nav--footer-employees">';
foreach( $items as $item ) { foreach( $items as $item ) {
$title = $item->title; $title = $item->title;
......
wp-content/themes/biuro/template-parts/menus/menu-employers.php
View file @ 5b7a47ce
...@@ -10,11 +10,11 @@ ...@@ -10,11 +10,11 @@
if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) { if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) {
$o = wp_get_nav_menu_object( $locations[ $menu ] ); $o = wp_get_nav_menu_object( $locations[ $menu ] );
echo '<h4>' . $o->name . '</h4>'; echo '<p class="c-footer-section--heading">' . $o->name . '</p>';
if ( $o ) { if ( $o ) {
$items = wp_get_nav_menu_items($o->term_id); $items = wp_get_nav_menu_items($o->term_id);
$employers .= '<ul class="o-nav c-nav--employers">'; $employers .= '<ul class="o-nav c-nav--footer c-nav--footer-employers">';
foreach( $items as $item ) { foreach( $items as $item ) {
$title = $item->title; $title = $item->title;
......
wp-content/themes/biuro/template-parts/menus/menu-region.php
View file @ 5b7a47ce
...@@ -10,11 +10,11 @@ ...@@ -10,11 +10,11 @@
if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) { if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu ] ) ) {
$o = wp_get_nav_menu_object( $locations[ $menu ] ); $o = wp_get_nav_menu_object( $locations[ $menu ] );
echo '<h4>' . $o->name . '</h4>'; echo '<p class="c-footer-section--heading">' . $o->name . '</p>';
if ( $o ) { if ( $o ) {
$items = wp_get_nav_menu_items($o->term_id); $items = wp_get_nav_menu_items($o->term_id);
$region .= '<ul class="o-nav c-nav--region">'; $region .= '<ul class="o-nav c-nav--footer c-nav--footer-region">';
foreach( $items as $item ) { foreach( $items as $item ) {
$title = $item->title; $title = $item->title;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment