aboutMe.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="About Christopher Lam - Engineering Student and Designer">
    <meta name="author" content="Christopher Lam">
    <meta name="theme-color" content="#000000">

    <title>About Me - Christopher Lam</title>

    <!-- Preconnect to external resources -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <!-- Font with optimized loading -->
    <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Serif+Text:ital@0;1&family=IBM+Plex+Mono:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">

    <!-- Favicon -->
    <link rel="icon" href="/assets/images/fav.svg" type="image/svg+xml">

    <!-- Stylesheets -->
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Mobile Redirect Script -->
    <script>
        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            window.location.href = '/aboutMe_mobile.html';
        }
    </script>

    <!-- Navigation Bar -->
    <nav id="bar" role="navigation" aria-label="Main navigation">
        <a href="/photos.html">photos</a>
        <a href="/projects.html">projects</a>
        <a href="/resume.html">resume</a>
    </nav>

    <!-- Header/Letterhead -->
    <header id="letterhead">
        <a class="letterhead-name" href="/index.html" aria-label="Home"> Christopher Lam </a>
        <br>
        <a href="https://www.google.com/maps/place/San+Francisco,+CA/@37.757807,-122.5200005,12z/data=!3m1!4b1!4m6!3m5!1s0x80859a6d00690021:0x4a501367f076adff!8m2!3d37.7749295!4d-122.4194155!16zL20vMGQ2bHA?entry=ttu&g_ep=EgoyMDI0MTIxMS4wIKXMDSoASAFQAw%3D%3D"
           target="_blank"
           rel="noopener noreferrer">San Francisco California</a>
        <br>
        <a href="https://www.instagram.com/topher_lam/"
           target="_blank"
           rel="noopener noreferrer">@topher_lam</a>
        <a href="https://youtu.be/tH63sBOTIeQ"
           id="time"
           target="_blank"
           rel="noopener noreferrer"
           aria-label="Current time"></a>
        <br>
        <a href="mailto:cjlbears@gmail.com">cjlbears@gmail.com</a>
    </header>

    <!-- Main Content -->
    <main id="image_grid">
        <article id="projectList">
            <h2 style="font-weight: 800;">About me:</h2>
            <br>
            <br>
            <p>
                I like making new things. I like doing things people haven't tried before, walking places people haven't walked before.
                This seems very difficult to achieve at first glance, given the thousands of years of people who claimed all the firsts before me.
                On second glance, however, looking from the top of my dorm's dryer from which I am writing this, I can see the endless loads of work,
                effort, and time that people have put into creating our built world.
            </p>
            <br>
            <p>
                We often talk about people like Steve Jobs and his team at Apple as THE inventors, but we don't consider the people at Miele who
                created the washing machine Steve used. We don't often think about Shuji Nakamura and his dedication to creating the blue LED.
                We overlook the countless laborers, designers, architects, and teachers who made these achievements possible.
            </p>
            <br>
            <p>
                Put into this perspective, it's easier than ever to do something for the first time. Yet the world doesn't gasp when I bend a
                dining hall fork at 5 p.m. on Wednesday, August 27, at Place Vanier for the first time; they gasp when their clothes come out
                perfectly washed. That's the kind of first I want to pursue. To make a washing machine, an iPhone, or a blue LED — perched not
                only on the shoulders of giants, but on their dryers too.
            </p>
            <br>
            <br>
            <br>
            <br>
            <hr style="border: 1px solid #ddd; margin: 2em 0;">
            <br>
            <h3 style="font-weight: 800;">###### Old About me: ######</h3>
            <br>
            <br>
            <p>
                Hello, I am Christopher Lam. I have a hard time summarizing myself. The MBTI test says I'm ENTJ.
                Snapchat says I'm a Sagittarius. I say I'm Christopher Lam. I enjoy hiking, reading, and the feeling when something you made works
                out just as you expected. That would mean CS would be a dopamine-filled fest, but I always get IBM errs.
            </p>
            <br>
            <br>
            <p>
                I also like the feeling of being in a room (preferably at night) with a group of people and a problem.
                It's like the scene in the one scene in the 1995 docudrama Apollo 13. You know, the one where a group of men in white t-shirts,
                black ties, pocket protectors, and browlines stood there looking at things before someone said
                "we got to fit this into the hole for this with nothing but that," and they all went to work. Besides the vague dialogue,
                it was a pretty cool scene.
            </p>
            <br>
            <br>
            <p>If someone asks me, my interests are mainly engineering, design, hiking, reading, and writing.</p>
            <br>
            <br>
            <p>Here is some of my favorite works:</p>
            <br>
            <br>
            <section>
                <h3>### AV Nonfiction:</h3>
                <br>
                <ul style="list-style: none; padding: 0;">
                    <li>- Real Engineering (YouTube)</li>
                    <li>- Crash Course (YouTube)</li>
                    <li>- TED</li>
                    <li>- TED-Ed</li>
                    <li>- NPR</li>
                </ul>
                <br>
                <h3>### Texts:</h3>
                <br>
                <ul style="list-style: none; padding: 0;">
                    <li>- True Tales of American Life - Paul Auster</li>
                    <li>- Human Acts - Han Kang</li>
                    <li>- Nausea - Jean-Paul Sartre</li>
                    <li>- What Made Apollo a Success?</li>
                    <li>- A New Program for Graphic Design - David Reinfurt</li>
                    <li>- Psychopolitics: Neoliberalism and New Technologies of Power - Byung Chul-Han</li>
                    <li>- Existentialism is Humanism - Jean-Paul Sartre</li>
                    <li>- The Myth of Sisyphus and Other Essays - Albert Camus</li>
                    <li>- High Flight - John Gillespie Magee Jr.</li>
                    <li>- 1961 BART Engineering Report</li>
                </ul>
                <br>
                <h3>### Movies:</h3>
                <br>
                <ul style="list-style: none; padding: 0;">
                    <li>- Ikiru - Akira Kurosawa</li>
                    <li>- Drive My Car - Ryusuke Hamaguchi</li>
                    <li>- Black Panthers - Agnès Varda</li>
                    <li>- The Battle of Algiers - Gillo Pontecorvo</li>
                </ul>
                <br>
                <h3>### Art:</h3>
                <br>
                <ul style="list-style: none; padding: 0;">
                    <li>- Lot 20 Two Kennedy Administration Cabinet Room Chairs - Danh Vo</li>
                    <li>- The Visitors - Ragnar Kjartansson</li>
                </ul>
                <br>
                <h3>### Music</h3>
                <br>
                <p>
                    <a href="https://open.spotify.com/user/gn2jgkvepnxoosoobhvnbt16z?si=6fd42ea2931243d8"
                       target="_blank"
                       rel="noopener noreferrer">My Spotify Profile</a>
                </p>
            </section>
        </article>
    </main>

    <!-- Footer -->
    <footer>
        &copy; 2026 Christopher Lam. <a class="motto-link" href="/log.html">Ad Astra per Aspera</a>
    </footer>

    <!-- JavaScript -->
    <script src="/js/main.js"></script>
</body>
</html>