# HG changeset patch # User June Park # Date 1767414118 28800 # Node ID 3bdfffaad1624777a00c52c0faedc2cf020ffd52 # Parent 70401cf61e976d5dbb0ba317d63091bd1eadc3e7 [MrJuneJune] Updated so it is mobile friendly and fixed few font sizes. diff -r 70401cf61e97 -r 3bdfffaad162 mrjunejune/deploy.sh --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/mrjunejune/deploy.sh Fri Jan 02 20:21:58 2026 -0800 @@ -0,0 +1,4 @@ +bazel build //mrjunejune:mrjunejune_server_bundle +sudo mv bazel-bin/mrjunejune/mrjunejune_server_bundle /usr/local/bin/ +sudo chown mrjunejune_server:zenbu_team /usr/local/bin/mrjunejune_server_bundle +sudo chmod 750 /usr/local/bin/mrjunejune_server_bundle diff -r 70401cf61e97 -r 3bdfffaad162 mrjunejune/src/base.css --- a/mrjunejune/src/base.css Fri Jan 02 19:16:17 2026 -0800 +++ b/mrjunejune/src/base.css Fri Jan 02 20:21:58 2026 -0800 @@ -149,6 +149,8 @@ color: rgb(var(--gray-dark)); font-size: 20px; line-height: 1.7; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } main { @@ -171,19 +173,19 @@ } h1 { - font-size: 3.052em; + font-size: 2.5em; } h2 { - font-size: 2.441em; + font-size: 2em; } h3 { - font-size: 1.953em; + font-size: 1.75em; } h4 { - font-size: 1.563em; + font-size: 1.5em; } h5 { @@ -290,9 +292,67 @@ @media (max-width: 720px) { body { font-size: 18px; + line-height: 1.8; } + main { + padding: 1.5em 1em; + } + + h1 { + font-size: 2em; + } + + h2 { + font-size: 1.75em; + } + + h3 { + font-size: 1.5em; + } + + h4 { + font-size: 1.25em; + } + + h5 { + font-size: 1.1em; + } + + p { + margin-bottom: 1.25em; + } + + /* Better touch targets for mobile */ + a { + padding: 0.25em 0; + display: inline-block; + } + + button, input[type="submit"], input[type="button"] { + min-height: 44px; + padding: 0.75em 1.5em; + font-size: 1em; + } + + input, textarea, select { + font-size: 16px; /* Prevents zoom on iOS */ + } + + /* Improve blockquote readability */ + blockquote { + font-size: 1.1em; + padding: 0.5em 0 0.5em 1em; + } + + /* Better code block sizing */ + code { + font-size: 0.9em; + } + + pre { padding: 1em; + overflow-x: auto; } } diff -r 70401cf61e97 -r 3bdfffaad162 mrjunejune/src/index.html --- a/mrjunejune/src/index.html Fri Jan 02 19:16:17 2026 -0800 +++ b/mrjunejune/src/index.html Fri Jan 02 20:21:58 2026 -0800 @@ -9,6 +9,26 @@ justify-content: center; margin-bottom: 10px; } + + .epi-photo img { + max-width: 100%; + height: auto; + border-radius: 8px; + } + + @media (max-width: 720px) { + .epi-photo { + margin-bottom: 1.5em; + } + + ul { + padding-left: 1.5em; + } + + li { + margin-bottom: 0.75em; + } + } diff -r 70401cf61e97 -r 3bdfffaad162 mrjunejune/src/parts/base_head.html --- a/mrjunejune/src/parts/base_head.html Fri Jan 02 19:16:17 2026 -0800 +++ b/mrjunejune/src/parts/base_head.html Fri Jan 02 20:21:58 2026 -0800 @@ -1,3 +1,5 @@ + + diff -r 70401cf61e97 -r 3bdfffaad162 mrjunejune/src/public/resume.pdf Binary file mrjunejune/src/public/resume.pdf has changed diff -r 70401cf61e97 -r 3bdfffaad162 mrjunejune/src/resume.css --- a/mrjunejune/src/resume.css Fri Jan 02 19:16:17 2026 -0800 +++ b/mrjunejune/src/resume.css Fri Jan 02 20:21:58 2026 -0800 @@ -17,114 +17,125 @@ } .header-firstname-style { - font-size: 32pt; + font-size: 2.5rem; font-family: "Roboto Light", sans-serif; color: var(--graytext); } .header-lastname-style { - font-size: 32pt; + font-size: 2.5rem; font-family: "Roboto", sans-serif; font-weight: bold; color: var(--text); } .header-position-style { - font-size: 7.6pt; + font-size: 0.875rem; font-family: "Source Sans Pro", sans-serif; font-variant: small-caps; color: var(--awesome); + letter-spacing: 0.05em; } .header-address-style { - font-size: 8pt; + font-size: 1rem; font-family: "Roboto", sans-serif; font-style: italic; color: var(--lighttext); } .header-social-style { - font-size: 10pt; + font-size: 1.1rem; font-family: "Roboto", sans-serif; color: var(--text); + line-height: 1.6; + display: grid; + grid-template-columns: 1fr 1fr; } .header-quote-style { - font-size: 9pt; + font-size: 1rem; font-family: "Source Sans Pro", sans-serif; font-style: italic; color: var(--darktext); } .footer-style { - font-size: 8pt; + font-size: 0.875rem; font-family: "Source Sans Pro", sans-serif; font-variant: small-caps; color: var(--lighttext); } .section-style { - font-size: 16pt; + font-size: 1.5rem; font-family: "Source Sans Pro", sans-serif; font-weight: bold; color: var(--text); } .subsection-style { - font-size: 12pt; + font-size: 1.25rem; font-family: "Source Sans Pro", sans-serif; font-variant: small-caps; color: var(--text); } .paragraph-style { - font-size: 9pt; + font-size: 1rem; font-family: "Source Sans Pro Light", sans-serif; color: var(--text); + line-height: 1.6; } .entry-title-style { - font-size: 10pt; + font-size: 1.1rem; font-family: "Source Sans Pro", sans-serif; font-weight: bold; color: var(--darktext); } .entry-position-style { - font-size: 8pt; + font-size: 0.95rem; font-family: "Source Sans Pro", sans-serif; font-variant: small-caps; color: var(--graytext); + letter-spacing: 0.03em; } .entry-date-style { - font-size: 8pt; + font-size: 0.95rem; font-family: "Source Sans Pro Light", sans-serif; font-style: italic; color: var(--graytext); } .entry-location-style { - font-size: 9pt; + font-size: 1rem; font-family: "Source Sans Pro Light", sans-serif; font-style: italic; color: var(--awesome); } .description-style { - font-size: 9pt; + font-size: 1rem; font-family: "Source Sans Pro Light", sans-serif; color: var(--text); + line-height: 1.7; +} + +.description-style li { + margin-bottom: 0.75em; } .subentry-title-style { - font-size: 8pt; + font-size: 0.95rem; font-family: "Source Sans Pro", sans-serif; color: var(--graytext); } .subentry-position-style { - font-size: 7pt; + font-size: 0.875rem; font-family: "Source Sans Pro", sans-serif; font-variant: small-caps; color: var(--graytext); @@ -136,9 +147,10 @@ .honor-location-style, .skill-type-style, .skill-set-style { - font-size: 9pt; + font-size: 1rem; font-family: "Source Sans Pro", sans-serif; color: var(--graytext); + line-height: 1.6; } .letter-section-style, @@ -158,4 +170,90 @@ .flex-box { display: flex; justify-content: space-between; + gap: 1em; + flex-wrap: wrap; } + +/* Mobile responsive styles */ +@media (max-width: 720px) { + .header-firstname-style, + .header-lastname-style { + font-size: 2rem; + } + + .header-position-style { + font-size: 0.875rem; + } + + .header-address-style { + font-size: 0.95rem; + } + + .header-social-style { + font-size: 0.95rem; + line-height: 1.8; + word-break: break-word; + } + + .header-social-style p { + display: flex; + flex-direction: column; + gap: 0.5em; + } + + .header-social-style a { + display: inline-block; + padding: 0.5em 0; + } + + .section-style { + font-size: 1.35rem; + } + + .subsection-style { + font-size: 1.15rem; + } + + .paragraph-style { + font-size: 1rem; + line-height: 1.7; + } + + .entry-title-style { + font-size: 1.1rem; + } + + .entry-position-style, + .entry-date-style { + font-size: 0.95rem; + } + + .entry-location-style { + font-size: 0.95rem; + } + + .description-style { + font-size: 1rem; + line-height: 1.8; + } + + .description-style li { + margin-bottom: 1em; + } + + .flex-box { + gap: 0.5em; + } + + .sub-header { + margin-top: 2em; + } + + .info a { + padding: 0.5em; + min-height: 44px; + display: inline-flex; + align-items: center; + justify-content: center; + } +} diff -r 70401cf61e97 -r 3bdfffaad162 mrjunejune/src/resume/index.html --- a/mrjunejune/src/resume/index.html Fri Jan 02 19:16:17 2026 -0800 +++ b/mrjunejune/src/resume/index.html Fri Jan 02 20:21:58 2026 -0800 @@ -17,20 +17,21 @@ Bay Area, CA, USA
-

