QBI | Events

<!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 | Events </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="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <div class="heading news-heading-main"> <div class="news-heading"><h1>Events</h1></div> <div class="news-subscribe"> <a href="https://qbi.ucsf.edu/events#subscribe-now" class="subscribe-calender2">Subscribe to calendar</a> </div> <div class="clearfix"></div> </div> </div> </div> <div class="row">  <div class="col-md-12"> <div class="column"> <div class="row"> <div class="col-xs-12 col-sm-4 col-md-4 padding-right-ten padding-tablet-left" > <div class="boxft pink" style="background:url('https://qbi.ucsf.edu/site-assets/images/1732211563_QCRG AVIDD Happy Hours (half page) (7).png') top center no-repeat;" onclick="location.href='https://qbi.ucsf.edu/qcrg-avidd-happy-hour-kim-paris';"> <div class="overlay events"></div> <h2>December</h2> <span>10</span> <h3>QCRG AViDD Happy Hour With Cheng and Shoichet Labs</h3> <a href="https://qbi.ucsf.edu/qcrg-avidd-happy-hour-kim-paris" class="hvr-icon-float-away">Read More</a> </div> </div> <div class="clearfix"></div> </div> </div> </div> <div class="clearfix"></div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <div class="publication-dropdown event-main-heading"> <h2>SORT events BY</h2> <div class="row"> <form id="filter_form"> <div class="col-xs-12 col-sm-4 col-md-4"> <div class="styled-select"> <select class="selectpicker sorting" name="sortby"> <option value="">Date</option> <option value="asc">Chronological</option> <option value="desc">Reverse</option> <option value="archive">Archive</option> </select> </div> </div> <div class="col-xs-12 col-sm-4 col-md-4"> <div class="styled-select"> <select class="selectpicker sorting" name="filter1"> <option value="">Initiative</option> <option value="QBI">QBI</option> <option value="CCMI">CCMI</option> <option value="HPMI">HPMI</option> <option value="PCMI">PCMI</option> <option value="UCSF">UCSF</option> <option value="EVENT">EVENT</option> </select> </div> </div> <div class="col-xs-12 col-sm-4 col-md-4"> <div class="styled-select" > <select class="selectpicker sorting" name="filter2"> <option value="">Type</option> <option value="Conference">Conference</option> <option value="Event">Event</option> <option value="Facebook Live">Facebook Live</option> <option value="Forum">Forum</option> <option value="Lecture">Lecture</option> <option value="Meeting">Meeting</option> <option value="Podcast">Podcast</option> <option value="Presentation">Presentation</option> <option value="Salon">Salon</option> <option value="Seminar">Seminar</option> <option value="Symposium">Symposium</option> <option value="Townhall">Townhall</option> <option value="Training">Training</option> <option value="Tutorial">Tutorial</option> <option value="Workshop">Workshop</option> </select> </div> </div> </form> </div> </div> </div> </div> <div class="row" id="all-events"> <div class="col-md-12"> <div class="event-heading"> <h2>December</h2> </div> </div> <div class="col-xs-12 col-sm-12 col-md-12"> <div class="news-main-content yellow"> <div class="mobile-news-container"> <div class="col-xs-6 col-sm-3 col-md-2 news-date"> <h3>December</h3> <h2> 10 </h2> </div> <div class="col-xs-6 col-sm-3 col-md-2 no-padding"> <img src="https://qbi.ucsf.edu/site-assets/images/1732211563_QCRG AVIDD Happy Hours (half page) (7).png" 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>QBI - Event</h2> <h2>QCRG AViDD Happy Hour With Cheng and Shoichet Labs</h2> </div> <div class="news-txt-bottom"> <div class="news-left"> <div class="row"> <div class="col-xs-2 col-sm-3 col-md-2 col-lg-2 icon-mobile2"> <img src="images/location-icon.png" alt="" class="img-responsive news-icons2"> </div> <div class="col-xs-10 col-sm-9 col-md-10 col-lg-10 padding-left"> <p>SF Kebab, 550 16th St, San Francisco</p> </div> </div> </div> <div class="news-txt-right"> <div class="row"> <div class="col-xs-2 col-sm-4 col-md-2 col-lg-3 icon-mobile"> <img src="images/time-icon.png" alt="" class="img-responsive news-icons"> </div> <div class="col-xs-10 col-sm-8 col-md-10 col-lg-9 padding-left"> <p>4:00 AM - 5:00 AM</p> </div> </div> </div> <div class="news-btn-right extra-dark"> <a href="https://qbi.ucsf.edu/qcrg-avidd-happy-hour-kim-paris">Read More <i class="fa fa-angle-double-right" aria-hidden="true"></i></a> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </div> </div> </div> </div> </section> <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" 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" 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"> <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 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> <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> <script src="scripts/jquery.remodal.js"></script> <script> $(document).ready(function() { $('.event-error').hide(); $("select").selectBoxIt(); $('.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) }); $('.sorting').on('change',function(){ $('#all-events').fadeOut(); $.ajax({ url:'https://qbi.ucsf.edu/reload-events', method:"POST", data:$('#filter_form').serialize()+'&_token=LtlxZiyJ4xAP7tlncBVe7a3QVLylzwQg0h7BRDOb', success:function (response) { if(response.status == 'success') { $('#all-events').html(response.html).fadeIn(); } else { $('#all-events').fadeIn(); } }, error:function () { $('#all-events').fadeIn(); } }) }); $('.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(); function submitSubscribeForm() { var allOkay = true; $('.subscribe-input').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=LtlxZiyJ4xAP7tlncBVe7a3QVLylzwQg0h7BRDOb&'+$('#subscriberForm').serialize(), method:'POST' }); $('#lightbox').fadeOut(); setTimeout(function () { $('#subscribe-form-box').hide(); $('#thank-you-box').show(); $('#lightbox').fadeIn(); },500) } } 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); } </script> </body> </html>

CINXE.COM

QBI | Events