QBI | Fund Black Scientists

<!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 | Fund Black Scientists </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-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 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-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> </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="container specific-margin-fifteen"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2 mapping-main event-no-border"> <h3>QBI - Event</h3> <h2>Fund Black Scientists </h2> <div class="event-share-info"> <div class="col-xs-12 col-sm-4 col-md-4 no-padding event-share-btn"> <div class="event-share-btn-inn"> <p>Share Event</p> <div class="event-social-icon"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://qbi.ucsf.edu/fund-black-scientists" target="_blank"> <i class="fa fa-facebook event-share-icon" aria-hidden="true"></i> </a> <a href="http://twitter.com/share?url=https://qbi.ucsf.edu/fund-black-scientists&image-src=https://qbi.ucsf.edu/site-assets/images/1520189326_GvE-QBI-v6_21.jpg&text=Fund Black Scientists " target="_blank"> <i class="fa fa-twitter event-share-icon" aria-hidden="true"></i> </a> <a href="https://qbi.ucsf.edu/fund-black-scientists/#share-by-mail"> <i class="fa fa-envelope" aria-hidden="true"></i> </a> </div> <div class="clearfix"></div> </div> </div> <div class="col-xs-12 col-sm-5 col-md-5 no-padding"> <a href="https://qbi.ucsf.edu/fund-black-scientists/#subscribe-now" class="subscribe-calender">Subscribe to calendar</a> </div> <div class="col-xs-12 col-sm-3 col-md-3 no-padding"> <a href="https://qbi.ucsf.edu/event/2e14cf20-928a-4cfe-953a-1b0d81c91693/save" class="save-event">Save Event</a> </div> <div class="clearfix"></div> </div> <img src="https://qbi.ucsf.edu/site-assets/images/1615398312_40.png" alt="" class="img-responsive event-img-responsive" /> <div class="map-content"> <div class="event-details"> <div class="event-date"> <h3>April</h3> <h2>30</h2> <div class="clearfix"></div> </div> <div class="event-location"> <div class="row"> <div class="col-xs-2 col-md-2 padding-right event-loc-container"> <img src="images/location-icon2.png" alt="" class="img-responsive news-info-icon transition"> </div> <div class="col-xs-10 col-sm-10 col-md-10"> <a> QBI TV YouTube Channel </a> </div> </div> </div> <div class="event-location2 no-padding"> <div class="row"> <div class="col-xs-2 col-md-2 padding-right event-loc-container"> <img src="images/time-icon2.png" alt="" class="img-responsive news-info-icon"> </div> <div class="col-xs-10 col-md-10"> <p>12:00 PM-1:00 PM</p> </div> </div> </div> <div class="clearfix"></div> </div> <div class="map-content-inn map-inn"> <p> </p><p><iframe frameborder="0" src="//www.youtube.com/embed/TdWMCif6W6o" width="640" height="360" class="note-video-clip"></iframe><br></p><p>The Quantitative Biosciences Institute (QBI) at UCSF is presenting a live panel to address the need to fund black scientists by implementing institutional changes. The conversation's goal is to shine a light on the barriers minority scientists face and discuss a set of detailed action items that would foster an optimal framework for equity and inclusion in the biosciences through federal and private funding agencies.</p><p><u>Moderator:</u></p><p><b>Tejal Desai</b>, Professor and Chair of the Department of Bioengineering and Therapeutic Sciences at the University of California, San Francisco</p><p><u>Panelists:</u><br></p><p><b>Lola Eniola-Adefeso</b>, Professor and Vice Chair for Graduate Education, University of Michigan</p><p><b>Marie Bernard</b>, Chief Officer for Scientific Workforce Diversity, NIH</p><p><b>Noni Byrnes</b>, Director of the Center for Scientific Review (CSR), NIH</p><p><b>Hana</b> <b>El-Samad,</b> Professor of Biochemistry and Biophysics, University of California, San Francisco<br></p> <a href="https://www.youtube.com/watch?v=TdWMCif6W6o"><img src="https://qbi.ucsf.edu/site-assets/images/1604536507_VIEW PANEL button.png" style="width: 200px;"></a> <br><p></p><p>Watch Live on YouTube: <a href="https://www.youtube.com/watch?v=TdWMCif6W6o">https://www.youtube.com/watch?v=TdWMCif6W6o</a></p><p></p><p><b> </b></p><p></p> </div> </div> </div> <div class="col-sm-12 col-md-offset-2 col-md-8 no-padding-specific"> <div class="page-navigation"> <div class="page-navigation-left pull-left"> <a href="https://qbi.ucsf.edu/seminar-sauer">Previous Event</a> </div> <div class="page-navigation-right pull-right"> <a href="https://qbi.ucsf.edu/seminar-lupoli">Next Event</a> </div> <div class="clearfix"></div> </div> </div> </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>  <div class="remodal" data-remodal-id="subscribe-now" id="lightbox" style="transition: all 750ms ease;"> <div class="subscribe-lightbox" > <div id="subscribe-form-box"> <h2>SUBSCRIBE TO the QBI Calendar</h2> <p>Subscribe to our calendar and stay updated on the latest events.</p> <div class="subscribe-form"> <div class="row"> <form onsubmit="event.preventDefault();submitSubscribeForm()" id="subscriberForm"> <div class="col-xs-12 col-sm-6 col-md-6"> <input type="text" placeholder="First Name" class="subscribe-input subscribe-form-check" name="first_name"> <span class="event-error">Please Fill Out</span> </div> <div class="col-xs-12 col-sm-6 col-md-6"> <input type="text" placeholder="Last Name" class="subscribe-input subscribe-form-check" name="last_name"> <span class="event-error">Please Fill Out</span> </div> <div class="col-xs-12 col-sm-12 col-md-12"> <input type="text" placeholder="Organization or School" name="school" class="subscribe-input subscribe-form-check"> <span class="event-error">Please Fill Out</span> </div> <div class="col-xs-12 col-sm-12 col-md-12"> <input type="text" placeholder="Email" name="email" id="email-subscribe" class="subscribe-input subscribe-form-check last"> <span class="event-error last">Please Enter Valid Email</span> </div> <input type="submit" class="subscribe-btn" value="Submit"> </form> </div> <div class="clear"></div> </div> </div> <div id="thank-you-box" style="display: none" > <h2>Thank You for subscribing to QBI Calendar!</h2> <p>You are now on our mailing list and will receive updates regularly.<br/><br/>Also, if you want to have your calendar updated automatically with QBI events, please download and double click on our .ics file listed below. It is compatible with Apple, Google, Facebook and Microsoft platforms. </p> <div class="row"> <a href="https://qbi.ucsf.edu/subscribe-ical" download class="subscribe-btn ical-btn" >Download QBI .ICS file</a> </div> </div> </div> </div> <div class="remodal" data-remodal-id="share-by-mail" id="lightbox2" style="transition: all 750ms ease;"> <div class="subscribe-lightbox" id="sendmail"> <h2>Share event by Email</h2> <p>Share event to your friends by email.</p> <div class="subscribe-form"> <form id="send-email-form" onsubmit="event.preventDefault();shareEventByMail();"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6"> <input type="email" placeholder="Email" name="email" id="recipient" class="subscribe-input" > <span class="event-error">Please Fill Out</span> </div> <input type="submit" class="subscribe-btn" value="Send"> </div> </form> <div class="clear"></div> </div> </div> <div class="subscribe-lightbox" id="sentmail" style="display: none"> <h2>The event has been sent to your email.</h2> <p>The event has been mailed to the given email address.</p> </div> </div> <script src="scripts/jquery.remodal.js"></script> <script> $(document).ready(function() { $('.event-error').hide(); $('.nav-tabs li').on('click',function () { element=$(this).find('a'); setTimeout(function () { background = element.css('background-color'); $('.nav-tabs').css('border-bottom',"2px solid " + background); },100) }); $('.subscribe-input').on('change',function () { if($(this).val()=='') { $(this).parent().find('.event-error').fadeIn(); } else { $(this).parent().find('.event-error').fadeOut(); } }); var inst = $("[data-remodal-id=subscribe-now]").remodal(); var inst2 = $("[data-remodal-id=share-by-mail]").remodal(); }); function submitSubscribeForm() { var allOkay = true; $('.subscribe-form-check').each(function () { if($(this).val()=='') { allOkay = false; $(this).parent().find('.event-error').fadeOut().fadeIn(); } else { $(this).parent().find('.event-error').fadeOut(); } }); if(!ValidateEmail($('#email-subscribe').val())) { $('#email-subscribe').parent().find('.event-error').fadeIn(); allOkay = false; } if(allOkay) { $.ajax({ url:'https://qbi.ucsf.edu/register-subscriber', data:'_token=zqK78PAyJ3hLBF8fwoXoLEX1SEMgTrO2Ll55MvP5&'+$('#subscriberForm').serialize(), method:'POST' }); $('#lightbox').css('transform','rotateY(90deg)'); setTimeout(function () { $('#subscribe-form-box').hide(); $('#thank-you-box').show(); $('#lightbox').css('transform','rotateY(0deg)'); },700) } } function ValidateEmail(email) { var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/; return expr.test(email); } function shareEventByMail() { if($('#recipient').val() != '') { $.ajax({ url:'https://qbi.ucsf.edu/share-event/2e14cf20-928a-4cfe-953a-1b0d81c91693', data:'_token=&email='+$('#recipient').val(), method:"POST" }); $('#lightbox2').fadeOut(); setTimeout(function () { $('#subscribe-form-box').hide(); $('#sentmail').show(); $('#lightbox2').fadeIn(); },500) } else { $('#recipient-error').fadeOut().fadeIn(); } } </script> </body> </html>

CINXE.COM

QBI | Fund Black Scientists