Thrive Member Launch

Summary

Update members.wethrivepostpartum.com with necessary updates to be able to go live by @May 1, 2024 including simpifying the dashboard and making sure the sign up process works

Client
🎆Thrive
Assigned To
Status
In Progress
Start & Finish Date
Needs Review

Add Custom Code Here:

Changed content.php in buddy boss child theme

content.php9.2KB

code in line number 123-136

image

In child theme functions.php

<?php
// Function to calculate estimated reading time
function calculate_reading_time($content) {
	$words_per_minute = 200; // Adjust this value according to your preference
	$word_count = str_word_count(strip_tags($content));
	$reading_time = ceil($word_count / $words_per_minute);
	return $reading_time;
}
// Function to display estimated reading time
function display_reading_time() {
	global $post;
		$content = $post->post_content;
	$reading_time = calculate_reading_time($content);
	if ($reading_time == 1) {
    $label = 'min read';
	} else {
    $label = 'min read';
	}

	echo '<div class="reading-time">' . $reading_time . ' ' . $label . '</div>';
}

function home_post_list(){ ?>
<div class="post_list_main_row post_slider">
<?php
$loop = new WP_Query(array(
'post_type'      => 'post',
'order'          => 'ASC',
'posts_per_page' => -1, // Change this to the number of posts per page you desire
));
$custom_categories = array( 'videos', 'blog-posts', 'pdfs' );
$terms = get_terms(
array(
'taxonomy'   => 'category',
'hide_empty' => true,
'slug'       => $custom_categories,
)
);
// Check if any term exists
    ?>
    <div id="filters" class="filters button-group">
        <ul>
            <li class="button is-checked " data-filter="*">All</li>
            <?php
            // Check if any term exists
            if ( ! empty( $terms ) && is_array( $terms ) ) {
                // Run a loop and print them all
                foreach ( $terms as $term ) { ?>
                    <?php echo '<li class="button" data-filter=".category-' . $term->slug . '">' . $term->name . '</li>'; ?>
                <?php
                }
            }
            ?>
        </ul>
    </div>
    <?php
      if ( $loop->have_posts() ) : ?>
        <div class="isotope">
            <div class="event_listing cards grid ">
                <?php  while ( $loop->have_posts() ) : $loop->the_post(); ?>
                <div data-id="post-<?php the_ID(); ?>"  <?php post_class('post_listing single-content single-content cards__item'); ?>>
                        <div class="trending_box">
                            <div class="post_image">
                                <?php
                                $video_url = get_field('featured_video');
                                if ($video_url) {
                                    echo '<video controls src="' . esc_url($video_url) . '">Your browser does not support the video tag.</video>';
                                } else {
                                    $featured_img_url = get_the_post_thumbnail_url(get_the_ID(),'full');
                                    if ( has_post_thumbnail() ) :
                                ?>
                                        <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'medium_large' ); ?></a>
                                <?php
                                    endif;
                                }
                                ?>
                            </div>


                        <div class="post_inner">
                            <div class="post_inn">
                                <div class="post_date"><?php echo date('d/m/Y', strtotime(get_the_date())); ?></div>

                                <div class="project_cat">
                                    <?php
                                    foreach ( get_the_terms( get_the_ID(), 'category' ) as $tax ) :
                                        echo '<span>' . __( $tax->name ) . '</span>';
                                    endforeach;
                                    ?>
                                </div>
                            </div>

                            <div class="single-post">
                                <div class="post_content">
                                    <h3 class="post_title"><a href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></h3>
                                    <div class="post_description"><?php the_excerpt(); ?></div>
                                </div>
                                <div class="post_read_btn">
                                    <div class="read_btn"><?php display_reading_time(); ?></div>

                                    <?php
                                        $pdf_file = get_field('featured_pdf');
                                        $video_urls = get_field('featured_video');

                                        if ($pdf_file) {
                                            $pdf_url = $pdf_file['url'];
                                            $pdf_title = $pdf_file['title'];
                                            echo '<a class="read_more_btn" href="' . esc_url($pdf_url) . '" download="' . esc_attr($pdf_title) . '">Download PDF</a>';
                                        } elseif ($video_urls) {
                                            ?><a class="read_more_btn" href="<?php echo get_permalink(); ?>">Watch Now</a><?php
                                        } else {
                                            ?><a class="read_more_btn" href="<?php echo get_permalink(); ?>">Read More</a><?php
                                        }
                                    ?>

                                </div>
                            </div>
                            </div>
                        </div>
                    </div>
                <?php endwhile; ?>
            </div>
        </div>

        <?php
        wp_reset_postdata();
    endif;
    ?>
