CINXE.COM
404 | The Su Lab
<!DOCTYPE html> <html lang="en" data-dark="false"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-RZSRZR84K0"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RZSRZR84K0'); </script> <!-- put your search engine verification (e.g. Google Search Console) tag here --> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>404 | The Su Lab</title> <link rel="icon" href="/images/icon.png"> <meta name="title" content="404"> <meta name="description" content="at Scripps Research. The lab website for Andrew Su's lab at Scripps Research"> <meta property="og:title" content="404"> <meta property="og:site_title" content="The Su Lab"> <meta property="og:description" content="at Scripps Research. The lab website for Andrew Su's lab at Scripps Research"> <meta property="og:url" content="https://sulab.org"> <meta property="og:image" content="/images/share.png"> <meta property="og:locale" content="en_US"> <meta property="twitter:title" content="404"> <meta property="twitter:description" content="at Scripps Research. The lab website for Andrew Su's lab at Scripps Research"> <meta property="twitter:url" content="https://sulab.org"> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:image" content="/images/share.png"> <meta property="og:type" content="website"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "404", "description": "at Scripps Research. The lab website for Andrew Su's lab at Scripps Research", "headline": "404", "publisher": { "@type": "Organization", "logo": { "@type": "ImageObject", "url": "/images/icon.png" } }, "url": "https://sulab.org" } </script> <link rel="alternate" type="application/rss+xml" href="https://sulab.org/feed.xml"> <!-- Google Fonts --> <!-- automatically get url from fonts used in theme file --> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?display=swap&&family=Barlow:ital,wght@0,200;0,400;0,500;0,600;1,200;1,400;1,500;1,600&family=Roboto+Mono:ital,wght@0,200;0,400;0,500;0,600;1,200;1,400;1,500;1,600" rel="stylesheet"> <!-- Font Awesome icons (load asynchronously due to size) --> <link href="https://use.fontawesome.com/releases/v6.5.0/css/all.css" rel="stylesheet" media="none" onload="this.removeAttribute('media'); this.onload = null;"> <noscript> <link href="https://use.fontawesome.com/releases/v6.5.0/css/all.css" rel="stylesheet"> </noscript> <!-- third party styles --> <!-- https://stylishthemes.github.io/Syntax-Themes/pygments/ --> <link href="https://cdn.jsdelivr.net/gh/StylishThemes/Syntax-Themes/pygments/css-github/pygments-tomorrow-night-eighties.css" rel="stylesheet"> <!-- include all sass in styles folder --> <link href="/_styles/-theme.css" rel="stylesheet"> <link href="/_styles/alert.css" rel="stylesheet"> <link href="/_styles/all.css" rel="stylesheet"> <link href="/_styles/anchor.css" rel="stylesheet"> <link href="/_styles/background.css" rel="stylesheet"> <link href="/_styles/body.css" rel="stylesheet"> <link href="/_styles/bold.css" rel="stylesheet"> <link href="/_styles/button.css" rel="stylesheet"> <link href="/_styles/card.css" rel="stylesheet"> <link href="/_styles/checkbox.css" rel="stylesheet"> <link href="/_styles/citation.css" rel="stylesheet"> <link href="/_styles/code.css" rel="stylesheet"> <link href="/_styles/cols.css" rel="stylesheet"> <link href="/_styles/dark-toggle.css" rel="stylesheet"> <link href="/_styles/feature.css" rel="stylesheet"> <link href="/_styles/figure.css" rel="stylesheet"> <link href="/_styles/float.css" rel="stylesheet"> <link href="/_styles/font.css" rel="stylesheet"> <link href="/_styles/footer.css" rel="stylesheet"> <link href="/_styles/form.css" rel="stylesheet"> <link href="/_styles/grid.css" rel="stylesheet"> <link href="/_styles/header.css" rel="stylesheet"> <link href="/_styles/heading.css" rel="stylesheet"> <link href="/_styles/highlight.css" rel="stylesheet"> <link href="/_styles/icon.css" rel="stylesheet"> <link href="/_styles/image.css" rel="stylesheet"> <link href="/_styles/link.css" rel="stylesheet"> <link href="/_styles/list.css" rel="stylesheet"> <link href="/_styles/main.css" rel="stylesheet"> <link href="/_styles/paragraph.css" rel="stylesheet"> <link href="/_styles/portrait.css" rel="stylesheet"> <link href="/_styles/post-excerpt.css" rel="stylesheet"> <link href="/_styles/post-info.css" rel="stylesheet"> <link href="/_styles/post-nav.css" rel="stylesheet"> <link href="/_styles/quote.css" rel="stylesheet"> <link href="/_styles/rule.css" rel="stylesheet"> <link href="/_styles/search-box.css" rel="stylesheet"> <link href="/_styles/search-info.css" rel="stylesheet"> <link href="/_styles/section.css" rel="stylesheet"> <link href="/_styles/table.css" rel="stylesheet"> <link href="/_styles/tags.css" rel="stylesheet"> <link href="/_styles/textbox.css" rel="stylesheet"> <link href="/_styles/tooltip.css" rel="stylesheet"> <link href="/_styles/util.css" rel="stylesheet"> <!-- include all css in styles folder --> <!-- third party scripts --> <script src="https://unpkg.com/@popperjs/core@2" defer></script> <script src="https://unpkg.com/tippy.js@6" defer></script> <script src="https://unpkg.com/mark.js@8" defer></script> <!-- include all js in scripts folder --> <script src="/_scripts/anchors.js"></script> <script src="/_scripts/dark-mode.js"></script> <script src="/_scripts/fetch-tags.js"></script> <script src="/_scripts/search.js"></script> <script src="/_scripts/site-search.js"></script> <script src="/_scripts/table-wrap.js"></script> <script src="/_scripts/tooltip.js"></script> </head> <body> <header class="background" style="--image: url('/images/background-radial-blur.jpg')" data-dark="true"> <a href="/" class="home"> <span class="logo"> <img src="/images/logo.png" alt="logo"> </span> </a> <input class="nav-toggle" type="checkbox" aria-label="show/hide nav"> <nav> <a href="/projects/" data-tooltip="Projects in the lab"> Projects </a> <a href="/pubs/" data-tooltip="Published works"> Publications </a> <a href="/team/" data-tooltip="Meet the team"> Team </a> <a href="/conduct/" data-tooltip="Code of Conduct"> Code of Conduct </a> <a href="/contact/" data-tooltip="Contact information"> Contact </a> </nav> </header> <main> <!-- modify main content of page: - add section breaks - attach section properties - filter out blank sections --> <section class="background" data-size="page"> <h2 id="-page-not-found"> <i class="icon fa-solid fa-heart-crack"></i> Page Not Found</h2> <p id="requested-url"></p> <script> document.addEventListener("DOMContentLoaded", function() { var path = window.location.pathname; var baseURL = 'https://archive.sulab.org'; if (path.startsWith("/wp-content")) { // redirect to archive.sulab.org var newUrl = baseURL + path; window.location.href = newUrl; } else { // display a suggested link to archive.sulab.org var requestedURL = baseURL + path; document.getElementById('requested-url').innerHTML = 'Perhaps check this link on our archive site?: <a href="' + requestedURL + '">' + requestedURL + '</a>'; } }); </script> <p class="center">Or try searching the whole site for the content you want:</p> <form onsubmit="onSiteSearchSubmit(event)"> <input type="text" name="query" placeholder="Search site with Google"> <button type="submit" class="button" aria-label="search site"> <i class="icon fa-solid fa-magnifying-glass"></i> </button> </form> </section> </main> <footer class="background" style="--image: url('/images/background.jpg')" data-dark="true" data-size="wide"> <!-- <div> Extra details like contact info or address </div> --> <div> <div class="button-wrapper"> <a class="button" href="mailto:asu@scripps.edu" data-tooltip="Email" data-style="bare" aria-label="Email"> <i class="icon fa-solid fa-envelope"></i> </a> </div> <div class="button-wrapper"> <a class="button" href="https://orcid.org/0000-0002-9859-4104" data-tooltip="ORCID" data-style="bare" aria-label="ORCID"> <i class="icon fa-brands fa-orcid"></i> </a> </div> <div class="button-wrapper"> <a class="button" href="https://scholar.google.com/citations?user=xPGhKkoAAAAJ" data-tooltip="Google Scholar" data-style="bare" aria-label="Google Scholar"> <i class="icon fa-brands fa-google"></i> </a> </div> <div class="button-wrapper"> <a class="button" href="https://github.com/sulab" data-tooltip="GitHub" data-style="bare" aria-label="GitHub"> <i class="icon fa-brands fa-github"></i> </a> </div> </div> <div> 漏 2025 The Su Lab 聽 | 聽 <a href="/handbook">Lab handbook</a> 聽 <br> Built with <a href="https://github.com/greenelab/lab-website-template"> Lab Website Template </a> </div> <!-- <input type="checkbox" class="dark-toggle" data-tooltip="Dark mode" aria-label="toggle dark mode" oninput="onDarkToggleChange(event)" > --> </footer> </body> </html>