Skip to content

Tenzing / Tenzing-Web-2023

Go to a project
Toggle navigation
Toggle navigation pinning
be6cfbfb by Jeff Balicki
Options

fonts 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 47a0306b
Expand all
Inline Side-by-side
Showing 18 changed files with 330 additions and 214 deletions
......@@ -15062,46 +15062,12 @@ figure.woocommerce-product-gallery__wrapper {
font-style: italic;
font-display: swap;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
margin-bottom: -5px;
}
.col-lg-5ths {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-lg-5ths {
width: 33%;
float: left;
}
.col-lg-5ths:last-of-type {
display: none;
}
}
@media (min-width: 992px) {
.col-lg-5ths {
width: 20%;
float: left;
}
.col-lg-5ths:last-of-type {
display: block;
}
}
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
.col-lg-5ths:last-of-type {
display: block;
}
@font-face {
font-family: "BemboStd-SemiboldItalic";
src: url("../fonts/BemboStd-SemiboldItalic.woff2") format("woff2"), url("../fonts/BemboStd-SemiboldItalic.woff") format("woff"), url("../fonts/BemboStd-SemiboldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
.has-blue-color,
.has-blue-color:visited {
......@@ -15642,6 +15608,9 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
font-size: 40px;
line-height: 48px;
}
.overlay-desc.header u {
font-family: "BemboStd-SemiboldItalic";
}
.overlay-desc:not(.header) {
position: relative;
......@@ -15672,19 +15641,32 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
line-height: 48px;
text-transform: uppercase;
}
.overlay-desc:not(.header) u {
font-family: "BemboStd-SemiboldItalic";
}
.overlay-desc.full p {
align-self: center;
width: 100%;
text-align: center;
}
.overlay-desc.full p .large,
.overlay-desc.full p .large {
color: #fff;
font-size: 60px;
line-height: 72px;
}
.overlay-desc.full p span {
color: #fff;
}
.overlay-desc.full u {
font-family: "BemboStd-SemiboldItalic";
text-transform: none;
}
.staff-images {
display: flex;
overflow: hidden;
position: relative;
}
.staff-images .image {
padding-right: 0px;
......@@ -15693,5 +15675,73 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
backface-visibility: hidden;
background-color: #000;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
margin-bottom: -5px;
}
.col-lg-5ths {
width: 20%;
float: left;
}
@media (max-width: 768px) {
.col-lg-5ths {
width: 33%;
float: left;
}
.col-lg-5ths:last-of-type {
display: none;
}
}
.staff_text {
display: none;
visibility: hidden;
width: 100%;
position: absolute;
top: 0;
z-index: 999;
margin: auto;
left: 50%;
transform: translate(-50%, 0);
height: 100%;
background-color: rgba(0, 0, 0, 0.59);
color: #fff;
}
.staff_text .container {
height: 100%;
}
.staff_text .container .row {
height: 100%;
}
.staff_text .col-md-12 {
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.staff_text h2, .staff_text .h2 {
color: #fff;
font-size: 60px;
line-height: 72px;
text-transform: uppercase;
font-family: "TradeGothic";
}
.staff_text h3, .staff_text .h3 {
font-size: 40px;
line-height: 48px;
font-weight: 400;
font-family: "BemboStd-BoldItalic";
}
.staff-images:hover .staff_text {
visibility: visible;
display: block;
}
/*# 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.
......@@ -15229,7 +15229,6 @@
scrollTrigger: {
trigger: "#vc1",
scroller: "body",
markers: true,
scrub: true,
pin: true,
start: "top top",
......@@ -15240,7 +15239,6 @@
scrollTrigger: {
trigger: "#vc2",
scroller: "body",
markers: true,
scrub: true,
pin: true,
start: "top top",
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -79,16 +79,23 @@ if ( is_page_template( 'page-templates/no-title.php' ) ) {
$images = get_field('staff');
$size = 'full'; // (thumbnail, medium, large, full or custom size)
if( $images ): ?>
<div class="staff-images">
<div class="staff-images">
<div class="row">
<?php foreach( $images as $image_id ): ?>
<div class="image col-lg-5ths">
<?php echo wp_get_attachment_image( $image_id['id'], $size ); ?>
</div>
<?php endforeach; ?>
</div>
<div class="staff_text">
<div class="container">
<div class="row">
<div class="col-md-12">
<?php echo get_field('staff_text');?>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<div id="vc3">
......
......@@ -65,7 +65,7 @@ var tl1 = gsap.timeline({
scrollTrigger: {
trigger: "#vc1",
scroller: "body",
markers:true,
scrub: true,
pin: true,
start: "top top",
......@@ -77,7 +77,7 @@ var tl2 = gsap.timeline({
scrollTrigger: {
trigger: "#vc2",
scroller: "body",
markers:true,
scrub: true,
pin: true,
start: "top top",
......
......@@ -13,4 +13,5 @@
@import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks.
@import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support
@import "theme/menu";
@import "theme/body";
@import "theme/footer";
\ No newline at end of file
......
.video-cont{
height: 100vh;
position: relative;
z-index: 9;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.myVideo {
position: absolute;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
top: 50%;
left: 50%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
#full-width-page-wrapper{
padding-top: 0px;
}
.scroll-content{
position: relative;
z-index: 999;
}
.overlay-desc.header {
position: relative;
z-index: 999;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 786px;
h1{
align-self:flex-start;
font-family: 'TradeGothic';
}
span{
color: #666666;
font-size: 24px;
line-height: 32px;
display: block;
overflow: hidden;
margin-bottom: 15px;
}
.large{
color: #333333;
font-size: 40px;
line-height: 48px;
}
u{
font-family: 'BemboStd-SemiboldItalic';
}
}
.overlay-desc:not(.header) {
position: relative;
z-index: 999;
display: flex;
flex-direction: column;
align-items: center;
justify-content:center;
height: 786px;
p{
display: flex;
align-self: flex-end;
width: 50%;
flex-direction: column;
margin-top: 100px;
}
span{
color: #666666;
font-size: 24px;
line-height: 32px;
font-family: 'TradeGothic';
margin-bottom: 10px;
}
.large{
color: #333333;
font-size: 40px;
line-height: 48px;
text-transform: uppercase;
}
u{
font-family: 'BemboStd-SemiboldItalic';
}
}
.overlay-desc.full {
p{
align-self: center;
width: 100%;
text-align: center;
.large{
color: #fff;
font-size: 60px;
line-height: 72px;
}
span{
color: #fff;
}
}
u{
font-family: 'BemboStd-SemiboldItalic';
text-transform: none;
}
}
.staff-images{
display: flex;
overflow: hidden;
position: relative;
.image{
padding-right:0px;
padding-left:0px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: #000;
img{
}
}
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
margin-bottom: -5px;
}
.col-lg-5ths{
width: 20%;
float: left;
}
@media (max-width: 768px) {
.col-lg-5ths {
width: 33%;
float: left;
}
.col-lg-5ths:last-of-type {
display: none;
}
}
.staff_text{
display: none;
visibility: hidden;
width: 100%;
position: absolute;
top: 0;
z-index: 999;
margin: auto;
left: 50%;
transform: translate(-50%, 0);
height: 100%;
background-color: rgba($color: #000000, $alpha: 0.59);
color: #fff;
.container{
height: 100%;
.row{
height: 100%;
}
}
.col-md-12{
height: 100%;
display: flex;
align-items: center;
flex-direction:column;
justify-content: center;
}
h2{
color: #fff;
font-size: 60px;
line-height: 72px;
text-transform: uppercase;
font-family: 'TradeGothic';
}
h3{
font-size: 40px;
line-height: 48px;
font-weight: 400;
font-family: 'BemboStd-BoldItalic';
}
}
.staff-images:hover{
.staff_text{
visibility: visible;
display: block;
}
}
......@@ -124,46 +124,17 @@
font-display: swap;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
margin-bottom: -5px;
}
.col-lg-5ths{
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-lg-5ths {
width: 33%;
float: left;
}
.col-lg-5ths:last-of-type {
display: none;
}
}
@media (min-width: 992px) {
.col-lg-5ths {
width: 20%;
float: left;
}
.col-lg-5ths:last-of-type {
display: block;
}
@font-face {
font-family: 'BemboStd-SemiboldItalic';
src: url('../fonts/BemboStd-SemiboldItalic.woff2') format('woff2'),
url('../fonts/BemboStd-SemiboldItalic.woff') format('woff'),
url('../fonts/BemboStd-SemiboldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
.col-lg-5ths:last-of-type {
display: block;
}
}
......
......@@ -50,131 +50,3 @@
}
}
.video-cont{
height: 100vh;
position: relative;
z-index: 9;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.myVideo {
position: absolute;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
top: 50%;
left: 50%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
#full-width-page-wrapper{
padding-top: 0px;
}
.scroll-content{
position: relative;
z-index: 999;
}
.overlay-desc.header {
position: relative;
z-index: 999;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 786px;
h1{
align-self:flex-start;
font-family: 'TradeGothic';
}
span{
color: #666666;
font-size: 24px;
line-height: 32px;
display: block;
overflow: hidden;
margin-bottom: 15px;
}
.large{
color: #333333;
font-size: 40px;
line-height: 48px;
}
}
.overlay-desc:not(.header) {
position: relative;
z-index: 999;
display: flex;
flex-direction: column;
align-items: center;
justify-content:center;
height: 786px;
p{
display: flex;
align-self: flex-end;
width: 50%;
flex-direction: column;
margin-top: 100px;
}
span{
color: #666666;
font-size: 24px;
line-height: 32px;
font-family: 'TradeGothic';
margin-bottom: 10px;
}
.large{
color: #333333;
font-size: 40px;
line-height: 48px;
text-transform: uppercase;
}
}
.overlay-desc.full {
p{
align-self: center;
width: 100%;
text-align: center;
.large,
span{
color: #fff;
}
}
}
.staff-images{
overflow: hidden;
.image{
padding-right:0px;
padding-left:0px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: #000;
img{
}
}
}
\ No newline at end of file
......