blocks
Signed-off-by: Jeff <jeff@gotenzing.com>
Showing
14 changed files
with
385 additions
and
2 deletions
| 1 | <?php | ||
| 2 | |||
| 3 | /** | ||
| 4 | * Link Block Template. | ||
| 5 | * | ||
| 6 | * @param array $block The block settings and attributes. | ||
| 7 | * @param string $content The block inner HTML (empty). | ||
| 8 | * @param bool $is_preview True during AJAX preview. | ||
| 9 | * @param (int|string) $post_id The post ID this block is saved to. | ||
| 10 | */ | ||
| 11 | |||
| 12 | |||
| 13 | |||
| 14 | $fields = get_fields(); | ||
| 15 | $style = get_field('style'); | ||
| 16 | $new_window=""; | ||
| 17 | if($fields['new_window']){ | ||
| 18 | $new_window ='target="_blank"'; | ||
| 19 | } | ||
| 20 | $return = ''; | ||
| 21 | if($fields['modal']){ | ||
| 22 | $new_window = 'href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#Modal"'; | ||
| 23 | $page_data = get_page_by_path( $fields['link'] ); | ||
| 24 | $return .= '<div class="modal fade" id="Modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> | ||
| 25 | <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> | ||
| 26 | <div class="modal-content"> | ||
| 27 | <div class="modal-body"> | ||
| 28 | <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> | ||
| 29 | <div class="body-content">'; | ||
| 30 | $return .= $page_data->post_content; | ||
| 31 | $return .='</div></div></div></div></div>'; | ||
| 32 | echo $return; | ||
| 33 | } | ||
| 34 | |||
| 35 | |||
| 36 | |||
| 37 | switch($style){ | ||
| 38 | case 'image': ?> | ||
| 39 | <a class="block-link" <?php echo $new_window; ?> href="<?php echo $fields['link']; ?>"> | ||
| 40 | <div class="link-block single"> | ||
| 41 | <div class="link-block image" style="background-image: url('<?php the_field('image'); ?>')"> | ||
| 42 | </div> | ||
| 43 | <div class="link"><?php echo $fields['link_text']; ?> </div> | ||
| 44 | </div> | ||
| 45 | </a> | ||
| 46 | <?php | ||
| 47 | break; | ||
| 48 | case 'text': ?> | ||
| 49 | <a class="block-link" <?php echo $new_window; ?> href="<?php echo $fields['link']; ?>"> | ||
| 50 | <div class="link-block text"> | ||
| 51 | <?php echo $fields['text']; ?> | ||
| 52 | <div class="link"><?php echo $fields['link_text']; ?> </div> | ||
| 53 | </div> | ||
| 54 | </a> | ||
| 55 | <?php | ||
| 56 | break; | ||
| 57 | case 'image-text': | ||
| 58 | if($fields['link'] != ""){?> | ||
| 59 | <a class="block-link" <?php echo $new_window; ?> href="<?php echo $fields['link']; ?>"> | ||
| 60 | <div class="link-block image-text"> | ||
| 61 | <div class="row"> | ||
| 62 | |||
| 63 | <div class="col-md-12 col-lg-12 img-content"><div class="img" style="background-image: url('<?php the_field('image'); ?>')"> </div></div> | ||
| 64 | <div class="col-md-12 col-lg-12 text"><?php echo $fields['text']; ?></div> | ||
| 65 | </div> | ||
| 66 | <div class="link"><?php echo $fields['link_text']; ?> </div> | ||
| 67 | </div> | ||
| 68 | </a> | ||
| 69 | <?php | ||
| 70 | }else{ ?> | ||
| 71 | <div class="link-block image-text no-link"> | ||
| 72 | <div class="row"> | ||
| 73 | |||
| 74 | <div class="col-md-12 col-lg-12 img" style="background-image: url('<?php the_field('image'); ?>')"> </div> | ||
| 75 | <div class="col-md-12 col-lg-12 text"><?php echo $fields['text']; ?></div> | ||
| 76 | </div> | ||
| 77 | </div> | ||
| 78 | <?php } | ||
| 79 | break; | ||
| 80 | default: ?> | ||
| 81 | <p>Please select style.</p> | ||
| 82 | |||
| 83 | <?php | ||
| 84 | |||
| 85 | }; | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -15128,6 +15128,136 @@ input[aria-invalid=true], select[aria-invalid=true] { | ... | @@ -15128,6 +15128,136 @@ input[aria-invalid=true], select[aria-invalid=true] { |
| 15128 | margin-top: -120px; | 15128 | margin-top: -120px; |
| 15129 | } | 15129 | } |
| 15130 | 15130 | ||
| 15131 | .block-link { | ||
| 15132 | text-decoration: none; | ||
| 15133 | } | ||
| 15134 | .block-link .link-block { | ||
| 15135 | color: #000; | ||
| 15136 | height: 350px; | ||
| 15137 | position: relative; | ||
| 15138 | overflow: hidden; | ||
| 15139 | box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); | ||
| 15140 | } | ||
| 15141 | .block-link .link-block .image { | ||
| 15142 | background-size: cover; | ||
| 15143 | background-position: center; | ||
| 15144 | transition: 0.5s; | ||
| 15145 | } | ||
| 15146 | .block-link .link-block .link { | ||
| 15147 | padding-top: 18px; | ||
| 15148 | text-transform: uppercase; | ||
| 15149 | color: #fff; | ||
| 15150 | font-size: 16px; | ||
| 15151 | line-height: 20px; | ||
| 15152 | position: absolute; | ||
| 15153 | bottom: 0px; | ||
| 15154 | left: 0px; | ||
| 15155 | width: 100%; | ||
| 15156 | height: 50px; | ||
| 15157 | text-align: center; | ||
| 15158 | background-size: cover; | ||
| 15159 | background-position: top right; | ||
| 15160 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23183668' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E"); | ||
| 15161 | } | ||
| 15162 | .block-link .link-block.text { | ||
| 15163 | padding: 40px 32px 0px 32px; | ||
| 15164 | } | ||
| 15165 | |||
| 15166 | .block-link:hover .link-block { | ||
| 15167 | color: #000; | ||
| 15168 | } | ||
| 15169 | .block-link:hover .link-block .image { | ||
| 15170 | transform: scale(1.1) !important; | ||
| 15171 | background-position: center; | ||
| 15172 | transition: 0.3s; | ||
| 15173 | } | ||
| 15174 | .block-link:hover .link-block .link { | ||
| 15175 | font-weight: 700; | ||
| 15176 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23132C55' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E"); | ||
| 15177 | } | ||
| 15178 | |||
| 15179 | .link-block.image-text { | ||
| 15180 | overflow: hidden; | ||
| 15181 | padding: 0px; | ||
| 15182 | height: auto; | ||
| 15183 | } | ||
| 15184 | .link-block.image-text .text { | ||
| 15185 | padding: 25px 47px 60px 47px; | ||
| 15186 | } | ||
| 15187 | .link-block.image-text .img-content { | ||
| 15188 | overflow: hidden; | ||
| 15189 | padding: 0px; | ||
| 15190 | } | ||
| 15191 | .link-block.image-text .img { | ||
| 15192 | background-size: cover; | ||
| 15193 | background-position: center; | ||
| 15194 | min-height: 250px; | ||
| 15195 | -o-object-fit: cover; | ||
| 15196 | object-fit: cover; | ||
| 15197 | } | ||
| 15198 | @media only screen and (max-width: 800px) { | ||
| 15199 | .link-block.image-text .img { | ||
| 15200 | min-height: 300px; | ||
| 15201 | } | ||
| 15202 | } | ||
| 15203 | .link-block.image-text .link { | ||
| 15204 | padding-top: 35px; | ||
| 15205 | height: 70px; | ||
| 15206 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='902.135' height='60.705' viewBox='0 0 902.135 60.705'%3E%3Cg id='Colour_block_frame' data-name='Colour block frame' transform='translate(481.137 11)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M317.3 306.17v48.9l-902.135.374V306.751l836.751-.458L259 306.3c.015.138.027.272.042.414.9.383 1.88 1.2 2.676 1.053a18.677 18.677 0 0 0 4.128-1.459c.249-.111.5-.226.743-.337 1.248-.571 2.324-1.543 3.8-.421a2.125 2.125 0 0 0 1.7-.061 21.282 21.282 0 0 0 4.208-2.072c2.336-1.666 3.32-1.926 5.23-.46a13.507 13.507 0 0 1 1.758 2.229 6.38 6.38 0 0 0 1.068 1.149.3.3 0 0 0 .241.069 2.411 2.411 0 0 1 .41-.069h.341c1.015.073 1.715.831 2.6 1.221a1.494 1.494 0 0 0 1.363-.268 5.428 5.428 0 0 0 .632-.946c.211-.391.41-.808.647-1.229h-2.313c.854-1.264 1.566-2.317 2.408-3.561-.716.08-1.11.122-1.8.2.448-.7.739-1.191 1.045-1.662.318-.49 1.015-1.091.9-1.44-.582-1.849 1.076-2.539 1.524-3.825.2-.027.4-.057.6-.084.988 2.282 1.98 4.564 3.013 6.95h-1.4c.762 1.187 1.432 2.232 2.236 3.477h-2.163c.306.406.6.8.885 1.187.567.762 1.133 1.524 1.8 2.424.253-.869.479-1.666.7-2.42.264-.934.513-1.807.766-2.676l.467.023a5.113 5.113 0 0 1 .525 1.068c.13.532.26 1.057.387 1.589q.873 3.584 1.7 7.183a7.148 7.148 0 0 0 1.953 3.358 21.709 21.709 0 0 1 2.4 4.005c.341.57.731 1.107 1.283 1.934.885-2.11 1.666-3.745 2.255-5.445.521-1.5 2.075-2.707 1.244-4.656a3.722 3.722 0 0 1 .2-2.175c.341-1.221.812-2.4 1.229-3.6.241.015.486.027.731.038q.735 3.285 1.467 6.571c.138.008.276.011.414.019.479-1.16.988-2.3 1.421-3.469A11.466 11.466 0 0 0 317.3 306.17Z' transform='translate(103.7 -305.737)' fill='%23183668'/%3E%3C/g%3E%3C/svg%3E"); | ||
| 15207 | } | ||
| 15208 | |||
| 15209 | .link-block.image-text:hover .img { | ||
| 15210 | transform: scale(1.05); | ||
| 15211 | background-position: center; | ||
| 15212 | transition: 0.3s; | ||
| 15213 | } | ||
| 15214 | .link-block.image-text:hover .link { | ||
| 15215 | padding-top: 35px; | ||
| 15216 | height: 70px; | ||
| 15217 | font-weight: 700; | ||
| 15218 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='902.135' height='60.705' viewBox='0 0 902.135 60.705'%3E%3Cg id='Colour_block_frame' data-name='Colour block frame' transform='translate(481.137 11)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M317.3 306.17v48.9l-902.135.374V306.751l836.751-.458L259 306.3c.015.138.027.272.042.414.9.383 1.88 1.2 2.676 1.053a18.677 18.677 0 0 0 4.128-1.459c.249-.111.5-.226.743-.337 1.248-.571 2.324-1.543 3.8-.421a2.125 2.125 0 0 0 1.7-.061 21.282 21.282 0 0 0 4.208-2.072c2.336-1.666 3.32-1.926 5.23-.46a13.507 13.507 0 0 1 1.758 2.229 6.38 6.38 0 0 0 1.068 1.149.3.3 0 0 0 .241.069 2.411 2.411 0 0 1 .41-.069h.341c1.015.073 1.715.831 2.6 1.221a1.494 1.494 0 0 0 1.363-.268 5.428 5.428 0 0 0 .632-.946c.211-.391.41-.808.647-1.229h-2.313c.854-1.264 1.566-2.317 2.408-3.561-.716.08-1.11.122-1.8.2.448-.7.739-1.191 1.045-1.662.318-.49 1.015-1.091.9-1.44-.582-1.849 1.076-2.539 1.524-3.825.2-.027.4-.057.6-.084.988 2.282 1.98 4.564 3.013 6.95h-1.4c.762 1.187 1.432 2.232 2.236 3.477h-2.163c.306.406.6.8.885 1.187.567.762 1.133 1.524 1.8 2.424.253-.869.479-1.666.7-2.42.264-.934.513-1.807.766-2.676l.467.023a5.113 5.113 0 0 1 .525 1.068c.13.532.26 1.057.387 1.589q.873 3.584 1.7 7.183a7.148 7.148 0 0 0 1.953 3.358 21.709 21.709 0 0 1 2.4 4.005c.341.57.731 1.107 1.283 1.934.885-2.11 1.666-3.745 2.255-5.445.521-1.5 2.075-2.707 1.244-4.656a3.722 3.722 0 0 1 .2-2.175c.341-1.221.812-2.4 1.229-3.6.241.015.486.027.731.038q.735 3.285 1.467 6.571c.138.008.276.011.414.019.479-1.16.988-2.3 1.421-3.469A11.466 11.466 0 0 0 317.3 306.17Z' transform='translate(103.7 -305.737)' fill='%23132C55'/%3E%3C/g%3E%3C/svg%3E"); | ||
| 15219 | } | ||
| 15220 | |||
| 15221 | .link-block.image-text.no-link { | ||
| 15222 | box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); | ||
| 15223 | } | ||
| 15224 | .link-block.image-text.no-link .img { | ||
| 15225 | transform: scale(1) !important; | ||
| 15226 | background-position: center; | ||
| 15227 | transition: 0.3s; | ||
| 15228 | } | ||
| 15229 | |||
| 15230 | .extra-wide-left { | ||
| 15231 | padding: 50px 70px 50px 0px; | ||
| 15232 | } | ||
| 15233 | |||
| 15234 | .extra-wide-right { | ||
| 15235 | width: 100%; | ||
| 15236 | margin-right: -25% !important; | ||
| 15237 | background-size: cover; | ||
| 15238 | } | ||
| 15239 | |||
| 15240 | .extra-wide { | ||
| 15241 | width: 200%; | ||
| 15242 | margin-left: -50% !important; | ||
| 15243 | padding-left: 50% !important; | ||
| 15244 | margin-right: -50% !important; | ||
| 15245 | padding-right: 50% !important; | ||
| 15246 | background-color: #183668; | ||
| 15247 | } | ||
| 15248 | .extra-wide h2, .extra-wide .h2 { | ||
| 15249 | color: #fff; | ||
| 15250 | } | ||
| 15251 | .extra-wide p { | ||
| 15252 | color: #fff; | ||
| 15253 | } | ||
| 15254 | .extra-wide .wp-block-separator { | ||
| 15255 | border: 1px solid #fff; | ||
| 15256 | } | ||
| 15257 | .extra-wide .wpcf7 { | ||
| 15258 | max-width: unset; | ||
| 15259 | } | ||
| 15260 | |||
| 15131 | .has-blue-color, | 15261 | .has-blue-color, |
| 15132 | .has-blue-color:visited { | 15262 | .has-blue-color:visited { |
| 15133 | color: #0d6efd; | 15263 | color: #0d6efd; | ... | ... |
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.
| ... | @@ -17,6 +17,16 @@ if( function_exists('acf_add_options_page') ) { | ... | @@ -17,6 +17,16 @@ if( function_exists('acf_add_options_page') ) { |
| 17 | add_action('acf/init', 'my_acf_init_block_types'); | 17 | add_action('acf/init', 'my_acf_init_block_types'); |
| 18 | function my_acf_init_block_types() { | 18 | function my_acf_init_block_types() { |
| 19 | 19 | ||
| 20 | 20 | acf_register_block_type( array( | |
| 21 | 'title' => __( 'Link Blocks', 'client_textdomain' ), | ||
| 22 | 'name' => 'link-block', | ||
| 23 | 'render_template' => 'blocks/link-block/link-block.php', | ||
| 24 | 'mode' => 'edit', | ||
| 25 | 'supports' => [ | ||
| 26 | 'align' => false, | ||
| 27 | 'anchor' => true, | ||
| 28 | 'customClassName' => true | ||
| 29 | ] | ||
| 30 | )); | ||
| 21 | 31 | ||
| 22 | } | 32 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -6,3 +6,10 @@ require_once 'disable-comments.php'; | ... | @@ -6,3 +6,10 @@ require_once 'disable-comments.php'; |
| 6 | require_once 'blocks.php'; | 6 | require_once 'blocks.php'; |
| 7 | require_once 'contact-7.php'; | 7 | require_once 'contact-7.php'; |
| 8 | 8 | ||
| 9 | define( 'ALLOW_UNFILTERED_UPLOADS', true ); | ||
| 10 | |||
| 11 | function cc_mime_types($mimes) { | ||
| 12 | $mimes['svg'] = 'image/svg+xml'; | ||
| 13 | return $mimes; | ||
| 14 | } | ||
| 15 | add_filter('upload_mimes', 'cc_mime_types'); | ... | ... |
| ... | @@ -6844,6 +6844,14 @@ | ... | @@ -6844,6 +6844,14 @@ |
| 6844 | } | 6844 | } |
| 6845 | })(); | 6845 | })(); |
| 6846 | 6846 | ||
| 6847 | // Add your custom JS here. | ||
| 6848 | jQuery(document).ready(function ($) { | ||
| 6849 | $('.story-body-image').each(function (index) { | ||
| 6850 | $(this).parents('.wp-block-column').attr("style", 'background-image:url(' + $(this).children('img').attr('src') + ');'); | ||
| 6851 | $(this).children('img').hide(); | ||
| 6852 | }); | ||
| 6853 | }); | ||
| 6854 | |||
| 6847 | exports.Alert = alert; | 6855 | exports.Alert = alert; |
| 6848 | exports.Button = button; | 6856 | exports.Button = button; |
| 6849 | exports.Carousel = carousel; | 6857 | exports.Carousel = carousel; | ... | ... |
This diff could not be displayed because it is too large.
| ... | @@ -90,5 +90,5 @@ | ... | @@ -90,5 +90,5 @@ |
| 90 | * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) | 90 | * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) |
| 91 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) | 91 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) |
| 92 | */ | 92 | */ |
| 93 | !function(e,t){e.exports=function(e,t,n,i){const s="toast",o=".bs.toast",r=`mouseover${o}`,a=`mouseout${o}`,l=`focusin${o}`,c=`focusout${o}`,u=`hide${o}`,h=`hidden${o}`,d=`show${o}`,f=`shown${o}`,p="fade",g="hide",m="show",_="showing",b={animation:"boolean",autohide:"boolean",delay:"number"},v={animation:!0,autohide:!0,delay:5e3};class y extends e{constructor(e,t){super(e,t),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get Default(){return v}static get DefaultType(){return b}static get NAME(){return s}show(){if(t.trigger(this._element,d).defaultPrevented)return;this._clearTimeout(),this._config.animation&&this._element.classList.add(p);const e=()=>{this._element.classList.remove(_),t.trigger(this._element,f),this._maybeScheduleHide()};this._element.classList.remove(g),i.reflow(this._element),this._element.classList.add(m,_),this._queueCallback(e,this._element,this._config.animation)}hide(){if(!this.isShown())return;if(t.trigger(this._element,u).defaultPrevented)return;const e=()=>{this._element.classList.add(g),this._element.classList.remove(_,m),t.trigger(this._element,h)};this._element.classList.add(_),this._queueCallback(e,this._element,this._config.animation)}dispose(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(m),super.dispose()}isShown(){return this._element.classList.contains(m)}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout((()=>{this.hide()}),this._config.delay)))}_onInteraction(e,t){switch(e.type){case"mouseover":case"mouseout":this._hasMouseInteraction=t;break;case"focusin":case"focusout":this._hasKeyboardInteraction=t}if(t)return void this._clearTimeout();const n=e.relatedTarget;this._element===n||this._element.contains(n)||this._maybeScheduleHide()}_setListeners(){t.on(this._element,r,(e=>this._onInteraction(e,!0))),t.on(this._element,a,(e=>this._onInteraction(e,!1))),t.on(this._element,l,(e=>this._onInteraction(e,!0))),t.on(this._element,c,(e=>this._onInteraction(e,!1)))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(e){return this.each((function(){const t=y.getOrCreateInstance(this,e);if("string"==typeof e){if(void 0===t[e])throw new TypeError(`No method named "${e}"`);t[e](this)}}))}}return n.enableDismissTrigger(y),i.defineJQueryPlugin(y),y}(T(),g(),P(),p())}({get exports(){return on},set exports(e){on=e}});var rn,an,ln,cn=on;rn=navigator.userAgent.toLowerCase().indexOf("webkit")>-1,an=navigator.userAgent.toLowerCase().indexOf("opera")>-1,ln=navigator.userAgent.toLowerCase().indexOf("msie")>-1,(rn||an||ln)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",(function(){var e,t=location.hash.substring(1);/^[A-z0-9_-]+$/.test(t)&&(e=document.getElementById(t))&&(/^(?:a|select|input|button|textarea)$/i.test(e.tagName)||(e.tabIndex=-1),e.focus())}),!1),e.Alert=$,e.Button=j,e.Carousel=B,e.Collapse=z,e.Dropdown=Ot,e.Modal=Ht,e.Offcanvas=Wt,e.Popover=Zt,e.Scrollspy=tn,e.Tab=sn,e.Toast=cn,e.Tooltip=Gt,Object.defineProperty(e,"__esModule",{value:!0})})); | 93 | !function(e,t){e.exports=function(e,t,n,i){const s="toast",o=".bs.toast",r=`mouseover${o}`,a=`mouseout${o}`,l=`focusin${o}`,c=`focusout${o}`,u=`hide${o}`,h=`hidden${o}`,d=`show${o}`,f=`shown${o}`,p="fade",g="hide",m="show",_="showing",b={animation:"boolean",autohide:"boolean",delay:"number"},v={animation:!0,autohide:!0,delay:5e3};class y extends e{constructor(e,t){super(e,t),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get Default(){return v}static get DefaultType(){return b}static get NAME(){return s}show(){if(t.trigger(this._element,d).defaultPrevented)return;this._clearTimeout(),this._config.animation&&this._element.classList.add(p);const e=()=>{this._element.classList.remove(_),t.trigger(this._element,f),this._maybeScheduleHide()};this._element.classList.remove(g),i.reflow(this._element),this._element.classList.add(m,_),this._queueCallback(e,this._element,this._config.animation)}hide(){if(!this.isShown())return;if(t.trigger(this._element,u).defaultPrevented)return;const e=()=>{this._element.classList.add(g),this._element.classList.remove(_,m),t.trigger(this._element,h)};this._element.classList.add(_),this._queueCallback(e,this._element,this._config.animation)}dispose(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(m),super.dispose()}isShown(){return this._element.classList.contains(m)}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout((()=>{this.hide()}),this._config.delay)))}_onInteraction(e,t){switch(e.type){case"mouseover":case"mouseout":this._hasMouseInteraction=t;break;case"focusin":case"focusout":this._hasKeyboardInteraction=t}if(t)return void this._clearTimeout();const n=e.relatedTarget;this._element===n||this._element.contains(n)||this._maybeScheduleHide()}_setListeners(){t.on(this._element,r,(e=>this._onInteraction(e,!0))),t.on(this._element,a,(e=>this._onInteraction(e,!1))),t.on(this._element,l,(e=>this._onInteraction(e,!0))),t.on(this._element,c,(e=>this._onInteraction(e,!1)))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(e){return this.each((function(){const t=y.getOrCreateInstance(this,e);if("string"==typeof e){if(void 0===t[e])throw new TypeError(`No method named "${e}"`);t[e](this)}}))}}return n.enableDismissTrigger(y),i.defineJQueryPlugin(y),y}(T(),g(),P(),p())}({get exports(){return on},set exports(e){on=e}});var rn,an,ln,cn=on;rn=navigator.userAgent.toLowerCase().indexOf("webkit")>-1,an=navigator.userAgent.toLowerCase().indexOf("opera")>-1,ln=navigator.userAgent.toLowerCase().indexOf("msie")>-1,(rn||an||ln)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",(function(){var e,t=location.hash.substring(1);/^[A-z0-9_-]+$/.test(t)&&(e=document.getElementById(t))&&(/^(?:a|select|input|button|textarea)$/i.test(e.tagName)||(e.tabIndex=-1),e.focus())}),!1),jQuery(document).ready((function(e){e(".story-body-image").each((function(t){e(this).parents(".wp-block-column").attr("style","background-image:url("+e(this).children("img").attr("src")+");"),e(this).children("img").hide()}))})),e.Alert=$,e.Button=j,e.Carousel=B,e.Collapse=z,e.Dropdown=Ot,e.Modal=Ht,e.Offcanvas=Wt,e.Popover=Zt,e.Scrollspy=tn,e.Tab=sn,e.Toast=cn,e.Tooltip=Gt,Object.defineProperty(e,"__esModule",{value:!0})})); |
| 94 | //# sourceMappingURL=child-theme.min.js.map | 94 | //# sourceMappingURL=child-theme.min.js.map |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
This diff could not be displayed because it is too large.
| 1 | // Add your custom JS here. | 1 | // Add your custom JS here. |
| 2 | jQuery( document ).ready(function($) { | ||
| 3 | $('.story-body-image').each(function(index) { | ||
| 4 | $(this).parents('.wp-block-column').attr("style", 'background-image:url('+$(this).children('img').attr('src')+');') | ||
| 5 | $(this).children('img').hide(); | ||
| 6 | |||
| 7 | }) | ||
| 8 | }) | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -12,3 +12,35 @@ | ... | @@ -12,3 +12,35 @@ |
| 12 | @import "elements"; | 12 | @import "elements"; |
| 13 | @import "contact7"; | 13 | @import "contact7"; |
| 14 | @import "footer"; | 14 | @import "footer"; |
| 15 | @import "link_block"; | ||
| 16 | |||
| 17 | .extra-wide-left{ | ||
| 18 | padding: 50px 70px 50px 0px; | ||
| 19 | } | ||
| 20 | .extra-wide-right { | ||
| 21 | width: 100%; | ||
| 22 | margin-right: -25% !important; | ||
| 23 | background-size: cover; | ||
| 24 | } | ||
| 25 | .extra-wide{ | ||
| 26 | width: 200%; | ||
| 27 | margin-left: -50% !important; | ||
| 28 | padding-left: 50% !important; | ||
| 29 | margin-right: -50% !important; | ||
| 30 | padding-right: 50% !important; | ||
| 31 | |||
| 32 | background-color: #183668; | ||
| 33 | |||
| 34 | h2{ | ||
| 35 | color: #fff; | ||
| 36 | } | ||
| 37 | p{ | ||
| 38 | color: #fff; | ||
| 39 | } | ||
| 40 | .wp-block-separator{ | ||
| 41 | border: 1px solid #fff; | ||
| 42 | } | ||
| 43 | .wpcf7{ | ||
| 44 | max-width: unset; | ||
| 45 | } | ||
| 46 | } | ... | ... |
| 1 | .block-link{ | ||
| 2 | text-decoration: none; | ||
| 3 | |||
| 4 | .link-block{ | ||
| 5 | color: #000; | ||
| 6 | height:350px; | ||
| 7 | position: relative; | ||
| 8 | overflow: hidden; | ||
| 9 | box-shadow: 0px 3px 6px #00000029; | ||
| 10 | .image{ | ||
| 11 | background-size: cover; | ||
| 12 | background-position:center; | ||
| 13 | transition: 0.5s; | ||
| 14 | } | ||
| 15 | .link{ | ||
| 16 | padding-top: 18px; | ||
| 17 | text-transform: uppercase; | ||
| 18 | color: #fff; | ||
| 19 | font-size: 16px; | ||
| 20 | line-height: 20px; | ||
| 21 | position: absolute; | ||
| 22 | bottom: 0px; | ||
| 23 | left: 0px; | ||
| 24 | width: 100%; | ||
| 25 | height: 50px; | ||
| 26 | text-align: center; | ||
| 27 | background-size: cover; | ||
| 28 | background-position: top right; | ||
| 29 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23183668' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E"); | ||
| 30 | |||
| 31 | } | ||
| 32 | } | ||
| 33 | .link-block.text{ | ||
| 34 | padding:40px 32px 0px 32px; | ||
| 35 | } | ||
| 36 | } | ||
| 37 | |||
| 38 | |||
| 39 | .block-link:hover{ | ||
| 40 | .link-block{ | ||
| 41 | color: #000; | ||
| 42 | .image{ | ||
| 43 | transform: scale(1.1) !important; | ||
| 44 | background-position:center; | ||
| 45 | transition: .3s; | ||
| 46 | } | ||
| 47 | .link{ | ||
| 48 | font-weight: 700; | ||
| 49 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='445' height='45.104' viewBox='0 0 445 45.104'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-1628-953.943v-36h231.632l167.007-.04 4.914.005c.011.1.019.189.029.287.625.266 1.305.834 1.858.73a12.964 12.964 0 0 0 2.864-1.012l.515-.234c.866-.4 1.613-1.07 2.638-.292a1.475 1.475 0 0 0 1.177-.043 14.77 14.77 0 0 0 2.92-1.437c1.62-1.155 2.3-1.336 3.628-.319a9.343 9.343 0 0 1 1.219 1.546 4.444 4.444 0 0 0 .742.8.208.208 0 0 0 .167.048 1.638 1.638 0 0 1 .284-.048h.236c.7.05 1.191.576 1.8.847a1.038 1.038 0 0 0 .946-.185 3.743 3.743 0 0 0 .438-.657c.146-.271.284-.56.449-.852h-1.6c.592-.877 1.086-1.607 1.671-2.471-.5.056-.77.085-1.252.136.311-.489.513-.826.725-1.153s.7-.758.627-1c-.4-1.283.746-1.761 1.057-2.654l.419-.058c.686 1.583 1.373 3.166 2.091 4.821h-.972c.528.823.994 1.549 1.551 2.412h-1.5c.212.282.414.553.614.824.392.529.786 1.057 1.248 1.682.176-.6.332-1.156.486-1.679.184-.648.356-1.254.531-1.857l.324.016a3.53 3.53 0 0 1 .365.741c.09.37.181.733.268 1.1q.606 2.487 1.182 4.984a4.956 4.956 0 0 0 1.355 2.329 15.077 15.077 0 0 1 1.662 2.779c.237.4.508.768.89 1.341.614-1.463 1.156-2.6 1.565-3.777.361-1.044 1.44-1.878.863-3.23a2.585 2.585 0 0 1 .14-1.509c.237-.847.563-1.668.853-2.5.167.011.338.018.508.026q.509 2.28 1.017 4.558l.287.013c.332-.8.685-1.594.985-2.407a7.956 7.956 0 0 0 .579-2.739v36.124Z' transform='translate(1628.5 998.547)' fill='%23132C55' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E"); | ||
| 50 | } | ||
| 51 | } | ||
| 52 | } | ||
| 53 | |||
| 54 | .link-block.image-text{ | ||
| 55 | overflow: hidden; | ||
| 56 | padding:0px; | ||
| 57 | height:auto; | ||
| 58 | .text{ | ||
| 59 | padding:25px 47px 60px 47px; | ||
| 60 | } | ||
| 61 | .img-content{ | ||
| 62 | overflow:hidden; | ||
| 63 | padding:0px; | ||
| 64 | } | ||
| 65 | .img{ | ||
| 66 | background-size: cover; | ||
| 67 | background-position:center; | ||
| 68 | min-height: 250px; | ||
| 69 | -o-object-fit: cover; | ||
| 70 | object-fit: cover; | ||
| 71 | @media only screen and (max-width: 800px) { | ||
| 72 | min-height: 300px; | ||
| 73 | } | ||
| 74 | } | ||
| 75 | .link{ | ||
| 76 | padding-top: 35px; | ||
| 77 | height: 70px; | ||
| 78 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='902.135' height='60.705' viewBox='0 0 902.135 60.705'%3E%3Cg id='Colour_block_frame' data-name='Colour block frame' transform='translate(481.137 11)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M317.3 306.17v48.9l-902.135.374V306.751l836.751-.458L259 306.3c.015.138.027.272.042.414.9.383 1.88 1.2 2.676 1.053a18.677 18.677 0 0 0 4.128-1.459c.249-.111.5-.226.743-.337 1.248-.571 2.324-1.543 3.8-.421a2.125 2.125 0 0 0 1.7-.061 21.282 21.282 0 0 0 4.208-2.072c2.336-1.666 3.32-1.926 5.23-.46a13.507 13.507 0 0 1 1.758 2.229 6.38 6.38 0 0 0 1.068 1.149.3.3 0 0 0 .241.069 2.411 2.411 0 0 1 .41-.069h.341c1.015.073 1.715.831 2.6 1.221a1.494 1.494 0 0 0 1.363-.268 5.428 5.428 0 0 0 .632-.946c.211-.391.41-.808.647-1.229h-2.313c.854-1.264 1.566-2.317 2.408-3.561-.716.08-1.11.122-1.8.2.448-.7.739-1.191 1.045-1.662.318-.49 1.015-1.091.9-1.44-.582-1.849 1.076-2.539 1.524-3.825.2-.027.4-.057.6-.084.988 2.282 1.98 4.564 3.013 6.95h-1.4c.762 1.187 1.432 2.232 2.236 3.477h-2.163c.306.406.6.8.885 1.187.567.762 1.133 1.524 1.8 2.424.253-.869.479-1.666.7-2.42.264-.934.513-1.807.766-2.676l.467.023a5.113 5.113 0 0 1 .525 1.068c.13.532.26 1.057.387 1.589q.873 3.584 1.7 7.183a7.148 7.148 0 0 0 1.953 3.358 21.709 21.709 0 0 1 2.4 4.005c.341.57.731 1.107 1.283 1.934.885-2.11 1.666-3.745 2.255-5.445.521-1.5 2.075-2.707 1.244-4.656a3.722 3.722 0 0 1 .2-2.175c.341-1.221.812-2.4 1.229-3.6.241.015.486.027.731.038q.735 3.285 1.467 6.571c.138.008.276.011.414.019.479-1.16.988-2.3 1.421-3.469A11.466 11.466 0 0 0 317.3 306.17Z' transform='translate(103.7 -305.737)' fill='%23183668'/%3E%3C/g%3E%3C/svg%3E"); | ||
| 79 | } | ||
| 80 | } | ||
| 81 | |||
| 82 | .link-block.image-text:hover{ | ||
| 83 | .img{ | ||
| 84 | transform: scale(1.05); | ||
| 85 | background-position:center; | ||
| 86 | transition: .3s; | ||
| 87 | } | ||
| 88 | .link{ | ||
| 89 | padding-top: 35px; | ||
| 90 | height: 70px; | ||
| 91 | font-weight: 700; | ||
| 92 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='902.135' height='60.705' viewBox='0 0 902.135 60.705'%3E%3Cg id='Colour_block_frame' data-name='Colour block frame' transform='translate(481.137 11)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M317.3 306.17v48.9l-902.135.374V306.751l836.751-.458L259 306.3c.015.138.027.272.042.414.9.383 1.88 1.2 2.676 1.053a18.677 18.677 0 0 0 4.128-1.459c.249-.111.5-.226.743-.337 1.248-.571 2.324-1.543 3.8-.421a2.125 2.125 0 0 0 1.7-.061 21.282 21.282 0 0 0 4.208-2.072c2.336-1.666 3.32-1.926 5.23-.46a13.507 13.507 0 0 1 1.758 2.229 6.38 6.38 0 0 0 1.068 1.149.3.3 0 0 0 .241.069 2.411 2.411 0 0 1 .41-.069h.341c1.015.073 1.715.831 2.6 1.221a1.494 1.494 0 0 0 1.363-.268 5.428 5.428 0 0 0 .632-.946c.211-.391.41-.808.647-1.229h-2.313c.854-1.264 1.566-2.317 2.408-3.561-.716.08-1.11.122-1.8.2.448-.7.739-1.191 1.045-1.662.318-.49 1.015-1.091.9-1.44-.582-1.849 1.076-2.539 1.524-3.825.2-.027.4-.057.6-.084.988 2.282 1.98 4.564 3.013 6.95h-1.4c.762 1.187 1.432 2.232 2.236 3.477h-2.163c.306.406.6.8.885 1.187.567.762 1.133 1.524 1.8 2.424.253-.869.479-1.666.7-2.42.264-.934.513-1.807.766-2.676l.467.023a5.113 5.113 0 0 1 .525 1.068c.13.532.26 1.057.387 1.589q.873 3.584 1.7 7.183a7.148 7.148 0 0 0 1.953 3.358 21.709 21.709 0 0 1 2.4 4.005c.341.57.731 1.107 1.283 1.934.885-2.11 1.666-3.745 2.255-5.445.521-1.5 2.075-2.707 1.244-4.656a3.722 3.722 0 0 1 .2-2.175c.341-1.221.812-2.4 1.229-3.6.241.015.486.027.731.038q.735 3.285 1.467 6.571c.138.008.276.011.414.019.479-1.16.988-2.3 1.421-3.469A11.466 11.466 0 0 0 317.3 306.17Z' transform='translate(103.7 -305.737)' fill='%23132C55'/%3E%3C/g%3E%3C/svg%3E"); | ||
| 93 | } | ||
| 94 | } | ||
| 95 | |||
| 96 | .link-block.image-text.no-link{ | ||
| 97 | box-shadow: 0px 3px 6px #00000029; | ||
| 98 | .img{ | ||
| 99 | transform: scale(1) !important; | ||
| 100 | background-position:center; | ||
| 101 | transition: .3s; | ||
| 102 | } | ||
| 103 | } | ||
| 104 |
-
Please register or sign in to post a comment