helloden.github.io/index.html at master · helloden/helloden.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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>denise kwok — software engineer</title>
  <meta name="description" content="Denise Kwok, software engineer.">
  <link rel="icon" href="images/favicon.png" type="image/x-icon">
  <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=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&family=Inter:wght@400;500&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="stylesheets/style.css">
  <script>
    (function () {
      var stored = localStorage.getItem('theme');
      var theme = stored || (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
      document.documentElement.setAttribute('data-theme', theme);
    })();
  </script>
</head>
<body>

  <div class="noise"></div>

  <main class="page">

    <header class="masthead">
      <span class="tag">ENGINEERING MANAGER — BELLEVUE, WA</span>
      <!-- <span class="tag tag--dot">EST. 2015</span> -->
      <button id="theme-toggle" class="theme-toggle" type="button" aria-label="Toggle dark mode">
        <svg class="icon icon-sun" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
          <circle cx="10" cy="10" r="3.5" stroke="currentColor" stroke-width="1.4"/>
          <path d="M10 1.8V4M10 16v2.2M18.2 10H16M4 10H1.8M15.6 4.4l-1.6 1.6M6 12.4l-1.6 1.6M15.6 15.6l-1.6-1.6M6 7.6L4.4 6" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
        </svg>
        <svg class="icon icon-moon" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
          <path d="M17 11.5A7.5 7.5 0 1 1 8.5 3a6 6 0 0 0 8.5 8.5Z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/>
        </svg>
      </button>
    </header>

    <section class="hero">
      <h1><em>hello,</em><br>i'm denise.</h1>
    </section>

    <section class="body-copy">
      <p><span class="lede">01 /</span> I'm a Principal Software Engineering Manager at Microsoft, where I lead the AIOps Health & Solutions team within <a href="https://azure.microsoft.com/en-us/blog/meet-brain-the-ai-system-behind-azure-reliability/" target="_new" rel="noopener">Brain</a>, the organization behind Azure's health monitoring and reliability systems.</p>

      <p><span class="lede">02 /</span> My team builds and operates the platform that collect, process, and surface health signals powering customer experiences like <a href="https://azure.microsoft.com/en-us/services/monitor/" target="_new" rel="noopener">Azure Monitor</a>, <a href="https://docs.microsoft.com/en-us/azure/service-health/resource-health-overview" target="_new" rel="noopener">Azure Resource Health</a>, and <a href="https://docs.microsoft.com/en-us/azure/service-health/alerts-activity-log-service-notifications-portal" target="_new" rel="noopener">Activity Log Alerts</a>, while enabling cloud-scale monitoring and deployment gates across Microsoft's global cloud environments.</p>

      <p><span class="lede">03 /</span> I get excited about platforms that combine AI, developer tooling, and resilient cloud infrastructure to help engineers build, operate, deploy and scale software more effectively.</p>
    </section>

    <footer class="site-footer">
      <ul class="social-list">
        <li><a href="https://www.linkedin.com/in/kwokdenise/" target="_new" rel="noopener">LinkedIn ↗</a></li>
      </ul>
      <span class="footer-meta">© 2026</span>
    </footer>

  </main>

  <script>
    document.getElementById('theme-toggle').addEventListener('click', function () {
      var next = document.documentElement.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';
      document.documentElement.setAttribute('data-theme', next);
      localStorage.setItem('theme', next);
    });
  </script>

</body>
</html>