Mercurial

annotate mrjunejune/src/index.html @ 279:b3b547563ec7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add Google connector service and agent wiki Implement the C/Seobeo Google Drive and Gmail connector with encrypted OAuth storage, Zenbu authentication, browser testing, AI tool discovery, chunked HTTP decoding, and Bazel coverage. Consolidate repository guidance into progressive wiki documentation and enforce arena-first allocation for new first-party C code. Co-authored-by: Copilot <[email protected]> Copilot-Session: 84c338fd-0939-4bb3-b7f3-1062eb213e5d
author MrJuneJune <me@mrjunejune.com>
date Mon, 17 Aug 2026 22:22:36 -0700
parents c9be578316a6
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
84
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
1 <!doctype html>
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
2 <html lang="en">
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
3 <head>
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
4 <title> MrJuneJune </title>
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
5 {{//parts/base_head.html}}
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
6 <style>
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
7 .epi-photo {
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
8 display: flex;
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
9 justify-content: center;
92
655ea0b661fd [Seobeo] Added few endpoints for handling files. [Dowa] Added few functions for random number and generating uuids
June Park <parkjune1995@gmail.com>
parents: 91
diff changeset
10 margin-bottom: 10px;
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
11 }
97
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
12
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
13 .epi-photo img {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
14 max-width: 100%;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
15 height: auto;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
16 border-radius: 8px;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
17 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
18
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
19 @media (max-width: 720px) {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
20 .epi-photo {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
21 margin-bottom: 1.5em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
22 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
23
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
24 ul {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
25 padding-left: 1.5em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
26 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
27
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
28 li {
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
29 margin-bottom: 0.75em;
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
30 }
3bdfffaad162 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
June Park <parkjune1995@gmail.com>
parents: 93
diff changeset
31 }
211
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
32
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
33 #background {
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
34 position: fixed;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
35 top: 0;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
36 left: 0;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
37 width: 100%;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
38 height: 100%;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
39 pointer-events: none;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
40 z-index: 0;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
41 }
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
42
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
43 #game {
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
44 position: fixed;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
45 top: 0;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
46 left: 0;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
47 width: 100%;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
48 height: 100%;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
49 pointer-events: none;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
50 z-index: 1;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
51 cursor: default;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
52 }
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
53
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
54 #game.active {
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
55 pointer-events: auto;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
56 z-index: 100;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
57 }
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
58
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
59 #gameUI {
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
60 position: fixed;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
61 top: 10px;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
62 right: 10px;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
63 pointer-events: auto;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
64 z-index: 101;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
65 cursor: pointer;
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
66 }
256
30c2196d03d4 [site] Integrate Zenbu themes and components
MrJuneJune <me@mrjunejune.com>
parents: 239
diff changeset
67
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
68 </style>
84
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
69 </head>
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
70 <body>
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
71 {{/parts/header.html}}
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
72 <main>
237
97882baf83e7 [mrjunejune] Rewrite homepage introduction
MrJuneJune <me@mrjunejune.com>
parents: 211
diff changeset
73 <p>Hi, I am Juntae&mdash;usually June, and occasionally MrJuneJune because the domain name has committed me to the bit.</p>
84
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
74
237
97882baf83e7 [mrjunejune] Rewrite homepage introduction
MrJuneJune <me@mrjunejune.com>
parents: 211
diff changeset
75 <p>I am a Member of Technical Staff at Microsoft and an engineering leader with over 10 years of experience building products and infrastructure at Microsoft, Meta, Google, and startups. Recently, I have been working on Copilot Tasks, AI execution infrastructure, and SuperApp experiences at the kind of scale where "it worked on my machine" is not a release strategy.</p>
97882baf83e7 [mrjunejune] Rewrite homepage introduction
MrJuneJune <me@mrjunejune.com>
parents: 211
diff changeset
76
239
40fa2363fee1 [mrjunejune] Simplify homepage copy
MrJuneJune <me@mrjunejune.com>
parents: 238
diff changeset
77 <p>Below is my dog, Epi-chan. I also named the frontend repo behind the SuperApp Code and Autopilot tabs after her :P</p>
86
431df06b1a9b Fixed few things.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
78
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
79 <div class="epi-photo">
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
80 <img id="currentPhoto" style="opacity: 0; transition: opacity 0.2s;" />
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
81 </div>
86
431df06b1a9b Fixed few things.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
82
84
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
83 <h2>Links</h2>
258
60a876c4587a [ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents: 256
diff changeset
84 <ul>
60a876c4587a [ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents: 256
diff changeset
85 <li><a href="https://zenbu.babocoder.com/file/tip">Repository</a> - Check out my code</li>
60a876c4587a [ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents: 256
diff changeset
86 <li><a href="/blog">Blogs</a> - My thoughts / Experiments </li>
60a876c4587a [ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents: 256
diff changeset
87 <li><a href="/resume">Resume</a> - My professional experiences </li>
60a876c4587a [ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents: 256
diff changeset
88 <li><a href="/tools">Tools</a> - Things I made for myself </li>
60a876c4587a [ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents: 256
diff changeset
89 </ul>
211
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
90 <canvas id="background"></canvas>
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
91 <canvas id="game"></canvas>
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
92 <canvas id="gameUI"></canvas>
84
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
93 </main>
93
be91a73d801a [MrJuneJune] Updated my website.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
94 {{/parts/footer.html}}
84
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
95 </body>
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
96 <script>
211
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
97 // Epi image
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
98 let arr = Array.from({ length: 18 }, (_, i) => i+1);
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
99 function setRandomImages() {
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
100 const randomIndex = Math.floor(Math.random() * arr.length);
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
101 const pos = arr[randomIndex];
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
102 currentPhoto.src = `/public/epi-photos/webp/${pos}.webp`;
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
103 currentPhoto.onload = () => {
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
104 currentPhoto.style.opacity = "1";
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
105 };
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
106 setTimeout(() => setRandomImages(), 1000);
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
107 }
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
108 setRandomImages();
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
109 </script>
211
a6d8d32a0261 [MrJuneJune] Simple animations for darkmode.
MrJuneJune <me@mrjunejune.com>
parents: 101
diff changeset
110 <script src="/public/dog-game.js"></script>
84
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
111 </html>