</div>
<?php

}
add_shortcode('home_post', 'home_post_list');

jQuery(window).on('load', function(){
  // Initial setup
  jQuery('.welcome_hide').css('display', 'none'); 
  jQuery('.post_main_sec').css('display', 'block');
  jQuery('.video_sec').css('display', 'block');
  jQuery('.welcome_left').css('display', 'block');
  jQuery('.close_btn a.elementor-button').show();
  jQuery('.close_btn3 a.elementor-button').show();
  jQuery('.close_btn2 a.elementor-button').show();
  
  // Check if video_sec cookie exists and hide the element if it does
  if (document.cookie.indexOf('video_sec_closed=true') !== -1) {
      jQuery('.video_sec').css('display', 'none');
      jQuery('.close_btn a.elementor-button').hide();
  }
  // Check if post_main_sec cookie exists and hide the element if it does
  if (document.cookie.indexOf('post_main_sec_closed=true') !== -1) {
      jQuery('.post_main_sec').css('display', 'none');
      jQuery('.close_btn2 a.elementor-button').hide();
  }
    // Check if post_main_sec cookie exists and hide the element if it does
    if (document.cookie.indexOf('welcome_left_closed=true') !== -1) {
      jQuery('.welcome_left').css('display', 'none');
      jQuery('.close_btn3 a.elementor-button').hide();
      jQuery('.welcome_hide').css('display', 'block');
  }


  // Click event handler for video_sec close button
  jQuery('.close_btn a.elementor-button').click(function(){
      jQuery('.video_sec').css('display', 'none');
      jQuery(this).hide();
      // Set a cookie when .close_btn is clicked
      document.cookie = "video_sec_closed=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
  });

  // Click event handler for post_main_sec close button
  jQuery('.close_btn2 a.elementor-button').click(function(){
      jQuery('.post_main_sec').css('display', 'none'); 
      jQuery(this).hide();
      // Set a cookie when .close_btn2 is clicked
      document.cookie = "post_main_sec_closed=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
  });
  
  // Click event handler for welcome_left close button
  jQuery('.close_btn3 a.elementor-button').click(function(){
      jQuery('.welcome_left').css('display', 'none');
      jQuery('.welcome_hide').css('display', 'block'); // Toggle display of welcome_hide
      jQuery(this).hide();
      // Set a cookie when .close_btn3 is clicked
      document.cookie = "welcome_left_closed=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
  });
});









jQuery(window).on('load', function(){
jQuery('.toogle_tab_inner').slideUp();

jQuery('.toogle_tab_inner').slideUp();

jQuery('.create_post_btn_toggle').click(function(){
    jQuery('.toogle_tab_inner').slideToggle(function(){
        window.dispatchEvent(new Event('resize'));
        var buttonText = jQuery('.toogle_tab_inner .elementor-button-content-wrapper > .elementor-button-text').is(':visible') ? 'Hide Less' : 'See Progress';
        jQuery('.create_post_btn_toggle .elementor-button-text').text(buttonText);
    });
});
});

