CINXE.COM
Meet Tamish Pulappadi | STANFORD magazine
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Meet Tamish Pulappadi | STANFORD magazine</title> <meta name="description" content="The unassuming guitar hero down the hall. "> <meta name="author" content="STANFORD magazine"/> <link rel="shortcut icon" type="image/png" href="/packs/media/images/favicon-893e94720235aa87bb04006d499f4bc7.png" /> <link rel="apple-touch-icon" type="image/png" href="/packs/media/images/apple-touch-icon-893e94720235aa87bb04006d499f4bc7.png" /> <meta content="width=device-width, initial-scale=1" name="viewport" /> <meta name="supported-color-schemes" content="light only" /> <!-- Open Graph --> <meta property="og:url" content="https://stanfordmag.org/contents/meet-tamish-pulappadi"/> <meta property="og:type" content="article"/> <meta property="og:title" content="Meet Tamish Pulappadi"/> <meta property="og:description" content="The unassuming guitar hero down the hall. "/> <meta property="og:image" content="https://project-orion-production.s3.amazonaws.com/uploads/content/22090/feature_Dec23_WWA_TPulappadi_Main-BN_webLIST.jpg"/> <meta property="og:published_time" content="2023-11-30"/> <link rel="alternate" type="application/rss+xml" title="RSS" href="https://stanfordmag.org/latest.rss" /> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@stanfordalumni"> <meta name="twitter:title" content="Meet Tamish Pulappadi"/> <meta name="twitter:description" content="The unassuming guitar hero down the hall. "/> <meta name="twitter:image" content="https://project-orion-production.s3.amazonaws.com/uploads/content/22090/feature_Dec23_WWA_TPulappadi_Main-BN_webLIST.jpg"/> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="WKkHrQUsMTWYX9uz+7ZuRRD10q9pp1H2BwmdQnG/ygYtCw6zaiCuysk4z9HnFfl2atMir9GkGPZM/xOdhcZIVw==" /> <!-- Google Tag Manager --> <script> document.addEventListener('turbolinks:load', function(event) { var url = event.data.url; dataLayer.push({ 'event':'pageView', 'virtualUrl': url }); });(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5FZSVM7'); </script> <!-- End Google Tag Manager --> <script type="text/javascript"> /*<![CDATA[*/ (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_80352.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); /*]]>*/ </script> <!-- [if lt IE 9]> <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script> <![endif] --> <script> //<![CDATA[ window.gon={};gon.sentry_dsn="https://94675b480be740e5a80773729685ac85@sentry.io/1442269";gon.facebook_app_id="2462110257166675";gon.rails_env="production";gon.froala_license_key=null;gon.algolia_app_id="TFDYW64X88";gon.algolia_search_only_api_key="5853f2b2735647808ffc4fece57610ff"; //]]> </script> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" media="all" href="/packs/css/tailwind-4166fc92.chunk.css" /> <script src="/packs/js/runtime~tailwind-bbd742ae7fd6fd3a998f.js" defer="defer"></script> <script src="/packs/js/vendors~orion~tailwind~webflow-bd8dfc95d925c5db8842.chunk.js" defer="defer"></script> <script src="/packs/js/vendors~orion~tailwind-27e1f175df633bd47033.chunk.js" defer="defer"></script> <script src="/packs/js/tailwind-52e4265d5aafbc6843d4.chunk.js" defer="defer"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> </head> <body class="contents-show" id=''> <!-- FontAwesome --> <link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="" crossorigin="anonymous"> <style> /* Back to Top Button */ #go-top { opacity: 0; /* Initially hidden */ visibility: hidden; position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: white; color: #B1040E; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.10); border: 3px solid #B1040E; z-index: 1000; transition: opacity 0.5s, visibility 0.5s; } #go-top.show { opacity: 1; /* Fully visible */ visibility: visible; } #go-top:hover { background: #B1040E; color: white; } /* Smaller Back to Top Button for Mobile Devices */ @media (max-width: 768px) { #go-top { width: 40px; height: 40px; bottom: 20px; right: 20px; } /* Chevron Icon Styling for Mobile */ #go-top svg { width: 24px; /* Smaller size for mobile */ height: 24px; /* Smaller size for mobile */ } } /* Chevron Icon Styling */ #go-top svg { width: 32px; /* Increased size */ height: 32px; /* Increased size */ fill: currentColor; /* This ensures the SVG inherits the button's color */ } </style> <body> <!-- Stanford Alumni Menu Bar --> <nav class="hidden lg:block"> <div class="h-[45px] w-full bg-s-dark-red"> <div class="flex justify-between"> <div> <a href="https://alumni.stanford.edu/"> <img class="pt-[16px] px-[15px] h-[auto] w-[195px]" aria-label="Stanford Alumni Logo" src="/packs/media/images/tailwind/alumni-logo-ccd2876ccb76125286bf75d59645d5d7.png" > </a> </div> <div class="fade-out-fwd hover:underline hover:decoration-2 inline-block font-sans-pro text-xl tracking-[-0.3px] text-white text-[18px] pt-[9px] pr-[23px] h-[auto]"> <!-- <a href='/sso'>Log in</a> --> </div> </div> </div> </nav> <!-- Stanford Magazine Bar --> <nav class="slide-in header lg:block hidden w-full shadow-classic sticky top-0 bg-white z-99"> <div class=""> <div class="relative" style="padding-bottom: 10px !important; padding-top: 10px !important;"> <div class="logo-container w-full inline-block py-[25px] px-[25px]" style="padding: 5px 15px 0px !important;"> <div class=""> <div class="inline-block float-left "> <a href="/"> <img src="/packs/media/images/StanfordMagazineDigitalLogo-Blk-Red-RGB-b9343de6ab2800ab825b5907a1c3dfe4.svg" alt="STANFORD magazine logo" class="w-[200px] h-[67px] min-w-[24px] min-h-[24px]"> </a> </div> <div class="inline-block float-right"> <div class="nav-menu font-sans-pro text-xl tracking-[0.3px] font-semibold" aria-label="nav menu" aria-pressed="navbar"> <a class="latest mx-[10px] text-s-black border-button hover:text-s-red py-[15px] hover:border-s-digital-red hover:border-b-[5px] " href="/latest">Latest</a> <a class="features mx-[10px] text-s-black border-button hover:text-s-red py-[15px] hover:border-s-digital-red hover:border-b-[5px] " href="/features">Features</a> <a class="essays mx-[10px] text-s-black border-button hover:text-s-red py-[15px] hover:border-s-digital-red hover:border-b-[5px] " href="/essays">Essays</a> <a class="advice mx-[10px] text-s-black border-button hover:text-s-red py-[15px] hover:border-s-digital-red hover:border-b-[5px] text-s-red py-[15px] border-s-digital-red border-b-[5px]" href="/advice">Advice</a> <button id="dropdownButton" data-dropdown-toggle="dropdown" type="button" class="dropdown-toggle item-collections dropdown-container font-semibold text-s-black mx-[10px] py-[10px] hover:text-s-red border-button dropdown inline-block hover:border-s-digital-red hover:border-button hover:border-b-[5px] " > Collections <i class="dropdown-toggle fas fa-angle-down fa-angle-custom fa-angle-down-nav align-text-bottom"></i> <!-- Dropdown menu --> <div id="dropdown" class="hidden swing-in-top absolute dropdown-menu text-left bg-white w-[250px] font-sans-pro not-italic font-normal text-xl tracking-[0.3px] z-999"> <ul class="py-1 swing-in-top-fwd" aria-labelledby="dropdownButton"> <li class="px-[20px] py-[10px] hover:text-s-red hover:bg-s-fog-grey hover:text-s-dark-red"> <a class="hover:text-s-dark-red hover:underline rounded-bpy-2 whitespace-no-wrap text-s-light-black" tabindex="-1" href="/collections/recent-grads">Recent Grads</a> </li> <li class="px-[20px] py-[10px] hover:text-s-red hover:bg-s-fog-grey hover:text-s-dark-red"> <a class="hover:text-s-dark-red hover:underline rounded-bpy-2 whitespace-no-wrap text-s-light-black" tabindex="-1" href="/collections/mental-health">Mental Health</a> </li> <li class="px-[20px] py-[10px] hover:text-s-red hover:bg-s-fog-grey hover:text-s-dark-red"> <a class="hover:text-s-dark-red hover:underline rounded-bpy-2 whitespace-no-wrap text-s-light-black" tabindex="-1" href="/collections/work">Work</a> </li> <li class="px-[20px] py-[10px] hover:text-s-red hover:bg-s-fog-grey hover:text-s-dark-red"> <a class="hover:text-s-dark-red hover:underline rounded-bpy-2 whitespace-no-wrap text-s-light-black" tabindex="-1" href="/collections/love">Love</a> </li> <li class="px-[20px] py-[10px] hover:text-s-red hover:bg-s-fog-grey hover:text-s-dark-red"> <a class="hover:text-s-dark-red hover:underline rounded-bpy-2 whitespace-no-wrap text-s-light-black" tabindex="-1" href="/collections/off-the-farm">After the Farm</a> </li> <li class="px-[20px] py-[10px] hover:text-s-red hover:bg-s-fog-grey hover:text-s-dark-red"> <a class="hover:text-s-dark-red hover:underline rounded-bpy-2 whitespace-no-wrap text-s-light-black" tabindex="-1" href="/collections/the-stanfords">The Stanfords</a> </li> <li class="px-[20px] py-[10px] hover:text-s-red hover:bg-s-fog-grey hover:text-s-dark-red"> <a class="hover:text-s-dark-red hover:underline rounded-bpy-2 whitespace-no-wrap text-s-light-black" tabindex="-1" href="/collections/books">Books</a> </li> </ul> </div> </button> <button id="dropdownButton1" data-dropdown-toggle="dropdown1" type="button" class=" dropdown-toggle card item-collections dropdown-container font-semibold border-button text-s-black mx-[10px] py-[10px] hover:text-s-red dropdown inline-block hover:border-s-digital-red hover:border-b-[5px] " > Magazine <i class="dropdown-toggle fas fa-angle-down fa-angle-custom fa-angle-down-nav align-text-bottom"></i> <!-- Dropdown menu --> <div id="dropdown1" class="hidden absolute dropdown-menu text-left bg-white w-[250px]font-sans-pro not-italic font-normal text-xl tracking-[0.3px] z-999"> <ul class="py-1 swing-in-top-fwd" aria-labelledby="dropdownButton1"> <li class="hover:bg-s-fog-grey px-[20px] py-[10px]"> <a class="hover:text-s-dark-red hover:underline rounded-bpy-2 whitespace-no-wrap text-s-light-black" tabindex="-1" href="/magazine">Current Issue</a> </li> <li class="hover:bg-s-fog-grey px-[20px] py-[10px]"> <a class="hover:text-s-dark-red hover:underline rounded-bpy-2 whitespace-no-wrap text-s-light-black" tabindex="-1" href="/issues">Past Issues</a> </li> <li class="hover:bg-s-fog-grey px-[20px] py-[10px]"> <a class="hover:text-s-dark-red hover:underline rounded-bpy-2 whitespace-no-wrap text-s-light-black" tabindex="-1" href="/sections/audio-articles">Audio Articles</a> </li> <li class="hover:bg-s-fog-grey px-[20px] py-[10px]"> <a class="hover:text-s-dark-red hover:underline rounded-bpy-2 whitespace-no-wrap text-s-light-black" tabindex="-1" href="/sections/online-exclusives">Online Exclusives</a> </li> <li class="hover:bg-s-fog-grey px-[20px] py-[10px]"> <a class="hover:text-s-dark-red hover:underline rounded-bpy-2 whitespace-no-wrap text-s-light-black" tabindex="-1" href="/class_notes">Class Notes</a> </li> </ul> </div> </button> <a class="contact mx-[10px] text-s-black border-button hover:text-s-red py-[15px] hover:border-s-digital-red hover:border-b-[5px] " href="/contact">Contact</a> <a class="contact px-[15px] text-s-black hover:text-s-red py-[5px] border-s-digital-red border-[2px] rounded-[20px] search-btn-toggle" href="#"> Search <img class="inline mt-[-5px] zoom-hover" aria-label="Magnifying Glass Logo" src="/packs/media/images/tailwind/mag_glass-337b36ab9737e1c1408a3219be7ce2ca.png" > </a> </div> </div> </div> </div> </div> </div> </nav> <!-- Back to Top Button --> <a href="#" id="go-top" title="back to top button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--> <path d="M239 111c9.4-9.4 24.6-9.4 33.9 0L465 303c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-175-175L81 337c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L239 111z"/> </svg> </a> <script> document.addEventListener("DOMContentLoaded", function() { const goTopButton = document.getElementById('go-top'); const header = document.querySelector("nav.header"); const resetScrollElement = document.getElementById('resetscroll'); const loadMoreButton = document.getElementById('loadMore'); const searchModal = document.querySelector(".searching-modal"); const scrollThresholds = [25, 50, 75, 100]; // Define scroll thresholds let scrollTracked = [false, false, false, false]; let lastScrollY = window.pageYOffset; const EXPIRATION_DAYS = 2; function handleScroll() { const currentScrollY = window.pageYOffset; const isMobile = window.innerWidth <= 768; if (isMobile) { if (currentScrollY < lastScrollY && currentScrollY > 100) { goTopButton.classList.add('show'); } else { goTopButton.classList.remove('show'); } } else { if (currentScrollY > 100) { goTopButton.classList.add('show'); } else { goTopButton.classList.remove('show'); } } checkScrollReset(); } function handleNavbarAnimation() { const currentScrollY = window.pageYOffset; if (currentScrollY <= 20 && currentScrollY > 0) { header.classList.remove("slide-in"); header.classList.add("slide-out"); } else if (currentScrollY <= 0) { header.classList.remove("slide-out"); header.classList.add("slide-in"); } else if (currentScrollY > lastScrollY) { header.classList.remove("slide-in"); header.classList.add("slide-out"); } else if (currentScrollY < lastScrollY) { header.classList.remove("slide-out"); header.classList.add("slide-in"); } lastScrollY = currentScrollY; } goTopButton.addEventListener('click', function(e) { e.preventDefault(); window.scrollTo({ top: 0, behavior: 'smooth' }); }); function getPageKey() { return 'scrollPosition_' + window.location.pathname; } function saveScrollPosition() { const scrollPos = window.scrollY || document.documentElement.scrollTop; const timestamp = new Date().getTime(); const data = { scrollPos: scrollPos, timestamp: timestamp }; localStorage.setItem(getPageKey(), JSON.stringify(data)); console.log("Scroll position saved:", scrollPos); } function restoreScrollPosition() { const savedData = localStorage.getItem(getPageKey()); if (savedData) { const data = JSON.parse(savedData); const currentTime = new Date().getTime(); const expirationTime = EXPIRATION_DAYS * 24 * 60 * 60 * 1000; if (currentTime - data.timestamp < expirationTime) { attemptToReachScrollPosition(parseInt(data.scrollPos, 10)); console.log("Restoring scroll position to:", data.scrollPos); } else { localStorage.removeItem(getPageKey()); console.log("Saved scroll position expired and removed."); } } else { console.log("No saved scroll position found. Starting at the top."); } } function attemptToReachScrollPosition(position) { if (document.body.scrollHeight < position && loadMoreButton) { loadMoreButton.click(); console.log("Clicked loadMore to load content up to:", position); setTimeout(() => attemptToReachScrollPosition(position), 500); // wait for content to load } else { window.scrollTo(0, position); console.log("Scroll position restored to:", position); } } function checkScrollReset() { if (resetScrollElement) { const elementRect = resetScrollElement.getBoundingClientRect(); if (elementRect.top < window.innerHeight && elementRect.bottom >= 0) { console.log("Reset scroll element reached, setting scroll position to 0 for next visit."); localStorage.setItem(getPageKey(), JSON.stringify({ scrollPos: 0, timestamp: new Date().getTime() })); // Set scroll position to 0 for the next visit console.log("Scroll position set to 0 for next visit."); } } } function toggleSticky() { console.log("toggleSticky called. Search modal hidden:", searchModal.classList.contains('hidden')); if (searchModal && !searchModal.classList.contains('hidden')) { header.classList.remove('sticky'); console.log("Search modal visible, removed 'sticky' class from header."); } else { header.classList.add('sticky'); console.log("Search modal hidden, added 'sticky' class to header."); } } window.addEventListener('scroll', handleScroll); window.addEventListener('scroll', handleNavbarAnimation); // Separate event listener for navbar animation window.addEventListener('beforeunload', saveScrollPosition); // Save scroll position before the user leaves the page window.addEventListener('pagehide', saveScrollPosition); // Save scroll position when the page is hidden (e.g., navigating away) window.addEventListener('visibilitychange', function() { if (document.visibilityState === 'hidden') { saveScrollPosition(); } }); restoreScrollPosition(); // Initial check and event listener for modal visibility toggleSticky(); document.querySelectorAll('.search-btn-toggle').forEach(button => { button.addEventListener('click', function() { console.log("Search button clicked"); setTimeout(toggleSticky, 100); // Delay to ensure the modal visibility is updated }); }); if (window.matchMedia("(min-width: 768px)").matches) { document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { let targetId = this.getAttribute("href"); if (targetId.length > 1) { let targetElement = document.querySelector(targetId); if (targetElement) { e.preventDefault(); targetElement.scrollIntoView({ behavior: "smooth" }); } } }); }); } }); </script> <nav class="lg:hidden"> <style> @media only screen and (max-width: 768px) { .mobileHeader { z-index: 99 } } /* Initial state */ nav.mobileHeader { transition: transform 0.3s ease; } /* State when menu should slide in */ .slide-in { transform: translateY(0); } /* State when menu should slide out */ .slide-out { transform: translateY(-100%); } </style> <div class="h-[63px] w-full bg-s-dark-red"> <div> <a href="https://alumni.stanford.edu/"> <img class="pt-[20px] px-[25px] h-[auto] w-[212px]" src="/packs/media/images/tailwind/alumni-logo-ccd2876ccb76125286bf75d59645d5d7.png" > </a> </div> </div> </nav> <!-- Nav Header --> <nav class="slide-in mobileHeader lg:hidden w-full shadow-classic sticky top-0 bg-white"> <div class="relative"> <div class="logo-container w-full inline-block py-[15px]"> <div class=""> <div class="px-[25px]"> <a href="/"> <img src="/packs/media/images/StanfordMagazineDigitalLogo-Blk-Red-RGB-b9343de6ab2800ab825b5907a1c3dfe4.svg" alt="STANFORD magazine logo" class="h-[51px] w-[132px] inline-block"> </a> </div> <div class=""> <!-- Outside Ham Menu --> <button data-collapse-toggle="mobile-menu" type="button" aria-controls="mobile-menu-2" aria-expanded="false" class="ham-menu absolute top-[20px] right-[25px] dropdown-toggle-mobile"> <img class="ml-[5px]" src="/packs/media/images/tailwind/ham-menu-c6af6ca8ae4e3c596628b8b5c5abbfae.png" alt="" > <span class="absolute font-sans-pro font-semibold not-italic text-m right-[-5px] text-s-light-black">Menu</span> </button> <!-- Inside Menu --> <div class="hidden collapsable menu-nav z-10 w-full absolute top-0 right-0 w-full lg:block lg:w-auto bg-s-menu-red" id="mobile-menu"> <ul class="ham-menu-list text-1xl font-semibold text-white font-sans-pro"> <div class="py-[15px] border-s-red border-b px-[25px]"> <a href="/"> <img class="h-[51px] w-[132px] inline-block" src="/packs/media/images/tailwind/logo-white-4fb124b10603c3fab79c77ce201fd4d7.png" > </a> <button data-collapse-toggle="mobile-menu" type="button" class="border-s-red border-b-[6px] right-[25px] h-[61px] top-[20px] absolute dropdown-toggle-mobile" aria-controls="mobile-menu-2" aria-expanded="false"> <img class="ml-[10px]" src="/packs/media/images/tailwind/close-icon-white-f8fc8a1028d6ec984018b4b459889f2f.png" > <span class="ham-item-close text-center font-semibold text-white text-m font-sans-pro">Close</span> </button> </div> <div class="header slide-in px-[20px] pb-[20px]" style="max-height: 80vh; overflow-y: scroll;"> <div class="mobile-nav-search-container mt-[20px]"> <form id="mobile-nav-search-form" class="mobile-nav-search-form relative" tabindex="-1" action="/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="✓" autocomplete="off" /> <div class="bg-white"> <label for="" title="search input field"> <input type="search" name="query" id="mobile-nav-search-input" autocomplete="off" class="w-[96.5%] focus-visible:outline-none placeholder-s-light-black mobile-nav-search-input w-full h-[40px] px-[20px] font-sans-pro font-normal text-xl text-s-light-black" placeholder="Search" maxlength="255" tabindex="-1" /> </label> <img class="absolute right-[25px] top-[10px]" src="/packs/media/images/tailwind/search-icon-2-d9dbc9fd2d7598ffa66528e0713cbbd8.png" > </div> </form> </div> <li class="py-[16px] px-[20px] border-s-dark-red border-b hover:bg-s-cardinal hover:underline "><a href="/latest">Latest</a></li> <li class="py-[16px] px-[20px] border-s-dark-red border-b hover:bg-s-cardinal hover:underline "><a href="/features">Features</a></li> <li class="py-[16px] px-[20px] border-s-dark-red border-b hover:bg-s-cardinal hover:underline "><a href="/essays">Essays</a></li> <li class="py-[16px] px-[20px] border-s-dark-red border-b hover:bg-s-cardinal hover:underline bg-s-cardinal underline"><a href="/advice">Advice</a></li> <div class="relative"> <div class="" aria-current="page"> <div class="mobile-list-toggle border-s-dark-red border-b text-1xl py-[16px] px-[20px] font-semibold text-white font-sans-pro hover:bg-s-cardinal hover:underline cursor-pointer "> Collections <button data-collapse-toggle="mobile-menu-3" type="button" aria-label="toggle" aria-controls="mobile-menu-3" aria-expanded="false" class="toggle-menu collapse-menu"> <img class="ham-sub-menu p-[3px] top-[18px] rounded-[50%] right-[10px] absolute bg-s-dark-red" src="/packs/media/images/tailwind/down-arrow-18db0208cf9fc45d0df08fe228678f17.png" > <img class="ham-sub-menu p-[3px] top-[18px] rounded-[50%] right-[10px] absolute bg-s-dark-red sub-menu-up bg-s-digital-red hidden" src="/packs/media/images/tailwind/up-arrow-86b7c666149c1113ea1256a7adfc54a3.png" > </button> </div> <div class="hidden sub-menu-change bg-s-cardinal w-full lg:block lg:w-auto" id="mobile-menu-3"> <ul class="font-sans-pro text-1xl text-white font-normal"> <a tabindex="-1" href="/collections/recent-grads"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> Recent Grads </li> </a> <a tabindex="-1" href="/collections/mental-health"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> Mental Health </li> </a> <a tabindex="-1" href="/collections/work"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> Work </li> </a> <a tabindex="-1" href="/collections/love"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> Love </li> </a> <a tabindex="-1" href="/collections/off-the-farm"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> After the Farm </li> </a> <a tabindex="-1" href="/collections/the-stanfords"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> The Stanfords </li> </a> <a tabindex="-1" href="/collections/books"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> Books </li> </a> </ul> </div> </div> </div> <div class="relative"> <div class="" aria-current="page"> <div class="mobile-list-toggle border-s-dark-red border-b text-1xl py-[16px] px-[20px] font-semibold font-semibold text-white font-sans-pro hover:bg-s-cardinal hover:underline cursor-pointer "> Magazine <button data-collapse-toggle="mobile-menu-4" type="button" aria-label="toggle" aria-controls="mobile-menu-3" aria-expanded="false" class="toggle-menu collapse-menu"> <img class="ham-sub-menu p-[3px] top-[18px] rounded-[50%] right-[10px] absolute bg-s-dark-red" src="/packs/media/images/tailwind/down-arrow-18db0208cf9fc45d0df08fe228678f17.png" > <img class="ham-sub-menu p-[3px] top-[18px] rounded-[50%] right-[10px] absolute bg-s-dark-red sub-menu-up bg-s-digital-red hidden" src="/packs/media/images/tailwind/up-arrow-86b7c666149c1113ea1256a7adfc54a3.png" > </button> </div> <div class="hidden sub-menu-change bg-s-cardinal w-full lg:block lg:w-auto" id="mobile-menu-4"> <ul class="font-sans-pro text-1xl text-white font-normal"> <a tabindex="-1" href="/magazine"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> Current Issue </li> </a> <a tabindex="-1" href="/issues"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> Past Issues </li> </a> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> <a href="https://stanfordmag.org/sections/online-exclusives"> Online Exclusives </a> </li> <a tabindex="-1" href="/issues"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> Past Issues </li> </a> <a tabindex="-1" href="/sections/audio-articles"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> Audio Articles </li> </a> <a tabindex="-1" href="/class_notes"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> Class Notes </li> </a> </ul> </div> </div> </div> <li class="py-[16px] px-[20px] hover:bg-s-cardinal hover:underline "> <a href="/contact">Contact</a> </li> </div> </ul> </div> </div> </div> </div> </div> </nav> <script> document.addEventListener("DOMContentLoaded", function() { const mobileHeader = document.querySelector("nav.mobileHeader"); let lastScrollY = window.pageYOffset; function handleMobileNavbarAnimation() { let currentScrollY = window.pageYOffset; // Maintain the header visible near the top if (currentScrollY <= 20 && currentScrollY > 0) { mobileHeader.classList.remove("slide-in"); mobileHeader.classList.add("slide-out"); } else if (currentScrollY <= 0) { mobileHeader.classList.remove("slide-out"); mobileHeader.classList.add("slide-in"); } else if (currentScrollY > lastScrollY) { mobileHeader.classList.remove("slide-in"); mobileHeader.classList.add("slide-out"); } else if (currentScrollY < lastScrollY) { mobileHeader.classList.remove("slide-out"); mobileHeader.classList.add("slide-in"); } lastScrollY = currentScrollY; } window.addEventListener('scroll', handleMobileNavbarAnimation); // Separate event listener for navbar animation }); </script> <div id="search-modal" class="searching-modal puff-in-center z-50 h-full opacity-[0.97] w-full fixed bg-s-black translate-y-[0] top-0 hidden"> <div class="grid grid-cols-6 mx-auto xl:max-w-[1536px]"> <div class="col-start-2 col-span-4 text-white"> <div class="my-[100px] py-[50px] relative"> <div class="search-btn-toggle fa fa-times top-0 right-0 absolute "><span class="font-sans-pro text-xl leading-[27px] font-semibold absolute cursor-pointer right-[15px] top-[-7px]">Close</span></div> <p class="text tracking-[0.3px] flex items-center text-xl text-s-fog-grey font-serif-pro">Type search request and press enter</p> <div class="relative"> <form id="search-content-form" class="border-b-2" action="/search" accept-charset="UTF-8" method="get"> <div class="w-[96.5%]"> <label for="search-page-query" title="search input bg-transparent w-full field"> <input type="text" name="query" id="search-page-query" autocomplete="off" placeholder="Search" maxlength="255" class="search-page-query input text-2 leading-[69px] text-[55px] font-bold text-s-text-grey tracking-[-0.5px] flex items-center h-[80px] font-serif-pro focus-visible:outline-0 bg-transparent" /> </label> </div> <button class="search-page-btn top-[27px] text-[25px] right-0 absolute text-s-fog-grey" title="start search"> <i class="fa fa-search search" aria-hidden="true"></i> </button> </form> </div> </div> </div> </div> </div> <script type="text/javascript"> function copyLink(articleLink) { navigator.clipboard.writeText(articleLink); alert("Link Copied."); console.log("Copied link: " + articleLink); // Debug: log copied link } function initImageMaps() { setTimeout(() => { $('map').imageMapResize(); $('img.maparea').maphilight({ alwaysOn: true, strokeWidth: 1, strokeColor: 'ff0000' }); $('map area[title]').hover(function(){ var title = $(this).attr('title'); $(this).data('tipText', title).removeAttr('title'); $('<p class="tooltip"></p>') .text(title) .appendTo('body') .fadeIn('slow'); }, function() { $(this).attr('title', $(this).data('tipText')); $('.tooltip').remove(); }).mousemove(function(e) { var mousex = e.pageX + 20; var mousey = e.pageY - 5; $('.tooltip').css({ top: mousey, left: mousex }); }).click(function(e) { e.preventDefault(); }); }, 1000); console.log("Image maps initialized."); // Debug: confirm initialization } function initCoverSlider() { setTimeout(() => { const swiper = new Swiper('.swiper', { loop: true, autoplay: { delay: 5000, }, centeredSlides: true, pagination: { el: '.swiper-pagination', }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const swiperWrapper = document.querySelector('.swiper-wrapper'); if (swiperWrapper) { swiperWrapper.addEventListener('click', () => { swiper.autoplay.stop(); console.log("Autoplay stopped due to user interaction in .swiper-wrapper"); // Debug: log autoplay stop }); } else { console.log("Warning: .swiper-wrapper not found. Event listener not added."); // Debug: log if the element is not found } }, 100); console.log("Cover slider initialized."); // Debug: confirm initialization } function initJSElements() { initImageMaps(); initCoverSlider(); } document.addEventListener("DOMContentLoaded", initJSElements); </script> <style> #swiper-global-container { flex: 1; position: relative; max-width: 1250px; margin: 0 auto; } .swiper-slide { max-height: 200vh; text-align: center; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; max-height: 90%; /* Adjusted to allow space for pagination bullets */ max-width: 100%; object-fit: contain; height: auto; width: auto; } .swiper { max-width: 1200px; margin: 0 auto; position: relative; /* Ensures relative positioning within the defined swiper container */ } .swiper-pagination { position: relative; /* Allows specific positioning relative to the swiper container */ padding-top: 10px; width: 100%; /* Full width to center the bullets */ text-align: center; /* Ensures bullets are centered */ } .swiper-button-prev, .swiper-button-next { color: #F83535 !important; &:hover { color: #8C1515 !important; } } .swiper-button-prev { left: -50px !important; } .swiper-button-next { right: -50px !important; } /* Hide swiper navigation buttons on mobile devices */ @media (max-width: 768px) { .swiper-button-prev, .swiper-button-next { display: none !important; } } .swiper-pagination-bullet-active { background-color: #8C1515 !important; } </style> <div id=""> <div id="main"> <div class=" md:container md:mx-auto xl:max-w-[1280px] py-[50px] px-[15px] lg:px-[0px]"> <div class="article-container text-center"> <div class="font-sans-pro font-l leading-[17px] tracking-[0.3px] text-s-light-black mb-[10px]">ALL RIGHT NOW</div> <h1 class="text-s-light-black font-bold font-serif-pro text-heading leading-[56px]" style="padding-bottom: 15px !important;"> Meet Tamish Pulappadi </h1> <h4 class="article-subheader font-serif-pro text-2xl leading-[28px] text-center text-s-dark-grey mb-[45px] opacity-80"> The unassuming guitar hero down the hall. </h4> <a title="December 2023" class=" font-sans-pro text-xl leading-[27px] tracking-[0.3px] text-s-digital-red hover:underline hover:text-s-cardinal-red" href="/issues/december-2023">December 2023</a> <p class="font-serif-pro text-xl leading-[27px] tracking-[0.3px] text-s-dark-grey" style="padding-bottom: 5px !important;"> Reading time <span class="eta"> min</span> </p> <p class="leading-[27px] mt-[3px]"> <a onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" href="https://www.facebook.com/sharer/sharer.php?u=https://stanfordmag.org//contents/meet-tamish-pulappadi" class="inline-block mr-[12px]" title="Share on Facebook" target="blank" rel="external" style="margin-bottom: 3px;" > <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" class="h-[24px] hover:text-s-red" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg> </a> <a onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" href="http://www.linkedin.com/shareArticle?mini=true&url=https://stanfordmag.org//contents/meet-tamish-pulappadi" class="inline-block mr-[12px]" title="Share on LinkedIn" target="blank" rel="external" > <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin-in" class="w-[24px] hover:text-s-red" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg> </a> <a href="mailto:?body=Check%20out%20this%20article%20from%20Stanford%20Magazine%3A%0A%0AThe%20unassuming%20guitar%20hero%20down%20the%20hall.%20%0A%0Ahttps%3A%2F%2Fstanfordmag.org%2F%2Fcontents%2Fmeet-tamish-pulappadi&subject=Meet%20Tamish%20Pulappadi" class="inline-block mr-[12px]" title="Share by email" target="blank" rel="external"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="link" class="w-[24px] hover:text-s-red" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg> </a> <a href="#" class="inline-block" onclick="copyLink('https://stanfordmag.org//contents/meet-tamish-pulappadi');return false;" class="inline-block" title="Copy Link" target="blank" rel="external" style="margin-bottom: 3px;" > <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="link" class="w-[24px] hover:text-s-red" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"/></svg> </a> </p> </div> </div> <div class=""> <div class="article-container medium-image-container"> <picture> <source media='(max-width: 768px)' srcset='https://project-orion-production.s3.amazonaws.com/uploads/content/22090/Dec23_WWA_TPulappadi_Main-BN_web.jpg'/> <img height="1205" alt="Meet Tamish Pulappadi" class="cover-image lazy maparea" usemap="#main-image" src="https://project-orion-production.s3.amazonaws.com/uploads/content/22090/Dec23_WWA_TPulappadi_Main-BN_web.jpg" /> </picture> <div class="md:container md:mx-auto xl:max-w-[1280px] lg:px-[0px]"> <div class="grid grid-cols-12"> <div class="col-span-12 lg:col-span-8 xl:min-w-[740px] text-left"> <p class="image-caption text-left font-sans-pro text-l leading-[17px] tracking-[0.3px] text-s-dark-grey opacity-80 mt-[10px] "> <div class="my-[15px] mx-[15px]"> </div> </p> </div> </div> </div> </div> </div> <div class="md:container md:mx-auto xl:max-w-[1280px] py-[50px] px-[15px] lg:px-[0px]"> <div class="lg:grid lg:grid-cols-12"> <div class="lg:col-span-8 lg:mx-[15px]"> <div class="article-author-container"> <p class="article-template-by-author font-serif-pro text-xl leading-[27px] tracking-[0.3px] text-s-light-black">By <span class="font-semibold">Tracie White</span></p> </div> <!-- Check one with ilustration --> <div class="illustration-by-container"> <div> <span class="illustration-by"> Photography by Toni Bird </span> </div> </div> <div class="fr-element article-content fr-view mt-[50px] "> <p id="isPasted"><strong>Tamish Pulappadi </strong>got his favorite electric guitar as a gift from the American manufacturer Ernie Ball Music Man, which sponsored him when he was just 13. Called the Majesty, it’s dark blue and sleek, with shiny black panels. He spent endless hours with it as he grew from an instrumentalist into a singer-songwriter and music producer in his hometown of Bengaluru.</p><p><span class="fr-video fr-deletable fr-fvc fr-dvb fr-draggable" contenteditable="false" draggable="true"><iframe height="360" src="https://www.youtube.com/embed/0VvaTRmsm7s?&wmode=opaque&rel=0" frameborder="0" allowfullscreen="" class="fr-draggable"></iframe></span></p><p>“What’s so great about it is its versatility,” says Pulappadi, a sophomore computer science and music major who has been written up in <em>Rolling Stone India</em>. He’s played everything from hard rock to blues to jazz fusion, winning awards and performing for hundreds at festivals. But the Majesty wasn’t the first guitar he fell in love with. That was a green plastic toy guitar that he got when he was 3 and refused to put down. That is, except when he was playing with remote-control race cars, eventually taking them apart to see how they worked. He loves to tinker around and make things, producing his own album and rebuilding junkers with a lemon car racing team. Fittingly, he studies the intersection of music and technology. </p><p><img src="https://d28fxxt57nf3uz.cloudfront.net/uploads/content_picture/6110/Dec23_WWA_TPulappadi_BN_1.jpg" class="fr-fic fr-dii" alt="Tamish Pulappadi playing guitar in a recording studio."></p><blockquote><p id="isPasted" style="text-align:center;"><strong>“My dad has been one of my biggest mentors in music. The beauty of it was that we learned it together. He took me to the bars and clubs whenever the really good musicians came to town.”</strong></p></blockquote><p><img src="https://d28fxxt57nf3uz.cloudfront.net/uploads/content_picture/6111/Dec23_WWA_TPulappadi_BN_2.jpg" class="fr-fic fr-dii" alt="Tamish Pulappadi playing guitar in a recording studio."></p><p id="isPasted"><strong>“When I was 7 or 8,</strong> my dad introduced me to classic rock music, like Guns N’ Roses, and I saw Slash, their lead guitarist. I was like, ‘Hey, I wanna be like that guy.’ My dad was like, ‘OK, let’s give it a shot.’ So I started taking guitar lessons. I began with hard-core rock but then transitioned into instrumental rock, then prog rock, to a bit of math metal and jazz fusion. And a lot of blues. My first performance was when I was 12. We had a band at my music school and performed <em>Radioactive</em> by Imagine Dragons. </p><p id="isPasted" style="text-align:center;"><strong><span style="color:rgb(124, 112, 107);">♦</span></strong></p><p><strong>“At around 11 </strong>is when I started posting my music videos online. That’s when I started getting noticed and got invited into this group called the Brotherhood of the Guitar, with some of the best elite young guitarists from across the world. </p><p id="isPasted" style="text-align:center;"><strong><span style="color:rgb(124, 112, 107);">♦</span></strong></p><p><strong>“I was always tinkering</strong><strong> around </strong>with stuff as a kid, building stuff with small circuit boards, learning how to code things up, making practical sorts of gadgets.<em> </em></p><p id="isPasted" style="text-align:center;"><strong><span style="color:rgb(124, 112, 107);">♦</span></strong></p><p><strong>“I was aiming for a university </strong>where I could study music and technology, and Stanford was at the top. I take classes like electronic music composition, where they teach you about synthesis, how you can create sounds—from the absolute fundamental frequencies to the sound of a guitar or piano or anything you hear—using software. </p><p id="isPasted" style="text-align:center;"><strong><span style="color:rgb(124, 112, 107);">♦</span></strong></p><p><strong>“I started sim[ulation] </strong><strong>racing </strong>when I was a kid, playing computer games like <em>Gran Turismo</em>. I learned about cars on YouTube and dove deep into the craft of racing. One of my dormmates freshman year was on a lemon car racing team, and I was talking about my love for cars. And she was like, ‘you should come check it out.’ </p><p id="isPasted" style="text-align:center;"><strong><span style="color:rgb(124, 112, 107);">♦</span></strong></p><p><strong>“The premise of lemon car racing </strong>is you have a $500 budget and have to build a race car out of a junk car, and it’s an endurance race, so it goes over the course of 24 hours. That’s why it is called the 24 Hours of LeMons. I helped rebuild a junk Mazda 323 last year. We got it out on the track, but the car died in about six or seven hours. A lot of cars didn’t even start, so that was a lot of fun.”</p><hr class="orion-long-hr"><p><strong id="isPasted">Tracie White</strong> <em>is a senior writer at <span style='font-family:"Source Serif Pro";font-variant:small-caps;font-size:21px;'>Stanford</span>. Email her at </em><a href="mailto:traciew@stanford.edu"><em>traciew@stanford.edu</em></a><em>.</em></p> </div> <!-- Check one with Galery --> <!-- Gallery --> <!-- Check one with attachable contents --> <!-- Related categories--> <div class="other-stories-container related-category-container"> <div data-ix="move-up-on-load-2"> <div> <div class="title-box"> <div class="other-stories-section related-category mt-[50px] font-serif-pro text-[23px] leading-[28px] tracking-[0.3px]"> Related Categories </div> </div> <div class="mt-[10px] categories"> <a class="active category-item link-to-search-category border border-s-grey border-box py-[1.5px] px-[5px] rounded-[65px]" href="/search?categories=Arts%2FMedia">Arts/Media</a> <a class="active category-item link-to-search-category border border-s-grey border-box py-[1.5px] px-[5px] rounded-[65px]" href="/search?categories=Student+Life">Student Life</a> </div> </div> </div> </div> </div> <!-- Trending Stories--> <div class="lg:block col-span-4"> <div id="sticker" class="article-ads desk-ads sticky top-[125px]" style="width: 300px !important;"> <!-- Begin Adplugg Square --> <div class="adplugg-tag" data-adplugg-zone="square_ad_stanford_magazine" style="margin-top: 20px !important;"> <script> (function(ac) { var d = document, s = 'script', id = 'adplugg-adjs'; var existingScriptTag = d.getElementById(id) if (existingScriptTag) { existingScriptTag.remove(); } var js, fjs = d.getElementsByTagName(s)[0]; js = d.createElement('script'); js.id = id; js.async = 1; js.src = '//www.adplugg.com/serve/' + ac + '/js/1.1/ad.js'; fjs.parentNode.insertBefore(js, fjs); }('A48220554')); function hideAdds() { $('.adplugg-image-wrapper').hide(); } function appendCloseButtonTo(element) { var closeButton = $("<span class='close-add' onclick='event.stopPropagation(); hideAdds(); '>✕</span>"); closeButton.insertBefore(element); } setTimeout(() => { $('.adplugg-image-wrapper').each(function() { var element = $(this).find('a'); appendCloseButtonTo(element); }); }, 3000); </script> </div> <!-- End Adplugg Square --> <div class="bg-white mt-[25px]"> <h3 class="font-serif-pro font-bold text-3xl text-s-light-black" style="border-top: 1px solid black; padding-top: 10px;">Trending Stories</h3> <ol class="block"> <li style="margin-bottom: 5px; margin-top: 5px;"> <a class="font-sans-pro text-l leading-[16px] tracking-[0.4px] text-s-digital-red hover:underline" href="/contents/like-mother-like-son">Like Mother, like Son</a> <p class="font-sans-pro text-m text-s-dark-grey"> Student Life</p> </li> <hr class="trending-hr" style="margin-top: 5px !important; margin-bottom: 5px !important; border: 0.5px solid rgba(211, 211, 211, 0.5) !important; background-color: rgba(46, 45, 41, 0) !important;"> <li style="margin-bottom: 5px; margin-top: 5px;"> <a class="font-sans-pro text-l leading-[16px] tracking-[0.4px] text-s-digital-red hover:underline" href="/contents/what-to-do-after-and-before-a-fire">What to Do After (and Before) a Fire</a> <p class="font-sans-pro text-m text-s-dark-grey"> Advice & Insights</p> </li> <hr class="trending-hr" style="margin-top: 5px !important; margin-bottom: 5px !important; border: 0.5px solid rgba(211, 211, 211, 0.5) !important; background-color: rgba(46, 45, 41, 0) !important;"> <li style="margin-bottom: 5px; margin-top: 5px;"> <a class="font-sans-pro text-l leading-[16px] tracking-[0.4px] text-s-digital-red hover:underline" href="/contents/how-to-cope-after-a-megafire">How to Cope After a Megafire</a> <p class="font-sans-pro text-m text-s-dark-grey"> Advice & Insights</p> </li> <hr class="trending-hr" style="margin-top: 5px !important; margin-bottom: 5px !important; border: 0.5px solid rgba(211, 211, 211, 0.5) !important; background-color: rgba(46, 45, 41, 0) !important;"> <li style="margin-bottom: 5px; margin-top: 5px;"> <a class="font-sans-pro text-l leading-[16px] tracking-[0.4px] text-s-digital-red hover:underline" href="/contents/book-nook">Book Nook</a> <p class="font-sans-pro text-m text-s-dark-grey"> Recommender</p> </li> <hr class="trending-hr" style="margin-top: 5px !important; margin-bottom: 5px !important; border: 0.5px solid rgba(211, 211, 211, 0.5) !important; background-color: rgba(46, 45, 41, 0) !important;"> <li style="margin-bottom: 5px; margin-top: 5px;"> <a class="font-sans-pro text-l leading-[16px] tracking-[0.4px] text-s-digital-red hover:underline" href="/contents/prints-and-the-revolution">Prints and the Revolution</a> <p class="font-sans-pro text-m text-s-dark-grey"> Medicine</p> </li> <hr class="trending-hr" style="margin-top: 5px !important; margin-bottom: 5px !important; border: 0.5px solid rgba(211, 211, 211, 0.5) !important; background-color: rgba(46, 45, 41, 0) !important;"> </ol> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="resetscroll" class='py-[25px] bg-s-bg-light-grey' style='z-index:90; position:relative;'> <div class="w-auto relative text-center z-10"> <span class="back-line span1 absolute w-full left-0 -z-10 top-[45%]"></span> <span class="back-line span2 absolute w-full left-0 -z-10 top-[55%]"></span> <div class="md:container md:mx-auto px-[15px] md:px-[0px] "> <div class="columns-1 text-left container mx-auto xl:max-w-[1280px]" style="margin-bottom: 15px !important;"> <h3 class="bg-white bg-s-bg-light-grey text-s-light-black inline-block text-[40px] lg:text-[55px] font-bold font-serif-pro leading-[55px] xl:ml-[0px] lg:leading-[69px]" style="padding-right: 5px !important;">You May Also Like</h3> </div> </div> </div> <!-- Related contents--> <div class=" md:container md:mx-auto xl:max-w-[1280px] py-[50px] px-[15px] lg:px-[0px]"> <div class="other-stories-container"> <div data-ix="move-up-on-load-2"> <div class="grid grid-cols-3"> <div class="col-span-3 lg:col-span-1 lg:px-[20px] my-[20px] lg:my-0"> <a title="Meet Joe Molina" class="post-preview-image-2 full w-inline-block" href="/contents/meet-joe-molina"> <div class="overflow-hidden"> <div style="background-image: url(https://project-orion-production.s3.amazonaws.com/uploads/content/21979/feature_May23_WWA_Molina-1-BN-List2.jpg)" class="other-stories-image-container lazy h-[250px] bg-center bg-no-repeat bg-cover border image-zoom"> </div> </div> </a> <div class="shadow-md min-h-[225px] px-[25px] py-[15px] bg-white "> <div> <span class="font-sans-pro text-l leading-[17px] tracking-[0.4px] mb-[10px] block text-s-light-black">All Right Now</span> <a class="link-box w-inline-block" href="/contents/meet-joe-molina"> <div class="flex items-center"> <h3 class="other-stories-title font-serif-pro font-bold text-3xl leading-[28px] text-s-light-black py-[15px] hover:underline hover:decoration-s-red">Meet Joe Molina</h3> </div> </a> </div> <p class="other-stories-small font-serif-pro text-l leading-[22px] tracking-[0.3px] text-s-light-black" style="padding-bottom: 10px !important;">One man’s journey from the Navy to fatherhood to Stanford’s GSB. </p> </div> </div> <div class="col-span-3 lg:col-span-1 lg:px-[20px] my-[20px] lg:my-0"> <a title="Meet Teresa Nguyen" class="post-preview-image-2 full w-inline-block" href="/contents/meet-teresa-nguyen"> <div class="overflow-hidden"> <div style="background-image: url(https://project-orion-production.s3.amazonaws.com/uploads/content/22004/feature_Jul23_WWA_Main-BN_1200.jpg)" class="other-stories-image-container lazy h-[250px] bg-center bg-no-repeat bg-cover border image-zoom"> </div> </div> </a> <div class="shadow-md min-h-[225px] px-[25px] py-[15px] bg-white "> <div> <span class="font-sans-pro text-l leading-[17px] tracking-[0.4px] mb-[10px] block text-s-light-black">All Right Now</span> <a class="link-box w-inline-block" href="/contents/meet-teresa-nguyen"> <div class="flex items-center"> <h3 class="other-stories-title font-serif-pro font-bold text-3xl leading-[28px] text-s-light-black py-[15px] hover:underline hover:decoration-s-red">Meet Teresa Nguyen</h3> </div> </a> </div> <p class="other-stories-small font-serif-pro text-l leading-[22px] tracking-[0.3px] text-s-light-black" style="padding-bottom: 10px !important;">A medical resident connects flight with life. </p> </div> </div> <div class="col-span-3 lg:col-span-1 lg:px-[20px] my-[20px] lg:my-0"> <a title="Meet Ecy King" class="post-preview-image-2 full w-inline-block" href="/contents/meet-ecy-king"> <div class="overflow-hidden"> <div style="background-image: url(https://project-orion-production.s3.amazonaws.com/uploads/content/22034/feature_Sep23_WWA_King_hero-BN_Web.jpg)" class="other-stories-image-container lazy h-[250px] bg-center bg-no-repeat bg-cover border image-zoom"> </div> </div> </a> <div class="shadow-md min-h-[225px] px-[25px] py-[15px] bg-white "> <div> <span class="font-sans-pro text-l leading-[17px] tracking-[0.4px] mb-[10px] block text-s-light-black">All Right Now</span> <a class="link-box w-inline-block" href="/contents/meet-ecy-king"> <div class="flex items-center"> <h3 class="other-stories-title font-serif-pro font-bold text-3xl leading-[28px] text-s-light-black py-[15px] hover:underline hover:decoration-s-red">Meet Ecy King</h3> </div> </a> </div> <p class="other-stories-small font-serif-pro text-l leading-[22px] tracking-[0.3px] text-s-light-black" style="padding-bottom: 10px !important;">A former senior class president puts the oodles in doodles. </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!--Meta tags--> <!--Social sharing--> <div class="footer-bg relative z-[98]"> <div class=""> <div class="bg-image-container h-[290px] md:h-[415px] w-full relative" style="background-image: linear-gradient(to bottom, transparent, black), url(/packs/media/images/tailwind/footer-bg-f198da9980e5e1a77e015d2c71637cd2.png)"> <div class="absolute bottom-[10px] w-full"> <div class="md:container md:mx-auto mx-[15px]"> <a href="/"> <img class="h-[54px] lg:h-[auto]" src="/packs/media/images/tailwind/logo-white-4fb124b10603c3fab79c77ce201fd4d7.png" aria-label="Magazine Logo"> </a> </div> </div> </div> <div class='alumni-container bg-black py-[50px] md:px-[15px] xl:px-[25px]'> <div class="px-[15px] md:px-[0px] md:container md:mx-auto grid md:grid-cols-11"> <div id="resetscroll" class="col-span-6 md:col-span-5 text-s-grey"> <a href="https://alumni.stanford.edu/"> <img class="h-[auto] w-[212px]" src="/packs/media/images/tailwind/alumni-logo-ccd2876ccb76125286bf75d59645d5d7.png" aria-label="Alumni Logo"> </a> <h4 class="footer-title text-s-grey text-1xl font-black font-sans-pro mt-[50px] leading-[27px]" aria-label="Alumni footer title">Stanford Alumni Association</h4> <p class="footer-address tracking-[0.3px] text-1xl font-sans-pro" aria-label="Alumni Association address"> Frances C. Arrillaga Alumni Center <br /> 326 Galvez Street <br /> Stanford, CA 94305-6105 <a class="block font-sans-pro font-black tracking-[0.3px] text-1xl hover:underline hover:decoration hover:decoration-s-red " href="https://www.google.com/maps/place/Frances%20C.%20Arrillaga%20Alumni%20Center/@37.430725,-122.1648,15z/data=!4m5!3m4!1s0x0:0x778a60994d7a5e4c!8m2!3d37.430725!4d-122.1648?shorturl=1" target="_blank"> Map <img class="inline" aria-label="Right Arrow Icon" src="/packs/media/images/tailwind/right-icon-16f40b9ed8d129585c17c2d8aceef0ed.png" style="transform: rotate(0deg);"> </a> </p> <div class="my-[35px] text-s-grey"> <a class="block font-sans-pro tracking-[0.3px] text-1xl hover:underline hover:decoration hover:decoration-s-red " href="https://cardinalalumni.stanford.edu/get/page/directory/search?pgOrg=saa" target="_blank" aria-label="Find an alum link">Find an alum <img class="inline" aria-label="Right Arrow Icon" src="/packs/media/images/tailwind/right-icon-16f40b9ed8d129585c17c2d8aceef0ed.png"></a> <a class="block font-sans-pro tracking-[0.3px] text-1xl hover:underline hover:decoration hover:decoration-s-red" href="https://cardinalalumni.stanford.edu/tools/mail?level=12&groupname=saa&pgOrg=saa&dbc=y" target="_blank" aria-label="Alumni email link">Check your alumni email <img class="inline" aria-label="Right Arrow Icon" src="/packs/media/images/tailwind/right-icon-16f40b9ed8d129585c17c2d8aceef0ed.png"></a> <a class="block font-sans-pro tracking-[0.3px] text-1xl hover:underline hover:decoration hover:decoration-s-red" href="https://cardinalalumni.stanford.edu/get/page/membership/saacard" target="_blank" aria-label="SAA Member Card link">Access SAA Member Card <img class="inline" aria-label="Right Arrow Icon" src="/packs/media/images/tailwind/right-icon-16f40b9ed8d129585c17c2d8aceef0ed.png"></a> <a class="block font-sans-pro tracking-[0.3px] text-1xl hover:underline hover:decoration hover:decoration-s-red" href="https://studentservices.stanford.edu/my-academics/request-transcripts-certifications/transcripts-alumni" target="_blank" aria-label="Request transcript link">Request official transcript <img class="inline" aria-label="Right Arrow Icon" src="/packs/media/images/tailwind/right-icon-16f40b9ed8d129585c17c2d8aceef0ed.png"></a> <a class="block font-sans-pro tracking-[0.3px] text-1xl hover:underline hover:decoration hover:decoration-s-red" href="https://giving.stanford.edu/" target="_blank" aria-label="Donation link">Giving to Stanford <img class="inline" aria-label="Right Arrow Icon" src="/packs/media/images/tailwind/right-icon-16f40b9ed8d129585c17c2d8aceef0ed.png"></a> </div> </div> <div class="col-span-3 md:col-span-2"> <h4 class="footer-title text-s-grey text-3xl font-bold font-serif-pro" aria-label="Sections">Sections</h4> <div> <ul class="footer-list text-1xl tracking-[0.3px] text-s-grey font-sans-pro"> <li class=""> <a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="View the latest articles" href="/latest">Latest</a> </li> <li class=""> <a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="View Featured articles" href="/features">Features</a></li> <li class=""><a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="View Essays" href="/essays">Essays</a></li> <li class=""><a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="View Advice articles" href="/advice">Advice</a></li> <li class=""><a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="View current issue" href="/magazine">Current Issue</a></li> <li class=""><a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="View past issues" href="/issues">Past Issues</a></li> <li class=""><a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="View the latest articles" href="/class_notes">Class Notes</a></li> </ul> </div> </div> <div class="hidden md:block md:col-span-2"> <h4 class="footer-title text-s-grey text-3xl font-bold font-serif-pro" aria-label="Collections">Collections</h4> <div> <ul class="footer-list text-1xl tracking-[0.3px] text-s-grey font-sans-pro"> <li> <a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="Link to Recent Grads collection" href="/collections/recent-grads">Recent Grads</a> </li> <li> <a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="Link to Mental Health collection" href="/collections/mental-health">Mental Health</a> </li> <li> <a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="Link to Work collection" href="/collections/work">Work</a> </li> <li> <a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="Link to Love collection" href="/collections/love">Love</a> </li> <li> <a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="Link to After the Farm collection" href="/collections/off-the-farm">After the Farm</a> </li> <li> <a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="Link to The Stanfords collection" href="/collections/the-stanfords">The Stanfords</a> </li> <li> <a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="Link to Books collection" href="/collections/books">Books</a> </li> </ul> </div> </div> <div class="col-span-3 md:col-span-2"> <h4 class="footer-title text-s-grey text-3xl font-bold font-serif-pro" aria-label="Get in touch">Get in touch</h4> <div> <ul class="footer-list text-1xl tracking-[0.3px] text-s-grey font-sans-pro"> <li><a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="Link to Contact page" href="/contact">Contact</a></li> <li><a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="View Letters to Editor page" href="/letter">Letters to the Editor</a></li> <li><a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="Link to Submit an Obituary page" href="/obituary">Submit an Obituary</a></li> <li><a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="Link to Advertise page" href="/contact">Advertise</a></li> <li><a class="hover:underline hover:decoration hover:decoration-s-red" aria-label="Link to FAQ page" href="/faq">FAQs</a></li> </ul> </div> </div> </div> <div class="md:container md:mx-auto grid grid-cols-12 md:grid-cols-11 mt-[50px]"> <div class="col-span-12 md:col-span-5 text-left px-[15px] md:px-[0px]"> <a href="https://www.facebook.com/stanfordalumni" class="inline-block" aria-label="Facebook Logo"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" class="text-s-light-grey w-[15px] h-[24px] hover:text-s-red" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg> </a> <a href="https://www.linkedin.com/groups/74186/" class="inline-block ml-[22.5px]" aria-label="LinkedIn Logo"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin-in" class="text-s-light-grey w-[21px] h-[24px] hover:text-s-red" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg> </a> <a href="https://www.instagram.com/stanfordalumni" class="inline-block ml-[22.5px]" aria-label="Instagram Logo"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" class="text-s-light-grey w-[21px] h-[24px] hover:text-s-red" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg> </a> <a href="https://www.youtube.com/user/StanfordAlumni/" class="inline-block ml-[22.5px]" aria-label="Youtube Logo"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" class="text-s-light-grey w-[21px] h-[24px] hover:text-s-red" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg> </a> </div> <div class="col-span-12 md:col-span-6"> <ul class="tracking-[0.3px] text-l text-s-grey font-sans-pro px-[15px] md:px-[0px] text-left my-[0px] md:my-[0px]"> <li class="inline-block pr-[5px] md:pr-[15px] hover:decoration-s-cardinal hover:underline"><a href="https://alumni.stanford.edu/accessibility/" aria-label="Accessibility information">Accessibility</a></li> <li class="inline-block px-[5px] md:px-[15px] hover:decoration-s-cardinal hover:underline md:border-x divide-[#BDBDBD]"><a href="https://alumni.stanford.edu/get/page/privacy" aria-label="Privacy Policy information">Privacy Policy</a></li> <li class="inline-block px-[5px] md:px-[15px] hover:decoration-s-cardinal hover:underline md:border-r divide-[#BDBDBD]"><a href="https://alumni.stanford.edu/get/page/terms" aria-label="Terms of Use information"> Terms of Use </a></li> <li class="inline-block px-[5px] md:pl-[15px] hover:decoration-s-cardinal hover:underline"><a href="https://alumni.stanford.edu/code-of-conduct/" aria-label="Code of Conduct information" >Code of Conduct</a></li> </ul> </div> </div> </div> </div> </div> <div class="bg-black text-white border-t border-s-grey py-[20px] xl:px-[25px] relative z-10"> <div class="md:container md:mx-auto grid grid-cols-4 md:grid-cols-12 xl:grid-cols-12 px-[10%] sm:px-[0]"> <div class="col-span-4 sm:col-span-4 md:col-span-3 lg:col-span-2 xl:col-span-1 text-center mb-[px]"> <a href="https://www.stanford.edu/"> <img class="m-auto md:m-0" aria-label="Stanford University Logo” src="/packs/media/images/tailwind/logo-university-1ada292c48d82a4d6d896185bfbffcb0.png" > </a> </div> <div class="col-span-2 sm:col-span-4 md:col-span-8 lg:col-span-8 xl:col-span-6 text-center md:text-left m-auto"> <ul class="list-footer-i font-sans-pro font-semibold text-m lg:text-1xl"> <li class="mb-[7.5px] sm:inline-block sm:mr-[20px] hover:underline hover:decoration"><a href="https://www.stanford.edu/">Stanford Home</a></li> <li class="mb-[7.5px] sm:inline-block sm:mr-[20px] hover:underline hover:decoration"><a href="https://visit.stanford.edu/plan/">Maps & Directions</a></li> <li class="mb-[7.5px] sm:inline-block sm:mr-[20px] hover:underline hover:decoration"><a href="https://www.stanford.edu/search/">Search Stanford</a></li> <li class="mb-[7.5px] sm:inline-block sm:mr-[20px] hover:underline hover:decoration"><a href="https://emergency.stanford.edu/">Emergency Info</a></li> </ul> <div class="text-center hidden md:block md:text-left"> <ul class="list-footer-i font-sans-pro font-semibold text-m lg:text-l"> <li class="mb-[7.5px] sm:inline-block sm:mr-[10px] sm:font-normal"><a class="hover:underline hover:decoration" href="https://www.stanford.edu/site/terms/">Terms of Use</a></li> <li class="mb-[7.5px] sm:inline-block sm:mr-[10px] sm:font-normal"><a class="hover:underline hover:decoration" href="https://www.stanford.edu/site/privacy/">Privacy</a></li> <li class="mb-[7.5px] sm:inline-block sm:mr-[10px] sm:font-normal"><a class="hover:underline hover:decoration" href="https://uit.stanford.edu/security/copyright-infringement" aria-label="Copyright">Copyright</a></li> <li class="mb-[7.5px] sm:inline-block sm:mr-[10px] sm:font-normal"><a class="hover:underline hover:decoration" href="https://adminguide.stanford.edu/chapter-1/subchapter-5/policy-1-5-4" aria-label="Trademarks">Trademarks</a></li> <li class="mb-[7.5px] sm:inline-block sm:mr-[10px] sm:font-normal"><a class="hover:underline hover:decoration" href="https://bulletin.stanford.edu/pages/c7vDgeOuJIfpZe8GKmW3" aria-label="Non-Discrimination">Non-Discrimination</a></li> <li class="mb-[7.5px] sm:inline-block sm:mr-[10px] sm:font-normal"><a class="hover:underline hover:decoration" href="https://www.stanford.edu/site/accessibility" aria-label="Accessibility">Accessibility</a></li> </ul> <div class="text-left"> <p class="text-left font-sans-pro text-m" aria-label="Address">© Stanford University. Stanford, California 94305.</p> </div> </div> </div> <div class="col-span-2 sm:col-span-4 text-center md:hidden "> <ul class="list-footer-i font-sans-pro font-semibold text-m "> <li class="mb-[7.5px] sm:inline-block sm:mr-[10px] sm:font-normal"><a class="hover:underline hover:decoration" href="https://www.stanford.edu/site/terms/">Terms of Use</a></li> <li class="mb-[7.5px] sm:inline-block sm:mr-[10px] sm:font-normal"><a class="hover:underline hover:decoration" href="https://www.stanford.edu/site/privacy/">Privacy</a></li> <li class="mb-[7.5px] sm:inline-block sm:mr-[10px] sm:font-normal"><a class="hover:underline hover:decoration" href="https://uit.stanford.edu/security/copyright-infringement">Copyright</a></li> <li class="mb-[7.5px] sm:inline-block sm:mr-[10px] sm:font-normal"><a class="hover:underline hover:decoration" href="https://adminguide.stanford.edu/chapter-1/subchapter-5/policy-1-5-4">Trademarks</a></li> <li class="mb-[7.5px] sm:inline-block sm:mr-[10px] sm:font-normal"><a class="hover:underline hover:decoration" href="https://bulletin.stanford.edu/pages/c7vDgeOuJIfpZe8GKmW3">Non-Discrimination</a></li> <li class="mb-[7.5px] sm:inline-block sm:mr-[10px] sm:font-normal"><a class="hover:underline hover:decoration" href="https://www.stanford.edu/site/accessibility">Accessibility</a></li> </ul> </div> </div> <div class="text-center md:hidden"> <p class="text-center font-sans-pro text-m">© Stanford University. Stanford, California 94305.</p> </div> </div> </body> <!-- No user signed in --> </html>