annotate mrjunejune/src/index.html @ 93:be91a73d801a

[MrJuneJune] Updated my website.
author June Park <parkjune1995@gmail.com>
date Fri, 02 Jan 2026 18:02:22 -0800
parents 655ea0b661fd
children 3bdfffaad162
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 }
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
12 </style>
84
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
13 </head>
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
14 <body>
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
15 {{/parts/header.html}}
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
16 <main>
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
17 <p>Hi, my name is Juntae, but most people call me June or MrJuneJune.</p>
84
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
18
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
19 <p>I am a software engineer with experience spanning a wide range of companies, from small startups to FAANGs....</p>
86
431df06b1a9b Fixed few things.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
20 <p>I know it is lame to work for them, but I have a dog so I need to put foods on my table.</p>
431df06b1a9b Fixed few things.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
21
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
22 <div class="epi-photo">
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
23 <img id="currentPhoto" style="opacity: 0; transition: opacity 0.2s;" />
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
24 </div>
86
431df06b1a9b Fixed few things.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
25
93
be91a73d801a [MrJuneJune] Updated my website.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
26 <p>During my free time, I like to write codes mostly in C, Python, and Typescript. All in mono repo styles using mercurial and bazel. (I know that is mentally ill...)</p>
be91a73d801a [MrJuneJune] Updated my website.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
27 <p>Feel free to check it out. My bad code..</p>
84
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
28
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
29 <h2>Links</h2>
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
30 <ul>
93
be91a73d801a [MrJuneJune] Updated my website.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
31 <li><a href="https://zenbu.babocoder.com/file/tip">Repository</a> - Check out my monorepo code</li>
86
431df06b1a9b Fixed few things.
June Park <parkjune1995@gmail.com>
parents: 84
diff changeset
32 <li><a href="/resume">Resume</a> - My professional experiences </li>
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
33 <li><a href="/tools">Tools</a> - Tools </li>
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
34 <!-- <li><a href="/blogs">Blogs</a> - Personal Blogs where I rant </li> -->
93
be91a73d801a [MrJuneJune] Updated my website.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
35 </ul>
84
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
36 </main>
93
be91a73d801a [MrJuneJune] Updated my website.
June Park <parkjune1995@gmail.com>
parents: 92
diff changeset
37 {{/parts/footer.html}}
84
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
38 </body>
91
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
39 <script>
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
40 let arr = Array.from({ length: 18 }, (_, i) => i+1);
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
41 function setRandomImages() {
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
42 const randomIndex = Math.floor(Math.random() * arr.length);
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
43 const pos = arr[randomIndex];
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
44 currentPhoto.src = `/public/epi-photos/webp/${pos}.webp`;
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
45 currentPhoto.onload = () => {
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
46 currentPhoto.style.opacity = "1";
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
47 };
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
48 setTimeout(() => setRandomImages(), 1000);
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
49 }
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
50 setRandomImages();
19cccf6e866a Added Epi photo reels.
June Park <parkjune1995@gmail.com>
parents: 86
diff changeset
51 </script>
84
bcc76a156aea Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
52 </html>