Visual Stories

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Visual Stories</title>   <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'page_type': 'page', 'content_title': 'Visual Stories', 'site_section': 'uc san diego today' }); </script>  <script defer="defer" src="/build/scripts/app.js"></script> <link rel="stylesheet" href="/build/styles/app.css"> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5BF4W4D" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header>  <div class="skip-to-btn"> <a class="skip-navigation" href="#content" tabindex="0" title="Skip to main content">Skip to main content</a> </div>     <nav role="navigation" aria-label="Main" class="navbar navbar-expand-lg bg-dark text-white"> <div class="container-fluid nav-inner"> <div class="nav-inner-left"> <button class="btn btn-alternate btn-menu" type="button" data-bs-toggle="offcanvas" data-bs-target="#categoryNav" aria-controls="categoryNav" aria-expanded="false" > <div class="pill-icon-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" ><path class="menu-icon" fill="#FFF" d="M55,43 L71,43 C71.5522847,43 72,43.4477153 72,44 C72,44.5522847 71.5522847,45 71,45 L55,45 C54.4477153,45 54,44.5522847 54,44 C54,43.4477153 54.4477153,43 55,43 Z M55,55 L71,55 C71.5522847,55 72,55.4477153 72,56 C72,56.5522847 71.5522847,57 71,57 L55,57 C54.4477153,57 54,56.5522847 54,56 C54,55.4477153 54.4477153,55 55,55 Z M55,49 L71,49 C71.5522847,49 72,49.4477153 72,50 C72,50.5522847 71.5522847,51 71,51 L55,51 C54.4477153,51 54,50.5522847 54,50 C54,49.4477153 54.4477153,49 55,49 Z" transform="translate(-54 -43)" ></path> </svg> </div> <span class="pill-label">Menu</span> </button> <ul class="nav utility-nav "> <li class="nav-item"> <a class="nav-link" href="https://www.ucsd.edu/" title="UC San Diego"> UC San Diego </a> </li> </ul> </div> <div class="nav-inner-center"> <a class="nav-brand text-white d-inline-block" href="/"> <img class="logo" src="/build/assets/img/global-nav/ucsd-today-logo.svg" alt="UC San Diego - Today" width="337" height="98" /> </a> </div> <div class="nav-inner-right d-flex flex-row"> <div class="ms-auto"> <a class="btn btn-secondary btn-subscribe text-capitalize" aria-label="Subscribe" href="/newsletter/#subscribe" onclick="window.dataLayer.push({ ecommerce: null }); window.dataLayer.push({event: 'add_to_cart', ecommerce: {currency: 'USD', value: 25.00, items: [{item_name: 'Subscribe CTA Button', price: 25.00}]}});"> Subscribe </a> </div> <button class="btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop" aria-expanded="false" aria-label="Search the UC San Diego Website" > <img src="/build/assets/img/global-nav/search-icon.svg" alt="Magnifying glass icon" class="search-icon" aria-hidden="true" width="18" height="18" /> </button> </div> </div> </nav>  <div class="top-level-categories container-fluid text-center bg-primary d-none d-lg-block" > <nav aria-label="Sub" class="container"> <ul class="nav mx-auto py-3 text-uppercase justify-content-center justify-content-xl-between" > <li class="nav-item"> <a class="nav-link text-white" title="Research" href="https://today.ucsd.edu/research"> Research </a> </li> <li class="nav-item"> <a class="nav-link text-white" title="People" href="https://today.ucsd.edu/people"> People </a> </li> <li class="nav-item"> <a class="nav-link text-white" title="Research" href="https://today.ucsd.edu/campus-and-community"> Campus & Community </a> </li> <li class="nav-item"> <a class="nav-link text-white" title="Research" href="https://today.ucsd.edu/arts-and-culture"> Arts & Culture </a> </li> <li class="nav-item"> <a class="nav-link text-white" title="Research" href="https://today.ucsd.edu/voices"> Voices </a> </li> </ul> </nav> </div> </header> <main id="content">  <section class="category-hero three-column-hero container-fluid py-lg-6 py-5"> <div class="row text-center"> <h1 class="h2 text-center">Visual Storytelling</h1> </div> <div class="container three-column-articles mt-4 mt-lg-6 mb-5 mb-lg-7 p-0"> <h2 class="visually-hidden">Visual Storytelling</h2> <div class="row d-flex flex-column flex-lg-row"> <div class="col-lg-4 col-12"> <div class="featured-card text-center d-flex flex-column"> <div class="featured-card-body order-1 d-flex flex-column"> <h3 class="h4 order-1"> <a class="featured-link text-decoration-none" href="https://today.ucsd.edu/photo-essays/celebrating-the-cultures-that-connect-us" > ‘I am UC San Diego’: Celebrating the Cultures that Connect Us </a> </h3>     <a href="/campus-and-community/campus-news" class="featured-card-topic h2-alt text-decoration-none d-block text-primary order-0" > Campus News </a> </div> <div class="featured-img-wrapper mb-4-5 order-0"> <a href="https://today.ucsd.edu/photo-essays/celebrating-the-cultures-that-connect-us" class="featured-link text-decoration-none d-block video-thumbnail" > <img class="featured-img img-fluid" src="https://today.ucsd.edu/news_uploads/_top-desk-mobile/mariachi-teaser.jpg" alt="‘I am UC San Diego’: Celebrating the Cultures that Connect Us" width="750" height="488" /> </a> </div> </div> </div> <div class="col-lg-4 col-12"> <div class="featured-card text-center d-flex flex-column"> <div class="featured-card-body order-1 d-flex flex-column"> <h3 class="h4 order-1"> <a class="featured-link text-decoration-none" href="https://today.ucsd.edu/photo-essays/new-collaborations-on-renewable-energy-emerge-from-bi-national-symposium" > New Collaborations on Renewable Energy Emerge from Bi-national Symposium </a> </h3>     <a href="/research/technology-and-engineering" class="featured-card-topic h2-alt text-decoration-none d-block text-primary order-0" > Technology & Engineering </a> </div> <div class="featured-img-wrapper mb-4-5 order-0"> <a href="https://today.ucsd.edu/photo-essays/new-collaborations-on-renewable-energy-emerge-from-bi-national-symposium" class="featured-link text-decoration-none d-block video-thumbnail" > <img class="featured-img img-fluid" src="https://today.ucsd.edu/news_uploads/_top-desk-mobile/KyotoUsymposium_rotator_thumb_1.jpg" alt="New Collaborations on Renewable Energy Emerge from Bi-national Symposium" width="750" height="488" /> </a> </div> </div> </div> <div class="col-lg-4 col-12"> <div class="featured-card text-center d-flex flex-column"> <div class="featured-card-body order-1 d-flex flex-column"> <h3 class="h4 order-1"> <a class="featured-link text-decoration-none" href="https://today.ucsd.edu/photo-essays/uc-san-diego-honors-native-american-history-month" > UC San Diego Honors Native American History Month </a> </h3>     <a href="/arts-and-culture/events-and-happenings" class="featured-card-topic h2-alt text-decoration-none d-block text-primary order-0" > Events & Happenings </a> </div> <div class="featured-img-wrapper mb-4-5 order-0"> <a href="https://today.ucsd.edu/photo-essays/uc-san-diego-honors-native-american-history-month" class="featured-link text-decoration-none d-block video-thumbnail" > <img class="featured-img img-fluid" src="https://today.ucsd.edu/news_uploads/_top-desk-mobile/NAHCC_LT_91.jpg" alt="UC San Diego Honors Native American History Month" width="750" height="488" /> </a> </div> </div> </div> </div> </div> </section> <section class="the-latest-trending-stories pt-5 py-lg-5"> <div class="container mt-md-6 mt-4"> <div class="row"> <div class="the-latest col-12 col-lg-8 mb-5">  <div class="section-heading-left"> <div class="section-heading-inner mb-5 mb-lg-0"> <h2 class="section-heading-label text-uppercase my-0 pe-4"> The Latest </h2> <div class="hr section-divider bg-divider me-md-3"></div> </div> </div> <div class="articles d-flex flex-column">  <div class="article d-flex flex-md-row flex-column"> <div class="info-excerpt d-flex flex-column flex-grow-1 order-1"> <h3 class="h4 order-1"> <a href="https://today.ucsd.edu/slideshows/celebrating-creativity-and-design-across-borders" > Celebrating Creativity and Design Across Borders </a> </h3>     <a href="/campus-and-community/campus-news" class="featured-card-topic h2-alt text-decoration-none d-block text-primary order-0" > Campus News </a> <p class="summary text-body order-2"> The World Design Capital San Diego Tijuana 2024 concluded with a vibrant celebration of creativity, collaboration and community at UC San Diego's Epstein Family Amphitheater on Nov. 16. </p> </div> <figure class="order-0"> <a href="https://today.ucsd.edu/slideshows/celebrating-creativity-and-design-across-borders" class="featured-link text-decoration-none d-block video-thumbnail" > <img class="play-badge" src="/build/assets/img/homepage/ss-play-badge.svg" alt="A slideshow icon for Epstein Family Amphitheater with musicians performing on stage." width="34" height="34" aria-hidden="true" />  <img class="lozad featured-img img-fluid" srcset="https://today.ucsd.edu/ss_uploads/_latest-mobile/WDC%2CEFA.png 350w, https://today.ucsd.edu/ss_uploads/_latest-desk/WDC%2CEFA.png 864w" sizes="(min-width: 768px) 432px, 175px" src="https://today.ucsd.edu/ss_uploads/_latest-mobile/WDC%2CEFA.png" alt="Slideshow: Epstein Family Amphitheater with musicians performing on stage." width="750" height="488" /> </a> </figure> </div>  <div class="article d-flex flex-md-row flex-column"> <div class="info-excerpt d-flex flex-column flex-grow-1 order-1"> <h3 class="h4 order-1"> <a href="https://today.ucsd.edu/photo-essays/preuss-scholars-learn-life-saving-cpr-skills" > Preuss Scholars Learn Life-Saving CPR Skills </a> </h3>     <a href="/campus-and-community/student-life" class="featured-card-topic h2-alt text-decoration-none d-block text-primary order-0" > Student Life </a> <p class="summary text-body order-2"> Over 100 seventh-graders from The Preuss School UC San Diego were trained in hands-only CPR by UC San Diego student volunteers from the Revive & Survive San Diego initiative as part of the school's effort to train all of its scholars. </p> </div> <figure class="order-0"> <a href="https://today.ucsd.edu/photo-essays/preuss-scholars-learn-life-saving-cpr-skills" class="featured-link text-decoration-none d-block video-thumbnail" >  <img class="lozad featured-img img-fluid" srcset="https://today.ucsd.edu/news_uploads/_latest-mobile/241108ReviveSurviveDSC_9660ErikJepsenUCSanDiego1.jpg 350w, https://today.ucsd.edu/news_uploads/_latest-desk/241108ReviveSurviveDSC_9660ErikJepsenUCSanDiego1.jpg 864w" sizes="(min-width: 768px) 432px, 175px" src="https://today.ucsd.edu/news_uploads/_latest-mobile/241108ReviveSurviveDSC_9660ErikJepsenUCSanDiego1.jpg" alt="Preuss Scholars Learn Life-Saving CPR Skills" width="750" height="488" /> </a> </figure> </div>  <div class="article d-flex flex-md-row flex-column"> <div class="info-excerpt d-flex flex-column flex-grow-1 order-1"> <h3 class="h4 order-1"> <a href="https://today.ucsd.edu/slideshows/2024-homecoming" > Triton Pride Ignited: Homecoming 2024 </a> </h3>     <a href="/campus-and-community/campus-news" class="featured-card-topic h2-alt text-decoration-none d-block text-primary order-0" > Campus News </a> <p class="summary text-body order-2"> 2024 Homecoming </p> </div> <figure class="order-0"> <a href="https://today.ucsd.edu/slideshows/2024-homecoming" class="featured-link text-decoration-none d-block video-thumbnail" > <img class="play-badge" src="/build/assets/img/homepage/ss-play-badge.svg" alt="A slideshow icon for Triton Whiteout at Homecoming 2024" width="34" height="34" aria-hidden="true" />  <img class="lozad featured-img img-fluid" srcset="https://today.ucsd.edu/ss_uploads/_latest-mobile/24Homecoming1.jpg 350w, https://today.ucsd.edu/ss_uploads/_latest-desk/24Homecoming1.jpg 864w" sizes="(min-width: 768px) 432px, 175px" src="https://today.ucsd.edu/ss_uploads/_latest-mobile/24Homecoming1.jpg" alt="Slideshow: Triton Whiteout at Homecoming 2024" width="750" height="488" /> </a> </figure> </div>  <div class="article d-flex flex-md-row flex-column"> <div class="info-excerpt d-flex flex-column flex-grow-1 order-1"> <h3 class="h4 order-1"> <a href="https://today.ucsd.edu/photo-essays/uc-san-diego-celebrates-dia-de-los-muertos" > A Colorful Celebration of Life: Campus Honors Día de los Muertos </a> </h3>     <a href="/campus-and-community/campus-news" class="featured-card-topic h2-alt text-decoration-none d-block text-primary order-0" > Campus News </a> <p class="summary text-body order-2"> UC San Diego marked Día de los Muertos with a vibrant celebration at the heart of campus, transforming the steps in front of Price Center into a joyful space of remembrance and reflection. </p> </div> <figure class="order-0"> <a href="https://today.ucsd.edu/photo-essays/uc-san-diego-celebrates-dia-de-los-muertos" class="featured-link text-decoration-none d-block video-thumbnail" >  <img class="lozad featured-img img-fluid" srcset="https://today.ucsd.edu/news_uploads/_latest-mobile/Diadelosmuertoshero.png 350w, https://today.ucsd.edu/news_uploads/_latest-desk/Diadelosmuertoshero.png 864w" sizes="(min-width: 768px) 432px, 175px" src="https://today.ucsd.edu/news_uploads/_latest-mobile/Diadelosmuertoshero.png" alt="A Colorful Celebration of Life: Campus Honors Día de los Muertos" width="750" height="488" /> </a> </figure> </div>  <div class="article d-flex flex-md-row flex-column"> <div class="info-excerpt d-flex flex-column flex-grow-1 order-1"> <h3 class="h4 order-1"> <a href="https://today.ucsd.edu/photo-essays/using-art-to-foster-connection" > Using Art to Foster Connection </a> </h3>     <a href="/arts-and-culture/events-and-happenings" class="featured-card-topic h2-alt text-decoration-none d-block text-primary order-0" > Events & Happenings </a> <p class="summary text-body order-2"> “Breathe with Me,” a public art and mindfulness project at UC San Diego by renowned artist Jeppe Hein, invited participants to use art as a tool to improve mindfulness and connection. </p> </div> <figure class="order-0"> <a href="https://today.ucsd.edu/photo-essays/using-art-to-foster-connection" class="featured-link text-decoration-none d-block video-thumbnail" >  <img class="lozad featured-img img-fluid" srcset="https://today.ucsd.edu/news_uploads/_latest-mobile/20241024-Breathe-With-Me-image-credit-Sapna-Parikh-2.jpg 350w, https://today.ucsd.edu/news_uploads/_latest-desk/20241024-Breathe-With-Me-image-credit-Sapna-Parikh-2.jpg 864w" sizes="(min-width: 768px) 432px, 175px" src="https://today.ucsd.edu/news_uploads/_latest-mobile/20241024-Breathe-With-Me-image-credit-Sapna-Parikh-2.jpg" alt="Using Art to Foster Connection" width="750" height="488" /> </a> </figure> </div>  <div class="article d-flex flex-md-row flex-column"> <div class="info-excerpt d-flex flex-column flex-grow-1 order-1"> <h3 class="h4 order-1"> <a href="https://today.ucsd.edu/photo-essays/uc-san-diego-welcomes-students-and-two-new-campus-neighborhoods" > UC San Diego Welcomes Students and Two New Neighborhoods to Campus </a> </h3>     <a href="/people/milestones" class="featured-card-topic h2-alt text-decoration-none d-block text-primary order-0" > Milestones </a> <p class="summary text-body order-2"> The academic year started with a lot to celebrate as 2,000 students moved into a long-awaited living and learning neighborhood with a new undergraduate college, and across campus, another new neighborhood became the campus home of 1,300 upper-division undergraduates and transfer students. </p> </div> <figure class="order-0"> <a href="https://today.ucsd.edu/photo-essays/uc-san-diego-welcomes-students-and-two-new-campus-neighborhoods" class="featured-link text-decoration-none d-block video-thumbnail" >  <img class="lozad featured-img img-fluid" srcset="https://today.ucsd.edu/news_uploads/_latest-mobile/Teaser_PCW_1.jpg 350w, https://today.ucsd.edu/news_uploads/_latest-desk/Teaser_PCW_1.jpg 864w" sizes="(min-width: 768px) 432px, 175px" src="https://today.ucsd.edu/news_uploads/_latest-mobile/Teaser_PCW_1.jpg" alt="UC San Diego Welcomes Students and Two New Neighborhoods to Campus" width="750" height="488" /> </a> </figure> </div>  <ul class="pagination mt-4 mt-lg-6" aria-label="Pagination"> <li class="page-item"> <a class="page-link first" aria-label="First page" href="https://today.ucsd.edu/visual-storytelling"> <svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" viewBox="0 0 7 10" class="cta-arrow " ><polygon fill="currentColor" fill-rule="evenodd" points="1524.207 81 1519.5 85.707 1520.914 87.121 1524.207 83.828 1527.5 87.121 1528.914 85.707" transform="rotate(90 803.207 -715.94)" ></polygon></svg> <span>First</span></a> </li> <li class="page-item active"> <a class="page-link" aria-label="Page 1" href="https://today.ucsd.edu/visual-storytelling">1</a> </li> <li class="page-item "> <a class="page-link" aria-label="Page 2" href="https://today.ucsd.edu/visual-storytelling/P6">2</a> </li> <li class="page-item "> <a class="page-link" aria-label="Page 3" href="https://today.ucsd.edu/visual-storytelling/P12">3</a> </li> <li class="page-item"> <a class="page-link last" href="https://today.ucsd.edu/visual-storytelling/P312" aria-label="Last page"><span>Last</span>  <svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" viewBox="0 0 7 10" class="cta-arrow " ><polygon fill="currentColor" fill-rule="evenodd" points="1524.207 81 1519.5 85.707 1520.914 87.121 1524.207 83.828 1527.5 87.121 1528.914 85.707" transform="rotate(90 803.207 -715.94)" ></polygon></svg></a> </li> </ul>  </div> </div> <div class="trending-stories col-12 col-lg-4 mb-5">   <div class="section-heading-left"> <div class="section-heading-inner mb-5 mb-lg-0"> <h2 class="section-heading-label text-uppercase my-0 pe-4"> What’s Trending </h2> <div class="hr section-divider bg-divider me-md-3"></div> </div> </div> <div class="articles d-flex flex-column">  <div class="article d-flex flex-row flex-lg-column"> <div class="order-1 d-flex flex-column"> <a href="https://today.ucsd.edu/slideshows/2024-homecoming" class="order-1" > <h3 class="h4"> Triton Pride Ignited: Homecoming 2024 </h3> </a>     <a href="/campus-and-community/campus-news" class="featured-card-topic h2-alt text-decoration-none d-block text-primary order-0" > Campus News </a> </div> <a href="https://today.ucsd.edu/slideshows/2024-homecoming" class="video-thumbnail text-decoration-none order-0 mt-0" title="Triton Pride Ignited: Homecoming 2024" > <img class="play-badge" src="/build/assets/img/homepage/ss-play-badge.svg" alt="A slideshow icon for Triton Whiteout at Homecoming 2024" width="34" height="34" aria-hidden="true" /> <img class="img-fluid lozad" src="https://today.ucsd.edu/ss_uploads/_trending-desk/24Homecoming1.jpg" alt="Slideshow: Triton Whiteout at Homecoming 2024" width="164" height="104" /> </a> </div> <div class="article d-flex flex-row flex-lg-column"> <div class="order-1 d-flex flex-column"> <a href="https://today.ucsd.edu/slideshows/celebrating-creativity-and-design-across-borders" class="order-1" > <h3 class="h4"> Celebrating Creativity and Design Across Borders </h3> </a>     <a href="/campus-and-community/campus-news" class="featured-card-topic h2-alt text-decoration-none d-block text-primary order-0" > Campus News </a> </div> <a href="https://today.ucsd.edu/slideshows/celebrating-creativity-and-design-across-borders" class="video-thumbnail text-decoration-none order-0 mt-0" title="Celebrating Creativity and Design Across Borders" > <img class="play-badge" src="/build/assets/img/homepage/ss-play-badge.svg" alt="A slideshow icon for Epstein Family Amphitheater with musicians performing on stage." width="34" height="34" aria-hidden="true" /> <img class="img-fluid lozad" src="https://today.ucsd.edu/ss_uploads/_trending-desk/WDC%2CEFA.png" alt="Slideshow: Epstein Family Amphitheater with musicians performing on stage." width="164" height="104" /> </a> </div> <div class="article d-flex flex-row flex-lg-column"> <div class="order-1 d-flex flex-column"> <a href="https://today.ucsd.edu/photo-essays/celebrating-the-cultures-that-connect-us" class="order-1" > <h3 class="h4"> ‘I am UC San Diego’: Celebrating the Cultures that Connect Us </h3> </a>     <a href="/campus-and-community/campus-news" class="featured-card-topic h2-alt text-decoration-none d-block text-primary order-0" > Campus News </a> </div> <a href="https://today.ucsd.edu/photo-essays/celebrating-the-cultures-that-connect-us" class="video-thumbnail text-decoration-none order-0 mt-0" title="‘I am UC San Diego’: Celebrating the Cultures that Connect Us" > <img class="img-fluid lozad" src="https://today.ucsd.edu/news_uploads/_trending-desk/mariachi-teaser.jpg" alt="‘I am UC San Diego’: Celebrating the Cultures that Connect Us" width="164" height="104" /> </a> </div> <div class="article d-flex flex-row flex-lg-column"> <div class="order-1 d-flex flex-column"> <a href="https://today.ucsd.edu/photo-essays/uc-san-diego-honors-native-american-history-month" class="order-1" > <h3 class="h4"> UC San Diego Honors Native American History Month </h3> </a>     <a href="/arts-and-culture/events-and-happenings" class="featured-card-topic h2-alt text-decoration-none d-block text-primary order-0" > Events & Happenings </a> </div> <a href="https://today.ucsd.edu/photo-essays/uc-san-diego-honors-native-american-history-month" class="video-thumbnail text-decoration-none order-0 mt-0" title="UC San Diego Honors Native American History Month" > <img class="img-fluid lozad" src="https://today.ucsd.edu/news_uploads/_trending-desk/NAHCC_LT_91.jpg" alt="UC San Diego Honors Native American History Month" width="164" height="104" /> </a> </div>  </div> </div> </div> </div> </section> <section class="subscribe bg-primary" id="subscribe"> <div class="subscribe-inner container text-center text-white pt-5-5 pb-6 pt-md-6-5 pb-md-7" > <div class="row justify-content-center"> <div class="col-10"> <h2 class="h3 text-white mb-md-3">Stay in the Know</h2> <p class="mb-4">Keep up with all the latest from UC San Diego. Subscribe to the newsletter today. </p> </div> </div> <div class="row justify-content-center"> <div class="col-md-10"> <form novalidate data-subscribe-form class="subscribe-form d-flex flex-column flex-md-row align-items-md-end" action="subscribe.html" method="post" data-form_type='newsletter_signup' > <div class="flex-grow-1 mb-4 mb-md-0 me-md-4"> <label for="subscriber-email" class="form-label d-block text-start w-100" > Email </label> <input type="email" name="email" class="form-control" id="subscriber-email" autocomplete="off" aria-required="true" /> <div class="form-text text-danger d-none" data-validation-message="email" > <div class="icon-circle"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" class="close-x " ><polygon fill="currentColor" fill-rule="evenodd" points="16 0 9 7 2 0 0 2 7 9 0 16 2 18 9 11 16 18 18 16 11 9 18 2" ></polygon></svg> </div>Please provide a valid email address.</div> </div> <button class="btn btn-secondary btn-lg" type="submit" >Subscribe</button> </form> </div> </div> </div> </section>  <div class="modal fade" id="subscribeConfirmation" tabindex="-1" aria-labelledby="subscribeConfirmationLabel" aria-hidden="true" > <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header justify-content-end"> <span id="subscribeConfirmationLabel" class="visually-hidden" >Subscription Notification</span> <button type="button" class="btn text-body p-0 ps-4 pe-2 pb-4" data-close-modal > <span class="visually-hidden">Close Confirmation</span> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" class="close-x " ><polygon fill="currentColor" fill-rule="evenodd" points="16 0 9 7 2 0 0 2 7 9 0 16 2 18 9 11 16 18 18 16 11 9 18 2" ></polygon></svg> </button> </div> <div class="modal-body px-6-5 pb-7"> <h2 class="h3"> Thank you! </h2> <p>You have been successfully subscribed to the UC San Diego Today Newsletter.</p> </div> <div class="modal-footer"> </div> </div> </div> </div>  </main>  <footer aria-label="Footer"> <div class="bg-dark text-white footer-inner"> <div class="container footer-upper"> <div class="row"> <div class="col-12 col-lg-3"> <h2 class="visually-hidden">Contact Information</h2> <div class="logo-wrapper"> <a class="text-white" href="https://ucsd.edu"> <img width="128" height="24" src="/build/assets/img/global-nav/ucsd-logo-small.svg" alt="UC San Diego Homepage" /> </a> </div> <div class="address-wrapper">9500 Gilman Drive, La Jolla, CA 92093-0021</div> <div class="phone-wrapper"> <a href="tel:8585342230" class="text-white text-decoration-underline" title="Call (858) 534-2230" >(858) 534-2230</a> </div> <div class="hr mt-5 mb-4 d-md-none"></div> </div> <div class="col-12 col-lg-6 ps-lg-5"> <nav class="mb-4" aria-label="Footer"> <h2 class="visually-hidden">Site Directory</h2> <ul class="nav fw-bold mx-auto flex-column footer-nav"> <li class="nav-item"> <a class="nav-link text-white p-0" title="Media Contacts" href="/media-contacts"> Media Resources & Contacts </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" title="Newsletter" href="/newsletter"> Newsletter </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" title="Emergency Status" href="http://www.ucsd.edu/emergency/"> Emergency Status </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" title="Disability Resources" href="http://disabilities.ucsd.edu/"> Disability Resources </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" title="Principles of Community" href="http://www.ucsd.edu/explore/about/principles.html"> Principles of Community </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" title="Equity, Diversity and Inclusion" href="http://diversity.ucsd.edu/index.html"> Equity, Diversity and Inclusion </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" title="University Communications" href="https://univcomms.ucsd.edu/"> University Communications </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" title="Key Issues" href="https://keyissues.ucsd.edu/"> Key Issues </a> </li> </ul> </nav> </div> <div class="col-12 col-lg-3"> <h2 class="visually-hidden">Follow Us on Social Media</h2> <ul class="nav social-nav"> <li class="nav-item mb-md-4"> <a href="https://facebook.com/ucsandiego" class="text-white text-decoration-none social-icon-link"> <img class="social-icon" width="14" height="14" alt="Facebook" src="/build/assets/img/social/facebook.svg"> </a> </li> <li class="nav-item mb-md-4"> <a href="https://twitter.com/ucsandiego" class="text-white text-decoration-none social-icon-link"> <img class="social-icon" width="14" height="14" alt="Twitter" src="/build/assets/img/social/twitter.svg"> </a> </li> <li class="nav-item mb-md-4"> <a href="https://youtube.com/ucsandiego" class="text-white text-decoration-none social-icon-link"> <img class="social-icon" width="14" height="14" alt="Youtube" src="/build/assets/img/social/youtube.svg"> </a> </li> <li class="nav-item mb-md-4"> <a href="https://instagram.com/ucsandiego" class="text-white text-decoration-none social-icon-link"> <img class="social-icon" width="14" height="14" alt="Instagram" src="/build/assets/img/social/instagram.svg"> </a> </li> <li class="nav-item mb-md-4"> <a href="https://www.linkedin.com/company/university-of-california-at-san-diego/" class="text-white text-decoration-none social-icon-link"> <img class="social-icon" width="14" height="14" alt="LinkedIn" src="/build/assets/img/social/linkedin.svg"> </a> </li> <li class="nav-item mb-md-4"> <a href="https://www.tiktok.com/@ucsandiego" class="text-white text-decoration-none social-icon-link"> <img class="social-icon" width="14" height="14" alt="Tiktok" src="/build/assets/img/social/tiktok.svg"> </a> </li> </ul> </div> </div> </div> <div class="container-fluid px-md-0 footer-lower"> <div class="hr mt-5 mb-0"></div> <div class="text-center"> <div class="accordion divisions-and-schools-accordion" id="divisionsSchoolsAccordion" > <div class="accordion-item bg-transparent border-0"> <button id="divisionsAndSchools" class="btn text-capitalize text-white w-100 border-0 collapsed divisions-and-schools-btn" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne" > Divisions & Schools <span class="collapse-icon"> </span> </button> <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="divisionsAndSchools" data-bs-parent="#divisionsSchoolsAccordion" > <div class="accordion-body"> <nav aria-label="Divisions and Scools"> <ul class="nav mx-auto flex-column flex-md-row footer-nav text-center justify-content-md-center"> <li class="nav-item"> <a class="nav-link text-white p-0" href="https://artsandhumanities.ucsd.edu/"> Arts and Humanities </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="http://biology.ucsd.edu/"> Biological Sciences </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="https://extendedstudies.ucsd.edu/"> Division of Extended Studies </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="https://grad.ucsd.edu/"> Division of Graduate Education and Postdoctoral Affairs </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="https://undergrad.ucsd.edu/"> Division of Undergraduate Education </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="https://datascience.ucsd.edu/"> Halicioğlu Data Science Institute </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="https://jacobsschool.ucsd.edu/"> Jacobs School of Engineering </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="https://physicalsciences.ucsd.edu/"> Physical Sciences </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="https://rady.ucsd.edu/"> Rady School of Management </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="https://gps.ucsd.edu/"> School of Global Policy & Strategy </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="https://medschool.ucsd.edu/"> School of Medicine </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="https://scripps.ucsd.edu/"> Scripps Institution of Oceanography </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="https://pharmacy.ucsd.edu/"> Skaggs School of Pharmacy </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="http://socialsciences.ucsd.edu/"> Social Sciences </a> </li> <li class="nav-item"> <a class="nav-link text-white p-0" href="https://hwsph.ucsd.edu/"> Wertheim School of Public Health </a> </li> </ul> </nav> </div> </div> </div> </div> </div> <div class="hr mt-0 mb-4"></div> <p class="text-center m-0 pb-4 footer-legal">© <span data-full-year>2021</span> Regents of the University of California. All rights reserved. <a href="https://ucsd.edu/about/terms-of-use.html" class="text-white text-decoration-none" title="Terms of Use" >Terms of Use</a> | <a href="https://accessibility.ucsd.edu/report-a-concern/index.html" class="text-white text-decoration-none" title="Accessibility" >Accessibility</a> | <a href="https://ucsd.edu/about/privacy.html" class="text-white text-decoration-none" title="Privacy" >Privacy</a> | <a href="https://univcomms.ucsd.edu/about/contact/index.html" class="text-white text-decoration-none" title="Feedback" >Feedback</a> </p> </div> </div> </footer>    <div class="category-nav-wrapper offcanvas offcanvas-start bg-primary text-white" tabindex="-1" id="categoryNav" aria-labelledby="CategoryNavLabel" > <div class="offcanvas-header text-right d-flex justify-content-end justify-content-lg-start pe-0" > <span id="CategoryNavLabel" class="visually-hidden">Category navigation with Social links</span> <button type="button" class="btn btn-offcanvas-close d-inline-flex align-items-stretch text-capitalize" data-bs-dismiss="offcanvas" aria-label="Close Menu" > <img src="/build//assets/img/global-nav/close-x.svg" alt="X icon" aria-hidden="true" width="18" height="18" /> <span class="lead text-white d-none d-lg-inline-block ms-lg-3" >Close</span> </button> </div> <div class="offcanvas-body"> <div class="hr mb-5 mt-0 d-none d-lg-block"></div> <div class="container-fluid"> <div class="row"> <div class="col-lg-12"> <nav class="nav-categories d-flex flex-column flex-lg-row justify-content-between" aria-label="Main Expanded">  <ul class="nav flex-column"> <li class="nav-item nav-item-parent"> <h2 class="h3 text-white d-none d-lg-inline">  <a class="text-white text-decoration-none" href="/research" data-parent-item="/research" aria-expanded="true"> Research <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> </a> </h2>  <button id="parentNavItem0" type="button" class="h3 bg-transparent border-0 text-white text-decoration-none d-lg-none p-0" data-parent-item="/research" aria-controls="subNav0" aria-expanded="true"> Research <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> </button> <nav id="subNav0" aria-labelledby="parentNavItem0" class="sub-nav" data-has-parent="/research"> <button type="button" class="btn text-white btn-back" data-back-to-parent="/research" aria-hidden="true"> <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> <span class="back-label" aria-hidden="true">Back</span> </button> <ul class="nav flex-column"> <li class="nav-item"> <a href="https://today.ucsd.edu/research/the-arts" class="text-white text-decoration-none sub-category-link"> The Arts </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/research/business-and-economics" class="text-white text-decoration-none sub-category-link"> Business & Economics </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/research/health-and-behavior" class="text-white text-decoration-none sub-category-link"> Health & Behavior </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/research/humanities" class="text-white text-decoration-none sub-category-link"> Humanities </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/research/politics-and-society" class="text-white text-decoration-none sub-category-link"> Politics & Society </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/research/science-and-environment" class="text-white text-decoration-none sub-category-link"> Science & Environment </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/research/technology-and-engineering" class="text-white text-decoration-none sub-category-link"> Technology & Engineering </a> </li> </ul> <a class="text-white parent-link text-decoration-none sub-category-link" href="/research"> All Research </a> <button type="button" class="btn text-white btn-back visually-hidden" data-back-to-parent="/research"> Collapse Research navigation </button> </nav> </li> <li class="nav-item nav-item-parent"> <h2 class="h3 text-white d-none d-lg-inline">  <a class="text-white text-decoration-none" href="/people" data-parent-item="/people" aria-expanded="true"> People <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> </a> </h2>  <button id="parentNavItem1" type="button" class="h3 bg-transparent border-0 text-white text-decoration-none d-lg-none p-0" data-parent-item="/people" aria-controls="subNav1" aria-expanded="true"> People <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> </button> <nav id="subNav1" aria-labelledby="parentNavItem1" class="sub-nav" data-has-parent="/people"> <button type="button" class="btn text-white btn-back" data-back-to-parent="/people" aria-hidden="true"> <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> <span class="back-label" aria-hidden="true">Back</span> </button> <ul class="nav flex-column"> <li class="nav-item"> <a href="https://today.ucsd.edu/people/awards-and-accolades" class="text-white text-decoration-none sub-category-link"> Awards & Accolades </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/people/in-memoriam" class="text-white text-decoration-none sub-category-link"> In Memoriam </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/people/milestones" class="text-white text-decoration-none sub-category-link"> Milestones </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/people/profiles" class="text-white text-decoration-none sub-category-link"> Profiles </a> </li> </ul> <a class="text-white parent-link text-decoration-none sub-category-link" href="/people"> All People </a> <button type="button" class="btn text-white btn-back visually-hidden" data-back-to-parent="/people"> Collapse People navigation </button> </nav> </li> <li class="nav-item nav-item-parent"> <h2 class="h3 text-white d-none d-lg-inline">  <a class="text-white text-decoration-none" href="/campus-and-community" data-parent-item="/campus-and-community" aria-expanded="true"> Campus & Community <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> </a> </h2>  <button id="parentNavItem2" type="button" class="h3 bg-transparent border-0 text-white text-decoration-none d-lg-none p-0" data-parent-item="/campus-and-community" aria-controls="subNav2" aria-expanded="true"> Campus & Community <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> </button> <nav id="subNav2" aria-labelledby="parentNavItem2" class="sub-nav" data-has-parent="/campus-and-community"> <button type="button" class="btn text-white btn-back" data-back-to-parent="/campus-and-community" aria-hidden="true"> <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> <span class="back-label" aria-hidden="true">Back</span> </button> <ul class="nav flex-column"> <li class="nav-item"> <a href="https://today.ucsd.edu/campus-and-community/at-work" class="text-white text-decoration-none sub-category-link"> At Work </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/campus-and-community/athletics" class="text-white text-decoration-none sub-category-link"> Athletics </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/campus-and-community/campus-news" class="text-white text-decoration-none sub-category-link"> Campus News </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/campus-and-community/giving" class="text-white text-decoration-none sub-category-link"> Giving </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/campus-and-community/student-life" class="text-white text-decoration-none sub-category-link"> Student Life </a> </li> </ul> <a class="text-white parent-link text-decoration-none sub-category-link" href="/campus-and-community"> All Campus & Community </a> <button type="button" class="btn text-white btn-back visually-hidden" data-back-to-parent="/campus-and-community"> Collapse Campus & Community navigation </button> </nav> </li> <li class="nav-item nav-item-parent"> <h2 class="h3 text-white d-none d-lg-inline">  <a class="text-white text-decoration-none" href="/arts-and-culture" data-parent-item="/arts-and-culture" aria-expanded="true"> Arts & Culture <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> </a> </h2>  <button id="parentNavItem3" type="button" class="h3 bg-transparent border-0 text-white text-decoration-none d-lg-none p-0" data-parent-item="/arts-and-culture" aria-controls="subNav3" aria-expanded="true"> Arts & Culture <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> </button> <nav id="subNav3" aria-labelledby="parentNavItem3" class="sub-nav" data-has-parent="/arts-and-culture"> <button type="button" class="btn text-white btn-back" data-back-to-parent="/arts-and-culture" aria-hidden="true"> <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> <span class="back-label" aria-hidden="true">Back</span> </button> <ul class="nav flex-column"> <li class="nav-item"> <a href="https://today.ucsd.edu/arts-and-culture/books-and-culture" class="text-white text-decoration-none sub-category-link"> Books & Culture </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/arts-and-culture/events-and-happenings" class="text-white text-decoration-none sub-category-link"> Events & Happenings </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/arts-and-culture/visual-and-performing-arts" class="text-white text-decoration-none sub-category-link"> Visual & Performing Arts </a> </li> </ul> <a class="text-white parent-link text-decoration-none sub-category-link" href="/arts-and-culture"> All Arts & Culture </a> <button type="button" class="btn text-white btn-back visually-hidden" data-back-to-parent="/arts-and-culture"> Collapse Arts & Culture navigation </button> </nav> </li> <li class="nav-item nav-item-parent"> <h2 class="h3 text-white d-none d-lg-inline">  <a class="text-white text-decoration-none" href="/voices" data-parent-item="/voices" aria-expanded="true"> Voices <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> </a> </h2>  <button id="parentNavItem4" type="button" class="h3 bg-transparent border-0 text-white text-decoration-none d-lg-none p-0" data-parent-item="/voices" aria-controls="subNav4" aria-expanded="true"> Voices <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> </button> <nav id="subNav4" aria-labelledby="parentNavItem4" class="sub-nav" data-has-parent="/voices"> <button type="button" class="btn text-white btn-back" data-back-to-parent="/voices" aria-hidden="true"> <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> <span class="back-label" aria-hidden="true">Back</span> </button> <ul class="nav flex-column"> <li class="nav-item"> <a href="https://today.ucsd.edu/voices/insights-and-experts" class="text-white text-decoration-none sub-category-link"> Insights & Experts </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/voices/opinion" class="text-white text-decoration-none sub-category-link"> Opinion </a> </li> <li class="nav-item"> <a href="https://today.ucsd.edu/voices/qa" class="text-white text-decoration-none sub-category-link"> Q&A </a> </li> </ul> <a class="text-white parent-link text-decoration-none sub-category-link" href="/voices"> All Voices </a> <button type="button" class="btn text-white btn-back visually-hidden" data-back-to-parent="/voices"> Collapse Voices navigation </button> </nav> </li> <li class="nav-item nav-item-parent"> <h2 class="h3 text-white d-none d-lg-inline">  <a class="text-white text-decoration-none" href="/visual-storytelling" data-parent-item="/visual-stories" aria-expanded="true"> Visual <br class="responsive-br" />Storytelling <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> </a> </h2>  <a class="h3 text-white text-decoration-none d-block d-lg-none" href="/visual-storytelling"> Visual Storytelling <img src="/build/assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron" width="7" height="10" /> </a> </li> </ul>  <div class="utilities-and-socials"> <div class="hr my-5 d-lg-none"></div> <section class="for-media"> <h2 class="h2-alt text-white"> For Media: </h2> <div> <ul class="nav flex-column">  <li class="nav-item"> <a href="/media-contacts" class="text-white text-decoration-none sub-category-link" > Media Resources & Contacts <img src="/build//assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron d-none d-md-inline-block" width="7" height="10" /> </a> </li> </ul> </div> </section> <div class="hr my-5"></div> <section class="for-media"> <h2 class="h2-alt text-white"> Publications: </h2> <ul class="nav flex-column"> <li class="nav-item"> <a class="text-white text-decoration-none sub-category-link" href="/newsletter"> UC San Diego Today Newsletter <img src="/build//assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron d-none d-md-inline-block" width="7" height="10" /> </a> </li> <li class="nav-item"> <a class="text-white text-decoration-none sub-category-link" href="/areas/magazine"> UC San Diego Magazine <img src="/build//assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron d-none d-md-inline-block" width="7" height="10" /> </a> </li> <li class="nav-item"> <a class="text-white text-decoration-none sub-category-link" href="/areas/discoveries-magazine"> Discoveries Magazine <img src="/build//assets/img/global-nav/right-arrow-yellow.svg" aria-hidden="true" alt="Right pointing chevron" class="nav-chevron d-none d-md-inline-block" width="7" height="10" /> </a> </li> </ul> </section> <div class="hr my-5"></div> <section class="follow-us"> <h2 class="h2-alt text-white"> Follow Us: </h2> <ul class="nav social-nav"> <li class="nav-item mb-md-4"> <a href="https://facebook.com/ucsandiego" class="text-white text-decoration-none social-icon-link"> <img class="social-icon" width="14" height="14" alt="Facebook" src="/build/assets/img/social/facebook.svg"> </a> </li> <li class="nav-item mb-md-4"> <a href="https://twitter.com/ucsandiego" class="text-white text-decoration-none social-icon-link"> <img class="social-icon" width="14" height="14" alt="Twitter" src="/build/assets/img/social/twitter.svg"> </a> </li> <li class="nav-item mb-md-4"> <a href="https://youtube.com/ucsandiego" class="text-white text-decoration-none social-icon-link"> <img class="social-icon" width="14" height="14" alt="Youtube" src="/build/assets/img/social/youtube.svg"> </a> </li> <li class="nav-item mb-md-4"> <a href="https://instagram.com/ucsandiego" class="text-white text-decoration-none social-icon-link"> <img class="social-icon" width="14" height="14" alt="Instagram" src="/build/assets/img/social/instagram.svg"> </a> </li> <li class="nav-item mb-md-4"> <a href="https://www.linkedin.com/company/university-of-california-at-san-diego/" class="text-white text-decoration-none social-icon-link"> <img class="social-icon" width="14" height="14" alt="LinkedIn" src="/build/assets/img/social/linkedin.svg"> </a> </li> <li class="nav-item mb-md-4"> <a href="https://www.tiktok.com/@ucsandiego" class="text-white text-decoration-none social-icon-link"> <img class="social-icon" width="14" height="14" alt="Tiktok" src="/build/assets/img/social/tiktok.svg"> </a> </li> </ul> </section> </div> </nav> </div> </div> </div> <div class="hr mb-5 d-none d-lg-block"></div> <section class="ucsd-offsite container-fluid pb-5"> <div class="hr my-5 d-lg-none"></div> <div class="row"> <div class="col-lg-8"> <a class="text-white ucsd-offsite-link" title="UC San Diego Homepage" href="https://ucsd.edu"> <img class="logo" src="/build//assets/img/global-nav/ucsd-logo-small.svg" alt="UC San Diego Homepage" width="129" height="24" /> </a> </div> </div> </section> </div> <div class="offcanvas-header text-right d-flex justify-content-end justify-content-lg-start pe-0 visually-hidden-focusable" > <button type="button" class="btn btn-offcanvas-close d-inline-flex align-items-stretch text-capitalize" data-bs-dismiss="offcanvas" aria-label="Close Menu" > <img src="/build//assets/img/global-nav/close-x.svg" alt="X icon" aria-hidden="true" width="18" height="18" /> <span class="lead text-white d-none d-lg-inline-block ms-lg-3" >Close</span> </button> </div> </div> <div class="offcanvas offcanvas-top bg-primary text-white header-search" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel" > <div class="offcanvas-header text-right d-flex justify-content-end"> <button type="button" class="btn btn-offcanvas-close d-inline-flex align-items-stretch" data-bs-dismiss="offcanvas" aria-label="Close Search" > <span class="lead fw-bold text-white d-none d-lg-inline-block me-lg-3 text-capitalize" >Close</span> <img src="/build/assets/img/global-nav/close-x.svg" alt="X icon" aria-hidden="true" width="18" height="18" /> </button> </div> <div class="offcanvas-body"> <div class="container">  <form method="post" action="https://today.ucsd.edu/" > <div class='hiddenFields'> <input type="hidden" name="ACT" value="242" /> <input type="hidden" name="site_id" value="1" /> <input type="hidden" name="csrf_token" value="0101cb280bc9c7955ba75b8c06d18e4688e7f864" /> </div> <form novalidate action="/search/results" method="get"> <label id="offcanvasTopLabel" for="search" class="search-heading d-block" aria-hidden="true" > Search UC San Diego Today </label> <div class="my-4 d-md-flex"> <div class="search-input-icon-wrapper"> <input id="search" name="keywords" type="search" class="form-control" placeholder="Search Articles, Topics, People, Events" autocomplete="off" /> <button class="btn d-md-none" type="submit" aria-label="Execute Search" > <img src="/build/assets/img/global-nav/grey-search-icon-mobile.svg" alt="Search" aria-hidden="true" width="18" height="18" /> </button> </div> <button id="searchUcsdToday" aria-label="Execute Search" class="btn btn-search btn-lg d-none d-md-inline-block" type="submit" > Search </button> </div> </form>  </form>  </div> </div> </div> </body> </html>

CINXE.COM

Visual Stories