CINXE.COM
QBI | QCRG Media
<!DOCTYPE html> <html lang="en-US"> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <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 | QCRG Media </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" ><!-- start container --> <div class="desktop-nav navigation-list"><!-- start desktop nav --> <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-covid-research-group-media" >COVID-19 Media</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><!-- end desktop nav --> <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"><!-- start top bar --> <div class="container"><!-- start container --> <div class="row"><!-- start 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><!-- end row --> </div><!-- end container --> <div class="clearfix"></div> </div><!-- end top bar --> <div class="container"> <div class="row"> <!-- Fixed navbar --> <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="container">--> <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-covid-research-group-media" >COVID-19 Media</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><!-- /.container --> </nav><!-- /.navbar --> <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"><!--start topcontain--> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <!--start heading--> <div class="heading"> <h1>QCRG Media</h1> </div> <!--end heading--> </div> </div> <div class="row" id="post-type-filter-sort"><!-- start row --> <div class="col-xs-12 col-sm-12 col-md-12"> <div class="publication-dropdown"><!-- start publication dropdown --> <h2>Sort QCRG Media by</h2> <form id="filter_form"> <input type="hidden" name="_token" value="yl5nrrsHQOTTm2Le5sXUHsZ61eJTMJIUPudUUEgQ"> <div class="row"><!-- start row --> <div class="col-xs-12 col-sm-4 col-md-4"> <div class="styled-select"> <select class="selectpicker" name="sort" id="sort"> <option value="">Sort By</option> <option value="0title">Title ( A - Z ) </option> <option value="1title">Title ( Z - A )</option> <option value="0date">Date (Oldest First) </option> <option value="1date">Date (Latest First)</option> </select> </div> </div> <div class="col-xs-12 col-sm-4 col-md-4"> <div class="styled-select"> <select class="selectpicker s" required name="organization"> <option value="">Organization</option> <option value=" tbs eFM This Morning "> tbs eFM This Morning </option> <option value="104.1 WIKY">104.1 WIKY</option> <option value="112 UA">112 UA</option> <option value="620 CKRM">620 CKRM</option> <option value="ABC 10 News San Diego">ABC 10 News San Diego</option> <option value="ABC 10 San Diego ">ABC 10 San Diego </option> <option value="ABC 11">ABC 11</option> <option value="ABC 30">ABC 30</option> <option value="ABC 7">ABC 7</option> <option value="ABC 7 News">ABC 7 News</option> <option value="ABC News">ABC News</option> <option value="ABC News San Diego ">ABC News San Diego </option> <option value="AE Daily">AE Daily</option> <option value="ALKhaleej Today">ALKhaleej Today</option> <option value="AT&T">AT&T</option> <option value="Addgene Blog">Addgene Blog</option> <option value="AiTHORITY">AiTHORITY</option> <option value="Al Jazeera">Al Jazeera</option> <option value="Analytik.de">Analytik.de</option> <option value="Asiaville News">Asiaville News</option> <option value="BGR">BGR</option> <option value="Bakersfield.com">Bakersfield.com</option> <option value="Bashinform">Bashinform</option> <option value="Bay Brazil">Bay Brazil</option> <option value="Berlingske">Berlingske</option> <option value="Best Life">Best Life</option> <option value="Bio World">Bio World</option> <option value="Bio-IT World">Bio-IT World</option> <option value="BioRxiv">BioRxiv</option> <option value="BioSpace">BioSpace</option> <option value="BioSpectrum Asia">BioSpectrum Asia</option> <option value="Blitz Quotidiano">Blitz Quotidiano</option> <option value="Bloomberg">Bloomberg</option> <option value="Brinkwire">Brinkwire</option> <option value="Business Insider">Business Insider</option> <option value="CBC">CBC</option> <option value="CBC Radio: Blue Sky with Gath Materie">CBC Radio: Blue Sky with Gath Materie</option> <option value="CBC Radio: The Afternoon Edition - Sask with Garth Materie">CBC Radio: The Afternoon Edition - Sask with Garth Materie</option> <option value="CBC Radio: The Current">CBC Radio: The Current</option> <option value="CBS Bay Area">CBS Bay Area</option> <option value="CEAB">CEAB</option> <option value="CGTN America">CGTN America</option> <option value="CIBSS">CIBSS</option> <option value="CM Journal">CM Journal</option> <option value="CNN Espanol">CNN Espanol</option> <option value="CNN Facts vs. Fiction with Dr. Sanjay Gupta">CNN Facts vs. Fiction with Dr. Sanjay Gupta</option> <option value="COVID-19">COVID-19</option> <option value="CTV News">CTV News</option> <option value="California Healthline">California Healthline</option> <option value="Cambridge Network">Cambridge Network</option> <option value="Cantech Letter">Cantech Letter</option> <option value="Cell">Cell</option> <option value="Central Noticias">Central Noticias</option> <option value="Chan Zuckerberg Biohub">Chan Zuckerberg Biohub</option> <option value="Chemical & Engineering News">Chemical & Engineering News</option> <option value="Chemical and Engineering News">Chemical and Engineering News</option> <option value="Chemistry World">Chemistry World</option> <option value="Chicago Tribune">Chicago Tribune</option> <option value="Cholila Online">Cholila Online</option> <option value="Claudio Tognolli">Claudio Tognolli</option> <option value="Coloradoan">Coloradoan</option> <option value="Colosal Radio TV">Colosal Radio TV</option> <option value="Con Nuestra Per煤">Con Nuestra Per煤</option> <option value="Connect FM Radio">Connect FM Radio</option> <option value="Considerable">Considerable</option> <option value="Cordis">Cordis</option> <option value="CoronavirusCOVID19">CoronavirusCOVID19</option> <option value="Covid Gyan">Covid Gyan</option> <option value="DW">DW</option> <option value="Daily Mail">Daily Mail</option> <option value="Daily Republic">Daily Republic</option> <option value="Dark Daily">Dark Daily</option> <option value="Deseret News">Deseret News</option> <option value="Detroit Free Press">Detroit Free Press</option> <option value="Dev Discourse">Dev Discourse</option> <option value="DocCheck">DocCheck</option> <option value="Down To Earth">Down To Earth</option> <option value="Drug Target Review">Drug Target Review</option> <option value="EFE">EFE</option> <option value="EMBL">EMBL</option> <option value="EMBL-EBI">EMBL-EBI</option> <option value="East Bay Times">East Bay Times</option> <option value="El Mundo">El Mundo</option> <option value="El Pais">El Pais</option> <option value="Eldia">Eldia</option> <option value="En 24">En 24</option> <option value="Estrategias de Inversion">Estrategias de Inversion</option> <option value="EurekAlert!">EurekAlert!</option> <option value="EuroWeekly">EuroWeekly</option> <option value="Europa Press">Europa Press</option> <option value="Evolution of Cellular Networks">Evolution of Cellular Networks</option> <option value="Explica">Explica</option> <option value="FR24 News">FR24 News</option> <option value="Fairfield Citizen">Fairfield Citizen</option> <option value="Fast Company">Fast Company</option> <option value="Fernanda Familiar">Fernanda Familiar</option> <option value="Fierce Biotech ">Fierce Biotech </option> <option value="Financial Post">Financial Post</option> <option value="Financial Times">Financial Times</option> <option value="Finanza Online">Finanza Online</option> <option value="Fort Worth Business">Fort Worth Business</option> <option value="Fox News">Fox News</option> <option value="French Consulate in SF">French Consulate in SF</option> <option value="Genetic Engineering & Biotechnology News">Genetic Engineering & Biotechnology News</option> <option value="Genetic Engineering and Biotechnology News">Genetic Engineering and Biotechnology News</option> <option value="Genome Web">Genome Web</option> <option value="GenomeWeb">GenomeWeb</option> <option value="Gladstone Institutes">Gladstone Institutes</option> <option value="Gladstone Institutes ">Gladstone Institutes </option> <option value="Global Biodefense">Global Biodefense</option> <option value="Global News Canada">Global News Canada</option> <option value="Globe Newswire">Globe Newswire</option> <option value="Good Morning America">Good Morning America</option> <option value="Green Bay Press-Gazette">Green Bay Press-Gazette</option> <option value="HNGN">HNGN</option> <option value="Health Medicine Network">Health Medicine Network</option> <option value="Heidi News">Heidi News</option> <option value="Hide Out Now">Hide Out Now</option> <option value="HospiMedica">HospiMedica</option> <option value="Houston Chronicle">Houston Chronicle</option> <option value="Howard Hughes Medical Institute">Howard Hughes Medical Institute</option> <option value="Humboldt Journal">Humboldt Journal</option> <option value="Hyperaxion">Hyperaxion</option> <option value="IEEE Spectrum">IEEE Spectrum</option> <option value="India Times">India Times</option> <option value="Innovative Genomics Institute">Innovative Genomics Institute</option> <option value="Institut Pasteur">Institut Pasteur</option> <option value="International Business Times">International Business Times</option> <option value="Investegate">Investegate</option> <option value="Just Give Me Positive News">Just Give Me Positive News</option> <option value="KCBS Radio">KCBS Radio</option> <option value="KFGO">KFGO</option> <option value="KNX 1070 Newsradio ">KNX 1070 Newsradio </option> <option value="KPIX CBS Bay Area">KPIX CBS Bay Area</option> <option value="KQED">KQED</option> <option value="KRONon">KRONon</option> <option value="KSRO">KSRO</option> <option value="Kansas State University">Kansas State University</option> <option value="Karar">Karar</option> <option value="Kxan 36 News">Kxan 36 News</option> <option value="LA Times">LA Times</option> <option value="LMT Online ">LMT Online </option> <option value="La Ma帽ana">La Ma帽ana</option> <option value="Lab Roots">Lab Roots</option> <option value="Labratory Equipment">Labratory Equipment</option> <option value="Le Monde">Le Monde</option> <option value="Le Point">Le Point</option> <option value="Live Science">Live Science</option> <option value="Los Angeles Times">Los Angeles Times</option> <option value="MHN Pakistan">MHN Pakistan</option> <option value="MIT Technology Review">MIT Technology Review</option> <option value="MSN">MSN</option> <option value="Marin Independent Journal">Marin Independent Journal</option> <option value="Market Watch">Market Watch</option> <option value="Meaww">Meaww</option> <option value="MedScape">MedScape</option> <option value="Medical News Today">Medical News Today</option> <option value="Medical Press">Medical Press</option> <option value="Medical Xpress">Medical Xpress</option> <option value="Medium">Medium</option> <option value="Medscape">Medscape</option> <option value="Mic">Mic</option> <option value="Milwaukee Journal Sentinel">Milwaukee Journal Sentinel</option> <option value="Mirage ">Mirage </option> <option value="Mirage News">Mirage News</option> <option value="Mirror">Mirror</option> <option value="Mission Local">Mission Local</option> <option value="Modern Ghana">Modern Ghana</option> <option value="Modern Healthcare">Modern Healthcare</option> <option value="NBC Bay Area">NBC Bay Area</option> <option value="NBC Los Angeles">NBC Los Angeles</option> <option value="NBC San Diego">NBC San Diego</option> <option value="NIH">NIH</option> <option value="NXG News">NXG News</option> <option value="Naked Capitalism">Naked Capitalism</option> <option value="National Geographic Espa帽a">National Geographic Espa帽a</option> <option value="National Post">National Post</option> <option value="National Postdoctoral Association">National Postdoctoral Association</option> <option value="Nature">Nature</option> <option value="Nature ">Nature </option> <option value="News Info Park">News Info Park</option> <option value="News Medical">News Medical</option> <option value="News Medical ">News Medical </option> <option value="News Medical Life Cycle">News Medical Life Cycle</option> <option value="Newsweek Mexico">Newsweek Mexico</option> <option value="Newsy List">Newsy List</option> <option value="Nikkei Asian Review">Nikkei Asian Review</option> <option value="Nsane Forums">Nsane Forums</option> <option value="Observer">Observer</option> <option value="Osher Mini Medical School for the Public">Osher Mini Medical School for the Public</option> <option value="Outlook India">Outlook India</option> <option value="POZ">POZ</option> <option value="PR Newswire">PR Newswire</option> <option value="Pajiba">Pajiba</option> <option value="Pakistan Observer">Pakistan Observer</option> <option value="Patch">Patch</option> <option value="Penn Live">Penn Live</option> <option value="Pharma Mar">Pharma Mar</option> <option value="Pharmaceutical Technology">Pharmaceutical Technology</option> <option value="Phys.Org">Phys.Org</option> <option value="Physician's Weekly">Physician's Weekly</option> <option value="Press Reader">Press Reader</option> <option value="Prince Albert Daily Herald">Prince Albert Daily Herald</option> <option value="QBI">QBI</option> <option value="QBI Media">QBI Media</option> <option value="QRIUS">QRIUS</option> <option value="RT Francais">RT Francais</option> <option value="Radio Mitre">Radio Mitre</option> <option value="Rappler">Rappler</option> <option value="Reddit">Reddit</option> <option value="Reed Magazine">Reed Magazine</option> <option value="Regina Leader Post">Regina Leader Post</option> <option value="Reuters">Reuters</option> <option value="Roche">Roche</option> <option value="SF Gate">SF Gate</option> <option value="SFist">SFist</option> <option value="SLAC">SLAC</option> <option value="Salon">Salon</option> <option value="San Francisco Business Times">San Francisco Business Times</option> <option value="San Francisco Chronicle">San Francisco Chronicle</option> <option value="San Francisco Classical Voice">San Francisco Classical Voice</option> <option value="San Francisco Examiner">San Francisco Examiner</option> <option value="San Francisco Public Press">San Francisco Public Press</option> <option value="Saudi 24 News">Saudi 24 News</option> <option value="Sci-News">Sci-News</option> <option value="Science">Science</option> <option value="Science ">Science </option> <option value="Science Daily">Science Daily</option> <option value="Science Direct">Science Direct</option> <option value="Science Times">Science Times</option> <option value="Science X">Science X</option> <option value="ScienceNews">ScienceNews</option> <option value="Sciences et Avenir">Sciences et Avenir</option> <option value="Scientific American">Scientific American</option> <option value="Scuba Diver Mag">Scuba Diver Mag</option> <option value="Senegal Actu">Senegal Actu</option> <option value="Silicon Valley Community Foundation">Silicon Valley Community Foundation</option> <option value="SiriusXM: Doctor Radio">SiriusXM: Doctor Radio</option> <option value="Small Tech News">Small Tech News</option> <option value="Sound Health ">Sound Health </option> <option value="State of the Nation">State of the Nation</option> <option value="Street Insider">Street Insider</option> <option value="Sun Sentinel">Sun Sentinel</option> <option value="TRT World">TRT World</option> <option value="TUC Sin Filtro">TUC Sin Filtro</option> <option value="Tech Story">Tech Story</option> <option value="Technology">Technology</option> <option value="Technology Networks">Technology Networks</option> <option value="Telemundo">Telemundo</option> <option value="Teletrader">Teletrader</option> <option value="The Baltimore Sun">The Baltimore Sun</option> <option value="The Baytown Sun">The Baytown Sun</option> <option value="The Buck Institute">The Buck Institute</option> <option value="The Business Journals">The Business Journals</option> <option value="The Citizen ">The Citizen </option> <option value="The Conversation">The Conversation</option> <option value="The Daily Beast">The Daily Beast</option> <option value="The Daily Californian">The Daily Californian</option> <option value="The Derrick">The Derrick</option> <option value="The East County Gazette">The East County Gazette</option> <option value="The Economic Times">The Economic Times</option> <option value="The Express Tribune">The Express Tribune</option> <option value="The Guardian">The Guardian</option> <option value="The Hill">The Hill</option> <option value="The Hindu">The Hindu</option> <option value="The Korea Bizwire">The Korea Bizwire</option> <option value="The Limited Times">The Limited Times</option> <option value="The Medical Progress">The Medical Progress</option> <option value="The Mercury News">The Mercury News</option> <option value="The National Herald">The National Herald</option> <option value="The National Interest">The National Interest</option> <option value="The New York Academy of Sciences">The New York Academy of Sciences</option> <option value="The New York Times">The New York Times</option> <option value="The Street">The Street</option> <option value="The Telegraph">The Telegraph</option> <option value="The Virginian-Pilot">The Virginian-Pilot</option> <option value="The Washington Post">The Washington Post</option> <option value="Thomson Reuters Foundation">Thomson Reuters Foundation</option> <option value="Times Union">Times Union</option> <option value="Times of San Diego">Times of San Diego</option> <option value="Today">Today</option> <option value="TrialSite News">TrialSite News</option> <option value="UCSF">UCSF</option> <option value="UCSF School of Pharmacy">UCSF School of Pharmacy</option> <option value="UCSF School of Pharmacy ">UCSF School of Pharmacy </option> <option value="UK Day to Day">UK Day to Day</option> <option value="USA News Hub">USA News Hub</option> <option value="USA Today">USA Today</option> <option value="University of Regina">University of Regina</option> <option value="Up News Info">Up News Info</option> <option value="VeryWell Health">VeryWell Health</option> <option value="Virus News Network">Virus News Network</option> <option value="WFMZ">WFMZ</option> <option value="WGNO">WGNO</option> <option value="WSJ">WSJ</option> <option value="WTVR ">WTVR </option> <option value="WWJ News Radio">WWJ News Radio</option> <option value="Wired">Wired</option> <option value="World Pharma News">World Pharma News</option> <option value="Xconomy">Xconomy</option> <option value="Yahoo">Yahoo</option> <option value="Yahoo Finance">Yahoo Finance</option> <option value="Yahoo News">Yahoo News</option> <option value="Yorkton This Week">Yorkton This Week</option> <option value="Yucatan Times">Yucatan Times</option> <option value="bdnews24.com">bdnews24.com</option> <option value="bioRxiv">bioRxiv</option> <option value="elemental">elemental</option> <option value="salon">salon</option> </select> </div> </div> </div><!-- end row --> </form> </div><!-- end publication dropdown --> </div> <div class="clearfix"></div> </div> <div class="row" id="posts"> </div> <div class="row"> <div class="col-md-12"> <div style="text-align: center"> <img src="images/loading.gif" alt="Loading ..." id="loading" style="width:15%" /> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div style="text-align: center;display: none;" id="nothing_more" data-visible="true" > </div> </div> </div> </div> <script> var oldDate = ""; $(document).ready(function () { $('#sort').val('1date').parent().addClass('select-box-active'); $("select").selectBoxIt(); $('#filter_form select').on('change',function () { oldDate = ""; $('#nothing_more').hide().data('visible',true); var element=$(this); if(element.val()=="") { element.parent().removeClass('select-box-active'); } else { element.parent().addClass('select-box-active'); } $('#posts').html(""); AddMoreContent(); }); var flag = 0; setTimeout(function(){ flag = 1; },250); $(window).scroll(function(){ if(flag == 1 && $('#nothing_more').data('visible')) { if ($(window).scrollTop() >= $(document).height() - $(window).height() - 1500){ flag = 0; setTimeout(function(){ flag = 1; if ($(window).scrollTop() >= $(document).height() - $(window).height() - 1500) { AddMoreContent(); } },250); $('#loading').show(); AddMoreContent(); } } }); AddMoreContent(); }); function AddMoreContent() { if($('#nothing_more').data('visible')) { $.ajax({ url : 'https://qbi.ucsf.edu/posts/6f8a742b-5064-4f6c-9b66-c149fed91a8f', method:"post", data : $('#filter_form').serialize()+"&length="+$('#posts .posts').length, success: function(msg) { if (msg.length > 0) { setData(msg); } else { $('#loading').fadeOut(); $('#nothing_more').show().data('visible',false); } } }); } } function setData(msg) { currentLength = $('#posts .posts').length; var structure = `<div class="col-md-12" publication_date_year_styling> <div class="event-heading"> <h2>publication_date_year</h2> </div> </div> <div id="post_id" publication_block_styling class="posts qcrg-media article_appear col-md-12 no-padding"> <div class="news-main-content post_color column content-inn"> <div class="mobile-news-container"> <div class="col-xs-6 col-sm-3 col-md-2 news-date"> <h3>publication_date_month</h3> <h2>publication_date_day</h2> </div> <div class="col-xs-6 col-sm-3 col-md-2 no-padding"> <img src="post_image" alt="" class="img-responsive news-container-img"> <div class="overlay"></div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-8 news-container-right"> <div class="news-container-title"> <h2>post_title post_type</h2> <h2>post_description</h2> </div> <div class="news-txt-bottom"> <div class="news-left"> <p>post_organization</p> </div><!-- end news-left --> <div class="news-btn-right extra-dark"> <a href="post_link" target="_blank">post_cta <i class="fa fa-angle-double-right" aria-hidden="true"></i></a> </div> <div class="clearfix"></div> </div><!-- end news txt bottom --> </div> <div class="clearfix"></div> </div><!-- end news main content --> </div> `; var return_content=""; var colors=[ 'yellow' , 'green', 'orange', 'baby_blue', 'purple', 'lavender', 'pink', 'aqua', 'grey' ]; var icons = [ 'images/icon1.png', 'images/icon2.png', 'images/icon3.png', 'images/icon4.png', 'images/icon5.png', 'images/icon6.png', 'images/icon7.png', 'images/icon8.png' ]; var max_count = colors.length; var icon_max_count = icons.length; var color_counter=currentLength%max_count; var icon_counter=currentLength%icon_max_count; var publicationsStyling; var insertedCount = 0; for(var i in msg) { insertedCount++; publicationsStyling = 'style="display:none;"'; if($("#"+msg[i]['id']).length) { continue; } var classes=" "; currentLength=currentLength+1; if(currentLength%3 == 1) { classes="padding-right-ten padding-tablet-left"; } else if(currentLength%3 == 2) { classes = "padding-ten padding-tablet-middle"; } else if(currentLength%3 == 0) { classes = "padding-left-ten padding-tablet-right"; } var result=structure; result = result.replace(/post_id/g,msg[i]['id']); result = result.replace(/article_class/g,classes); result = result.replace(/post_color/g,colors[color_counter]); result = result.replace(/post_random_icon/g,icons[icon_counter]); result = result.replace(/post_title/g, msg[i]['title']); result = result.replace(/post_date/g, msg[i]['date']); result = result.replace(/post_organization/g, msg[i]['organization']); if(String(msg[i]['type']).trim() !== "Other"){ result = result.replace(/post_type/g, " - " + msg[i]['type']); }else{ result = result.replace(/post_type/g,""); } result = result.replace(/post_description/g, String(msg[i]['description']).substr(0, 140)); result = result.replace(/post_image/g, msg[i]['image']); result = result.replace(/post_cta/g, msg[i]['cta']); result = result.replace(/post_link/g, msg[i]['link']); var publicationsDateYear = ""; if(msg[i].hasOwnProperty('toShow') && msg[i].toShow !== "1"){ result = result.replace(/article_appear/g, ''); result = result.replace(/publication_block_styling/g, 'style="display:none"'); insertedCount--; } else if(msg[i].hasOwnProperty('publication_date_year')){ publicationsDateYear = msg[i]['publication_date_year']; if(oldDate != msg[i]['publication_date_year']){ publicationsStyling = ""; } oldDate = publicationsDateYear; } if(msg[i].hasOwnProperty('publication_date_month')){ result = result.replace(/publication_date_month/g, msg[i].publication_date_month); } if(msg[i].hasOwnProperty('publication_date_day')){ result = result.replace(/publication_date_day/g, msg[i].publication_date_day); } result = result.replace(/publication_date_year_styling/g, publicationsStyling ); result = result.replace(/publication_date_year/g, publicationsDateYear); return_content+=result; color_counter++; icon_counter++; if(color_counter==max_count) { color_counter=0; } if(icon_counter==icon_max_count) { icon_counter=0; } } $('#posts').append(return_content); $('.dynamic-height-init').dynamicMaxHeight(); $('.dynamic-height-init').removeClass('dynamic-height-init'); $('.article_appear').each(function (delay_ccounter) { var elem = $(this); elem.removeClass('article_appear').delay(delay_ccounter * 200).fadeIn(); }); setTimeout(function () { $('#loading').fadeOut(); },500); if(insertedCount < 5){ AddMoreContent(); } } </script> </section><!--end topcontain--> <footer><!-- start footer --> <div class="container"><!-- start container --> <div class="row footer-logo"><!-- start row --> <ul><li><a href="" target="_blank"><img src="" alt="" class="img-responsive"></a></li></ul> </div><!-- end row --> <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><!-- end container --> </footer><!-- end 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> <!-- START POPUP --> <!--<div class="support-covid remodal" data-remodal-id="support-covid">--> <!-- <div class="covid-left"> <!-- <img src="images/ucsf_logo.png" alt="Logo" class="covid-logo">--> <!-- <h2>Support COVID-19<br>Research</h2>--> <!-- <h3>Be part of the solution</h3>--> <!-- <a target="_blank" href="http://makeagift.ucsf.edu/QCRG" class="or-btn">DONATE NOW</a>--> <!-- <a href="http://qbi.ucsf.edu/COVID-19" class="rgt-btn">Find out more</a>--> <!-- </div> -->--> <!-- <div class="story-container">--> <!-- <div class="inner-container">--> <!-- <iframe src="https://onl.st/qbi-anniversary/"></iframe> --> <!-- </div> --> <!-- </div>--> <!--</div>--> <!-- END POPUP --> <!--<script src="scripts/jquery.remodal.js"></script>--> <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>