November 26, 2020</iframe</div> </div><!-- .entry-content --> <footer class="entry-footer"> <span class="cat-links">Posted in <a href="https://biology.mit.edu/category/uncategorized/" rel="category tag">Uncategorized</a></span> </footer><!-- .entry-footer --> </article><!-- #post-18047 --> </div> </div> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($) { addHelix(); $(window).on('resize', function() { addHelix(); }); function addHelix() { var wrapper = $('#page-header-helix'); var title = $('#helix-title'); var wrapperHelix = $('#header-helix-wrapper'); var widthWrapper = $(wrapper).width(); var widthTitle = $(title).width(); var widthHelixes = widthWrapper - widthTitle - 45; // 60px margin $(wrapperHelix).width(widthHelixes); var currentCount = $(wrapperHelix).children().length; var helixCount = div(widthHelixes, 55); var realWidth = helixCount * 55 + 10; if (realWidth > widthHelixes) { helixCount--; } if(helixCount > 0 && helixCount != currentCount) { $(wrapperHelix).empty(); for (var i = 0; i < helixCount; i++) { $(wrapperHelix).append('<div class="helix-bg"></div>'); } } } function div(val, by) { return (val - val % by) / by; } }); </script> </main><!-- #main --> </div><!-- #primary --> </div><!-- #content --> <footer id="site-footer" class="site-footer"> <div class="container"> <div class="col-full"> <div class="footer-social-block menu-wrapper"> <ul id="social_links_widget-2" class="footer-widget social-links widget_social_links_widget"><li><a class="facebook" href="https://www.facebook.com/MIT-Department-of-Biology-216044591818233/" target="_blank"><span class="sr-only">Facebook</span><i class="fab fa-2x fa-facebook"></i></a></li><li><a class="twitter" href="https://twitter.com/mitbiology" target="_blank"><span class="sr-only">Twitter</span><i class="fab fa-2x fa-x-twitter"></i></a></li><li><a class="youtube" href="https://www.youtube.com/channel/UC2P3engLHiam5bp2-ZxsUJg" target="_blank"><span class="sr-only">YouTube</span><i class="fab fa-2x fa-youtube"></i></a></li><li><a class="instagram" href="https://www.instagram.com/mitbiology/" target="_blank"><span class="sr-only">Instagram</span><i class="fab fa-2x fa-instagram"></i></a></li></ul> </div> <div class="site-info"> <div class="website-info"> <div id="text-2" class="footer-widget widget_text"><h4 class="widget-title">Our Contacts</h4> <div class="textwidget"><p>77 Massachusetts Ave, 68-132 |<span class="break-mobile"></span> Cambridge, MA 02139 | 617–253–4701</p> </div> </div><div id="text-3" class="footer-widget widget_text"><h4 class="widget-title">For Emergencies</h4> <div class="textwidget"><p><a href="https://science.mit.edu/emergency" target="_blank" rel="noopener">For Emergencies</a> | <a href="http://accessibility.mit.edu" target="_blank" rel="noopener">Accessibility</a></p> </div> </div><div id="text-4" class="footer-widget widget_text"><h4 class="widget-title">Copyright</h4> <div class="textwidget"><p>© 2019 MIT Department of Biology | <a href="https://biology.mit.edu/credits/" target="_blank" rel="noopener">Credits</a></p> </div> </div> </div> </div><!-- .site-info --> </div> </div> </footer> </div><!-- #page --> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($) { checkMatchHeight(); fixImagesforIE(); var $grid = $('#section-news-grid'); if ($($grid).length) { $grid.on( 'layoutComplete', function( event, items ) { // reset previosly set heights $grid.find('.grid-item.small').each(function (index, value) { $(this).css('height', 'auto'); }); // don't do anything if it's a mobile layout if($('#menu-toggle').is(':visible')) { return false; } $grid.find('.grid-item.big').each(function (index, value) { var leftValue = $(this).css('left'); var smallItems = $(this).prevAll('.grid-item.small'); var topLeftItem = null; var topRightItem = null; $(smallItems.get()).each(function () { if($(this).css('left') == leftValue) { topLeftItem = $(this); // console.log("left item id = " + topLeftItem.attr('id')); return false; } }); if (topLeftItem != null) { var nextItemLeftValue = parseFloat(topLeftItem.css('left')) + topLeftItem.width() + parseInt(topLeftItem.css('margin-right')); var nextItemLeftValueLess = nextItemLeftValue--; var nextItemLeftValueMore = nextItemLeftValue++; nextItemLeftValue += "px"; nextItemLeftValueLess += "px"; nextItemLeftValueMore += "px"; // console.log('left = ' + parseFloat(topLeftItem.css('left')) + " width = " + topLeftItem.width()); // console.log('next item left value = ' + nextItemLeftValue); // console.log('next item left value - 1= ' + nextItemLeftValueLess); $(smallItems.get()).each(function () { if($(this).css('left') == nextItemLeftValue || $(this).css('left') == nextItemLeftValueLess || $(this).css('left') == nextItemLeftValueMore) { topRightItem = $(this); // console.log("right item id = " + topRightItem.attr('id')); return false; } }); } if (topRightItem != null) { var topRight = parseInt(topRightItem.css('top')); var topLeft = parseInt(topLeftItem.css('top')); var topDifference = Math.abs(topRight - topLeft); var heightDifference = Math.abs(topRightItem.height() - topLeftItem.height()) // var difference = Math.abs(topDifference - heightDifference); var difference = Math.abs((topLeftItem.height() + topLeft) - (topRightItem.height() + topRight)); if ((topRightItem.height() + topRight) > (topLeftItem.height() + topLeft)) { topLeftItem.height(topLeftItem.height() + difference); } else { topRightItem.height(topRightItem.height() + difference); } } }); }); $grid.masonry({ itemSelector: '.grid-item', columnWidth: '.grid-item.small', // percentPosition: true }); } $(window).on('resize', function() { if ($('#col-hero-img').css('position') != 'absolute') { moveHomepageTitleMobile(); } checkMatchHeight(); }); function checkMatchHeight() { // check if it's a phone layout if ($('#col-hero-img').css('position') != 'absolute') { moveHomepageTitleMobile(); if($('#menu-toggle').is(':visible')) { $('.match-height').matchHeight(); $('.first-row .grid-item').matchHeight(); $('.second-row .grid-item:visible').matchHeight(); } } else { // run match height otherwise $('.match-height').matchHeight(); $('.first-row .grid-item').matchHeight(); $('.second-row .grid-item:visible').matchHeight(); // $('.match-height-by-row').matchHeight({ byRow: false}); $('.col-quick-links, .col-feature-items').matchHeight(); } if(!$('#menu-toggle').is(':visible')) { $('.match-height-by-row').matchHeight({ byRow: false, remove: false }); } else { console.log('remove ok'); $('.match-height-by-row').matchHeight({ remove: true }); } } function moveHomepageTitleMobile() { var title = $('.bio-hero-title'); var height = title.height()/2 * (-1); if(!$('body').hasClass('home')) { height -= 46; } // title.css('margin-top',height+'px'); $(title).parent().css('margin-top',height+'px'); } // Move header after slide change // $('.bio-slider').on('afterChange', function(){ // moveHomepageTitleMobile(); // console.log("slider after change"); // }); if($(window).width() >= 768 ) { if($('body').hasClass('admin-bar')) { $('.bio-research-hero').height($(window).height() - 133); } else { $('.bio-research-hero').height($(window).height() - 101); } } $('a[href^="#"]').on('click', function(event) { var target = $(this.getAttribute('href')); var offset = $('body').hasClass('admin-bar') ? 133 - 36 : 101 - 36; // 133 (admin bav + header), 101 (header), 36 (btn height) if( target.length ) { event.preventDefault(); $('html, body').stop().animate({ scrollTop: target.offset().top - offset }, 350); target.focus(); } }); $( document ).ajaxComplete(function() { fixImagesforIE(); }); // fix css cover img property for IE function addClass(el, className) { if (el.classList) el.classList.add(className); else if (!hasClass(el, className)) el.className += ' ' + className; } function fixImagesforIE() { var imgContainers, len; if ('objectFit' in document.documentElement.style === false) { imgContainers = document.querySelectorAll('.bio-img-container'); len = imgContainers.length; for (var i=0; i<len; i++) { var $container = imgContainers[i], imgUrl = $container.querySelector('img').getAttribute('src'); if (imgUrl) { $container.style.backgroundImage = 'url(' + imgUrl + ')'; addClass($container, 'cover-image'); } } } } }); </script> <script type="text/javascript" src="https://biology.mit.edu/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.8.7" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/biology.mit.edu\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" src="https://biology.mit.edu/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.8.7" id="contact-form-7-js"></script> <script type="text/javascript" src="https://biology.mit.edu/wp-content/themes/mit-bio-theme/js/navigation.js?ver=20151215" id="mit-bio-theme-navigation-js"></script> <script type="text/javascript" src="https://biology.mit.edu/wp-content/themes/mit-bio-theme/js/skip-link-focus-fix.js?ver=20151215" id="mit-bio-theme-skip-link-focus-fix-js"></script> <script type="text/javascript" src="https://biology.mit.edu/wp-includes/js/jquery/ui/core.min.js?ver=1.13.2" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://biology.mit.edu/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.2" id="jquery-ui-datepicker-js"></script> <script type="text/javascript" id="jquery-ui-datepicker-js-after"> /* <![CDATA[ */ jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"MM d, yy","firstDay":1,"isRTL":false});}); /* ]]> */ </script> <script type="text/javascript" src="https://biology.mit.edu/wp-content/plugins/contact-form-7/includes/js/html5-fallback.js?ver=5.8.7" id="contact-form-7-html5-fallback-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LfR7j8aAAAAANusSVW0rd8Tm4PW4TpBQEfAcApt&ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" src="https://biology.mit.edu/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js"></script> <script type="text/javascript" src="https://biology.mit.edu/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js"></script> <script type="text/javascript" src="https://biology.mit.edu/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-extra"> /* <![CDATA[ */ var wpcf7_recaptcha = {"sitekey":"6LfR7j8aAAAAANusSVW0rd8Tm4PW4TpBQEfAcApt","actions":{"homepage":"homepage","contactform":"contactform"}}; /* ]]> */ </script> <script type="text/javascript" src="https://biology.mit.edu/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.8.7" id="wpcf7-recaptcha-js"></script> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"ab0374a39e","applicationID":"108318546","transactionName":"Z1QGZBZQVkNYU0YNWV4eJVMQWFdeFkNbClFcVA==","queueTime":0,"applicationTime":363,"atts":"SxMFEl5KRU0=","errorBeacon":"bam.nr-data.net","agent":""}</script></body> </html>
