# HG changeset patch # User June Park # Date 1767284626 28800 # Node ID d55157451947b2c1bfee1bcde8dc49be4cc1aa34 # Parent 5710108c949e8b26d2d2b4defd9674f3c1f01a20 [MrJuneJune] Updating my homepage. diff -r 5710108c949e -r d55157451947 mrjunejune/main.c --- a/mrjunejune/main.c Thu Jan 01 05:57:03 2026 -0800 +++ b/mrjunejune/main.c Thu Jan 01 08:23:46 2026 -0800 @@ -41,6 +41,7 @@ size_t sub_file_size = 0; char *sub_content = Seobeo_Web_LoadFile(include_name, &sub_file_size); + printf("sub_content %s", sub_content); if (sub_content) { memcpy(final_body + current_offset, sub_content, sub_file_size); @@ -57,7 +58,7 @@ Seobeo_Request_Entry* GetHomePage(Seobeo_Request_Entry *req, Dowa_Arena *arena) { Seobeo_Request_Entry *resp = NULL; - char *final_body = Dowa_Arena_Allocate(arena, 50 * 1024); // 50KB buffer + char *final_body = Dowa_Arena_Allocate(arena, 50 * 1024); Seobeo_ServerSideRender(final_body, "/index.html", arena); Dowa_HashMap_Push_Arena(resp, "body", final_body, arena); return resp; diff -r 5710108c949e -r d55157451947 mrjunejune/pages/base.css --- a/mrjunejune/pages/base.css Thu Jan 01 05:57:03 2026 -0800 +++ b/mrjunejune/pages/base.css Thu Jan 01 08:23:46 2026 -0800 @@ -60,14 +60,12 @@ src: url("/fonts/atkinson-regular.woff") format("woff"); font-weight: 400; font-style: normal; - font-display: swap; } @font-face { font-family: "Atkinson"; src: url("/fonts/atkinson-bold.woff") format("woff"); font-weight: 700; font-style: normal; - font-display: swap; } /* Fonts */ @font-face { @@ -98,6 +96,7 @@ font-size: 20px; line-height: 1.7; } + main { background: var(--white); width: var(--main-width); @@ -105,6 +104,7 @@ margin: auto; padding: 1em 1em; } + h1, h2, h3, @@ -257,3 +257,38 @@ transform: scale(1.1); box-shadow: 0 4px 12px rgba(0,0,0,0.3); } + +a { + text-decoration: underline; +} + +a::before { + content: ""; + display: inline-block; + width: 1em; + height: 1em; + margin-right: 8px; + vertical-align: middle; + + /* This treats the paw like a stencil */ + background-color: #FF69B4; /* Change your color here! (e.g., Hot Pink) */ + -webkit-mask: url('/public/paw.svg') no-repeat center; + mask: url('/public/paw.svg') no-repeat center; + + /* Your 2D Animation */ + animation: pawStep 0.6s ease-out forwards; +} + +@keyframes pawStep { + 0% { transform: scale(0); opacity: 0; } + 100% { transform: scale(1); opacity: 1; } +} + +a:hover::before { + animation: wiggle 0.4s ease-in-out infinite; +} + +@keyframes wiggle { + 0%, 100% { transform: rotate(-15deg); } + 50% { transform: rotate(15deg); } +} diff -r 5710108c949e -r d55157451947 mrjunejune/pages/index.html --- a/mrjunejune/pages/index.html Thu Jan 01 05:57:03 2026 -0800 +++ b/mrjunejune/pages/index.html Thu Jan 01 08:23:46 2026 -0800 @@ -1,17 +1,28 @@ + + + + + + - + {{/parts/header.html}}
- {{/parts/header.html}} -

Useful scripts

+ +

Hi, my name is Juntae Park. Most people call me June irl or MrJuneJune online. I am a software engineer who codes for fun on my off time.

+

If you want to check out what I have done professionally, you can read my resume

+

If you want to check out what I code on my off time, you can check out my mercurial repo. All my codes are MIT License and free to share / use.

+

If you care about my thoughts on programming, you can read my blogs.

+ +

Below are links I used for my own productivity reasons.