jQuery(window).on('load', function() {

  // init Isotope
  var $container = jQuery('.isotope').isotope({
    itemSelector: '.cards__item',
    layoutMode: 'fitRows'
  });

  // filter functions
  var filterFns = {
    // show if number is greater than 20
    numberGreaterThan50: function() {
      var number = jQuery(this).find('.number').text();
      return parseInt(number, 10) > 20;
    },
    // show if name ends with -ium
    ium: function() {
      var name = jQuery(this).find('.name').text();
      return name.match(/ium$/);
    }
  };

  // bind filter button click
  jQuery('#filters').on('click', 'li', function() {
    var filterValue = jQuery(this).attr('data-filter');
    // use filterFn if matches value
    filterValue = filterFns[filterValue] || filterValue;
    $container.isotope({
      filter: filterValue
    });
  });

  // change is-checked class on buttons
  jQuery('.button-group').each(function(i, buttonGroup) {
    var $buttonGroup = jQuery(buttonGroup);
    $buttonGroup.on('click', 'li', function() {
      $buttonGroup.find('.is-checked').removeClass('is-checked');
      jQuery(this).addClass('is-checked');
    });
  });


    
  //****************************
  // Isotope Load more button
  //****************************
  var initShow = 9; //number of items loaded on init & onclick load more button
  var counter = initShow; //counter for load more button
  var iso = $container.data('isotope'); // get Isotope instance

  loadMore(initShow); //execute function onload

  function loadMore(toShow) {
    $container.find(".hidden").removeClass("hidden");

    var hiddenElems = iso.filteredItems.slice(toShow, iso.filteredItems.length).map(function(item) {
      return item.element;
    });
    jQuery(hiddenElems).addClass('hidden');
    $container.isotope('layout');

    //when no more to load, hide show more button
    if (hiddenElems.length == 0) {
      jQuery("#load-more").hide();
    } else {
      jQuery("#load-more").show();
    }

  }

  //append load more button
  $container.after('<button id="load-more"> Load More</button>');

  // Event delegation for dynamically added "Load More" button
 jQuery("#load-more").click(function() {
    if (jQuery('#filters').data('clicked')) {
      //when filter button clicked, set initial value for counter
      counter = initShow;
      jQuery('#filters').data('clicked', false);
    } else {
      counter = counter;
    };

    counter = counter + initShow;

    loadMore(counter);
  });

  //when filter button clicked
  jQuery("#filters").click(function() {
    jQuery(this).data('clicked', true);

    loadMore(initShow);
  });
});

    jQuery('.category-videos a.read_more_btn').text('Watch Now');

   

