c18b0b18 by Jeremy Groot

videos

1 parent 2f28d3fb
...@@ -8636,6 +8636,17 @@ a.extern:hover:before, .item a.extern:hover:before { ...@@ -8636,6 +8636,17 @@ a.extern:hover:before, .item a.extern:hover:before {
8636 background-size: contain; 8636 background-size: contain;
8637 background-repeat: no-repeat; 8637 background-repeat: no-repeat;
8638 } 8638 }
8639 a.video:before, .item a.video:before {
8640 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.976" height="18.728" viewBox="0 0 24.976 18.728"><defs><clipPath id="clip-path"><rect id="Rectangle_173" data-name="Rectangle 173" width="24.976" height="18.728" fill="%23009ade"/></clipPath></defs><g id="Group_1069" data-name="Group 1069" clip-path="url(%23clip-path)"><path id="Path_1282" data-name="Path 1282" d="M0,16.622V2.1a.408.408,0,0,0,.023-.071A2.337,2.337,0,0,1,2.35,0Q12.486,0,22.622,0a2.451,2.451,0,0,1,.616.078,2.322,2.322,0,0,1,1.735,2.235c.007,1.342,0,2.684,0,4.025q0,4.987,0,9.974a2.341,2.341,0,0,1-.758,1.785,2.389,2.389,0,0,1-1.712.627q-10.015-.005-20.029,0H2.387A2.339,2.339,0,0,1,.065,16.917c-.022-.1-.043-.2-.065-.3M18.724,1.568H6.253V17.156h12.47Zm3.124,3.109c.255,0,.51,0,.764,0a.773.773,0,0,0,.8-.8q.006-.758,0-1.516a.77.77,0,0,0-.8-.795q-.764,0-1.529,0a.762.762,0,0,0-.794.771q-.017.783,0,1.566a.767.767,0,0,0,.8.776c.251,0,.5,0,.752,0m.01,3.127c-.255,0-.51,0-.764,0a.766.766,0,0,0-.8.778q-.014.776,0,1.554a.767.767,0,0,0,.8.781q.764.005,1.529,0a.767.767,0,0,0,.795-.784q.01-.77,0-1.541a.77.77,0,0,0-.792-.787c-.255,0-.51,0-.764,0m-.009,9.357c.255,0,.51,0,.764,0a.771.771,0,0,0,.8-.791q.009-.764,0-1.528a.77.77,0,0,0-.8-.794q-.764-.005-1.529,0a.762.762,0,0,0-.794.771q-.016.783,0,1.567a.766.766,0,0,0,.8.776c.25,0,.5,0,.752,0M3.132,1.561c-.246,0-.492,0-.739,0a.775.775,0,0,0-.83.827q-.005.732,0,1.464a.774.774,0,0,0,.834.823q.726,0,1.452,0a.777.777,0,0,0,.836-.822q.008-.751,0-1.5a.77.77,0,0,0-.79-.789c-.255,0-.51,0-.764,0m0,9.357c.242,0,.484,0,.726,0a.777.777,0,0,0,.826-.82c.005-.5,0-1,0-1.5A.768.768,0,0,0,3.9,7.8q-.77-.006-1.541,0a.746.746,0,0,0-.786.735c-.02.547-.02,1.1,0,1.642a.748.748,0,0,0,.786.736c.259,0,.518,0,.777,0M3.118,17.16h.726a.78.78,0,0,0,.843-.829q.006-.745,0-1.49a.77.77,0,0,0-.8-.8q-.764-.005-1.528,0a.745.745,0,0,0-.789.731c-.021.551-.021,1.1,0,1.655a.746.746,0,0,0,.781.727c.255,0,.509,0,.764,0" transform="translate(0 0)" fill="%23009ade"/><path id="Path_1283" data-name="Path 1283" d="M60.392,42.327c0-1.036,0-2.072,0-3.108a.766.766,0,0,1,.838-.787.875.875,0,0,1,.314.092q3.1,1.543,6.192,3.092a.785.785,0,0,1,0,1.421q-3.1,1.548-6.192,3.093a.775.775,0,0,1-1.154-.72c0-1.028,0-2.055,0-3.083" transform="translate(-51.806 -32.966)" fill="%23009ade"/></g></svg>');
8641 background-size: contain;
8642 background-repeat: no-repeat;
8643 top: 2px !important;
8644 }
8645 a.video:hover:before, .item a.video:hover:before {
8646 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.976" height="18.728" viewBox="0 0 24.976 18.728"><defs><clipPath id="clip-path"><rect id="Rectangle_173" data-name="Rectangle 173" width="24.976" height="18.728" fill="%23009ade"/></clipPath></defs><g id="Group_1069" data-name="Group 1069" clip-path="url(%23clip-path)"><path id="Path_1282" data-name="Path 1282" d="M0,16.622V2.1a.408.408,0,0,0,.023-.071A2.337,2.337,0,0,1,2.35,0Q12.486,0,22.622,0a2.451,2.451,0,0,1,.616.078,2.322,2.322,0,0,1,1.735,2.235c.007,1.342,0,2.684,0,4.025q0,4.987,0,9.974a2.341,2.341,0,0,1-.758,1.785,2.389,2.389,0,0,1-1.712.627q-10.015-.005-20.029,0H2.387A2.339,2.339,0,0,1,.065,16.917c-.022-.1-.043-.2-.065-.3M18.724,1.568H6.253V17.156h12.47Zm3.124,3.109c.255,0,.51,0,.764,0a.773.773,0,0,0,.8-.8q.006-.758,0-1.516a.77.77,0,0,0-.8-.795q-.764,0-1.529,0a.762.762,0,0,0-.794.771q-.017.783,0,1.566a.767.767,0,0,0,.8.776c.251,0,.5,0,.752,0m.01,3.127c-.255,0-.51,0-.764,0a.766.766,0,0,0-.8.778q-.014.776,0,1.554a.767.767,0,0,0,.8.781q.764.005,1.529,0a.767.767,0,0,0,.795-.784q.01-.77,0-1.541a.77.77,0,0,0-.792-.787c-.255,0-.51,0-.764,0m-.009,9.357c.255,0,.51,0,.764,0a.771.771,0,0,0,.8-.791q.009-.764,0-1.528a.77.77,0,0,0-.8-.794q-.764-.005-1.529,0a.762.762,0,0,0-.794.771q-.016.783,0,1.567a.766.766,0,0,0,.8.776c.25,0,.5,0,.752,0M3.132,1.561c-.246,0-.492,0-.739,0a.775.775,0,0,0-.83.827q-.005.732,0,1.464a.774.774,0,0,0,.834.823q.726,0,1.452,0a.777.777,0,0,0,.836-.822q.008-.751,0-1.5a.77.77,0,0,0-.79-.789c-.255,0-.51,0-.764,0m0,9.357c.242,0,.484,0,.726,0a.777.777,0,0,0,.826-.82c.005-.5,0-1,0-1.5A.768.768,0,0,0,3.9,7.8q-.77-.006-1.541,0a.746.746,0,0,0-.786.735c-.02.547-.02,1.1,0,1.642a.748.748,0,0,0,.786.736c.259,0,.518,0,.777,0M3.118,17.16h.726a.78.78,0,0,0,.843-.829q.006-.745,0-1.49a.77.77,0,0,0-.8-.8q-.764-.005-1.528,0a.745.745,0,0,0-.789.731c-.021.551-.021,1.1,0,1.655a.746.746,0,0,0,.781.727c.255,0,.509,0,.764,0" transform="translate(0 0)" fill="black"/><path id="Path_1283" data-name="Path 1283" d="M60.392,42.327c0-1.036,0-2.072,0-3.108a.766.766,0,0,1,.838-.787.875.875,0,0,1,.314.092q3.1,1.543,6.192,3.092a.785.785,0,0,1,0,1.421q-3.1,1.548-6.192,3.093a.775.775,0,0,1-1.154-.72c0-1.028,0-2.055,0-3.083" transform="translate(-51.806 -32.966)" fill="black"/></g></svg>') !important;
8647 background-size: contain !important;
8648 background-repeat: no-repeat !important;
8649 }
8639 a.pdf, .item a.pdf { 8650 a.pdf, .item a.pdf {
8640 border-top: 1px solid #949598; 8651 border-top: 1px solid #949598;
8641 border-bottom: 1px solid #949598; 8652 border-bottom: 1px solid #949598;
......
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.
...@@ -206,6 +206,21 @@ html{ ...@@ -206,6 +206,21 @@ html{
206 } 206 }
207 } 207 }
208 } 208 }
209 &.video {
210 &:before {
211 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.976" height="18.728" viewBox="0 0 24.976 18.728"><defs><clipPath id="clip-path"><rect id="Rectangle_173" data-name="Rectangle 173" width="24.976" height="18.728" fill="%23009ade"/></clipPath></defs><g id="Group_1069" data-name="Group 1069" clip-path="url(%23clip-path)"><path id="Path_1282" data-name="Path 1282" d="M0,16.622V2.1a.408.408,0,0,0,.023-.071A2.337,2.337,0,0,1,2.35,0Q12.486,0,22.622,0a2.451,2.451,0,0,1,.616.078,2.322,2.322,0,0,1,1.735,2.235c.007,1.342,0,2.684,0,4.025q0,4.987,0,9.974a2.341,2.341,0,0,1-.758,1.785,2.389,2.389,0,0,1-1.712.627q-10.015-.005-20.029,0H2.387A2.339,2.339,0,0,1,.065,16.917c-.022-.1-.043-.2-.065-.3M18.724,1.568H6.253V17.156h12.47Zm3.124,3.109c.255,0,.51,0,.764,0a.773.773,0,0,0,.8-.8q.006-.758,0-1.516a.77.77,0,0,0-.8-.795q-.764,0-1.529,0a.762.762,0,0,0-.794.771q-.017.783,0,1.566a.767.767,0,0,0,.8.776c.251,0,.5,0,.752,0m.01,3.127c-.255,0-.51,0-.764,0a.766.766,0,0,0-.8.778q-.014.776,0,1.554a.767.767,0,0,0,.8.781q.764.005,1.529,0a.767.767,0,0,0,.795-.784q.01-.77,0-1.541a.77.77,0,0,0-.792-.787c-.255,0-.51,0-.764,0m-.009,9.357c.255,0,.51,0,.764,0a.771.771,0,0,0,.8-.791q.009-.764,0-1.528a.77.77,0,0,0-.8-.794q-.764-.005-1.529,0a.762.762,0,0,0-.794.771q-.016.783,0,1.567a.766.766,0,0,0,.8.776c.25,0,.5,0,.752,0M3.132,1.561c-.246,0-.492,0-.739,0a.775.775,0,0,0-.83.827q-.005.732,0,1.464a.774.774,0,0,0,.834.823q.726,0,1.452,0a.777.777,0,0,0,.836-.822q.008-.751,0-1.5a.77.77,0,0,0-.79-.789c-.255,0-.51,0-.764,0m0,9.357c.242,0,.484,0,.726,0a.777.777,0,0,0,.826-.82c.005-.5,0-1,0-1.5A.768.768,0,0,0,3.9,7.8q-.77-.006-1.541,0a.746.746,0,0,0-.786.735c-.02.547-.02,1.1,0,1.642a.748.748,0,0,0,.786.736c.259,0,.518,0,.777,0M3.118,17.16h.726a.78.78,0,0,0,.843-.829q.006-.745,0-1.49a.77.77,0,0,0-.8-.8q-.764-.005-1.528,0a.745.745,0,0,0-.789.731c-.021.551-.021,1.1,0,1.655a.746.746,0,0,0,.781.727c.255,0,.509,0,.764,0" transform="translate(0 0)" fill="%23009ade"/><path id="Path_1283" data-name="Path 1283" d="M60.392,42.327c0-1.036,0-2.072,0-3.108a.766.766,0,0,1,.838-.787.875.875,0,0,1,.314.092q3.1,1.543,6.192,3.092a.785.785,0,0,1,0,1.421q-3.1,1.548-6.192,3.093a.775.775,0,0,1-1.154-.72c0-1.028,0-2.055,0-3.083" transform="translate(-51.806 -32.966)" fill="%23009ade"/></g></svg>');
212 background-size: contain;
213 background-repeat: no-repeat;
214 top: 2px !important;
215 }
216 &:hover {
217 &:before {
218 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.976" height="18.728" viewBox="0 0 24.976 18.728"><defs><clipPath id="clip-path"><rect id="Rectangle_173" data-name="Rectangle 173" width="24.976" height="18.728" fill="%23009ade"/></clipPath></defs><g id="Group_1069" data-name="Group 1069" clip-path="url(%23clip-path)"><path id="Path_1282" data-name="Path 1282" d="M0,16.622V2.1a.408.408,0,0,0,.023-.071A2.337,2.337,0,0,1,2.35,0Q12.486,0,22.622,0a2.451,2.451,0,0,1,.616.078,2.322,2.322,0,0,1,1.735,2.235c.007,1.342,0,2.684,0,4.025q0,4.987,0,9.974a2.341,2.341,0,0,1-.758,1.785,2.389,2.389,0,0,1-1.712.627q-10.015-.005-20.029,0H2.387A2.339,2.339,0,0,1,.065,16.917c-.022-.1-.043-.2-.065-.3M18.724,1.568H6.253V17.156h12.47Zm3.124,3.109c.255,0,.51,0,.764,0a.773.773,0,0,0,.8-.8q.006-.758,0-1.516a.77.77,0,0,0-.8-.795q-.764,0-1.529,0a.762.762,0,0,0-.794.771q-.017.783,0,1.566a.767.767,0,0,0,.8.776c.251,0,.5,0,.752,0m.01,3.127c-.255,0-.51,0-.764,0a.766.766,0,0,0-.8.778q-.014.776,0,1.554a.767.767,0,0,0,.8.781q.764.005,1.529,0a.767.767,0,0,0,.795-.784q.01-.77,0-1.541a.77.77,0,0,0-.792-.787c-.255,0-.51,0-.764,0m-.009,9.357c.255,0,.51,0,.764,0a.771.771,0,0,0,.8-.791q.009-.764,0-1.528a.77.77,0,0,0-.8-.794q-.764-.005-1.529,0a.762.762,0,0,0-.794.771q-.016.783,0,1.567a.766.766,0,0,0,.8.776c.25,0,.5,0,.752,0M3.132,1.561c-.246,0-.492,0-.739,0a.775.775,0,0,0-.83.827q-.005.732,0,1.464a.774.774,0,0,0,.834.823q.726,0,1.452,0a.777.777,0,0,0,.836-.822q.008-.751,0-1.5a.77.77,0,0,0-.79-.789c-.255,0-.51,0-.764,0m0,9.357c.242,0,.484,0,.726,0a.777.777,0,0,0,.826-.82c.005-.5,0-1,0-1.5A.768.768,0,0,0,3.9,7.8q-.77-.006-1.541,0a.746.746,0,0,0-.786.735c-.02.547-.02,1.1,0,1.642a.748.748,0,0,0,.786.736c.259,0,.518,0,.777,0M3.118,17.16h.726a.78.78,0,0,0,.843-.829q.006-.745,0-1.49a.77.77,0,0,0-.8-.8q-.764-.005-1.528,0a.745.745,0,0,0-.789.731c-.021.551-.021,1.1,0,1.655a.746.746,0,0,0,.781.727c.255,0,.509,0,.764,0" transform="translate(0 0)" fill="black"/><path id="Path_1283" data-name="Path 1283" d="M60.392,42.327c0-1.036,0-2.072,0-3.108a.766.766,0,0,1,.838-.787.875.875,0,0,1,.314.092q3.1,1.543,6.192,3.092a.785.785,0,0,1,0,1.421q-3.1,1.548-6.192,3.093a.775.775,0,0,1-1.154-.72c0-1.028,0-2.055,0-3.083" transform="translate(-51.806 -32.966)" fill="black"/></g></svg>') !important;
219 background-size: contain !important;
220 background-repeat: no-repeat !important;
221 }
222 }
223 }
209 &.pdf { 224 &.pdf {
210 225
211 border-top:1px solid #949598; 226 border-top:1px solid #949598;
......
...@@ -85,13 +85,13 @@ function resources_list($atts){ ...@@ -85,13 +85,13 @@ function resources_list($atts){
85 try{ 85 try{
86 86
87 $custom_args = array( 87 $custom_args = array(
88 'post_type' => 'attachment', 88 'post_type' => ['attachment','video'],
89 'posts_per_page' => -1, 89 'posts_per_page' => -1,
90 'paged' => 1, 90 'paged' => 1,
91 'post_status' => 'any', 91 'post_status' => 'any',
92 'order' => 'DESC', 92 'order' => 'DESC',
93 'orderby' => 'rand', 93 'orderby' => 'rand',
94 'tax_query' => $tax_queries, 94 'tax_query' => ['relation' => 'OR', $tax_queries],
95 ); 95 );
96 96
97 $custom_query = new \WP_Query($custom_args); 97 $custom_query = new \WP_Query($custom_args);
...@@ -262,7 +262,11 @@ function resources($id, $taxes, $is_fav = false){ ...@@ -262,7 +262,11 @@ function resources($id, $taxes, $is_fav = false){
262 262
263 <tr class="table-like__item"> 263 <tr class="table-like__item">
264 <td class="item"> 264 <td class="item">
265 <a target="_blank" role="button" class="item-link <?= getFileTypeClass(wp_get_attachment_url($id)) ?>" href="<?php echo wp_get_attachment_url($id); ?>"><?php echo $post->post_title; ?></a> 265 <?php if(get_post_type($id) == 'video') { ?>
266 <a target="_blank" role="button" class="item-link video" href="<?php echo get_field('video_url', $id); ?>"><?php echo $post->post_title; ?></a>
267 <?php } else { ?>
268 <a target="_blank" role="button" class="item-link <?= getFileTypeClass(wp_get_attachment_url($id)) ?>" href="<?php echo wp_get_attachment_url($id); ?>"><?php echo $post->post_title; ?></a>
269 <?php } ?>
266 <span class='updated-at'> 270 <span class='updated-at'>
267 <?php if($is_new && !empty($updated_at)) { ?> 271 <?php if($is_new && !empty($updated_at)) { ?>
268 <b>NEW:</b> <?= date('M d/Y', strtotime($updated_at)) ?> 272 <b>NEW:</b> <?= date('M d/Y', strtotime($updated_at)) ?>
......