clbears.github.io/log.html at main · clbears/clbears.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!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="Christopher Lam's log">
    <meta name="author" content="Christopher Lam">
    <meta name="theme-color" content="#000000">
    <meta name="robots" content="noindex">

    <title>Log - 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">

    <style>
        #log {
            margin: var(--spacing-md);
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.4vw;
            max-width: 70ch;
        }

        #log a[data-date] {
            display: block;
        }
    </style>
</head>
<body>
    <!-- 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 -->
    <a class="page-back" href="/index.html">&larr; home</a>
    <main>
        <!-- Log entries. Add a line per post; it is sorted newest-first automatically. -->
        <section id="log" aria-label="Log entries">
            <a href="/log/post.html?p=hello" data-date="2026-07-28">Ad Astra per Aspera</a>
            <a href="/log/post.html?p=flatteningOfEffect" data-date="2026-07-28">Questions</a>
        </section>
    </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>