Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
404e4df6 by Jeff Balicki
Options

rr 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent d45735af
Expand all
Inline Side-by-side
Showing 7 changed files with 85 additions and 16 deletions
...@@ -81,12 +81,15 @@ foreach($posts as $post ) { ...@@ -81,12 +81,15 @@ foreach($posts as $post ) {
81 $link = wp_get_attachment_url( $post->ID ); 81 $link = wp_get_attachment_url( $post->ID );
82 $description = get_post_meta($post->ID, 'description', true ); 82 $description = get_post_meta($post->ID, 'description', true );
83 $terms = wp_get_post_terms( $post->ID, 'document-format'); 83 $terms = wp_get_post_terms( $post->ID, 'document-format');
84 $imgid =$post->ID; 84 $imgid = get_post_thumbnail_id($post->ID);
85
86 if($imgid) { 85 if($imgid) {
87 $image = wp_get_attachment_image_src($imgid, 'medium'); 86 $image = wp_get_attachment_image_src($imgid, 'medium');
88 $image = $image[0]; 87 $image = $image[0];
89 $image_alt = get_post_meta($imgid, '_wp_attachment_image_alt', TRUE); 88 $image_alt = get_post_meta($imgid, '_wp_attachment_image_alt', TRUE);
89 }else{
90 $image = wp_get_attachment_image_src($post->ID, 'medium');
91 $image = $image[0];
92 $image_alt = get_post_meta($post->ID, '_wp_attachment_image_alt', TRUE);
90 } 93 }
91 $term_list = array(); 94 $term_list = array();
92 if ( !empty( $terms ) && !is_wp_error( $terms ) ){ 95 if ( !empty( $terms ) && !is_wp_error( $terms ) ){
...@@ -96,7 +99,7 @@ foreach($posts as $post ) { ...@@ -96,7 +99,7 @@ foreach($posts as $post ) {
96 } 99 }
97 //update_post_meta($post->ID, 'exclude_from_search', 0 ); 100 //update_post_meta($post->ID, 'exclude_from_search', 0 );
98 if($post_type == 'documents'){ $link = get_post_meta($post->ID, 'document_link', true );}; 101 if($post_type == 'documents'){ $link = get_post_meta($post->ID, 'document_link', true );};
99 echo '<tr><td><div class="rel">'; 102 echo '<tr><td><div class="rel"><a target="_blank" class="'.$term_list.'" href="'.$link.'">';
100 if($image): 103 if($image):
101 ?> 104 ?>
102 <div class='photo'> 105 <div class='photo'>
...@@ -104,11 +107,11 @@ foreach($posts as $post ) { ...@@ -104,11 +107,11 @@ foreach($posts as $post ) {
104 </div> 107 </div>
105 <?php endif; ?> 108 <?php endif; ?>
106 <div class='content'> 109 <div class='content'>
107 <?php echo '<a target="_blank" class="'.$term_list.'" href="'.$link.'">'.$post->post_title.'</a>'; 110 <?php echo '<h3>'.$post->post_title.'</h3>';
108 if($description != ""){ 111 if($description != ""){
109 echo '<p>'.$description.'</p>'; 112 echo '<p>'.$description.'</p>';
110 }; 113 };
111 echo '</div></div></td></tr>'; 114 echo '</div></a></div></td></tr>';
112 115
113 }; 116 };
114 echo '</tbody></table>'; 117 echo '</tbody></table>';
......
...@@ -20564,7 +20564,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -20564,7 +20564,7 @@ ul.sf_date_field .sf-datepicker {
20564 } 20564 }
20565 20565
20566 .relevant-resources { 20566 .relevant-resources {
20567 background-color: #F0F0F0; 20567 background-color: #f0f0f0;
20568 border-radius: 10px; 20568 border-radius: 10px;
20569 padding: 30px; 20569 padding: 30px;
20570 margin: 30px 0px; 20570 margin: 30px 0px;
...@@ -20584,11 +20584,14 @@ ul.sf_date_field .sf-datepicker { ...@@ -20584,11 +20584,14 @@ ul.sf_date_field .sf-datepicker {
20584 } 20584 }
20585 .relevant-resources #relevant-resources td .rel { 20585 .relevant-resources #relevant-resources td .rel {
20586 display: flex; 20586 display: flex;
20587 flex-direction: row;
20587 } 20588 }
20588 .relevant-resources #relevant-resources td .rel .photo { 20589 .relevant-resources #relevant-resources td .rel .photo {
20589 max-width: 160px; 20590 display: flex;
20591 flex-basis: 160px;
20590 max-height: 92px; 20592 max-height: 92px;
20591 margin-right: 20px; 20593 margin-right: 20px;
20594 overflow: hidden;
20592 } 20595 }
20593 .relevant-resources #relevant-resources td .rel .photo img { 20596 .relevant-resources #relevant-resources td .rel .photo img {
20594 -o-object-fit: cover; 20597 -o-object-fit: cover;
...@@ -20598,21 +20601,34 @@ ul.sf_date_field .sf-datepicker { ...@@ -20598,21 +20601,34 @@ ul.sf_date_field .sf-datepicker {
20598 height: 100%; 20601 height: 100%;
20599 width: 100%; 20602 width: 100%;
20600 } 20603 }
20601 .relevant-resources #relevant-resources td a { 20604 .relevant-resources #relevant-resources td .rel .content {
20605 display: flex;
20606 flex-direction: column;
20607 }
20608 .relevant-resources #relevant-resources td .rel a {
20609 text-decoration: none !important;
20610 display: flex;
20611 flex-direction: row;
20612 }
20613 .relevant-resources #relevant-resources td .rel h3, .relevant-resources #relevant-resources td .rel .h3 {
20602 font-weight: 700; 20614 font-weight: 700;
20603 text-decoration: none; 20615 text-decoration: none;
20604 font-size: 16px; 20616 font-size: 16px;
20605 line-height: 20pxs; 20617 line-height: 20pxs;
20606 display: block; 20618 display: block;
20619 text-transform: none;
20620 margin-bottom: 0px;
20607 } 20621 }
20608 .relevant-resources #relevant-resources td a:hover { 20622 .relevant-resources #relevant-resources td .rel a:hover h3, .relevant-resources #relevant-resources td .rel a:hover .h3 {
20609 text-decoration: underline; 20623 text-decoration: underline;
20610 } 20624 }
20611 .relevant-resources #relevant-resources td p { 20625 .relevant-resources #relevant-resources td .rel p {
20612 margin-top: 15px; 20626 margin-top: 15px;
20627 margin-bottom: 0px;
20613 padding-bottom: 0px; 20628 padding-bottom: 0px;
20629 text-decoration: none;
20614 } 20630 }
20615 .relevant-resources #relevant-resources td a.PDF:before { 20631 .relevant-resources #relevant-resources td .rel a.PDF h3:before, .relevant-resources #relevant-resources td .rel a.PDF .h3:before {
20616 content: ""; 20632 content: "";
20617 width: 17px; 20633 width: 17px;
20618 height: 20px; 20634 height: 20px;
...@@ -20625,7 +20641,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -20625,7 +20641,7 @@ ul.sf_date_field .sf-datepicker {
20625 left: -0.2rem; 20641 left: -0.2rem;
20626 margin-right: 0.3125rem; 20642 margin-right: 0.3125rem;
20627 } 20643 }
20628 .relevant-resources #relevant-resources td a.Word:before { 20644 .relevant-resources #relevant-resources td .rel a.Word h3:before, .relevant-resources #relevant-resources td .rel a.Word .h3:before {
20629 content: ""; 20645 content: "";
20630 width: 17px; 20646 width: 17px;
20631 height: 20px; 20647 height: 20px;
...@@ -20638,7 +20654,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -20638,7 +20654,7 @@ ul.sf_date_field .sf-datepicker {
20638 left: -0.2rem; 20654 left: -0.2rem;
20639 margin-right: 0.3125rem; 20655 margin-right: 0.3125rem;
20640 } 20656 }
20641 .relevant-resources #relevant-resources td a.Excel:before { 20657 .relevant-resources #relevant-resources td .rel a.Excel h3:before, .relevant-resources #relevant-resources td .rel a.Excel .h3:before {
20642 content: ""; 20658 content: "";
20643 width: 17px; 20659 width: 17px;
20644 height: 20px; 20660 height: 20px;
...@@ -20651,7 +20667,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -20651,7 +20667,7 @@ ul.sf_date_field .sf-datepicker {
20651 left: -0.2rem; 20667 left: -0.2rem;
20652 margin-right: 0.3125rem; 20668 margin-right: 0.3125rem;
20653 } 20669 }
20654 .relevant-resources #relevant-resources td a.PPT:before { 20670 .relevant-resources #relevant-resources td .rel a.PPT h3:before, .relevant-resources #relevant-resources td .rel a.PPT .h3:before {
20655 content: ""; 20671 content: "";
20656 width: 17px; 20672 width: 17px;
20657 height: 20px; 20673 height: 20px;
...@@ -20664,7 +20680,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -20664,7 +20680,7 @@ ul.sf_date_field .sf-datepicker {
20664 left: -0.2rem; 20680 left: -0.2rem;
20665 margin-right: 0.3125rem; 20681 margin-right: 0.3125rem;
20666 } 20682 }
20667 .relevant-resources #relevant-resources td a.HTML:before { 20683 .relevant-resources #relevant-resources td .rel a.HTML h3:before, .relevant-resources #relevant-resources td .rel a.HTML .h3:before {
20668 content: ""; 20684 content: "";
20669 width: 17px; 20685 width: 17px;
20670 height: 17px; 20686 height: 17px;
...@@ -20677,9 +20693,59 @@ ul.sf_date_field .sf-datepicker { ...@@ -20677,9 +20693,59 @@ ul.sf_date_field .sf-datepicker {
20677 left: -0.2rem; 20693 left: -0.2rem;
20678 margin-right: 0.3125rem; 20694 margin-right: 0.3125rem;
20679 } 20695 }
20696 .relevant-resources #relevant-resources .photo {
20697 position: relative;
20698 }
20699 .relevant-resources #relevant-resources .mov .photo:after {
20700 content: "";
20701 width: 41px;
20702 height: 41px;
20703 margin: 15% 35%;
20704 background-repeat: no-repeat;
20705 background-size: contain;
20706 display: block;
20707 position: absolute;
20708 top: 0.3125rem;
20709 left: 0.2rem;
20710 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><defs><clipPath id="clip-path"><rect id="Rectangle_250" data-name="Rectangle 250" width="41.519" height="41.519" fill="%23fff"/></clipPath></defs><g id="Group_1915" data-name="Group 1915" opacity="0.5"><g id="Group_1914" data-name="Group 1914"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1515" data-name="Group 1515" clip-path="url(%23clip-path)"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>');
20711 }
20712 .relevant-resources #relevant-resources a:hover.mov .photo:before {
20713 content: "";
20714 width: 100%;
20715 height: 100%;
20716 display: block;
20717 position: absolute;
20718 top: 0rem;
20719 left: 0rem;
20720 box-shadow: inset 200px 200px 200px rgba(68, 68, 68, 0.4);
20721 }
20722 .relevant-resources #relevant-resources a:hover .photo:before {
20723 content: "";
20724 width: 100%;
20725 height: 100%;
20726 display: block;
20727 position: absolute;
20728 top: 0rem;
20729 left: 0rem;
20730 box-shadow: inset 200px 200px 200px rgba(68, 68, 68, 0.4);
20731 }
20732 .relevant-resources #relevant-resources a:hover.mov .photo:after {
20733 content: "";
20734 width: 41px;
20735 height: 41px;
20736 margin: 15% 35%;
20737 background-repeat: no-repeat;
20738 background-size: contain;
20739 display: block;
20740 position: absolute;
20741 top: 0.3125rem;
20742 left: 0.2rem;
20743 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><g id="Group_1941" data-name="Group 1941" transform="translate(-3.878 -3.878)"><g id="Group_1914" data-name="Group 1914" transform="translate(3.878 3.878)"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1939" data-name="Group 1939"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>');
20744 }
20680 20745
20681 #relevant-resources_paginate { 20746 #relevant-resources_paginate {
20682 margin-top: 30px; 20747 margin-top: 30px;
20748 text-align: center;
20683 } 20749 }
20684 20750
20685 .paginate_button { 20751 .paginate_button {
......
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.
...@@ -2,6 +2,6 @@ ...@@ -2,6 +2,6 @@
2 Theme Name: MSF CA Child 2 Theme Name: MSF CA Child
3 Author: Tenzing Communications 3 Author: Tenzing Communications
4 Template: msf-ca 4 Template: msf-ca
5 Version: 1.0.436 5 Version: 1.0.437
6 */ 6 */
7 7
......