rayelliott
/
gulp-web
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: rayelliott:dcb2eadbbfaed28f7b06e8bfe87c33e3840f9dc3
Branches Tags
rayelliott:master
...
compare: rayelliott:49c56f9db091a95936c1c2e86d8c47b993b9e8bd
Branches Tags
rayelliott:master

4 Commits
dcb2eadbbf ... 49c56f9db0

Author SHA1 Message Date
rayelliott 49c56f9db0 update 2020-05-31 19:29:55 +00:00
rayelliott 1f860d06a5 update 2020-05-31 17:59:20 +00:00
rayelliott 8888d0ca0b add footer styling 2020-05-31 12:13:31 +00:00
rayelliott 0e546d6aa9 update 2020-05-30 21:11:48 +00:00
4 changed files with 305 additions and 58 deletions
Show Stats Expand all files Collapse all files

83
roomwithavw-custom.php
View File

@ -12,55 +12,64 @@
*/ */
function roomwithavw_custom_add_scripts() { function roomwithavw_custom_add_scripts() {
wp_register_script( 'roomwithavw-custom-script', plugins_url( 'assets/js/index.js', __FILE__ ), ['jquery-ui-datepicker'], '1.0', true ); wp_register_script( 'roomwithavw-custom-script', plugins_url( 'assets/js/index.js', __FILE__ ), '', '1.0', true );
wp_enqueue_script( 'roomwithavw-custom-script' ); wp_enqueue_script( 'roomwithavw-custom-script' );
wp_enqueue_style( 'roomwithavw-custom-styles', plugins_url( 'assets/css/style.css', __FILE__ ), '', '1.0' ); wp_enqueue_style( 'roomwithavw-custom-styles', plugins_url( 'assets/css/style.css', __FILE__ ), '', '1.0' );
} }
add_action( 'wp_enqueue_scripts', 'roomwithavw_custom_add_scripts' ); add_action( 'wp_enqueue_scripts', 'roomwithavw_custom_add_scripts' );
function roowitahvw_dequeue_scripts() {
wp_dequeue_script( LAYERS_THEME_SLUG . '-map-api' );
wp_deregister_script( LAYERS_THEME_SLUG . '-map-api' );
// wp_dequeue_script( LAYERS_THEME_SLUG . '-map-trigger' );
// wp_deregister_script( LAYERS_THEME_SLUG . '-map-trigger' );
}
add_action( 'wp_enqueue_scripts', 'roowitahvw_dequeue_scripts', 99 );
function roomwithavw_custom_enquiry_form() { function roomwithavw_custom_enquiry_form() {
?> ?>
<p class="lead"> <p class="lead">
We are family run business that enjoys liaising with our clients to ensure we provide the best experience. For this reason, unlike regular camper van hire companies, we are not using an online calendar booking system as we believe it takes away from the personal touch we strive to maintain. We are family run business that enjoys liaising with our clients to ensure we provide the best experience. For this reason, unlike regular camper van hire companies, we are not using an online calendar booking system as we believe it takes away from the personal touch we strive to maintain.
</p> </p>
<p class="lead"> <p class="lead">
Fill in the form below and one of our team will be in touch with you shortly. Fill in the form below and one of our team will be in touch with you shortly.
</p> </p>
<div class="enquiry-form wpcf7" role="form" dir="ltr"> <div class="enquiry-form wpcf7" role="form" dir="ltr">
<div class="screen-reader-response" aria-live="polite"></div> <div class="screen-reader-response" aria-live="polite"></div>
<!-- <form action="https://mailthis.to/mailthis@gabbaell.co.uk" method="post" class="wpcf7&#45;form" novalidate="novalidate"> --> <!-- <form action="https://mailthis.to/mailthis@gabbaell.co.uk" method="post" class="wpcf7&#45;form" novalidate="novalidate"> -->
<form action="" method="post" id="rwavw-enquiry-form" class="wpcf7-form" novalidate="novalidate"> <form action="" method="post" id="rwavw-enquiry-form" class="wpcf7-form" novalidate="novalidate">
<p><label> Forename (required)<br /> <p><label> Forename (required)<br />
<span class="wpcf7-form-control-wrap forename"><input type="text" name="forename" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label></p> <span class="wpcf7-form-control-wrap forename"><input type="text" name="forename" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label></p>
<p><label> Surname (required)<br /> <p><label> Surname (required)<br />
<span class="wpcf7-form-control-wrap surname"><input type="text" name="surname" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label></p> <span class="wpcf7-form-control-wrap surname"><input type="text" name="surname" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label></p>
<p class="dates"> <p class="dates">
<label> Booking Date<br /> <label> Booking Date<br />
<span class="wpcf7-form-control-wrap booking-date"> <span class="wpcf7-form-control-wrap booking-date">
<input type="date" name="booking-date" value="" class="rwavw-datepicker booking-date wpcf7-form-control wpcf7-date wpcf7-validates-as-date" aria-invalid="false" /> <input type="date" name="booking-date" value="" class="rwavw-datepicker booking-date wpcf7-form-control wpcf7-date wpcf7-validates-as-date" aria-invalid="false" />
</span>
</label>
</p>
<p>
<label> Number of Days<br />
<span class="wpcf7-form-control-wrap day-count">
<input type="number" name="day-count" value="3" class="days wpcf7-form-control wpcf7-number wpcf7-validates-as-number" aria-invalid="false" />
</span> </span>
</label> </label>
</p> </p>
<p><label> Your Email (required)<br /> <p>
<span class="wpcf7-form-control-wrap replyto"><input type="email" name="_replyto" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" /></span> </label></p> <label> Number of Days<br />
<p><input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" /></p> <span class="wpcf7-form-control-wrap day-count">
<div class="wpcf7-response-output wpcf7-display-none" aria-hidden="true"></div> <input type="number" name="day-count" value="3" class="days wpcf7-form-control wpcf7-number wpcf7-validates-as-number" aria-invalid="false" />
</form> </span>
</p> </label>
</div> </p>
<?php
<p><label> Your Email (required)<br />
<span class="wpcf7-form-control-wrap replyto"><input type="email" name="_replyto" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" /></span> </label></p>
<p><input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" /></p>
<div class="wpcf7-response-output wpcf7-display-none" aria-hidden="true"></div>
</form>
</p>
</div>
<?php
} }
add_shortcode('rwavw-capsule-enquiry', 'roomwithavw_custom_enquiry_form'); add_shortcode('rwavw-capsule-enquiry', 'roomwithavw_custom_enquiry_form');

