Skip to content

Tenzing / Tenzing-Web-2023

Go to a project
Toggle navigation
Toggle navigation pinning
3374e4e0 by Jeff Balicki
Options

xxx 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 31d3bf62
Expand all
Inline Side-by-side
Showing 11 changed files with 148 additions and 9 deletions
......@@ -50,7 +50,10 @@
<h3><?php the_sub_field('content_title'); ?> </h3>
<?php the_sub_field('content'); ?>
</div>
<a class="whole-story" href="#">Get the whole story… </a>
<a class="whole-story" href="javascript:void(0);">Get the whole story… </a>
</div>
<div class="tile-form mobile">
<?php echo do_shortcode('[contact-form-7 id="154"]'); ?>
</div>
</div>
</div>
......
......@@ -16070,7 +16070,7 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
}
@media (max-width: 800px) {
.tile .tile_content p {
text-align: center;
text-align: left;
font-size: 16px;
line-height: 19px;
}
......@@ -16088,10 +16088,17 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
margin: auto;
}
}
.tile .tile_content .tile-form.mobile,
.tile .tile_content .tile-form.mobile {
display: none;
}
.tile .tile_content .tile_content.mobile {
display: none;
}
@media (max-width: 800px) {
.tile .tile_content .tile_content.mobile {
display: block;
}
}
.tile .tile_content .title-mobile {
display: none;
}
......@@ -16132,7 +16139,6 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
color: #fff;
text-decoration: none;
font-weight: 400;
width: 100%;
}
@media (max-width: 800px) {
.tile .tile_content .text .whole-story {
......@@ -16155,6 +16161,11 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
flex-wrap: wrap;
height: 90%;
}
@media (max-width: 800px) {
.tile-form {
width: 100%;
}
}
.tile-form .wpcf7 {
margin-left: 0px !important;
}
......@@ -16174,26 +16185,69 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
display: flex;
margin-top: -50%;
}
@media (max-width: 800px) {
.flip .tile-form {
margin-top: 40px;
}
}
.flip .text {
margin-top: -47%;
}
@media (max-width: 800px) {
.flip .text {
margin-top: 0%;
}
}
@media (max-width: 800px) {
.flip .text div {
display: none;
}
}
.flip .got-it {
width: 740px;
}
@media (max-width: 800px) {
.flip .got-it {
width: unset;
margin-top: -100px;
}
}
.flip .whole-story:hover {
text-decoration: none !important;
}
@media (max-width: 800px) {
.flip .whole-story {
margin-top: 0px !important;
}
}
.flip .whole-story:after {
content: "x";
line-height: 14px;
margin-left: 40%;
color: #333;
height: 20px;
width: 20px;
background-color: #FFB547;
text-decoration: none !important;
margin-left: 40%;
}
@media (max-width: 800px) {
.flip .whole-story:after {
margin-left: 0px !important;
float: right;
}
}
.flip .whole-story:hover:after {
background-color: #666666;
text-decoration: none !important;
}
.flip .tile-form.mobile {
display: none;
}
@media (max-width: 800px) {
.flip .tile-form.mobile {
display: block !important;
}
}
.tile:hover .hover_content {
opacity: 1;
......@@ -16267,4 +16321,14 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
color: #333 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
border-width: 0;
color: #fff;
font-size: 20px;
line-height: 24px;
text-align: left;
margin: 0px;
padding: 0px;
}
/*# sourceMappingURL=child-theme.css.map */
\ No newline at end of file
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -17006,7 +17006,16 @@
});
$('.whole-story').click(function () {
$(this).parents('.tile_content').toggleClass('flip');
if ($(this).hasClass('got-it')) {
$('.whole-story').html('Get the whole story…').removeClass('got-it');
}
});
document.addEventListener('wpcf7mailsent', function (event) {
if ('154' == event.detail.contactFormId) {
$(".wpcf7-form.sent").find('p').hide();
$('.whole-story').html('GOT IT!').addClass('got-it');
}
}, true);
gsapWithCSS.registerPlugin(ScrollTrigger);
var tl = gsapWithCSS.timeline();
tl.from("h1 span", {
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -64,8 +64,19 @@ jQuery(document).ready(function($) {
$('.whole-story').click(function(){
$(this).parents('.tile_content').toggleClass('flip');
if( $(this).hasClass('got-it')){
$('.whole-story').html('Get the whole story…').removeClass('got-it');
}
});
document.addEventListener( 'wpcf7mailsent', function( event ) {
if ( '154' == event.detail.contactFormId ) {
$(".wpcf7-form.sent").find('p').hide();
$('.whole-story').html('GOT IT!').addClass('got-it');
}
}, true );
gsap.registerPlugin(ScrollTrigger);
var tl = gsap.timeline();
......
......@@ -107,7 +107,7 @@
font-family: 'TradeGothic';
text-align: left;
@media (max-width: 800px) {
text-align: center;
text-align: left;
font-size: 16px;
line-height: 19px;
}
......@@ -123,9 +123,15 @@
margin: auto;
}
}
.tile-form.mobile,
.tile-form.mobile{
display: none;
}
.tile_content.mobile{
display: none;
@media (max-width: 800px) {
display: block;
}
}
.title-mobile{
display: none;
......@@ -162,7 +168,7 @@
color: #fff;
text-decoration: none;
font-weight: 400;
width: 100%;
@media (max-width: 800px) {
display: block;
text-align: center;
......@@ -185,6 +191,9 @@
display: flex;
flex-direction: column;
width: 55%;
@media (max-width: 800px) {
width: 100%;
}
justify-content: space-between;
flex-wrap: wrap;
height: 90%;
......@@ -209,27 +218,61 @@
.tile-form{
display: flex;
margin-top: -50%;
@media (max-width: 800px) {
margin-top: 40px;
}
}
.text{
margin-top: -47%;
@media (max-width: 800px) {
margin-top: 0%;
}
}
.text div{
@media (max-width: 800px) {
display: none;
}
}
.got-it{
width: 740px;
@media (max-width: 800px) {
width: unset;
margin-top: -100px;
}
}
.whole-story:hover{
text-decoration: none !important;
}
.whole-story{
@media (max-width: 800px) {
margin-top: 0px !important;
}
}
.whole-story:after{
content: "x";
line-height: 14px;
margin-left: 40%;
color: #333;
height: 20px;
width: 20px;
background-color:#FFB547;
text-decoration: none !important;
margin-left: 40%;
@media (max-width: 800px) {
margin-left: 0px !important;
float: right;
}
}
.whole-story:hover:after{
background-color:#666666;
text-decoration: none !important;
}
.tile-form.mobile{
display: none;
@media (max-width: 800px) {
display: block !important;
}
}
}
......@@ -314,4 +357,13 @@
.wpcf7-submit:hover{
background-color: #FFD9A2 !important;
color: #333 !important;
}
.wpcf7 form.sent .wpcf7-response-output{
border-width: 0;
color: #fff;
font-size: 20px;
line-height: 24px;
text-align: left;
margin: 0px;
padding: 0px;
}
\ No newline at end of file
......