// input number
	jQuery(function(){
		jQuery(".wpcf7-tel").keypress(function (e) {
			if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
				return false;
			}
		});
	});
	// maxlength
	jQuery('input[type="tel"]').attr('maxlength','10');
	new Maxlength('input[maxlength]');
    /*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
.welcome_hide{
display:none;
}
.event_listing.cards.grid .post_listing {
    width: 33.33%;
    padding: 0 16px;
}
.isotope {
    margin: 0 -16px !important;
    width: auto !important;
}
.event_listing.cards.grid {
    display: flex;
    flex-wrap: wrap;
}
.trending_box {
    border: 1px solid #CBD5E1;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
}

.post_inner {
    padding: 24px 16px;
}

.post_inn {
    display: flex;
    justify-content: space-between;
}

.post_read_btn {
    display: flex;
    justify-content: space-between;
}

.post_date {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #475569;
    text-align: left;
}

.post_date::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_292_553)"><path d="M2.66663 4.66666C2.66663 4.31304 2.8071 3.9739 3.05715 3.72385C3.3072 3.4738 3.64634 3.33333 3.99996 3.33333H12C12.3536 3.33333 12.6927 3.4738 12.9428 3.72385C13.1928 3.9739 13.3333 4.31304 13.3333 4.66666V12.6667C13.3333 13.0203 13.1928 13.3594 12.9428 13.6095C12.6927 13.8595 12.3536 14 12 14H3.99996C3.64634 14 3.3072 13.8595 3.05715 13.6095C2.8071 13.3594 2.66663 13.0203 2.66663 12.6667V4.66666Z" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.6666 2V4.66667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.33337 2V4.66667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.66663 7.33333H13.3333" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.66663 9.33333H4.67529" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.67334 9.33333H6.67667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.67334 9.33333H8.67667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.6764 9.33333H10.6797" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.67639 11.3333H8.67973" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.67334 11.3333H4.67667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.67334 11.3333H6.67667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_292_553"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    bottom: -2px;
    position: relative;
    margin-right: 4px;
}
.post_date {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #475569;
    text-align: left;
}

.post_date::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_292_553)"><path d="M2.66663 4.66666C2.66663 4.31304 2.8071 3.9739 3.05715 3.72385C3.3072 3.4738 3.64634 3.33333 3.99996 3.33333H12C12.3536 3.33333 12.6927 3.4738 12.9428 3.72385C13.1928 3.9739 13.3333 4.31304 13.3333 4.66666V12.6667C13.3333 13.0203 13.1928 13.3594 12.9428 13.6095C12.6927 13.8595 12.3536 14 12 14H3.99996C3.64634 14 3.3072 13.8595 3.05715 13.6095C2.8071 13.3594 2.66663 13.0203 2.66663 12.6667V4.66666Z" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.6666 2V4.66667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.33337 2V4.66667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.66663 7.33333H13.3333" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.66663 9.33333H4.67529" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.67334 9.33333H6.67667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.67334 9.33333H8.67667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.6764 9.33333H10.6797" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.67639 11.3333H8.67973" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.67334 11.3333H4.67667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.67334 11.3333H6.67667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_292_553"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    bottom: -2px;
    position: relative;
    margin-right: 4px;
}


.project_cat span {
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: left;
    border: 1px solid #94A3B8;
    padding: 4px 10px;
    border-radius: 30px;
    color: #475569;
}

.category-blog-posts .project_cat span::before {
    background: url('data:image/svg+xml,<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_292_568)"><path d="M2.08337 11.0833C2.88147 10.6226 3.78681 10.38 4.70837 10.38C5.62994 10.38 6.53527 10.6226 7.33337 11.0833C8.13147 10.6226 9.03681 10.38 9.95837 10.38C10.8799 10.38 11.7853 10.6226 12.5834 11.0833" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.08337 3.5C2.88147 3.03921 3.78681 2.79663 4.70837 2.79663C5.62994 2.79663 6.53527 3.03921 7.33337 3.5C8.13147 3.03921 9.03681 2.79663 9.95837 2.79663C10.8799 2.79663 11.7853 3.03921 12.5834 3.5" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.08337 3.5V11.0833" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.33337 3.5V11.0833" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5834 3.5V11.0833" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_292_568"><rect width="14" height="14" fill="white" transform="translate(0.333374)"/></clipPath></defs></svg>');
    content: '';
    width: 15px;
    height: 14px;
    display: inline-block;
    position: relative;
    bottom: -2px;
    margin-right: 3px;
}
.category-pdfs .project_cat span::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_292_186)"><path d="M8.1665 1.75V4.08333C8.1665 4.23804 8.22796 4.38642 8.33736 4.49581C8.44675 4.60521 8.59513 4.66667 8.74984 4.66667H11.0832" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.9165 7V2.91667C2.9165 2.60725 3.03942 2.3105 3.25821 2.09171C3.47701 1.87292 3.77375 1.75 4.08317 1.75H8.1665L11.0832 4.66667V7" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.9165 10.5H3.7915C4.02357 10.5 4.24613 10.4078 4.41022 10.2437C4.57432 10.0796 4.6665 9.85706 4.6665 9.625C4.6665 9.39294 4.57432 9.17038 4.41022 9.00628C4.24613 8.84219 4.02357 8.75 3.7915 8.75H2.9165V12.25" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.9165 10.5H11.0832" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.6665 8.75H9.9165V12.25" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.4165 8.75V12.25H6.99984C7.30926 12.25 7.606 12.1271 7.82479 11.9083C8.04359 11.6895 8.1665 11.3928 8.1665 11.0833V9.91667C8.1665 9.60725 8.04359 9.3105 7.82479 9.09171C7.606 8.87292 7.30926 8.75 6.99984 8.75H6.4165Z" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_292_186"><rect width="14" height="14" fill="white" transform="translate(-0.000244141)"/></clipPath></defs></svg>');
    width: 15px;
    height: 14px;
    display: inline-block;
    position: relative;
    bottom: -2px;
    margin-right: 3px;
}

.category-videos .project_cat span::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_292_35)"><path d="M1.8335 4.66666C1.8335 4.04782 2.07933 3.45433 2.51691 3.01675C2.9545 2.57916 3.54799 2.33333 4.16683 2.33333H11.1668C11.7857 2.33333 12.3792 2.57916 12.8167 3.01675C13.2543 3.45433 13.5002 4.04782 13.5002 4.66666V9.33333C13.5002 9.95217 13.2543 10.5457 12.8167 10.9832C12.3792 11.4208 11.7857 11.6667 11.1668 11.6667H4.16683C3.54799 11.6667 2.9545 11.4208 2.51691 10.9832C2.07933 10.5457 1.8335 9.95217 1.8335 9.33333V4.66666Z" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.5 5.25L9.41667 7L6.5 8.75V5.25Z" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_292_35"><rect width="14" height="14" fill="white" transform="translate(0.666748)"/></clipPath></defs></svg>');
    width: 15px;
    height: 14px;
    display: inline-block;
    position: relative;
    bottom: -2px;
    margin-right: 3px;
}

h3.post_title a {
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.01em;
    text-align: left;
    color: #1E293B;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post_content {
    padding: 15px 0;
}

h3.post_title {
    margin: 0;
    padding: 0 0 8px;
}

.post_description p,.post_description {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #475569;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}
.post_list_main_row.post_slider {
    text-align: center;
}
.reading-time {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: right;
    color: #475569;
}

.reading-time::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_292_581)"><path d="M9.33337 2V4.66667C9.33337 4.84348 9.40361 5.01305 9.52864 5.13807C9.65366 5.2631 9.82323 5.33333 10 5.33333H12.6667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.3334 14H4.66671C4.31309 14 3.97395 13.8595 3.7239 13.6095C3.47385 13.3594 3.33337 13.0203 3.33337 12.6667V3.33333C3.33337 2.97971 3.47385 2.64057 3.7239 2.39052C3.97395 2.14048 4.31309 2 4.66671 2H9.33337L12.6667 5.33333V12.6667C12.6667 13.0203 12.5262 13.3594 12.2762 13.6095C12.0261 13.8595 11.687 14 11.3334 14Z" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 6H6.66667" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 8.66667H10" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 11.3333H10" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_292_581"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    bottom: -2px;
    margin-right: 4px;
}
.event_listing.cards.grid .post_listing.hidden{
  display: none;
}
div#content {
    background: #fff;
}
a.read_more_btn {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #475569;
}

a.read_more_btn::after {
    content: '';
    background: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_292_591)"><path d="M4.5 10H16.1667" stroke="%23475569" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.1667 15L16.1667 10" stroke="%23475569" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.1667 5L16.1667 10" stroke="%23475569" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_292_591"><rect width="20" height="20" fill="white" transform="translate(0.333374)"/></clipPath></defs></svg>');
    width: 21px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    transition: all 0.5s;
}

a.read_more_btn:hover {
    color: #000;
}

a.read_more_btn:hover:after {
    filter: brightness(0.5);
}

.category-pdfs .reading-time {
    display: none;
}
.event_listing.cards.grid .post_listing {
    margin-bottom: 24px;
}


div#filters ul {
    margin: 0;
    padding: 0 0 48px;
    display: flex;
    flex-wrap: wrap;
}

div#filters ul li.button {
    background: transparent;
    border: 0;
    color: #64748B;
    width: 120px;
    border-radius: 0;
    border-bottom: 2px solid #E2E8F0;
    margin: 0;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}

div#filters ul li.button.is-checked {
    border-bottom: 2px solid #FF86C8;
    color: #0096C7;
    font-weight: 600;
}
div#filters ul li.button[data-filter=".category-blog-posts"] {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_31_2429)"><path d="M2.5 15.8333C3.64014 15.1751 4.93347 14.8285 6.25 14.8285C7.56652 14.8285 8.85986 15.1751 10 15.8333C11.1401 15.1751 12.4335 14.8285 13.75 14.8285C15.0665 14.8285 16.3599 15.1751 17.5 15.8333" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 4.99999C3.64014 4.34173 4.93347 3.99518 6.25 3.99518C7.56652 3.99518 8.85986 4.34173 10 4.99999C11.1401 4.34173 12.4335 3.99518 13.75 3.99518C15.0665 3.99518 16.3599 4.34173 17.5 4.99999" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 5V15.8333" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 5V15.8333" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.5 5V15.8333" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_31_2429"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: 18px center;
}
div#filters ul li.button[data-filter=".category-videos"] {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_31_2438)"><path d="M1.66663 6.66668C1.66663 5.78262 2.01782 4.93478 2.64294 4.30965C3.26806 3.68453 4.1159 3.33334 4.99996 3.33334H15C15.884 3.33334 16.7319 3.68453 17.357 4.30965C17.9821 4.93478 18.3333 5.78262 18.3333 6.66668V13.3333C18.3333 14.2174 17.9821 15.0652 17.357 15.6904C16.7319 16.3155 15.884 16.6667 15 16.6667H4.99996C4.1159 16.6667 3.26806 16.3155 2.64294 15.6904C2.01782 15.0652 1.66663 14.2174 1.66663 13.3333V6.66668Z" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.33337 7.5L12.5 10L8.33337 12.5V7.5Z" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_31_2438"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: 9px center;
}
div#filters ul li.button[data-filter=".category-pdfs"] {
    background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_31_2444)"><path d="M11.667 2.5V5.83333C11.667 6.05435 11.7548 6.26631 11.9111 6.42259C12.0674 6.57887 12.2793 6.66667 12.5003 6.66667H15.8337" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.16699 10V4.16667C4.16699 3.72464 4.34259 3.30072 4.65515 2.98816C4.96771 2.67559 5.39163 2.5 5.83366 2.5H11.667L15.8337 6.66667V10" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.16699 15H5.41699C5.74851 15 6.06646 14.8683 6.30088 14.6339C6.5353 14.3995 6.66699 14.0815 6.66699 13.75C6.66699 13.4185 6.5353 13.1005 6.30088 12.8661C6.06646 12.6317 5.74851 12.5 5.41699 12.5H4.16699V17.5" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.167 15H15.8337" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.667 12.5H14.167V17.5" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.16699 12.5V17.5H10.0003C10.4424 17.5 10.8663 17.3244 11.1788 17.0118C11.4914 16.6993 11.667 16.2754 11.667 15.8333V14.1667C11.667 13.7246 11.4914 13.3007 11.1788 12.9882C10.8663 12.6756 10.4424 12.5 10.0003 12.5H9.16699Z" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_31_2444"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: 18px center;
}
.post_image img {
    height: 230px;
    object-fit: cover;
    width: 100%;
}
.single .entry-title ,.single-post .post-related-posts h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 43.2px;
    letter-spacing: 0.01em;
    text-align: left;
}

.single-post a.post-author {
    display: none;
}

.single-post 
 .avatar-wrap {
    display: none;
}

.single-post span.post-date a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.single-post span.post-date a::before {
    content: 'Published at ';
}

.single-post span.post-date::before {
    content: '';
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_31_2560)"><path d="M4 7C4 6.46957 4.21071 5.96086 4.58579 5.58579C4.96086 5.21071 5.46957 5 6 5H18C18.5304 5 19.0391 5.21071 19.4142 5.58579C19.7893 5.96086 20 6.46957 20 7V19C20 19.5304 19.7893 20.0391 19.4142 20.4142C19.0391 20.7893 18.5304 21 18 21H6C5.46957 21 4.96086 20.7893 4.58579 20.4142C4.21071 20.0391 4 19.5304 4 19V7Z" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 3V7" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 3V7" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 11H20" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 14H7.013" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.01 14H10.015" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.01 14H13.015" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.0146 14H16.0196" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.0146 17H13.0196" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.01001 17H7.01501" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.01 17H10.015" stroke="%23475569" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_31_2560"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 8px;
}

.single-post 
  .bb-comments-wrap {
    display: none;
}

.single-post 
  .post-meta-wrapper {
    display: none;
}

.single-post 
  .post-meta-wrapper-main {
    display: none;
}

.single-post 
  div#comments {
    display: none;
}

.single-attachment .post-related-posts, .single-post .post-related-posts {
    border: 0;
    padding: 0;
    margin-bottom: 0;
}
.single-post 
 .widget_block {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
}

.single-post div#content {
    background: #fff;
}

h2.wp-block-heading.blog_head {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    letter-spacing: 0.01em;
    color: #1E293B;
    margin: 0;
    padding: 0 0 24px;
}

.blog_each 
 .wp-block-latest-posts__featured-image img {
    width: 116px;
    height: 116px;
}

.single-post div#secondary {
    max-width: 405px;
    flex: 0 0 405px;
}

body .blog_each a.wp-block-latest-posts__post-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.01em;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 6px;
}

time.wp-block-latest-posts__post-date {
    color: #475569;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
    display: inline-block;
}

.wp-block-latest-posts .wp-block-latest-posts__featured-image {
    margin-bottom: 0;
}
.single-post .post-related-posts .entry-header {
    margin-bottom: 10px;
}

.single-post .post-related-posts .entry-content {
    margin-bottom: 20px;
}
.single-post .post-related-posts .post-inner-wrap {
    height: 100% !important;
}
@media(max-width:1024px){
    .entry-content-wrap {
    padding: 15px !important;
}
    .single-post span.post-date a {
    font-size: 14px;
}
    body .blog_each a.wp-block-latest-posts__post-title {
    font-size: 16px;
}
    .blog_each .wp-block-latest-posts__featured-image img {
    width: 86px;
    height: 86px;
}
h2.wp-block-heading.blog_head {
    font-size: 20px;
    padding: 0 0 14px;
}
    .entry-content h2.wp-block-heading {
    font-size: 20px;
}
    .single .entry-title , .single-post .post-related-posts h3 {
    font-size: 25px;
    line-height: 1.4;
}
    .single-post div#secondary {
    max-width: 315px;
    flex: 0 0 315px;
}
  .event_listing.cards.grid .post_listing {
    width: 50%;
}
.event_listing.cards.grid .post_listing {
    padding: 0 7.5px;
}
.isotope {
    margin: 0 -7.5px !important;
    width: auto !important;
}
}
@media(max-width:767px){
    .single-post div#secondary {
    max-width: fit-content;
    flex: none;
}
    h3.post_title a {
    font-size: 18px;
}
.post_description p, .post_description,.reading-time, a.read_more_btn,.post_date {
    font-size: 14px;
    line-height: 21px;
}
div#filters ul {
    padding: 0 0 30px;
    justify-content: center;
}

.single-post .post-related-posts h3{
    font-size: 22px;
}
}
@media(max-width:576px){
  .event_listing.cards.grid .post_listing {
    width: 100%;
}
.event_listing.cards.grid .post_listing {
    padding: 0 0px;
}
.isotope {
    margin: 0 -0px !important;
    width: auto !important;
}
}
.video_sec , .post_main_sec , .close_btn2 a.elementor-button ,.close_btn a.elementor-button{
  display: none;
}

Client Provided Input

  • A form that asks them to rate how they feel each day they log in (Only once per day) AND a way to see their progress on their profile page (visible only to them AND admin in background) - is in my original ask I believe.
  • A static dashboard that has a few specific progress (Details in Google sheet) that I don’t want to draw out b/c I was hoping you might have a layout idea better than mine. If not, I can.
  • A standard page that collects/tags/showcases content pieces for multi-media (Details in Google sheet). I included a template I found in ThemeForest that I think would work unless you have a different idea.

Goals For My Members:

  • Track healing progress and improve (from day 1 starting)
  • Learn about PPD and Treatment they can do
  • Engage with the Community (through forums, events or feedback)
  • Join a Thrive Circle (hoping 10% do this)

Value I Want To Provide Right Away:

  • Watch intro video Kelly needs to record (welcome, how to use, what to do next)
  • FIll out Mood Tracker (Need to build this)
  • Access the Survive to Thrive Course and start it (could be 1 lesson, could be a bunch)
  • Introduce themselves into the Community (Welcome, Meet Our Members forum)
    1. Provide 1-2 prompts.

New Menu Layout

  • Dashboard
  • Community
  • Thrive Method
  • Thrive Circle

Page Layout - please review

Dashboard - needs design

  • Welcome Video (first time only, dismissed after first watch)
  • Say hello in group (first time only, dismissed after first watch)(first time only, dismissed after first watch)
    • Given questions that they need to answer in the group page, given a quick link to access
  • Complete mood tracker form with ability to see historical submissions
    • ‣
    Click to see form outline and questions
  • Start first course, just use this styling
    • image
  • Join Thrive Circle, call to action to go to the events page
    • Make this a panel design that can be duplicated and filled with other content for other promotions on-going. MIght have two promotions side by side

Thrive Method - needs design

  • act as a repository for content, basically a blog
  • Ability to have video, PDF, blog texts, etc. Categories are Body, Mind, Soul and Role with the abiliy to filter
    • Ability to filter
    • Need to use Vimeo for videos

Sign Up Page - needs design

Community

  • Use existing newsfeed page
    • Hide all widgets besides recent content and events

Thrive Circle

  • Use pre-existing events page

To Do Additional

  • Design and create dashboard page
  • Design and create We Thrive page
    • Setup filtering ability on We Thrive
      • Categories are Body, Mind, Soul and Role with the abiliy to filter
    • Ability to easily add videos
    • Ability to have video, PDF, blog texts, etc.
  • Ability to dismiss welcome video and group prompt
  • Create daily mood tracker with historical view
  • Create one main group
  • Go through the sign up process and make sure it’s fully working
    • For pricing
      • So default is $19.99 a month
      • Option to pay a year up front with one month free
      • Once inside of the member portal can pay $200 to access thrive circle
        • maximum of 8 people
        • will be a group they get added to
        • most of this functionality will be manual
    • Need to make sure auto enrolled in Intro Course
    • Need to make sure they are auto enrolled in the group
    • Following pages need to be styled: