QBI | READY Center

<!DOCTYPE html> <html lang="en-US"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122609284-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-122609284-1'); </script> <meta charset="UTF-8"> <base href="https://qbi.ucsf.edu/site-assets/"> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"> <link type="text/css" href="css/bootstrap.css" rel="stylesheet"> <link type="text/css" href="css/bootstrap-min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="style.css"> <link type="text/css" rel="stylesheet" href="css/hover.css"> <link type="text/css" rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/slide_style.css"> <link rel="stylesheet" type="text/css" href="css/YouTubePopUp.css"> <link type="text/css" rel="stylesheet" href="css/style.css" /> <link type="text/css" rel="stylesheet" href="css/colors.css" /> <link type="text/css" rel="stylesheet" href="css/heights.css" /> <link type="text/css" rel="stylesheet" href="css/hamburgers.css" /> <link rel="stylesheet" href="css/jquery.selectBoxIt.css"> <link rel="stylesheet" href="css/YouTubePopUp.css"> <link rel="stylesheet" href="css/jquery.remodal.css"> <link rel="stylesheet" href="css/nav-toggle.css"> <link rel="stylesheet" href="maps/index.css"> <script src="maps/index.js"></script> <style type="text/css"> .box2{ position: absolute; top:0; right: 15px; float:left; max-height: 620px; overflow: hidden;} .slider2-image-class img{ max-width: 100%; height: 100%; object-fit: cover;} .map-content-inn iframe{ width: 100%; } /*** covid popup ******/ /*.remodal.support-covid{background: url(images/qbi-covid.jpg) #c7d258 left top no-repeat; background-size: 100% 100%;max-width: 997px; height:550px;text-align: left}*/ .covid-logo {width: 218px;height: 70px} .remodal.support-covid h2{font-weight: 700;font-size: 35px;line-height: 45px;margin-bottom:20px} .remodal.support-covid h3{font-size: 26px;font-weight: 400;margin-bottom:50px} .covid-left{padding-left: 45%;padding-top: 10%} .or-btn{text-transform: uppercase;background: #f18200;display: inline-block;border-radius: 5px;color: #fff;font-weight: 700;font-size: 17.5px;padding: 10px 12px;margin-bottom: 60px} .rgt-btn {display: block;font-size: 20px;font-weight: 700;text-decoration: underline;color: #122248;position:absolute;bottom: 50px;right:30px} /***covidpopupcss ***/ @media(max-width:1101px) { .remodal.support-covid{background: url(images/qbi-covid.jpg) #c7d258 left top no-repeat; background-size: cover;width: 90%} } @media(max-width:991px) { .remodal.support-covid{background: url(images/qbi-covid.jpg) #c7d258 left top no-repeat; background-size: cover;width: 90%} } @media(max-width:768px) { .remodal.support-covid{background: url(images/qbi-covid.jpg) #c7d258 center top no-repeat; background-size: cover;width: 90%;text-align: center;height: 450px;} .covid-left{padding-left: 0;padding-top: 10%} .remodal.support-covid h2 {font-size: 27px} .remodal.support-covid h3{margin-bottom: 40px;font-size: 24px} .rgt-btn{left:0;margin:0 auto;right: 0;font-size: 18px;position: unset;} .or-btn{margin-bottom: 30px} .covid-logo {width: 180px; height: 60px} } a.outlink{ position: unset !important; margin: 0 !important; text-decoration: underline !important; } .story-container{ position: relative; max-width: 360px; margin: 0 auto; } .story-container .inner-container{ position: relative; width: 100%; padding-bottom: 156.66%; } .story-container iframe{ position: absolute; width: 100%; height: 100%; top:0; left: 0; } </style> <script type="text/javascript" src="scripts/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="scripts/jquery-ui.min.js"></script> <script type="text/javascript" src="scripts/bootstrap.min.js"></script> <script type="text/javascript" src="scripts/simplePlayer.js"></script> <script src="scripts/jquery.dynamicmaxheight.js"></script> <script type="text/javascript" src="scripts/jquery.selectBoxIt.js"></script> <script src="scripts/jquery.slimscroll.min.js"></script> <script src="scripts/YouTubePopUp.jquery.js"></script> <title>QBI | READY Center </title> </head><body > <div class="container nav-top"> <div class="nav-midd"> <div class="hamburger hamburger--spin navbar-toggle-main menu_fixed" title='Menu' data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <div class="hamburger-box"> <div class="hamburger-inner"></div> </div> <span id="menuTxt" >Menu</span> </div> </div> <div class="clearfix"></div> </div> <span class="nav-hide main" > <div class="desktop-nav navigation-list"> <ul id="main-navbar" class="nav navbar-nav"><li class="dropdown"><a href="https://qbi.ucsf.edu/aboutus" class="dropdown-toggle">About</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/aboutus" >About Us</a></li><li ><a href="http://qbi.ucsf.edu/QBI.pdf" >QBI's Story</a></li><li ><a href="https://qbi.ucsf.edu/contact" >Contact</a></li></ul></li><li class="dropdown"><a href="https://qbi.ucsf.edu" class="dropdown-toggle">Collaboration</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/collaborations" >Worldwide Collaborations</a></li><li ><a href="http://qcrg.ucsf.edu/" >QCRG</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Research</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/investigators" >Investigators</a></li><li ><a href="https://qbi.ucsf.edu/technology" >Technology</a></li><li ><a href="https://qbi.ucsf.edu/mapping" >Cell Mapping</a></li><li ><a href="https://qbi.ucsf.edu/ready-center" >READY Center</a></li><li ><a href="https://pubmed.ncbi.nlm.nih.gov/?term=(Quantitative Biosciences Institute[Affiliation])" >Publications</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Events</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/events" >Upcoming Events</a></li><li ><a href="https://qbi.ucsf.edu/events/archive" >Past Events</a></li><li ><a href="https://qbi.ucsf.edu/event-photos" >Event Photos</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">News & Media</a><ul class="dropdown-menu "><li ><a href="http://www.youtube.com/c/QBITVUCSF" >QBI TV</a></li><li ><a href="https://qbi.ucsf.edu/qbi-highlights" >QBI Highlights </a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Opportunities</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/grants" >Grants & Awards</a></li><li ><a href="https://qbi.ucsf.edu/yes" >Y.E.S. Initiative</a></li></ul></li></ul> </div> <div> <div class="social-icon-top"> <ul> <li><a target="_blank" href="http://twitter.com/QBI_UCSF"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="http://www.facebook.com/qbiucsf/"><i class="fa fa-facebook facebook" aria-hidden="true"></i></a></li> <li class="last"><a target="_blank" href="http://www.instagram.com/qbi_ucsf"><i class="fa fa-instagram insta" aria-hidden="true"></i></a></li> </ul> </div> </div> </span> <header> <div class="top-bar"> <div class="container"> <div class="row"> <div class="col-xs-8 col-sm-6 col-md-4 top-bar-left padding-right"> <a href="http://www.ucsf.edu/" target="_blank">University of California San Francisco</a> </div> <div class="col-xs-4 col-sm-6 col-md-5 col-md-offset-3"> <ul> <li><a href="http://www.ucsf.edu/about" target="_blank">About UCSF</a></li> </ul> </div> </div> </div> <div class="clearfix"></div> </div> <div class="container"> <div class="row">  <nav id="header" class="navbar navbar-fixed-top navigation-container"> <div id="header-container" class="container navbar-container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="https://qbi.ucsf.edu"><img src="https://qbi.ucsf.edu/site-assets/images/1484558265_ucsf-logo.png" alt="" class="ucsf-nav img-responsive logo" /></a> <a href="https://qbi.ucsf.edu"><img src="https://qbi.ucsf.edu/site-assets/images/1513618012_QBI-Symbol.png" alt="" class="qbi-logo-new img-responsive logo" /></a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">  <div class="pull-right social-icon-nav"> <ul> <li><a target="_blank" href="http://twitter.com/QBI_UCSF"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="http://www.facebook.com/qbiucsf/"><i class="fa fa-facebook facebook" aria-hidden="true"></i></a></li> <li class="last"><a target="_blank" href="http://www.instagram.com/qbi_ucsf"><i class="fa fa-instagram insta" aria-hidden="true"></i></a></li> </ul> </div> <ul id="main-navbar" class="nav navbar-nav"><li class="dropdown"><a href="https://qbi.ucsf.edu/aboutus" class="dropdown-toggle">About</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/aboutus" >About Us</a></li><li ><a href="http://qbi.ucsf.edu/QBI.pdf" >QBI's Story</a></li><li ><a href="https://qbi.ucsf.edu/contact" >Contact</a></li></ul></li><li class="dropdown"><a href="https://qbi.ucsf.edu" class="dropdown-toggle">Collaboration</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/collaborations" >Worldwide Collaborations</a></li><li ><a href="http://qcrg.ucsf.edu/" >QCRG</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Research</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/investigators" >Investigators</a></li><li ><a href="https://qbi.ucsf.edu/technology" >Technology</a></li><li ><a href="https://qbi.ucsf.edu/mapping" >Cell Mapping</a></li><li ><a href="https://qbi.ucsf.edu/ready-center" >READY Center</a></li><li ><a href="https://pubmed.ncbi.nlm.nih.gov/?term=(Quantitative Biosciences Institute[Affiliation])" >Publications</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Events</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/events" >Upcoming Events</a></li><li ><a href="https://qbi.ucsf.edu/events/archive" >Past Events</a></li><li ><a href="https://qbi.ucsf.edu/event-photos" >Event Photos</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">News & Media</a><ul class="dropdown-menu "><li ><a href="http://www.youtube.com/c/QBITVUCSF" >QBI TV</a></li><li ><a href="https://qbi.ucsf.edu/qbi-highlights" >QBI Highlights </a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Opportunities</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/grants" >Grants & Awards</a></li><li ><a href="https://qbi.ucsf.edu/yes" >Y.E.S. Initiative</a></li></ul></li></ul>  </div> </div> </nav> <div class="clearfix"></div> </div> </div> <div class="container"> <div class="row"> <div class="col-xs-8 col-md-6 ucsf-logo"> <a href="https://qbi.ucsf.edu"> <img src="https://qbi.ucsf.edu/site-assets/images/1484558265_ucsf-logo.png" alt="" class="top-left-logo img-responsive" /> </a> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <a href="https://qbi.ucsf.edu"><img src="https://qbi.ucsf.edu/site-assets/images/1678127629_QBI Art Element 2022.png" alt="" class=" logo-center-new img-responsive" /></a> </div> </div> </div> </header> <script type="text/javascript"> $(document).ready(function(){ $('.navbar-toggle-main, .main').click(function(){ $('.navbar-toggle-main').toggleClass('is-active'); }); /** * This object controls the nav bar. Implement the add and remove * action over the elements of the nav bar that we want to change. * * @type {{flagAdd: boolean, elements: string[], add: Function, remove: Function}} */ var myNavBar = { flagAdd: true, elements: [], init: function (elements) { this.elements = elements; }, add : function() { if(this.flagAdd) { for(var i=0; i < this.elements.length; i++) { document.getElementById(this.elements[i]).className += " fixed-theme"; } this.flagAdd = false; } }, remove: function() { for(var i=0; i < this.elements.length; i++) { document.getElementById(this.elements[i]).className = document.getElementById(this.elements[i]) .className.replace( /(?:^|\s)fixed-theme(?!\S)/g , '' ); } this.flagAdd = true; } }; /** * Init the object. Pass the object the array of elements * that we want to change when the scroll goes down */ myNavBar.init(["header"]); /** * Function that manage the direction * of the scroll */ function offSetManager(){ var yOffset = 500; var currYOffSet = window.pageYOffset; if(yOffset < currYOffSet) { myNavBar.add(); }else if(currYOffSet <= yOffset){ myNavBar.remove(); } } /** * bind to the document scroll detection */ window.onscroll = function(e) { offSetManager(); }; /** * We have to do a first detectation of offset because the page * could be load with scroll down set. */ offSetManager(); }); </script><section class="topcontain"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12">  <div class="heading"> <h1>READY Center</h1> </div>  </div> </div>  <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column purple associate-directors-carousel" id="edgwqvliloozdkytsmch"> <div class="col-md-8 no-padding associate-directors-img"> <div class="directorimg box-inner"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1726603777_READY Center (7).png" alt="" class="header-image" /> </div> </div> <div class="col-md-8 no-padding box3 hover last-header" id="associate_top_slide_111"> <div>  <div> <div> <div class="con-text associate about-top-header light"> <p id="associate_top_text11">The Research and Engineering to Accelerate Discovery (READY) Center is a biomedical research center that brings together expertise across academia and industry to accelerate understanding of disease biology and the development of therapeutics. With the tools at the READY Center, QBI will advance the comprehension of disease states and understand factors driving pathogenesis, as well as the discovery of potential therapeutic drug targets. The center merges innovative academic research with industrial-scale genome engineering, including CRISPR, to yield an intricate understanding of the interface between human proteins and disease mechanisms in infectious disease, cancer, and neuropathologies. </p> </div> </div> </div> </div> </div> <div class="col-md-4 no-padding middle-two" id="middle_top_associate11"> <div class="directortxt associate-directors-contain" id="associate_top_slide_211"> <h2>About</h2> <div class="dynamic-height-wrap"> <p id="associate_top_slide_text11" class="">The Research and Engineering to Accelerate Discovery (READY) Center is a biomedical research center that brings together expertise across academia and ...</p> </div>  <span><a class="hvr-icon-float-away-left slide-toggle" id="associate_top_action11" onclick="$(this).toggleClass('hvr-icon-float-away')">Read More</a> </span> </div> </div> <div class="col-md-8 no-padding"> <div class=" box-inner slider2-image-class large-block-strict" > <img src="https://qbi.ucsf.edu/site-assets/images/1726603777_READY Center (7).png" alt="" class="header-image associate-top-image" /> </div> </div> </div> <script> $(document).ready(function() { /* Animation time taken for text to appear */ var animation_time11=500; /* Delay time for two texts to appear */ var delay_time11=125; /* Mission statement animation time */ var mission_statement_animation_time11=1500; /* Slide Animation Time */ var slide_animation_time11=250; /* Text appearing animation timer */ var text_li_ani_timer11=750; /* Text Appearing delay */ var text_li_ani_delay11=250; var original_content11 = $("#associate_top_slide_text11").html(); /*Associate Directors*/ top_slider_set11(slide_animation_time11,delay_time11,text_li_ani_delay11,text_li_ani_timer11,original_content11); $(window).on('resize',function(){ top_slider_set11(slide_animation_time11,delay_time11,text_li_ani_delay11,text_li_ani_timer11,original_content11); }) }) function top_slider_set11(slide_animation_time,delay_time,text_li_ani_delay,text_li_ani_timer,original_content){ var id="#edgwqvliloozdkytsmch"; if($(window).width()>=320 && $(window).width()<=970) { $('#associate_top_slide_text11').html($('#associate_top_text11').html()).parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',200); $('#associate_top_action11').removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away'); $('#associate_top_action11').unbind('click').addClass('js-dynamic-show-hide').attr('title','More Information').data('replaceText','X Close'); /* Readmore js script will go over here */ $('#middle_top_associate11').dynamicMaxHeight(); } else { $('#associate_top_slide_text11').html(original_content); $('#associate_top_text11').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); var flag=0; $("#middle_top_associate11").unbind('click').click(function(e){ if($(e.target).is(".no-toggle-click")){ return ""; } if(flag==0) { flag=1; $("#associate_top_action11").removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Return'); $('#associate_top_text11').hide(); $('#slider_top_image311').fadeOut(slide_animation_time); setTimeout(function(){ $('#associate_top_text11').fadeIn(slide_animation_time); },2*delay_time) } else { flag=0; $('#associate_top_text11').hide(); $("#associate_top_action11").removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Read More'); setTimeout(function () { $('#slider_top_image311').fadeIn(slide_animation_time); },slide_animation_time) } $("#associate_top_slide_111").animate({ width: "toggle" },slide_animation_time); }); } } </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >  <div class="column orange" > <div class="col-md-8 no-padding"> <div class="con-img image-fit-class medium-block-strict" style="overflow: hidden"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1726682218_DSC08115.jpg" alt="" class="img-responsive formation-img-tablet" /> </div> </div> <div class="col-md-4 no-padding" data-maxheight="500" id="hzpckxwiqeduhjrxfcgq"> <div class="con-txt formation-txt " > <div class="dynamic-height-wrap"> <h2>Mission</h2> <p>The READY Center will help advance the comprehension of disease states and understand factors driving pathogenesis, as well as the discovery of potential therapeutic drug targets.</p> </div> <button class="js-dynamic-show-hide read-mobile hvr-icon-float-away" title="Read more" data-replace-text="× close" onclick="$(this).toggleClass('hvr-icon-float-away')">Read more</button> </div> </div> <div class="clearfix"></div> </div> <script> $('#hzpckxwiqeduhjrxfcgq').dynamicMaxHeight(); </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >  <div class="column purple associate-directors-carousel">  <div class="col-md-8 no-padding box3 hover last-header" id="associate_slide_131"> <div id="carousel-example-generic31">  <div class="carousel-inner" role="listbox"> <div class="item active "> <div class="associate light"> <ul> <li class="animation-li-custom child-hover"> <a href="https://qbi.ucsf.edu/ready-center-castillo" target="_blank"> <h2> Octavio <br> Castillo </h2> </a> <h3> Staff Research Associate 3 </h3> <p> READY Center </p> </li> <li class="animation-li-custom child-hover"> <a href="https://qbi.ucsf.edu/ready-center-ennis" target="_blank"> <h2> Craig <br> Ennis, PhD </h2> </a> <h3> Senior Scientist </h3> <p> READY Center </p> </li> <li class="animation-li-custom child-hover"> <a href="https://qbi.ucsf.edu/ready-center-lim" target="_blank"> <h2> Yvonne<br> Lim </h2> </a> <h3> Staff Research Associate 2 </h3> <p> READY Center </p> </li> <li class="animation-li-custom child-hover"> <a href="https://qbi.ucsf.edu/ready-center-martin" target="_blank"> <h2> Robert <br> Martin </h2> </a> <h3> Head of Operations </h3> <p> READY Center </p> </li> <li class="animation-li-custom child-hover"> <a href="https://qbi.ucsf.edu/ready-center-soucheray" target="_blank"> <h2> Margaret <br> Soucheray </h2> </a> <h3> Facility Manager </h3> <p> READY Center </p> </li> <li class="animation-li-custom child-hover"> <a href="https://qbi.ucsf.edu/ready-center-spraggon" target="_blank"> <h2> Lee<br> Spraggon, PhD </h2> </a> <h3> Director </h3> <p> READY Center </p> </li> </ul> </div> </div> </div>  <ol class="carousel-indicators about-carousel" style="display: none" > </ol> </div> </div> <div class="col-md-8 no-padding associate-directors-img"> <div class="directorimg box-inner "> <img src="https://qbi.ucsf.edu/site-assets/images/1726526614_DSC02804.jpg" alt="" class="header-image" /> </div> </div> <div class="col-md-4 no-padding middle-two" id="middle_associate31"> <div class="directortxt no-fade-txt associate-directors-contain" id='associate_action_extended31'> <h2>Team Members</h2> <p>The team behind the READY Center collaborates to decode the complex relationships between human proteins and disease. Their work is focused on driving innovation in understanding disease mechanisms and identifying new therapeutic targets, with the ultimate goal of advancing treatments for infectious diseases, cancer, and neurological disorders. Meet the group!</p> <span><a class="hvr-icon-float-away-left slide-toggle" id="associate_action31">See Members</a></span> </div> </div> <div class="col-md-8 no-padding box3 associate-directors-slider" id="associate_slide_231"> <div class=" box-inner large-block-strict"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1726526614_DSC02804.jpg" alt="" class="header-image" /> </div> </div> </div> <div class="col-md-8 no-padding hover associate-directors association-container purple" id="associate_directors_slide_mob31"> <div id="carousel-example-generic231" class="carousel slide">  <ol class="carousel-indicators"> <li data-target="#carousel-example-generic231" data-slide-to="0" class="active" style="display: none"></li> <li data-target="#carousel-example-generic231" data-slide-to="1" style="display: none"></li> <a id="close_btn_assoc31" style="display: none" class="associate-collapse-btn">× Close</a> </ol>  <div class="carousel-inner" role="listbox"> <div class="item active "> <div class="associate associate-collapse"> <ul> <li class="animation-li-custom" onclick="window.open('https://qbi.ucsf.edu/ready-center-castillo')" > <h2>Octavio <br> Castillo </h2> <h3> Staff Research Associate 3 </h3> <p> READY Center </p> </li> <li class="animation-li-custom" onclick="window.open('https://qbi.ucsf.edu/ready-center-ennis')" > <h2>Craig <br> Ennis, PhD</h2> <h3> Senior Scientist </h3> <p> READY Center </p> </li> <li class="animation-li-custom" onclick="window.open('https://qbi.ucsf.edu/ready-center-lim')" > <h2>Yvonne<br> Lim</h2> <h3> Staff Research Associate 2 </h3> <p> READY Center </p> </li> <li class="animation-li-custom" onclick="window.open('https://qbi.ucsf.edu/ready-center-martin')" > <h2>Robert <br> Martin </h2> <h3> Head of Operations </h3> <p> READY Center </p> </li> <li class="animation-li-custom" onclick="window.open('https://qbi.ucsf.edu/ready-center-soucheray')" > <h2>Margaret <br> Soucheray</h2> <h3> Facility Manager </h3> <p> READY Center </p> </li> <li class="animation-li-custom" onclick="window.open('https://qbi.ucsf.edu/ready-center-spraggon')" > <h2>Lee<br> Spraggon, PhD</h2> <h3> Director </h3> <p> READY Center </p> </li> </ul> </div> </div> <div class="item"> <div class="associate associate-collapse"> </div> </div> </div> </div> </div> <div class="clearfix"></div> <script> $(document).ready(function () { $('#carousel-example-generic231').carousel({interval: false}); /* Animation time taken for text to appear */ var animation_time31= 500; /* Delay time for two texts to appear */ var delay_time31= 125; /* Mission statement animation time */ var mission_statement_animation_time31= 1500; /* Slide Animation Time */ var slide_animation_time31= 250; /* Text appearing animation timer */ var text_li_ani_timer31= 750; /* Text Appearing delay */ var text_li_ani_delay31= 250; /*Associate Directors*/ directors_slider_set31(slide_animation_time31, delay_time31, text_li_ani_delay31); /* Resetting the sliders on resize of screen */ $(window).on('resize', function () { directors_slider_set31(slide_animation_time31, delay_time31, text_li_ani_delay31) }) }) function directors_slider_set31(slide_animation_time, delay_time, text_li_ani_delay, text_li_ani_timer) { var number2 = 1; $('#associate_slide_231').show(); $("#associate_action31").unbind(); $('#associate_directors_slide_mob31').hide(); if ($(window).width() >= 320 && $(window).width() <= 767) { $('#associate_action31').removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away'); $('#associate_slide_231').hide(); $('#associate_action31').unbind().on('click', function () { $('#associate_directors_slide_mob31').animate({ height: 'toggle' }, slide_animation_time) $('#carousel-example-generic231').fadeIn(1000) .addClass('carousel') .addClass('slide') $('#carousel-example-generic231 ol li').each(function () { $(this).removeClass('active'); }).first().addClass('active'); $('#carousel-example-generic231 .carousel-inner .item').each(function () { $(this).removeClass('active'); }).first().addClass('active'); $('#carousel-example-generic231').carousel({interval: false}); $('.item').each(function (counter) { if ($(this).hasClass('active')) { $(this).children().each(function () { $(this).children().each(function () { $(this).children().each(function (counter_outer) { $(this).fadeIn(text_li_ani_timer); }); }); }); } }); $('#carousel-example-generic231').unbind().on('slid.bs.carousel', function (number) { $('.item').each(function (counter) { if ($(this).hasClass('active')) { $(this).children().each(function () { $(this).children().each(function () { $(this).children().each(function (counter) { $(this).delay((counter_outer + 1) * text_li_ani_delay).fadeIn(text_li_ani_delay); }); }); }); } }); }) $('#carousel-example-generic231').unbind().on('slide.bs.carousel', function (number) { $('.animation-li-custom31').hide(); }); $('#associate_action31').hide(); $('#close_btn_assoc31').show().unbind().on('click', function () { $('#associate_action31').show(); $('#associate_directors_slide_mob31').animate({ height: 'toggle' }, slide_animation_time) $('html, body').animate({ scrollTop: $('#associate_directors_slide_mob31').offset().top - 250 }); }) }) } else if ($(window).width() >= 768 && $(window).width() <= 970) { $('#associate_action31').removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away'); $('#associate_slide_231').hide(); $('#associate_action31').unbind().on('click', function () { if (number2 == 1) { setTimeout(function () { $('#associate_action31').html('Close'); number2 = 0; }, slide_animation_time / 2) } else { setTimeout(function () { $('#associate_action31').html('See Members'); number2 = 1; }, slide_animation_time / 2) } $('#associate_directors_slide_mob31').animate({ height: 'toggle' }, slide_animation_time); $('#carousel-example-generic231').fadeIn(1000) .addClass('carousel') .addClass('slide') $('#carousel-example-generic231 ol li').each(function () { $(this).removeClass('active'); }).first().addClass('active'); $('#carousel-example-generic231 .carousel-inner .item').each(function () { $(this).removeClass('active'); }).first().addClass('active'); $('#carousel-example-generic231').carousel({interval: false}); $('.item').each(function (counter) { if ($(this).hasClass('active')) { $(this).children().each(function () { $(this).children().each(function () { $(this).children().each(function (counter_outer) { $(this).fadeIn(text_li_ani_timer); }); }); }); } }); $('#carousel-example-generic231').unbind().on('slide.bs.carousel', function (number) { $('.animation-li-custom').hide(); }); $('#carousel-example-generic231').unbind().on('slid.bs.carousel', function (number) { $('.item').each(function (counter) { if ($(this).hasClass('active')) { $(this).children().each(function () { $(this).children().each(function () { $(this).children().each(function (counter) { $(this).fadeIn(text_li_ani_delay); }); }); }); } }); }) }) } else { number2 = 1; $('#carousel-example-generic31').unbind().on('slide.bs.carousel', function (number) { $('.animation-li-custom').hide(); }); $('#associate_action31').unbind().removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left'); $("#associate_action_extended31").unbind().click(function () { if (number2 == 0) { setTimeout(function () { $("#associate_action31").removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('See Members'); }, slide_animation_time / 2); number2 = 1; $('.animation-li-custom').hide(); $('#carousel-example-generic31').fadeOut(delay_time); setTimeout(function () { $("#associate_slide_231").animate({ width: "toggle" }, slide_animation_time); $("#associate_slide_131").animate({ width: "toggle" }, slide_animation_time); $('#slider_image331').fadeIn(); }, delay_time / 2) } else { number2 = 0; setTimeout(function () { $("#associate_action31").removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Return'); }, slide_animation_time / 2); $('#slider_image331').fadeOut(); $('#carousel-example-generic31').fadeIn(1000) .addClass('carousel') .addClass('slide') $('#carousel-example-generic31 ol li').each(function () { $(this).removeClass('active'); }).first().addClass('active'); $('#carousel-example-generic31 .carousel-inner .item').each(function () { $(this).removeClass('active'); }).first().addClass('active'); $('#carousel-example-generic31').unbind().carousel({interval: false}); $('.item').each(function (counter) { if ($(this).hasClass('active')) { $(this).children().each(function () { $(this).children().each(function () { $(this).children().each(function (counter_outer) { $(this).delay((counter_outer + 1) * text_li_ani_delay).fadeIn(text_li_ani_timer); }); }); }); } }); $('#carousel-example-generic31').unbind().on('slide.bs.carousel', function (number) { $('.animation-li-custom').hide(); }); $('#carousel-example-generic31').on('slid.bs.carousel', function (number) { $('.item').each(function (counter) { if ($(this).hasClass('active')) { $(this).children().each(function () { $(this).children().each(function () { $(this).children().each(function (counter) { $(this).delay((counter + 1) * text_li_ani_delay).fadeIn(text_li_ani_delay); }); }); }); } }); }) $("#associate_slide_231").animate({ width: "toggle" }, slide_animation_time / 2); $("#associate_slide_131").animate({ width: "toggle" }, slide_animation_time / 2); } }); } } </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-4 padding-right-ten">  <div class="column"> <div class="recent no-fade-txt recent-with-link orange small-block"> <h2>QBI Announces launch of READY Center</h2> <p>San Francisco, October 10, 2024</p> <a href="https://qbi.ucsf.edu/Ready-Center-Announcement" target="blank" class="hvr-icon-float-away">Read More</a> </div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-8 padding-left-ten"> <div class="column"> <div class="orange" > <div class="col-xs-12 col-sm-12 col-md-6 col-md-push-6 no-padding small-block"> <div class="videoin"> <a id="pedfzoftundfyiyufoue" href="https://youtu.be/3-b2fJ9aOqQ"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1729112488_DSC02785.jpg" alt="" class="img-responsive home-video small-block" /> <div id="play"></div> </a> </div> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-md-pull-6 no-padding"> <div class="con-txt no-fade-txt wht-qbi"> <h2>60-Second Overview</h2> <p>Team members share the center's mission and overarching goals in a nutshell. </p> </div> </div> <div class="clearfix"></div> </div> </div> <script> jQuery("#pedfzoftundfyiyufoue").YouTubePopUp(); jQuery("#pedfzoftundfyiyufoue").find('img').css('object-fit','cover'); </script> </div> <div class="clearfix"></div> </div>  </div> </section> <footer> <div class="container"> <div class="row footer-logo"> <ul><li><a href="" target="_blank"><img src="" alt="" class="img-responsive"></a></li></ul> </div> <div class="row foooter-address-bar"> <div class="col-xs-12 col-sm-12 col-md-4 col-lg-5"> <i class="fa fa-map-marker footer-map-icon" aria-hidden="true"></i> <p> <a href="http://www.google.com/maps/place/QB3/@37.7671424,-122.3962505,15.61z/data=!4m5!3m4!1s0x808f7fcf444d105f:0x87a610f66290621b!8m2!3d37.7673012!4d-122.3915362" target="_blank"> University of California, <br>1700 4th Street, <br>San Francisco, CA, 94158 </a> </p> </div> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-2 padding-right"> <p> <i class="fa fa-envelope footer-envelope-icon" aria-hidden="true"></i> <a href="mailto:admin-qbi@ucsf.edu"> admin-qbi@ucsf.edu </a> </p> </div> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-2 col-lg-offset-1"> <p> <i class="fa fa-phone footer-tel-icon" aria-hidden="true"></i> 415-476-6109 </p> </div> <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 footer-social-icon"> <ul> <ul> <li><a target="_blank" href="http://twitter.com/QBI_UCSF"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="http://www.facebook.com/qbiucsf/"><i class="fa fa-facebook facebook" aria-hidden="true"></i></a></li> <li class="last"><a target="_blank" href="http://www.instagram.com/qbi_ucsf"><i class="fa fa-instagram insta" aria-hidden="true"></i></a></li> </ul> </ul> </div> </div> <div class="row footer-links" id="footer-toggle" style="display: none;"> <div class="col-md-12"> <h2>RESOURCES </h2> </div> <div class="col-xs-12 col-md-12"> <ul id="main-navbar"><li><a href="https://qbi.ucsf.edu">Home Page</a></li><li><a href="https://qbi.ucsf.edu/aboutus">About Us</a></li><li><a href="https://qbi.ucsf.edu/investigators">Investigators</a></li><li><a href="https://qbi.ucsf.edu/research">Research</a></li><li><a href="https://qbi.ucsf.edu/technology">Technology</a></li><li><a href="https://qbi.ucsf.edu/grants">Grants</a></li><li><a href="https://qbi.ucsf.edu/mapping">Cell Mapping</a></li><li><a href="https://qbi.ucsf.edu/contact">Contact</a></li></ul> </div> </div> </div> </footer> <div class="footer-close-panel" id="footer-close-panel"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-5 col-md-4 padding-right copyright-txt"> <p>漏2019 The Regents of the University of California</p> </div> <div class="col-xs-12 col-sm-2 col-sm-offset-1 col-md-1 col-md-offset-2 more-button no-padding"> <div class="mobile-more-btn"> <p> <a id="menu-open-close"><span id="spantext">More</span> <img src="images/scroll-down.png" class="img-responsive footer-more"></a> </p> </div> </div> <div class="col-xs-12 col-sm-3 col-md-3 col-md-offset-2 text-right pull-right"> <p>Site design by <span><a href="http://www.goodvsevil.co" target="_blank">Good vs Evil</a></span></p> </div> </div> </div> </div>        -->         <script> // $(document).ready(function(){ // let remodalEl = $(".support-covid.remodal"); // /*let showedPopup = localStorage && localStorage.getItem('alreadyShowedStory');*/ // let showedPopup = true; // if(!showedPopup && remodalEl.length && $.remodal && Array.isArray($.remodal.lookup)){ // let inst = $.remodal.lookup[remodalEl.data("remodal")]; // setTimeout(function(){ // inst.open(); // if(localStorage){ // localStorage.setItem("alreadyShowedStory", true); // } // }, 1000); // } // }); </script> <script type='text/javascript' src='scripts/footer.js'></script> </body> </html>

CINXE.COM

QBI | READY Center