14
src/scss/_faq.scss
View File

@ -1,12 +1,12 @@
body.rwavw-custom { body.rwavw-custom {
@media (min-width: 766.98px) { @media (min-width: 766.98px) and (min-height: 650px) {
#faq > .layout-boxed { .widget.rwavw-custom > #faq > .layout-boxed {
position: relative; position: relative;
bottom: 18rem; bottom: 18rem;
} }
} }
.wrapper-content > .layers-pro-accordion { .wrapper-content > .layers-pro-accordion.rwavw-custom {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
@ -39,7 +39,13 @@ body.rwavw-custom {
color: #4a5568; color: #4a5568;
} }
@media (min-width: 766.98px) { @media (min-width: 766.98px) and (min-height: 650px) {
.accordion-row {
margin-top: -30rem;
}
}
@media (min-width: 766.98px) and (min-height: 850px) {
margin-left: 15px; margin-left: 15px;
margin-right: 15px; margin-right: 15px;

133
src/scss/_featured.scss Normal file
View File

@ -0,0 +1,133 @@
body.rwavw-custom {
.widget.rwavw-featured {
h2 {
color: red;
}
> .fg {
padding-top: 0;
}
.pure-g {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
> .pure-u-1 {
flex: 0 0 100%;
&:nth-child(2n) {
background-color: rgba(#000, 0.05);
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 1.5rem;
font-size: 2.5rem;
font-weight: 500;
}
p {
font-size: 2rem;
}
img {
max-width: 46em;
}
> .row {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
> div {
// flex: 0 0 50%;
width: auto;
}
}
@media (max-width: 63.98em) {
&:nth-child(2n) {
}
}
@media (min-width: 64em) {
&:nth-child(2n) {
}
}
}
}
}
#footer {
// TODO set using theme - how?
color: #b0b0b0;
background-color: #272729;
a {
color: #fff;
font-weight: 600;
opacity: 0.8;
&.button-social {
color: #fff;
&.btn-massive > i {
font-size: 24px;
}
}
}
h2, h3, h4, h5, h6 {
color: inherit;
font-size: 2.4rem;
font-weight: 400;
line-height: 22px;
letter-spacing: 0.75px;
margin: 0 0 22px;
}
.section-title .heading + .excerpt {
margin-top: 22px;
}
p {
margin: 0 0 22px;
&:last-child {
margin: 0;
}
}
}
.footer-widgets {
.widget.invert,
.section-title.invert,
widget *:not(:link) {
color: inherit;
}
> .pure-g > .pure-u-1 {
padding: 44px 22px 0;
}
.section-title {
margin: 0 0 22px;
}
.content-vertical-massive {
padding-top: 0;
padding-bottom: 0;
}
// FIXME temp fix - why happening in first place??
.scroll-in-animation {
animation: none;
opacity: 1;
}
}
}

133
src/scss/style.scss
View File

@ -1,9 +1,50 @@
@import "featured";
@import "contact"; @import "contact";
@import "faq"; @import "faq";
#top-nav .ext-nav-toggle,
.state2 body.rwavw-custom .page-border.top {
@media (max-width: 767px) {
height: 40px !important;
}
}
body.rwavw-custom { body.rwavw-custom {
#top-nav .logo { #top-nav {
margin-top: 16px; .nav,
.logo {
float: none;
}
.logo {
margin-top: 0;
.sitename {
font-size: 16px;
font-weight: 600;
opacity: 0.9;
}
}
}
.top-nav-inner {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
&::before,
&::after {
content: none;
}
> .logo {
order: 5;
}
> .nav {
order: 10;
}
} }
.custom-logo-link img { .custom-logo-link img {
@ -15,21 +56,67 @@ body.rwavw-custom {
opacity: 0.7; opacity: 0.7;
} }
.page-border.bottom::after { .widget.rwavw-boxed {
content: ''; width: calc(100% - 80px);
display: block; max-width: 1160px;
position: absolute; margin-left: auto;
width: 100%; margin-right: auto;
height: 4px;
bottom: 100%;
left: 0;
background: linear-gradient(
to top,
rgba(#000, 0.1),
rgba(#000, 0)
);
} }
.page-border {
background-color: #fff;
&::after {
content: '';
display: block;
position: absolute;
background-color: rgba(#000, 0.03);
}
&.top::after,
&.bottom::after {
width: 100%;
height: 1px;
left: 0;
}
&.bottom::after {
bottom: 100%;
background-color: rgba(#000, 0.05);
}
&.top::after {
top: 100%;
}
&.left::after,
&.right::after {
width: 1px;
top: 0;
bottom: 0;
}
&.left::after {
left: 100%;
}
&.right::after {
right: 100%;
}
@at-root html.state2 .page-border.left::after {
top: 60px;
}
@at-root html.state2 .page-border.right::after {
top: 60px;
}
}
.page-border.bottom::after {
bottom: 100%;
}
.page-border.bottom::before { .page-border.bottom::before {
content: ''; content: '';
display: block; display: block;
@ -39,6 +126,18 @@ body.rwavw-custom {
top: 100%; top: 100%;
left: 0; left: 0;
background-color: rgba(#000, 0.9); background: linear-gradient(
to left,
rgba(#000, 0),
rgba(#000, 0.9) 32px,
rgba(#000, 1) 50%,
rgba(#000, 0) 50%
), linear-gradient(
to right,
rgba(#000, 0),
rgba(#000, 0.9) 32px,
rgba(#000, 1) 50%,
rgba(#000, 0) 50%
);
} }
} }