PCMI | Events

<!DOCTYPE html> <html lang="en-US"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122609284-4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-122609284-4'); </script> <title>PCMI | Events </title> <base href="https://pcmi.ucsf.edu/site-assets/"> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"> <link type="text/css" href="css/bootstrap.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="style-ccmi.css"> <link type="text/css" rel="stylesheet" href="css/hover.css"> <link type="text/css" rel="stylesheet" href="css/font-awesome.css"> <link type="text/css" rel="stylesheet" href="css/hamburgers.css" /> <link rel="stylesheet" href="css/color.css"> <link type="text/css" rel="stylesheet" href="css/colors.css" /> <link rel="stylesheet" type="text/css" href="css/menu-css.css"> <link rel="stylesheet" href="css/nav-toggle.css"> <link rel="stylesheet" href="css/height.css"> <link rel="stylesheet" href="css/slide_style.css"> <link rel="stylesheet" href="css/jquery.selectBoxIt.css"> <link rel="stylesheet" type="text/css" href="css/YouTubePopUp.css"> <link rel="stylesheet" href="css/jquery.remodal.css"> <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%; } </style> <script type="text/javascript" src="scripts/jquery-1.11.3.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/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> <script type="text/javascript"> window.onload = function() { $("select").selectBoxIt(); } </script> <script> $(document).ready(function(){ $('.js-dynamic-height').dynamicMaxHeight(); }); </script> </head> <body> <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 nav-top"> <div class="nav-midd"> <div class="hamburger hamburger--spin navbar-toggle-main menu_fixed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" title='Menu'> <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 ><a href="https://pcmi.ucsf.edu" >home</a></li><li class="dropdown"><a href="https://pcmi.ucsf.edu/about" class="dropdown-toggle">About</a><ul class="dropdown-menu "><li ><a href="https://pcmi.ucsf.edu/investigators" >Investigators</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="https://pcmi.ucsf.edu/research" class="dropdown-toggle">Research</a><ul class="dropdown-menu "><li ><a href="https://pcmi.ucsf.edu/mapping" >Cell Mapping</a></li><li ><a href="https://pcmi.ucsf.edu/technology" >Technology</a></li><li ><a href="https://pcmi.ucsf.edu/publications-" >Publications</a></li></ul></li><li ><a href="https://pcmi.ucsf.edu/events" >Events</a></li></ul> </div> <div> <div class="social-icon-top"> <ul> <li><a target="_blank" href="www.twitter.com"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="www.facebook.com"><i class="fa fa-facebook facebook" aria-hidden="true"></i></a></li> <li class="last"><a target="_blank" href="www.instagram.com"><i class="fa fa-instagram insta" aria-hidden="true"></i></a></li> </ul> </div> </div> </span> <header><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <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="#bs-example-navbar-collapse-1" 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> </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="www.twitter.com"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="www.facebook.com"><i class="fa fa-facebook facebook" aria-hidden="true"></i></a></li> <li class="last"><a target="_blank" href="www.instagram.com"><i class="fa fa-instagram insta" aria-hidden="true"></i></a></li> </ul> </div> <ul id="main-navbar" class="nav navbar-nav"><li ><a href="https://pcmi.ucsf.edu" >home</a></li><li class="dropdown"><a href="https://pcmi.ucsf.edu/about" class="dropdown-toggle">About</a><ul class="dropdown-menu "><li ><a href="https://pcmi.ucsf.edu/investigators" >Investigators</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="https://pcmi.ucsf.edu/research" class="dropdown-toggle">Research</a><ul class="dropdown-menu "><li ><a href="https://pcmi.ucsf.edu/mapping" >Cell Mapping</a></li><li ><a href="https://pcmi.ucsf.edu/technology" >Technology</a></li><li ><a href="https://pcmi.ucsf.edu/publications-" >Publications</a></li></ul></li><li ><a href="https://pcmi.ucsf.edu/events" >Events</a></li></ul> </div> </div> </nav> <div class="clearfix"></div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <a href="https://pcmi.ucsf.edu"> <img src="https://pcmi.ucsf.edu/site-assets/images/head-icon1.png" alt="" class="center-block img-responsive logo logo-center-new" /> </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://pcmi.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://pcmi.ucsf.edu/site-assets/images/1493426135_PCMI-Placeholder.jpg') top center no-repeat;" onclick="location.href='https://pcmi.ucsf.edu/pcmi-all-hands-meetings';"> <div class='overlay'></div> <h2>August</h2> <span>13</span> <h3 class='event-title-height'>PCMI All-Hands Meeting</h3> <span class='read'><a href="https://pcmi.ucsf.edu/pcmi-all-hands-meetings" class="hvr-icon-float-away">Read More</a></span> </div> </div> <div class="col-xs-12 col-sm-4 col-md-4 padding-ten padding-tablet-middle"> <div class="boxft pink " style="background:url('http://pcmi.ucsf.edu/site-assets/images/1484967060_QBI-ART.jpg') top center no-repeat;" onclick="location.href='https://pcmi.ucsf.edu/pcmi-all-hands-research-meeting';"> <div class='overlay'></div> <h2>September</h2> <span>10</span> <h3 class='event-title-height'>PCMI All Hands Research Meeting</h3> <span class='read'><a href="https://pcmi.ucsf.edu/pcmi-all-hands-research-meeting" class="hvr-icon-float-away">Read More</a></span> </div> </div> <div class="col-xs-12 col-sm-4 col-md-4 padding-left-ten padding-tablet-right" > <div class="boxft pink " style="background:url('https://pcmi.ucsf.edu/site-assets/images/1520548789_Screen Shot 2018-03-08 at 2.47.44 PM.png') top center no-repeat;" onclick="location.href='https://pcmi.ucsf.edu/convergent-neuroscience-meeting';"> <div class='overlay'></div> <h2>November</h2> <span>19-20</span> <h3 class='event-title-height'>PCMI and Convergent Neuroscience Meeting</h3> <span class='read'><a href="https://pcmi.ucsf.edu/convergent-neuroscience-meeting" class="hvr-icon-float-away">Read More</a></span> </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="Facebook Talk">Facebook Talk</option> <option value="Lecture">Lecture</option> <option value="Party">Party</option> <option value="Poscast">Poscast</option> <option value="Presentation">Presentation</option> <option value="Social Event">Social Event</option> <option value="Symposium">Symposium</option> <option value="Townhall">Townhall</option> </select> </div> </div> </form> </div> </div> </div> </div> <div class="row" id="all-events"> </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 PCMI 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 PCMI 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://pcmi.ucsf.edu/subscribe-ical" download class="subscribe-btn ical-btn" >Download PCMI .ICS file</a> </div> </div> </div> </div> <footer> <div class="container"> <div class="row footer-logo"> <ul><div class="col-xs-12 col-sm-4 col-md-4"> <a href="" target="_blank"> <img src="https://pcmi.ucsf.edu/site-assets/images/1556305453_NIH-NIMH-logo-new.png" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="" target="_blank"> <img src="https://pcmi.ucsf.edu/site-assets/images/1556305474_UCSF Logo.png" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="" target="_blank"> <img src="https://pcmi.ucsf.edu/site-assets/images/1556305508_UCSD logo.png" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="" target="_blank"> <img src="https://pcmi.ucsf.edu/site-assets/images/1556305523_Berkeley logo.png" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="" target="_blank"> <img src="" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="" target="_blank"> <img src="" class="img-responsive"> </a> </div></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="https://www.google.com/maps/dir/37.7676244,-122.390957/1700 4th St, San Francisco, CA 94158-2330, USA/@37.7673359,-122.3943843,17z/data=!4m9!4m8!1m0!1m5!1m1!1s0x808f7fcf3c56e515:0x6e3ad35a9f5f83a9!2m2!1d-122.392024!2d37.7672978!3e2" target="_blank"> PCMI </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:hello@pcmi.ucsf.edu"> hello@pcmi.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="www.twitter.com"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="www.facebook.com"><i class="fa fa-facebook facebook" aria-hidden="true"></i></a></li> <li class="last"><a target="_blank" href="www.instagram.com"><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://pcmi.ucsf.edu">home</a></li><li><a href="https://pcmi.ucsf.edu/about">About</a></li><li><a href="https://pcmi.ucsf.edu/investigators">Investigators</a></li><li><a href="https://pcmi.ucsf.edu/research">research</a></li><li><a href="https://pcmi.ucsf.edu/publications">Publications</a></li><li><a href="https://pcmi.ucsf.edu/mapping">Mapping</a></li><li><a href="https://pcmi.ucsf.edu/technology">Technology</a></li><li><a href="https://pcmi.ucsf.edu/events">Events</a></li><li><a href="https://pcmi.ucsf.edu/contact-us">Contact Us</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 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://pcmi.ucsf.edu/reload-events', method:"POST", data:$('#filter_form').serialize()+'&_token=CWEslzZbUdyxizzDKa2laik51RbEuCN8Gwl30RAe', 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://pcmi.ucsf.edu/register-subscriber', data:'_token=CWEslzZbUdyxizzDKa2laik51RbEuCN8Gwl30RAe&'+$('#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); } </script> </body> </html>

CINXE.COM

PCMI | Events