+ diff -r 5710108c949e -r d55157451947 mrjunejune/pages/index.js --- a/mrjunejune/pages/index.js Thu Jan 01 05:57:03 2026 -0800 +++ b/mrjunejune/pages/index.js Thu Jan 01 08:23:46 2026 -0800 @@ -14,49 +14,37 @@ const root = document.documentElement; if (preference === 'light') { + root.classList.remove('dark', 'auto'); root.classList.add('light-mode'); - root.classList.remove('dark'); } else if (preference === 'dark') { - root.classList.remove('light-mode'); + root.classList.remove('light-mode', 'auto'); root.classList.add('dark'); } else { // Auto - remove manual overrides and let CSS media query handle it root.classList.remove('light-mode', 'dark'); + root.classList.add('auto'); } } -function populateHeader() -{ - fetch("/parts/headers.html") - .then(res => res.text()) - .then(headerHTML => { - const range = document.createRange(); - const fragment = range.createContextualFragment(headerHTML); - header.appendChild(fragment); - - const toggle = document.querySelector('#themeToggle'); - if (!toggle) return; - - toggle.addEventListener('click', function() { - let preference = getThemePreference(); - - // Cycle through: auto -> light -> dark -> auto - if (preference === 'auto') { - preference = 'light'; - } else if (preference === 'light') { - preference = 'dark'; - } else { - preference = 'auto'; - } - - localStorage.setItem(STORAGE_KEY, preference); - applyTheme(preference); - }); - }); -} -populateHeader(); - (function() { const currentPreference = getThemePreference(); applyTheme(currentPreference); })(); + +/* Toggle lights auto and dark */ +const toggle = document.querySelector('#themeToggle'); +toggle.addEventListener('click', function() { + let preference = getThemePreference(); + + // Cycle through: auto -> light -> dark -> auto + if (preference === 'auto') { + preference = 'light'; + } else if (preference === 'light') { + preference = 'dark'; + } else { + preference = 'auto'; + } + + localStorage.setItem(STORAGE_KEY, preference); + applyTheme(preference); +}); diff -r 5710108c949e -r d55157451947 mrjunejune/pages/parts/header.html --- a/mrjunejune/pages/parts/header.html Thu Jan 01 05:57:03 2026 -0800 +++ b/mrjunejune/pages/parts/header.html Thu Jan 01 08:23:46 2026 -0800 @@ -1,26 +1,3 @@ -
- -
+
+ +
+ + diff -r 5710108c949e -r d55157451947 mrjunejune/pages/resume/index.html --- a/mrjunejune/pages/resume/index.html Thu Jan 01 05:57:03 2026 -0800 +++ b/mrjunejune/pages/resume/index.html Thu Jan 01 08:23:46 2026 -0800 @@ -1,7 +1,8 @@ - + {{/parts/base_head.html}} + @@ -9,12 +10,12 @@

JUNTAE PARK

-

FULL STACK DEVELOPER · SOFTWARE ENGINEER

+

SOFTWARE ENGINEER

Bay Area, CA, USA
-

Software Engineer with 8 years of hands-on experience across diverse tech stacks, from early-stage startups to FANG-scale systems. Adept in designing and delivering robust software solutions using modern languages, frameworks, and cloud platforms. Open to impactful work.

+

Software Engineer with 9 years of hands-on experience across diverse tech stacks, from early-stage startups to FANG-scale systems. Adept in designing and delivering robust software solutions using modern languages, frameworks, and cloud platforms.

Open to impactful work.

Skills

@@ -44,7 +45,7 @@

Programming Languages: - TypeScript, Python, C++/C, Ruby, Java, MATLAB + TypeScript, Python, C/C++, Ruby, Java, MATLAB

Tools & Platforms: @@ -79,20 +80,20 @@

SOFTWARE ENGINEER

-
    -
  • - Took initiative on Channel Value Rule, targeting the 16% of ad traffic with both app and web destinations to improve value attribution and ROI. -
  • -
  • - Built full-stack features using React and Hack/GraphQL, contributing to scalable, production-ready systems. -
  • -
  • - Partnered with data science to design A/B tests and analyze revenue impact of ads destination. -
  • -
  • - Proposed and implemented alpha improvements to internal testing infrastructure, reducing test time by 50% and enhancing developer velocity. -
  • -
+
    +
  • + Took initiative on Channel Value Rule, targeting the 16% of ad traffic with both app and web destinations to improve value attribution and ROI. +
  • +
  • + Built full-stack features using React and Hack/GraphQL, contributing to scalable, production-ready systems. +
  • +
  • + Partnered with data science to design A/B tests and analyze revenue impact of ads destination. +
  • +
  • + Proposed and implemented alpha improvements to internal testing infrastructure, reducing test time by 50% and enhancing developer velocity. +
  • +

Warner Music Group diff -r 5710108c949e -r d55157451947 mrjunejune/pages/tools/index.css --- a/mrjunejune/pages/tools/index.css Thu Jan 01 05:57:03 2026 -0800 +++ b/mrjunejune/pages/tools/index.css Thu Jan 01 08:23:46 2026 -0800 @@ -1,11 +1,3 @@ -body { - line-height: 1.6; - padding: 20px; - max-width: 1200px; - margin: 0 auto; - background: rgb(var(--gray-light)); -} - .title { color: var(--darkgray); } diff -r 5710108c949e -r d55157451947 mrjunejune/pages/tools/index.html --- a/mrjunejune/pages/tools/index.html Thu Jan 01 05:57:03 2026 -0800 +++ b/mrjunejune/pages/tools/index.html Thu Jan 01 08:23:46 2026 -0800 @@ -1,8 +1,7 @@ - - + {{/parts/base_head.html}} diff -r 5710108c949e -r d55157451947 mrjunejune/pages/tools/markdown_to_html/index.html --- a/mrjunejune/pages/tools/markdown_to_html/index.html Thu Jan 01 05:57:03 2026 -0800 +++ b/mrjunejune/pages/tools/markdown_to_html/index.html Thu Jan 01 08:23:46 2026 -0800 @@ -4,7 +4,7 @@ Markdown to HTML Converter - + {{/parts/base_head.html}}