(US) 650-531-1728 | (CA) 437-580-8026 | parkjune1995@gmail.com | - mrjunejune - | - +

+ (US) 650-531-1728 +
+
+ (CA) 437-580-8026 +
+
+ parkjune1995@gmail.com +
+
+ - - junepark + June Park -

+
diff -r 70401cf61e97 -r 3bdfffaad162 mrjunejune/src/tools/file_converter/index.html --- a/mrjunejune/src/tools/file_converter/index.html Fri Jan 02 19:16:17 2026 -0800 +++ b/mrjunejune/src/tools/file_converter/index.html Fri Jan 02 20:21:58 2026 -0800 @@ -35,11 +35,11 @@ } input[type="file"] { - width: 50%; - padding: 0.5rem; + padding: 0.75rem; border: 2px dashed #ccc; border-radius: 4px; background: white; + font-size: 16px; } button { @@ -52,6 +52,7 @@ cursor: pointer; font-size: 1rem; margin-top: 1rem; + min-height: 44px; } button:hover { @@ -102,6 +103,36 @@ .loading.show { display: block; } + + /* Mobile responsive */ + @media (max-width: 720px) { + .container { + padding: 1rem; + margin: 1rem auto; + } + + .converter-section { + padding: 1.5rem 1rem; + } + + .converter-section h2 { + font-size: 1.5rem; + } + + .file-input-wrapper label { + font-size: 1rem; + } + + button { + font-size: 1.1rem; + padding: 1rem 1.5rem; + } + + .result { + padding: 1rem; + font-size: 1rem; + } + } diff -r 70401cf61e97 -r 3bdfffaad162 mrjunejune/src/tools/index.css --- a/mrjunejune/src/tools/index.css Fri Jan 02 19:16:17 2026 -0800 +++ b/mrjunejune/src/tools/index.css Fri Jan 02 20:21:58 2026 -0800 @@ -53,3 +53,26 @@ 70% { box-shadow: 0 0 0 10px rgba(68, 136, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(68, 136, 255, 0); } } + +/* Mobile responsive */ +@media (max-width: 720px) { + .title { + font-size: 2rem; + } + + .nav-list a { + font-size: 1.1rem; + line-height: 1.6; + } + + .nav-list li { + margin-bottom: 1.5em; + padding: 0.5em 0; + } + + .sphere { + width: 14px; + height: 14px; + margin-right: 12px; + } +} diff -r 70401cf61e97 -r 3bdfffaad162 mrjunejune/src/tools/markdown_to_html/index.css --- a/mrjunejune/src/tools/markdown_to_html/index.css Fri Jan 02 19:16:17 2026 -0800 +++ b/mrjunejune/src/tools/markdown_to_html/index.css Fri Jan 02 20:21:58 2026 -0800 @@ -24,6 +24,7 @@ .title button { margin-top: 0px; + margin-bottom: 10px; } button:hover { @@ -177,7 +178,51 @@ } @media (max-width: 768px) { + body { + padding: 10px; + font-size: 16px; + } + .container { grid-template-columns: 1fr; + gap: 15px; } + + h1 { + font-size: 1.75rem; + } + + .panel { + padding: 15px; + } + + textarea { + height: 300px; + font-size: 16px; + } + + #output { + min-height: 300px; + font-size: 1rem; + } + + button { + font-size: 1rem; + padding: 12px 20px; + min-height: 44px; + width: 100%; + } + + .title { + grid-template-columns: 1fr; + gap: 10px; + } + + .label { + font-size: 1rem; + } + + #output h1 { font-size: 1.75em; } + #output h2 { font-size: 1.5em; } + #output h3 { font-size: 1.25em; } }