Advice | STANFORD magazine

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Advice | STANFORD magazine</title> <meta name="description" content="Advice articles"> <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" />  <meta property="og:url" content="https://stanfordmag.org/advice"/> <meta property="og:type" content="website"/> <meta property="og:title" content="STANFORD magazine"/> <meta property="og:description" content="STANFORD magazine provides news and views through a Stanford alumni lens."/> <meta property="og:image" content="https://stanfordmag.org/packs/media/images/stanfordmag-aa63e6c97f7fa0c29939be5a4c2eee3b.jpg"/> <link rel="alternate" type="application/rss+xml" title="RSS" href="https://stanfordmag.org/latest.rss" />  <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@stanfordalumni"> <meta name="twitter:title" content="STANFORD magazine"/> <meta name="twitter:description" content="STANFORD magazine provides news and views through a Stanford alumni lens."/> <meta name="twitter:image" content="https://stanfordmag.org/packs/media/images/stanfordmag-aa63e6c97f7fa0c29939be5a4c2eee3b.jpg"/> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="xGGcuLvQylxp4g4MikDMraIbaEvf+ESNLtS2F3dFjEdJcfZXqwF8nuu4ZYhtByYa08KeQ7EkSA5lDjkpEOi3FA==" />  <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>  <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>  <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-bd725493.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-03fb2a8262fa9e26e7f6.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-advice" id='css-v2'>  <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>  <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]">  </div> </div> </div> </nav>  <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>  <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/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/stanford-secrets">Stanford Secrets</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>  <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="/classifieds">Classifieds</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>  <a href="#" id="go-top" title="back to top button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">  <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 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="">  <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>  <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/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/stanford-secrets"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> Stanford Secrets </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="/classifieds"> <li class="sub-menu-item py-[16px] pr-[25px] pl-[30px] border-s-dark-red border-b hover:bg-s-dark-red"> Classifieds </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>  <div class="h-[25px] lg:h-[40px]"></div> <div class="w-auto relative text-center"> <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]"> <h3 id="resetscroll" class="bg-white text-s-light-black inline-block text-[32px] md:text-[44px] lg:text-[55px] font-bold tracking-[0.4px] md:tracking-[1.25px] font-['Source_Serif_Pro'] leading-[40px] md:leading-[55px] lg:leading-[69px] mx-[15px] xl:mx-[0px]">Advice</h3> </div> </div> </div> <div class="latest-page-top-section-container"> <div class="latest-page mx-auto"> <div class="md:container md:mx-auto xl:max-w-[1280px]"> <p class="my-[20px] font-serif-pro text-[23px] leading-[28px] tracking-[0.4px] text-s-light-black max-w-[742px] mx-[15px] xl:[mx-0px"> Advice from the Stanford community. </p> </div> <div class="mx-auto xl:max-w-[1536px] my-[20px]"> <div class="grid grid-cols-2 content-card-hover relative">  <div class="col-span-2 lg:col-span-1 relative z-0"> <a title="How to Find Your People" href="/contents/how-to-find-your-people"> <div class="main-image-effect-container overflow-hidden relative z-0"> <div style="background-image: url(https://project-orion-production.s3.amazonaws.com/uploads/content/22152/feature_May24_AdviceCommunity_Main.jpg)" class="main-image-scale-container lazy h-[600px] bg-no-repeat bg-[center] bg-cover"> </div> </div> </a> </div>  <div class="col-span-2 lg:col-span-1 flex flex-col justify-center relative z-10"> <div class="cursor-pointer shadow-md magazine-gallery-container mt-[-25px] mx-[25px] lg:mx-0 lg:ml-[-25px] p-[25px] lg:p-[50px] overflow-hidden relative z-10" onclick="window.location.href='/contents/how-to-find-your-people';"> <div class="editors-choice"> <p class="font-serif-pro text-[23px] leading-[28px] tracking-[0.3px] text-s-light-black mb-[25px] inline-block" aria-label="Editor’s Choice"> Editor’s Choice </p> </div> <div> <p class="current-issue-name font-sans-pro text-l leading-[17px] tracking-[0.4px] text-s-digital-red mb-[25px] inline-block" style="box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12); padding-right: 10px" aria-label="Link to current issue"> March 21, 2024 </p> <p class="ml-[5px] latest-section-name p-margin-bottom inline-block font-sans-pro leading-[17px] tracking-[0.4px] text-s-light-black"> Online Exclusives </p> <div class="feature-article-name-container mb-[25px]"> <a title="How to Find Your People" href="/contents/how-to-find-your-people"> <div class="flex items-center"> <h1 class="feature-article-name font-serif-pro font-bold text-[32px] md:text-5xl leading-[40px] md:leading-[55px] text-s-light-black" aria-label="Feature article title">How to Find Your People</h1> </div> </a> </div> <div class="feature-article-name-container mb-[25px]"> <p class="feature-article-desc font-serif-pro text-xl heading-[25px] tracking-[0.3px] text-s-light-black" aria-label="Feature article description"> 4 strategies for building and strengthening your community. </p> </div> <div class="feature-author-data-container"> <p class="font-serif-pro text-xl leading-[27px] tracking-[0.3px] text-s-light-black" aria-label="Author of Featured Article">By <span class="font-semibold">Christine Foster</span></p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-s-bg-ligth-grey px-[25px] py-[25px]"> <div class="md:container md:mx-auto xl:max-w-[1536px]"> <div class="grid grid-cols-12" > <div class="col-span-12 lg:col-span-8"> <div class="col-xlg-8 col-lg-8 col-md-12 col-sm-12"> <div id="endless-list"> <div class="cursor-pointer md:container md:mx-auto latest-page content-card-hover" onclick="window.location.href='/contents/so-you-want-to-be-a-civil-engineer';"> <div class="shadow-md flex-wrapper bg-white mb-[25px] sm:flex"> <a title="So, You Want to Be a Civil Engineer" href="/contents/so-you-want-to-be-a-civil-engineer"> <div class="block md:inline-block w-full sm:w-[355px] h-[229.71px] overflow-hidden"> <div class="w-full h-full bg-no-repeat bg-[center] bg-cover image-zoom" style="background-image:url(https://project-orion-production.s3.amazonaws.com/uploads/content/22236/feature_Advice_Civil_Environmental_Engineer_illo.jpg);"> </div> </div> </a> <div class="block sm:inline-block md:min-h-[229.71px] p-[25px]"> <span class="font-sans-pro text-l leading-[17px] tracking-[0.4px] mb-[10px] block"> Online Exclusives </span> <a title="So, You Want to Be a Civil Engineer" class="magazine-page-highligts-article-name" onclick="event.stopPropagation();" href="/contents/so-you-want-to-be-a-civil-engineer"> <div class="flex items-center"> <h3 class="feature-article-name font-serif-pro font-bold text-3xl leading-[28px] text-s-light-black"> So, You Want to Be a Civil Engineer </h3> </div> <p class="sm:h-[86px] lg:h-auto overflow-hidden md:my-[10px] my-[10px] lg:my-[20px] font-serif-pro text-xl text-s-light-black"> What it’s like to work with water systems. </p> <p class="small-search-query font-serif-pro text-xl text-s-light-black leading-[23px] tracking-[0.3px] text-s-light-black"> by <span class="font-semibold"> Kalissa Greene </span> </p> </a> </div> </div> </div> <div class="cursor-pointer md:container md:mx-auto latest-page content-card-hover" onclick="window.location.href='/contents/so-you-want-to-be-an-electrical-engineer';"> <div class="shadow-md flex-wrapper bg-white mb-[25px] sm:flex"> <a title="So, You Want to Be an Electrical Engineer" href="/contents/so-you-want-to-be-an-electrical-engineer"> <div class="block md:inline-block w-full sm:w-[355px] h-[229.71px] overflow-hidden"> <div class="w-full h-full bg-no-repeat bg-[center] bg-cover image-zoom" style="background-image:url(https://project-orion-production.s3.amazonaws.com/uploads/content/22210/feature_Advice-Engineering-illo.jpg);"> </div> </div> </a> <div class="block sm:inline-block md:min-h-[229.71px] p-[25px]"> <span class="font-sans-pro text-l leading-[17px] tracking-[0.4px] mb-[10px] block"> Online Exclusives </span> <a title="So, You Want to Be an Electrical Engineer" class="magazine-page-highligts-article-name" onclick="event.stopPropagation();" href="/contents/so-you-want-to-be-an-electrical-engineer"> <div class="flex items-center"> <h3 class="feature-article-name font-serif-pro font-bold text-3xl leading-[28px] text-s-light-black"> So, You Want to Be an Electrical Engineer </h3> </div> <p class="sm:h-[86px] lg:h-auto overflow-hidden md:my-[10px] my-[10px] lg:my-[20px] font-serif-pro text-xl text-s-light-black"> On the ground with a NASA roboticist. </p> <p class="small-search-query font-serif-pro text-xl text-s-light-black leading-[23px] tracking-[0.3px] text-s-light-black"> by <span class="font-semibold"> Kalissa Greene </span> </p> </a> </div> </div> </div> <div class="cursor-pointer md:container md:mx-auto latest-page content-card-hover" onclick="window.location.href='/contents/so-you-want-to-be-a-mechanical-engineer';"> <div class="shadow-md flex-wrapper bg-white mb-[25px] sm:flex"> <a title="So, You Want to Be a Mechanical Engineer" href="/contents/so-you-want-to-be-a-mechanical-engineer"> <div class="block md:inline-block w-full sm:w-[355px] h-[229.71px] overflow-hidden"> <div class="w-full h-full bg-no-repeat bg-[center] bg-cover image-zoom" style="background-image:url(https://project-orion-production.s3.amazonaws.com/uploads/content/22194/feature_ElectEngineer-Hero.jpg);"> </div> </div> </a> <div class="block sm:inline-block md:min-h-[229.71px] p-[25px]"> <span class="font-sans-pro text-l leading-[17px] tracking-[0.4px] mb-[10px] block"> Advice </span> <a title="So, You Want to Be a Mechanical Engineer" class="magazine-page-highligts-article-name" onclick="event.stopPropagation();" href="/contents/so-you-want-to-be-a-mechanical-engineer"> <div class="flex items-center"> <h3 class="feature-article-name font-serif-pro font-bold text-3xl leading-[28px] text-s-light-black"> So, You Want to Be a Mechanical Engineer </h3> </div> <p class="sm:h-[86px] lg:h-auto overflow-hidden md:my-[10px] my-[10px] lg:my-[20px] font-serif-pro text-xl text-s-light-black"> A day in the life of a vehicle systems expert. </p> <p class="small-search-query font-serif-pro text-xl text-s-light-black leading-[23px] tracking-[0.3px] text-s-light-black"> by <span class="font-semibold"> Kalissa Greene </span> </p> </a> </div> </div> </div> <div class="cursor-pointer md:container md:mx-auto latest-page content-card-hover" onclick="window.location.href='/contents/so-you-want-to-be-a-software-engineer';"> <div class="shadow-md flex-wrapper bg-white mb-[25px] sm:flex"> <a title="So, You Want to be a Software Engineer" href="/contents/so-you-want-to-be-a-software-engineer"> <div class="block md:inline-block w-full sm:w-[355px] h-[229.71px] overflow-hidden"> <div class="w-full h-full bg-no-repeat bg-[center] bg-cover image-zoom" style="background-image:url(https://project-orion-production.s3.amazonaws.com/uploads/content/22181/feature_SoftwareEngineer.jpg);"> </div> </div> </a> <div class="block sm:inline-block md:min-h-[229.71px] p-[25px]"> <span class="font-sans-pro text-l leading-[17px] tracking-[0.4px] mb-[10px] block"> Advice </span> <a title="So, You Want to be a Software Engineer" class="magazine-page-highligts-article-name" onclick="event.stopPropagation();" href="/contents/so-you-want-to-be-a-software-engineer"> <div class="flex items-center"> <h3 class="feature-article-name font-serif-pro font-bold text-3xl leading-[28px] text-s-light-black"> So, You Want to be a Software Engineer </h3> </div> <p class="sm:h-[86px] lg:h-auto overflow-hidden md:my-[10px] my-[10px] lg:my-[20px] font-serif-pro text-xl text-s-light-black"> Well, here’s what it’s like in the office. </p> <p class="small-search-query font-serif-pro text-xl text-s-light-black leading-[23px] tracking-[0.3px] text-s-light-black"> by <span class="font-semibold"> Kalissa Greene </span> </p> </a> </div> </div> </div> <div class="cursor-pointer md:container md:mx-auto latest-page content-card-hover" onclick="window.location.href='/contents/talk-it-out';"> <div class="shadow-md flex-wrapper bg-white mb-[25px] sm:flex"> <a title="Talk It Out" href="/contents/talk-it-out"> <div class="block md:inline-block w-full sm:w-[355px] h-[229.71px] overflow-hidden"> <div class="w-full h-full bg-no-repeat bg-[center] bg-cover image-zoom" style="background-image:url(https://project-orion-production.s3.amazonaws.com/uploads/content/22025/feature_Advice_LoveMoney_Final_1200px.jpg);"> </div> </div> </a> <div class="block sm:inline-block md:min-h-[229.71px] p-[25px]"> <span class="font-sans-pro text-l leading-[17px] tracking-[0.4px] mb-[10px] block"> Advice </span> <a title="Talk It Out" class="magazine-page-highligts-article-name" onclick="event.stopPropagation();" href="/contents/talk-it-out"> <div class="flex items-center"> <h3 class="feature-article-name font-serif-pro font-bold text-3xl leading-[28px] text-s-light-black"> Talk It Out </h3> </div> <p class="sm:h-[86px] lg:h-auto overflow-hidden md:my-[10px] my-[10px] lg:my-[20px] font-serif-pro text-xl text-s-light-black"> How to make decisions with your sweetheart about love, work, home, and family. </p> <p class="small-search-query font-serif-pro text-xl text-s-light-black leading-[23px] tracking-[0.3px] text-s-light-black"> by <span class="font-semibold"> Rebecca Beyer </span> </p> </a> </div> </div> </div> <div class="cursor-pointer md:container md:mx-auto latest-page content-card-hover" onclick="window.location.href='/contents/what-happens-when-you-meditate';"> <div class="shadow-md flex-wrapper bg-white mb-[25px] sm:flex"> <a title="What Happens When You Meditate" href="/contents/what-happens-when-you-meditate"> <div class="block md:inline-block w-full sm:w-[355px] h-[229.71px] overflow-hidden"> <div class="w-full h-full bg-no-repeat bg-[center] bg-cover image-zoom" style="background-image:url(https://project-orion-production.s3.amazonaws.com/uploads/content/21969/feature_MeditationArt.jpg);"> </div> </div> </a> <div class="block sm:inline-block md:min-h-[229.71px] p-[25px]"> <span class="font-sans-pro text-l leading-[17px] tracking-[0.4px] mb-[10px] block"> Online Exclusives </span> <a title="What Happens When You Meditate" class="magazine-page-highligts-article-name" onclick="event.stopPropagation();" href="/contents/what-happens-when-you-meditate"> <div class="flex items-center"> <p class="mr-[5px] latest-section-name p-margin-bottom inline-block font-sans-pro leading-[17px] tracking-[0.4px] text-s-light-black"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 align-sub inline"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z" /> </svg> </p> <h3 class="feature-article-name font-serif-pro font-bold text-3xl leading-[28px] text-s-light-black"> What Happens When You Meditate </h3> </div> <p class="sm:h-[86px] lg:h-auto overflow-hidden md:my-[10px] my-[10px] lg:my-[20px] font-serif-pro text-xl text-s-light-black"> How becoming more present changes your brain, and ways to get started. </p> <p class="small-search-query font-serif-pro text-xl text-s-light-black leading-[23px] tracking-[0.3px] text-s-light-black"> by <span class="font-semibold"> Rachel Lit </span> </p> </a> </div> </div> </div> <div class="cursor-pointer md:container md:mx-auto latest-page content-card-hover" onclick="window.location.href='/contents/how-to-bounce-back-from-a-layoff';"> <div class="shadow-md flex-wrapper bg-white mb-[25px] sm:flex"> <a title="How to Bounce Back from a Layoff" href="/contents/how-to-bounce-back-from-a-layoff"> <div class="block md:inline-block w-full sm:w-[355px] h-[229.71px] overflow-hidden"> <div class="w-full h-full bg-no-repeat bg-[center] bg-cover image-zoom" style="background-image:url(https://project-orion-production.s3.amazonaws.com/uploads/content/21948/feature_Advice-Layoffs_Final.jpg);"> </div> </div> </a> <div class="block sm:inline-block md:min-h-[229.71px] p-[25px]"> <span class="font-sans-pro text-l leading-[17px] tracking-[0.4px] mb-[10px] block"> Online Exclusives </span> <a title="How to Bounce Back from a Layoff" class="magazine-page-highligts-article-name" onclick="event.stopPropagation();" href="/contents/how-to-bounce-back-from-a-layoff"> <div class="flex items-center"> <h3 class="feature-article-name font-serif-pro font-bold text-3xl leading-[28px] text-s-light-black"> How to Bounce Back from a Layoff </h3> </div> <p class="sm:h-[86px] lg:h-auto overflow-hidden md:my-[10px] my-[10px] lg:my-[20px] font-serif-pro text-xl text-s-light-black"> 5 tips to help you be ready and move forward. </p> <p class="small-search-query font-serif-pro text-xl text-s-light-black leading-[23px] tracking-[0.3px] text-s-light-black"> by <span class="font-semibold"> Christine Foster </span> </p> </a> </div> </div> </div> <div class="cursor-pointer md:container md:mx-auto latest-page content-card-hover" onclick="window.location.href='/contents/how-to-be-a-morning-person';"> <div class="shadow-md flex-wrapper bg-white mb-[25px] sm:flex"> <a title="How to Be a Morning Person" href="/contents/how-to-be-a-morning-person"> <div class="block md:inline-block w-full sm:w-[355px] h-[229.71px] overflow-hidden"> <div class="w-full h-full bg-no-repeat bg-[center] bg-cover image-zoom" style="background-image:url(https://project-orion-production.s3.amazonaws.com/uploads/content/21915/feature_AdviceMornPerson_1a-Hero_Final_List.jpg);"> </div> </div> </a> <div class="block sm:inline-block md:min-h-[229.71px] p-[25px]"> <span class="font-sans-pro text-l leading-[17px] tracking-[0.4px] mb-[10px] block"> All Right Now </span> <a title="How to Be a Morning Person" class="magazine-page-highligts-article-name" onclick="event.stopPropagation();" href="/contents/how-to-be-a-morning-person"> <div class="flex items-center"> <h3 class="feature-article-name font-serif-pro font-bold text-3xl leading-[28px] text-s-light-black"> How to Be a Morning Person </h3> </div> <p class="sm:h-[86px] lg:h-auto overflow-hidden md:my-[10px] my-[10px] lg:my-[20px] font-serif-pro text-xl text-s-light-black"> A Stanford sleep medicine doctor insists that anyone can learn how to wake up earlier—and feel good about it. </p> <p class="small-search-query font-serif-pro text-xl text-s-light-black leading-[23px] tracking-[0.3px] text-s-light-black"> by <span class="font-semibold"> Rebecca Beyer </span> </p> </a> </div> </div> </div> <div class="cursor-pointer md:container md:mx-auto latest-page content-card-hover" onclick="window.location.href='/contents/how-to-talk-to-strangers';"> <div class="shadow-md flex-wrapper bg-white mb-[25px] sm:flex"> <a title="How to Talk to Strangers" href="/contents/how-to-talk-to-strangers"> <div class="block md:inline-block w-full sm:w-[355px] h-[229.71px] overflow-hidden"> <div class="w-full h-full bg-no-repeat bg-[center] bg-cover image-zoom" style="background-image:url(https://project-orion-production.s3.amazonaws.com/uploads/content/21907/feature_AdviceStrangers_Hero_2000px.jpg);"> </div> </div> </a> <div class="block sm:inline-block md:min-h-[229.71px] p-[25px]"> <span class="font-sans-pro text-l leading-[17px] tracking-[0.4px] mb-[10px] block"> All Right Now </span> <a title="How to Talk to Strangers" class="magazine-page-highligts-article-name" onclick="event.stopPropagation();" href="/contents/how-to-talk-to-strangers"> <div class="flex items-center"> <p class="mr-[5px] latest-section-name p-margin-bottom inline-block font-sans-pro leading-[17px] tracking-[0.4px] text-s-light-black"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 align-sub inline"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z" /> </svg> </p> <h3 class="feature-article-name font-serif-pro font-bold text-3xl leading-[28px] text-s-light-black"> How to Talk to Strangers </h3> </div> <p class="sm:h-[86px] lg:h-auto overflow-hidden md:my-[10px] my-[10px] lg:my-[20px] font-serif-pro text-xl text-s-light-black"> Meeting new people can be uncomfortable. You should do it anyway. </p> <p class="small-search-query font-serif-pro text-xl text-s-light-black leading-[23px] tracking-[0.3px] text-s-light-black"> by <span class="font-semibold"> Christine Foster </span> </p> </a> </div> </div> </div> <div class="cursor-pointer md:container md:mx-auto latest-page content-card-hover" onclick="window.location.href='/contents/how-to-volunteer';"> <div class="shadow-md flex-wrapper bg-white mb-[25px] sm:flex"> <a title="How to Volunteer" href="/contents/how-to-volunteer"> <div class="block md:inline-block w-full sm:w-[355px] h-[229.71px] overflow-hidden"> <div class="w-full h-full bg-no-repeat bg-[center] bg-cover image-zoom" style="background-image:url(https://project-orion-production.s3.amazonaws.com/uploads/content/21905/feature_Volunteering-hero.jpg);"> </div> </div> </a> <div class="block sm:inline-block md:min-h-[229.71px] p-[25px]"> <span class="font-sans-pro text-l leading-[17px] tracking-[0.4px] mb-[10px] block"> Online Exclusives </span> <a title="How to Volunteer" class="magazine-page-highligts-article-name" onclick="event.stopPropagation();" href="/contents/how-to-volunteer"> <div class="flex items-center"> <h3 class="feature-article-name font-serif-pro font-bold text-3xl leading-[28px] text-s-light-black"> How to Volunteer </h3> </div> <p class="sm:h-[86px] lg:h-auto overflow-hidden md:my-[10px] my-[10px] lg:my-[20px] font-serif-pro text-xl text-s-light-black"> Giving back can be meaningful for your community and for you. </p> <p class="small-search-query font-serif-pro text-xl text-s-light-black leading-[23px] tracking-[0.3px] text-s-light-black"> by <span class="font-semibold"> Jacqueline Munis </span> </p> </a> </div> </div> </div> </div> <p class="pagination text-center"> <span class="page next "><a href="/advice?page=2" id="loadMore" class="text-white bg-s-dark-red hover:bg-s-cardinal-red hover:underline hover:decoration-2 py-[10px] px-[20px] s-shadow-bow inline-block font-sans-pro text-l tracking-less-tight" rel="next" aria-label="Load more stories" class="text-white bg-s-dark-red hover:bg-s-cardinal-red hover:underline hover:decoration-2 py-[10px] px-[20px] s-shadow-bow inline-block font-sans-pro text-l tracking-[-0.3px]" data-remote=true>Load more stories</a></span> </p> </div> </div> <div class="hidden lg:block col-span-4" style="padding-left: 65px !important;"> <div id="sticker" class="article-ads desk-ads sticky top-[125px] text-center" style="width: 300px !important;"> <div class="adplugg-tag" data-adplugg-zone="square_ad_stanford_magazine"></div> <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(); '>&#x2715</span>"); closeButton.insertBefore(element); } setTimeout(() => { $('.adplugg-image-wrapper').each(function() { var element = $(this).find('a'); appendCloseButtonTo(element); }); }, 3000); </script> </div> </div> </div> </div> </div> <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 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 Stanford Secrets collection" href="/collections/stanford-secrets">Stanford Secrets</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://twitter.com/stanfordalumni" class="inline-block ml-[22.5px]" aria-label="Twitter Logo"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" 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 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></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>  </html>

CINXE.COM

Advice | STANFORD magazine