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 335 additions and 219 deletions
...@@ -15062,46 +15062,12 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -15062,46 +15062,12 @@ figure.woocommerce-product-gallery__wrapper {
15062 font-style: italic; 15062 font-style: italic;
15063 font-display: swap; 15063 font-display: swap;
15064 } 15064 }
15065 .col-xs-5ths, 15065 @font-face {
15066 .col-sm-5ths, 15066 font-family: "BemboStd-SemiboldItalic";
15067 .col-md-5ths, 15067 src: url("../fonts/BemboStd-SemiboldItalic.woff2") format("woff2"), url("../fonts/BemboStd-SemiboldItalic.woff") format("woff"), url("../fonts/BemboStd-SemiboldItalic.ttf") format("truetype");
15068 .col-lg-5ths { 15068 font-weight: 600;
15069 position: relative; 15069 font-style: italic;
15070 min-height: 1px; 15070 font-display: swap;
15071 margin-bottom: -5px;
15072 }
15073
15074 .col-lg-5ths {
15075 width: 20%;
15076 float: left;
15077 }
15078
15079 @media (min-width: 768px) {
15080 .col-lg-5ths {
15081 width: 33%;
15082 float: left;
15083 }
15084 .col-lg-5ths:last-of-type {
15085 display: none;
15086 }
15087 }
15088 @media (min-width: 992px) {
15089 .col-lg-5ths {
15090 width: 20%;
15091 float: left;
15092 }
15093 .col-lg-5ths:last-of-type {
15094 display: block;
15095 }
15096 }
15097 @media (min-width: 1200px) {
15098 .col-lg-5ths {
15099 width: 20%;
15100 float: left;
15101 }
15102 .col-lg-5ths:last-of-type {
15103 display: block;
15104 }
15105 } 15071 }
15106 .has-blue-color, 15072 .has-blue-color,
15107 .has-blue-color:visited { 15073 .has-blue-color:visited {
...@@ -15642,6 +15608,9 @@ body.understrap-no-sidebar .wp-block-cover.alignwide { ...@@ -15642,6 +15608,9 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
15642 font-size: 40px; 15608 font-size: 40px;
15643 line-height: 48px; 15609 line-height: 48px;
15644 } 15610 }
15611 .overlay-desc.header u {
15612 font-family: "BemboStd-SemiboldItalic";
15613 }
15645 15614
15646 .overlay-desc:not(.header) { 15615 .overlay-desc:not(.header) {
15647 position: relative; 15616 position: relative;
...@@ -15672,19 +15641,32 @@ body.understrap-no-sidebar .wp-block-cover.alignwide { ...@@ -15672,19 +15641,32 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
15672 line-height: 48px; 15641 line-height: 48px;
15673 text-transform: uppercase; 15642 text-transform: uppercase;
15674 } 15643 }
15644 .overlay-desc:not(.header) u {
15645 font-family: "BemboStd-SemiboldItalic";
15646 }
15675 15647
15676 .overlay-desc.full p { 15648 .overlay-desc.full p {
15677 align-self: center; 15649 align-self: center;
15678 width: 100%; 15650 width: 100%;
15679 text-align: center; 15651 text-align: center;
15680 } 15652 }
15681 .overlay-desc.full p .large, 15653 .overlay-desc.full p .large {
15654 color: #fff;
15655 font-size: 60px;
15656 line-height: 72px;
15657 }
15682 .overlay-desc.full p span { 15658 .overlay-desc.full p span {
15683 color: #fff; 15659 color: #fff;
15684 } 15660 }
15661 .overlay-desc.full u {
15662 font-family: "BemboStd-SemiboldItalic";
15663 text-transform: none;
15664 }
15685 15665
15686 .staff-images { 15666 .staff-images {
15667 display: flex;
15687 overflow: hidden; 15668 overflow: hidden;
15669 position: relative;
15688 } 15670 }
15689 .staff-images .image { 15671 .staff-images .image {
15690 padding-right: 0px; 15672 padding-right: 0px;
...@@ -15693,5 +15675,73 @@ body.understrap-no-sidebar .wp-block-cover.alignwide { ...@@ -15693,5 +15675,73 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
15693 backface-visibility: hidden; 15675 backface-visibility: hidden;
15694 background-color: #000; 15676 background-color: #000;
15695 } 15677 }
15678 .col-xs-5ths,
15679 .col-sm-5ths,
15680 .col-md-5ths,
15681 .col-lg-5ths {
15682 position: relative;
15683 min-height: 1px;
15684 margin-bottom: -5px;
15685 }
15686
15687 .col-lg-5ths {
15688 width: 20%;
15689 float: left;
15690 }
15691
15692 @media (max-width: 768px) {
15693 .col-lg-5ths {
15694 width: 33%;
15695 float: left;
15696 }
15697 .col-lg-5ths:last-of-type {
15698 display: none;
15699 }
15700 }
15701 .staff_text {
15702 display: none;
15703 visibility: hidden;
15704 width: 100%;
15705 position: absolute;
15706 top: 0;
15707 z-index: 999;
15708 margin: auto;
15709 left: 50%;
15710 transform: translate(-50%, 0);
15711 height: 100%;
15712 background-color: rgba(0, 0, 0, 0.59);
15713 color: #fff;
15714 }
15715 .staff_text .container {
15716 height: 100%;
15717 }
15718 .staff_text .container .row {
15719 height: 100%;
15720 }
15721 .staff_text .col-md-12 {
15722 height: 100%;
15723 display: flex;
15724 align-items: center;
15725 flex-direction: column;
15726 justify-content: center;
15727 }
15728 .staff_text h2, .staff_text .h2 {
15729 color: #fff;
15730 font-size: 60px;
15731 line-height: 72px;
15732 text-transform: uppercase;
15733 font-family: "TradeGothic";
15734 }
15735 .staff_text h3, .staff_text .h3 {
15736 font-size: 40px;
15737 line-height: 48px;
15738 font-weight: 400;
15739 font-family: "BemboStd-BoldItalic";
15740 }
15741
15742 .staff-images:hover .staff_text {
15743 visibility: visible;
15744 display: block;
15745 }
15696 15746
15697 /*# sourceMappingURL=child-theme.css.map */ 15747 /*# sourceMappingURL=child-theme.css.map */
...\ No newline at end of file ...\ 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 @@ ...@@ -15229,7 +15229,6 @@
15229 scrollTrigger: { 15229 scrollTrigger: {
15230 trigger: "#vc1", 15230 trigger: "#vc1",
15231 scroller: "body", 15231 scroller: "body",
15232 markers: true,
15233 scrub: true, 15232 scrub: true,
15234 pin: true, 15233 pin: true,
15235 start: "top top", 15234 start: "top top",
...@@ -15240,7 +15239,6 @@ ...@@ -15240,7 +15239,6 @@
15240 scrollTrigger: { 15239 scrollTrigger: {
15241 trigger: "#vc2", 15240 trigger: "#vc2",
15242 scroller: "body", 15241 scroller: "body",
15243 markers: true,
15244 scrub: true, 15242 scrub: true,
15245 pin: true, 15243 pin: true,
15246 start: "top top", 15244 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' ) ) { ...@@ -79,16 +79,23 @@ if ( is_page_template( 'page-templates/no-title.php' ) ) {
79 $images = get_field('staff'); 79 $images = get_field('staff');
80 $size = 'full'; // (thumbnail, medium, large, full or custom size) 80 $size = 'full'; // (thumbnail, medium, large, full or custom size)
81 if( $images ): ?> 81 if( $images ): ?>
82 <div class="staff-images"> 82 <div class="staff-images">
83 <div class="row"> 83 <div class="row">
84 <?php foreach( $images as $image_id ): ?> 84 <?php foreach( $images as $image_id ): ?>
85 <div class="image col-lg-5ths"> 85 <div class="image col-lg-5ths">
86 86 <?php echo wp_get_attachment_image( $image_id['id'], $size ); ?>
87 <?php echo wp_get_attachment_image( $image_id['id'], $size ); ?> 87 </div>
88 88 <?php endforeach; ?>
89 </div>
90 <div class="staff_text">
91 <div class="container">
92 <div class="row">
93 <div class="col-md-12">
94 <?php echo get_field('staff_text');?>
89 </div> 95 </div>
90 <?php endforeach; ?> 96 </div>
91 </div> 97 </div>
98 </div>
92 </div> 99 </div>
93 <?php endif; ?> 100 <?php endif; ?>
94 <div id="vc3"> 101 <div id="vc3">
......
...@@ -65,7 +65,7 @@ var tl1 = gsap.timeline({ ...@@ -65,7 +65,7 @@ var tl1 = gsap.timeline({
65 scrollTrigger: { 65 scrollTrigger: {
66 trigger: "#vc1", 66 trigger: "#vc1",
67 scroller: "body", 67 scroller: "body",
68 markers:true, 68
69 scrub: true, 69 scrub: true,
70 pin: true, 70 pin: true,
71 start: "top top", 71 start: "top top",
...@@ -77,7 +77,7 @@ var tl2 = gsap.timeline({ ...@@ -77,7 +77,7 @@ var tl2 = gsap.timeline({
77 scrollTrigger: { 77 scrollTrigger: {
78 trigger: "#vc2", 78 trigger: "#vc2",
79 scroller: "body", 79 scroller: "body",
80 markers:true, 80
81 scrub: true, 81 scrub: true,
82 pin: true, 82 pin: true,
83 start: "top top", 83 start: "top top",
......
...@@ -13,4 +13,5 @@ ...@@ -13,4 +13,5 @@
13 @import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks. 13 @import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks.
14 @import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support 14 @import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support
15 @import "theme/menu"; 15 @import "theme/menu";
16 @import "theme/body";
16 @import "theme/footer"; 17 @import "theme/footer";
...\ No newline at end of file ...\ No newline at end of file
......
1 .video-cont{
2 height: 100vh;
3 position: relative;
4 z-index: 9;
5 overflow: hidden;
6 background-position: center center;
7 background-repeat: no-repeat;
8 -webkit-background-size: cover;
9 -moz-background-size: cover;
10 background-size: cover;
11
12 }
13 .myVideo {
14 position: absolute;
15 min-width: 100%;
16 min-height: 100%;
17 width: auto;
18 height: auto;
19 top: 50%;
20 left: 50%;
21 -o-object-fit: contain;
22 object-fit: contain;
23 -webkit-transform: translate(-50%,-50%);
24 -moz-transform: translate(-50%,-50%);
25 -ms-transform: translate(-50%,-50%);
26 -o-transform: translate(-50%,-50%);
27 transform: translate(-50%,-50%);
28 }
29
30
31
32
33 #full-width-page-wrapper{
34 padding-top: 0px;
35 }
36
37 .scroll-content{
38 position: relative;
39 z-index: 999;
40 }
41
42
43 .overlay-desc.header {
44 position: relative;
45 z-index: 999;
46 display: flex;
47 flex-direction: column;
48 align-items: center;
49 justify-content: center;
50 height: 786px;
51 h1{
52 align-self:flex-start;
53 font-family: 'TradeGothic';
54 }
55 span{
56 color: #666666;
57 font-size: 24px;
58 line-height: 32px;
59 display: block;
60 overflow: hidden;
61 margin-bottom: 15px;
62 }
63 .large{
64 color: #333333;
65 font-size: 40px;
66 line-height: 48px;
67
68 }
69 u{
70 font-family: 'BemboStd-SemiboldItalic';
71 }
72 }
73
74 .overlay-desc:not(.header) {
75 position: relative;
76 z-index: 999;
77 display: flex;
78 flex-direction: column;
79 align-items: center;
80 justify-content:center;
81 height: 786px;
82 p{
83 display: flex;
84 align-self: flex-end;
85 width: 50%;
86 flex-direction: column;
87 margin-top: 100px;
88 }
89 span{
90 color: #666666;
91 font-size: 24px;
92 line-height: 32px;
93 font-family: 'TradeGothic';
94 margin-bottom: 10px;
95 }
96 .large{
97 color: #333333;
98 font-size: 40px;
99 line-height: 48px;
100 text-transform: uppercase;
101 }
102 u{
103 font-family: 'BemboStd-SemiboldItalic';
104 }
105 }
106
107 .overlay-desc.full {
108 p{
109 align-self: center;
110 width: 100%;
111 text-align: center;
112 .large{
113 color: #fff;
114 font-size: 60px;
115 line-height: 72px;
116 }
117 span{
118 color: #fff;
119 }
120 }
121 u{
122 font-family: 'BemboStd-SemiboldItalic';
123 text-transform: none;
124 }
125 }
126
127
128 .staff-images{
129 display: flex;
130 overflow: hidden;
131 position: relative;
132 .image{
133 padding-right:0px;
134 padding-left:0px;
135 -webkit-backface-visibility: hidden;
136 backface-visibility: hidden;
137 background-color: #000;
138 img{
139
140 }
141 }
142 }
143
144
145 .col-xs-5ths,
146 .col-sm-5ths,
147 .col-md-5ths,
148 .col-lg-5ths {
149 position: relative;
150 min-height: 1px;
151 margin-bottom: -5px;
152 }
153
154 .col-lg-5ths{
155 width: 20%;
156 float: left;
157 }
158
159 @media (max-width: 768px) {
160 .col-lg-5ths {
161 width: 33%;
162 float: left;
163 }
164 .col-lg-5ths:last-of-type {
165 display: none;
166 }
167 }
168
169 .staff_text{
170 display: none;
171 visibility: hidden;
172 width: 100%;
173 position: absolute;
174 top: 0;
175 z-index: 999;
176 margin: auto;
177 left: 50%;
178 transform: translate(-50%, 0);
179 height: 100%;
180 background-color: rgba($color: #000000, $alpha: 0.59);
181 color: #fff;
182 .container{
183 height: 100%;
184 .row{
185 height: 100%;
186 }
187 }
188 .col-md-12{
189 height: 100%;
190 display: flex;
191 align-items: center;
192 flex-direction:column;
193 justify-content: center;
194
195 }
196 h2{
197 color: #fff;
198 font-size: 60px;
199 line-height: 72px;
200 text-transform: uppercase;
201 font-family: 'TradeGothic';
202 }
203 h3{
204 font-size: 40px;
205 line-height: 48px;
206 font-weight: 400;
207 font-family: 'BemboStd-BoldItalic';
208 }
209 }
210 .staff-images:hover{
211 .staff_text{
212 visibility: visible;
213 display: block;
214 }
215 }
216
217
...@@ -124,46 +124,17 @@ ...@@ -124,46 +124,17 @@
124 font-display: swap; 124 font-display: swap;
125 } 125 }
126 126
127 .col-xs-5ths,
128 .col-sm-5ths,
129 .col-md-5ths,
130 .col-lg-5ths {
131 position: relative;
132 min-height: 1px;
133 margin-bottom: -5px;
134 }
135 127
136 .col-lg-5ths{
137 width: 20%;
138 float: left;
139 }
140 128
141 @media (min-width: 768px) {
142 .col-lg-5ths {
143 width: 33%;
144 float: left;
145 }
146 .col-lg-5ths:last-of-type {
147 display: none;
148 }
149 }
150 129
151 @media (min-width: 992px) { 130 @font-face {
152 .col-lg-5ths { 131 font-family: 'BemboStd-SemiboldItalic';
153 width: 20%; 132 src: url('../fonts/BemboStd-SemiboldItalic.woff2') format('woff2'),
154 float: left; 133 url('../fonts/BemboStd-SemiboldItalic.woff') format('woff'),
155 } 134 url('../fonts/BemboStd-SemiboldItalic.ttf') format('truetype');
156 .col-lg-5ths:last-of-type { 135 font-weight: 600;
157 display: block; 136 font-style: italic;
158 } 137 font-display: swap;
159 } 138 }
160 139
161 @media (min-width: 1200px) { 140
162 .col-lg-5ths {
163 width: 20%;
164 float: left;
165 }
166 .col-lg-5ths:last-of-type {
167 display: block;
168 }
169 }
......
...@@ -50,131 +50,3 @@ ...@@ -50,131 +50,3 @@
50 } 50 }
51 } 51 }
52 52
53
54
55 .video-cont{
56 height: 100vh;
57 position: relative;
58 z-index: 9;
59 overflow: hidden;
60 background-position: center center;
61 background-repeat: no-repeat;
62 -webkit-background-size: cover;
63 -moz-background-size: cover;
64 background-size: cover;
65
66 }
67 .myVideo {
68 position: absolute;
69 min-width: 100%;
70 min-height: 100%;
71 width: auto;
72 height: auto;
73 top: 50%;
74 left: 50%;
75 -o-object-fit: contain;
76 object-fit: contain;
77 -webkit-transform: translate(-50%,-50%);
78 -moz-transform: translate(-50%,-50%);
79 -ms-transform: translate(-50%,-50%);
80 -o-transform: translate(-50%,-50%);
81 transform: translate(-50%,-50%);
82 }
83
84
85
86
87 #full-width-page-wrapper{
88 padding-top: 0px;
89 }
90
91 .scroll-content{
92 position: relative;
93 z-index: 999;
94 }
95
96
97 .overlay-desc.header {
98 position: relative;
99 z-index: 999;
100 display: flex;
101 flex-direction: column;
102 align-items: center;
103 justify-content: center;
104 height: 786px;
105 h1{
106 align-self:flex-start;
107 font-family: 'TradeGothic';
108 }
109 span{
110 color: #666666;
111 font-size: 24px;
112 line-height: 32px;
113 display: block;
114 overflow: hidden;
115 margin-bottom: 15px;
116 }
117 .large{
118 color: #333333;
119 font-size: 40px;
120 line-height: 48px;
121
122 }
123 }
124
125 .overlay-desc:not(.header) {
126 position: relative;
127 z-index: 999;
128 display: flex;
129 flex-direction: column;
130 align-items: center;
131 justify-content:center;
132 height: 786px;
133 p{
134 display: flex;
135 align-self: flex-end;
136 width: 50%;
137 flex-direction: column;
138 margin-top: 100px;
139 }
140 span{
141 color: #666666;
142 font-size: 24px;
143 line-height: 32px;
144 font-family: 'TradeGothic';
145 margin-bottom: 10px;
146 }
147 .large{
148 color: #333333;
149 font-size: 40px;
150 line-height: 48px;
151 text-transform: uppercase;
152 }
153 }
154
155 .overlay-desc.full {
156 p{
157 align-self: center;
158 width: 100%;
159 text-align: center;
160 .large,
161 span{
162 color: #fff;
163 }
164 }
165 }
166
167
168 .staff-images{
169 overflow: hidden;
170 .image{
171 padding-right:0px;
172 padding-left:0px;
173 -webkit-backface-visibility: hidden;
174 backface-visibility: hidden;
175 background-color: #000;
176 img{
177
178 }
179 }
180 }
...\ No newline at end of file ...\ No newline at end of file
......