Commit 12a1e7ae authored by Simonas's avatar Simonas

landing pages in progress

parent 5acaa36d
......@@ -77,7 +77,7 @@ if ( ! defined( 'WPINC' ) ) die;
<div class="c-form--row">
<div class="c-form--submit-wrap">
<?php
if (isset($attr['page']) && ($attr['page'] == 'landing-1' || $attr['page'] == 'landing-2')):
if (isset($attr['page']) && ($attr['page'] == 'landing-1' || $attr['page'] == 'landing-2' || $attr['page'] == 'landing-3' || $attr['page'] == 'landing-4')):
?>
<button type="submit" class="o-btn c-btn--main c-btn--fill" name="s" value="1"><?php _e('Get a job offer', 'biuro'); ?></button>
<?php
......
......@@ -91,6 +91,18 @@ window.dataLayer.push({ event: 'b2c_form_submit_success_validated', label: 'Land
<script>
window.dataLayer.push({ event: 'b2c_form_submit_success_validated', label: 'Landing page 2' });
</script>
<?php
elseif (isset($attr['page']) && $attr['page'] == 'landing-3'):
?>
<script>
window.dataLayer.push({ event: 'b2c_form_submit_success_validated', label: 'Landing page 3' });
</script>
<?php
elseif (isset($attr['page']) && $attr['page'] == 'landing-4'):
?>
<script>
window.dataLayer.push({ event: 'b2c_form_submit_success_validated', label: 'Landing page 4' });
</script>
<?php
else:
?>
......
......@@ -138,7 +138,7 @@ class Biuro_Jobs extends WP_Widget {
// WordPress core before_widget hook (always include )
echo $before_widget;
// Display the widget
echo '<div class="c-jobs">';
echo '<div class="c-jobs c-jobs--alt">';
echo '<div class="c-jobs--inner-custom">';
......@@ -148,19 +148,19 @@ class Biuro_Jobs extends WP_Widget {
echo '<table cellspacing="0" cellpadding="0" class="c-jobs--table">';
for ($i = 1; $i <= 5; $i++):
if ( ${'title' . $i} != "" && ${'description' . $i} != ""):
if ( ${'title' . $i} != "" && ${'description' . $i} != "" && ${'city' . $i} != "" && ${'salary' . $i} != "" && ${'id' . $i} != ""):
echo '<tr>';
echo '<td class="c-jobs--col c-jobs--col-position">';
echo '<a class="c-jobs--anchor" href="#" title="">Lorem ipsum</a>';
echo '<a class="c-jobs--anchor" href="' . get_post_permalink( ${'id' . $i} ) . '" title="">' . ${'title' . $i} . '</a>';
echo '</td>';
echo '<td class="c-jobs--col c-jobs--col-description">';
echo '<a class="c-jobs--anchor" href="#" title="">Lorem ipsum</a>';
echo '<a class="c-jobs--anchor-alt" href="' . get_post_permalink( ${'id' . $i} ) . '" title="">' . ${'description' . $i} . '</a>';
echo '</td>';
echo '<td class="c-jobs--col c-jobs--col-city">';
echo 'Lorem ipsum';
echo ${'city' . $i};
echo '</td>';
echo '<td class="c-jobs--col c-jobs--col-salary">';
echo 'Lorem ipsum';
echo ${'salary' . $i};
echo '</td>';
echo '</tr>';
......
......@@ -49,9 +49,9 @@
}
.c-heading--landing-3 {
h1 { /* max-width: 230px; */ color: #fff; font-size: 21px; line-height: 32px; /* padding: 0 20px; */
h1 { color: #fff; font-size: 21px; line-height: 32px;
@media (--min--medium) {
max-width: 500px; font-size: 31px; line-height: 45px;
max-width: 500px; font-size: 36px; line-height: 45px;
}
span { color: #19C5A7; }
}
......@@ -66,7 +66,7 @@
.c-heading--landing-4 { color: #fff; padding: 0 20px;
h1 { /* max-width: 230px; */ color: #fff; font-size: 21px; line-height: 32px;
@media (--min--medium) {
max-width: 500px; font-size: 31px; line-height: 45px;
max-width: 500px; font-size: 36px; line-height: 45px;
}
span { color: #19C5A7; }
}
......
......@@ -5,6 +5,12 @@
.c-jobs { }
.c-jobs--alt {
@media (--max--medium) {
padding-top: 30px;
}
}
.c-jobs--inner { @extend .l-inner-small; }
.c-jobs--inner-custom { max-width: 990px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; }
......@@ -48,6 +54,12 @@
}
}
.c-jobs--col-description {
@media (--max--medium) {
width: 100%; padding-top: 0;
}
}
.c-jobs--col-valid,
.c-jobs--col-city {
@media (--max--medium) {
......@@ -78,10 +90,17 @@
width: 50%; border-bottom: 1px solid var(--color--gray-light); font-size: 13px; padding-top: 0; text-align: right;
}
}
.c-jobs--col-salary { color: #19C5A7; white-space: nowrap; padding-right: 15px; padding-left: 5px; width: 140px; text-align: right;
@media (--max--medium) {
width: 50%; border-bottom: 1px solid var(--color--gray-light); font-size: 13px; padding-top: 0; text-align: right;
}
}
/* critical:start */
.c-jobs--anchor { display: block; padding: 4px 0; color: #004ED4; font-weight: 500; line-height: 18px; text-decoration: none; }
.c-jobs--anchor-alt { display: block; padding: 4px 0; color: #2A3644; 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;
......@@ -93,6 +112,10 @@
&:visited { color: #551B89; }
}
.c-jobs--anchor-alt {
&:hover { text-decoration: underline; }
}
/* critical:start */
.c-jobs--more { margin-bottom: 50px;
......
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -60,8 +60,23 @@
</div>
</div><!-- .c-contact-landing-4--inner -->
</div><!-- .c-contact-landing-4 -->
<br>
<br>
<div class="c-jobs c-jobs--alt">
<div class="c-jobs--inner-custom">
<h2 class="c-jobs--headline"><?php _e('Free transport to / from work in these cities', 'biuro'); ?></h2>
</div>
<div style="border: 1px solid #000; height: 495px;">
</div>
</div>
<br>
<?php
if ( is_active_sidebar( 'front_page_feedbacks' ) ) :
dynamic_sidebar( 'front_page_feedbacks' );
......
......@@ -112,7 +112,7 @@
$contactsPage->the_post();
?>
<div class="c-footer-action">
<a href="<?php echo get_the_permalink(); ?>#action" class="o-btn c-btn--main c-btn--footer"><?php _e('Get a job offer', 'biuro'); ?></a>
<a href="<?php echo get_the_permalink(); ?>#action" class="js-submit-employees-form o-btn c-btn--main c-btn--footer"><?php _e('Get a job offer', 'biuro'); ?></a>
</div>
<?php
endwhile;
......@@ -154,7 +154,7 @@
<?php
endif;
?>
<script src="/wp-content/themes/biuro/js/main.min.js" async></script>
<script src="/wp-content/themes/biuro/js/main-44985e00.min.js" async></script>
<?php
// global $time_start;
......
......@@ -31,18 +31,18 @@
<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" >
<style><?php include 'css/core.min.css'; ?></style>
<style><?php include 'css/core-9fc5a0a5d0.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-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.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="/wp-content/themes/biuro/css/main-1cb140d15a.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preconnect" href="https://www.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-1cb140d15a.min.css">
</noscript>
<?php wp_head(); ?>
......
......@@ -31,18 +31,18 @@
<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" >
<style><?php include 'css/core.min.css'; ?></style>
<style><?php include 'css/core-9fc5a0a5d0.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-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.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="/wp-content/themes/biuro/css/main-1cb140d15a.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preconnect" href="https://www.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-1cb140d15a.min.css">
</noscript>
<?php wp_head(); ?>
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -773,6 +773,22 @@ if (document.querySelector('#submit-recommend')) {
});
}
if (document.querySelector('.js-submit-employees-form')) {
document.querySelector('.js-submit-employees-form').addEventListener('click', (e) => {
const button = document.querySelector('[name="form-employees"] [type="submit"]');
if (!button) {
return;
}
e.preventDefault();
e.currentTarget.classList.add('c-btn--disabled');
button.click();
});
}
const collapseContent = (n) => {
const h = n.scrollHeight;
const t = n.style.transition;
......
This diff is collapsed.
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