https://conversatio.org/wp-content/themes/conv22/js/about.js?ver=2.76

1jQuery(document).ready(function($) {
2
3
4  // OPEN/CLOSE BIOS
5  function openCloseBios(){
6
7    var people       = $(this).closest('[data-people-holder]');
8    var person       = $(this).parent('[data-person]');
9    var photo        = $(this);
10    var caption      = $(this).siblings('[data-person-photo-caption]');
11
12    var bio          = person.find('[data-person-bio]');
13    var bioContent   = person.find('[data-person-bio-content]');
14    var bioSpacer    = person.find('[data-person-bio-spacer]');
15    var peers        = person.siblings();
16    var peerBios     = peers.find('[data-person-bio]');
17
18    if (person.hasClass('thisPersonOpened')) {
19
20      people.removeClass('personOpenedWithin');      
21      person.removeClass('thisPersonOpened');
22      //caption.addClass('anim-fadeIn');
23      bio.addClass('display-none');
24
25    } else {
26
27      people.addClass('personOpenedWithin');
28      peerBios.addClass('display-none');
29      //caption.removeClass('anim-fadeIn')
30      peers.removeClass('thisPersonOpened');
31      person.addClass('thisPersonOpened');
32      bio.removeClass('display-none');
33      person.find('[data-person-bio-spacer]').css('height', bioContent.innerHeight());
34      setTimeout(function(){
35        $('html,body').animate({
36          scrollTop: $(person).offset().top - 20
37        }, 500);
38      }, 100);
39
40    }
41  }
42  $('[data-person-photo]').on('click', openCloseBios);
43  
44
45  // resize bio on window resize
46  function resizeBio(){
47
48    var personOpened = $('.thisPersonOpened');
49    var bioContent   = personOpened.find('[data-person-bio-content]');
50    var bioSpacer    = personOpened.find('[data-person-bio-spacer]');
51
52    setTimeout(function(){
53      bioSpacer.css('height', bioContent.innerHeight());
54    }, 500);
55    // $('html,body').animate({
56    //   scrollTop: $(personOpened).offset().top - 20
57    // }, 100);
58
59  }
60  $(window).resize(resizeBio);
61
62
63  // TIMELINE (via slick.js, mainly ported over from whiteboard/launchframe theme)
64  $('.timeline--master').slick({
65    asNavFor: '.timeline--carousel',
66    centerMode: true,
67    dots: false,
68    arrows: false,
69    infinite: false,
70    speed: 800,
71    focusOnSelect: true,
72    centerPadding: '10px'
73  });
74  $('.timeline--carousel').slick({
75    asNavFor: '.timeline--master',
76    nextArrow: '.timeline--carousel--trigger__right',
77    prevArrow: '.timeline--carousel--trigger__left',
78    infinite: false,
79    speed: 800,
80    fade: true,
81    dots: false
82  });
83
84  function handleEqualHeightSlides(){
85      var slickTrackHeight = $('.timeline--carousel .slick-track').height();
86      $('.timeline--carousel .slick-slide').css('height', slickTrackHeight  + 'px' );
87  };
88
89  function reInitSlickOnResize(){
90    //$slick.slick('resize');
91    handleEqualHeightSlides();
92  };
93
94  reInitSlickOnResize();
95  $(window).on('resize orientationchange', reInitSlickOnResize);
96  
97
98});