Mercurial
view mrjunejune/test/snapshots/tools_markdown_to_html_index.html.snapshot @ 184:8c74204fd362
[MD to HTML] Updated so it can be used through readme to html
| author | MrJuneJune <me@mrjunejune.com> |
|---|---|
| date | Fri, 23 Jan 2026 22:20:35 -0800 |
| parents | 7eb79fd91c7e |
| children |
line wrap: on
line source
blic/fonts/more-sugar.extras.otf" as="font" type="font/otf" crossorigin> --> <link rel="preload" href="/public/fonts/more-sugar.regular.otf" as="font" type="font/otf" crossorigin> <link rel="preload" href="/public/fonts/more-sugar.thin.otf" as="font" type="font/otf" crossorigin> <link rel="preload" href="/public/epi_all_colors.svg" as="image"> <link rel="preload" href="/base.css" as="style" /> <link rel="stylesheet" href="/base.css" /> <link rel="preload" href="resume.css" as="style" /> <link rel="stylesheet" href="resume.css" /> </head> <body> <style> :root { --header-background: var(--white); --header-color: rgb(var(--black)); --link-hover-accent: var(--awesome); } /* Fixed icon in top left corner */ #themeToggle { position: fixed; top: 20px; left: 20px; background: var(--header-background); display: flex; align-items: center; border-radius: 50%; cursor: pointer; z-index: 1000; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.2s ease; } #themeToggle:hover { transform: scale(1.05); } /* Professional header */ header { margin: auto; padding: 1.5em 1em; font-family: "More", sans-serif; box-shadow: 0 2px 8px rgba(var(--black), 5%); width: 720px; max-width: calc(100% - 2em); text-align: center; } header h1 { margin: 0; font-size: 1.8em; font-weight: 700; letter-spacing: -0.5px; } header h1 a { text-decoration: none; color: var(--header-color); } header h1 a::before { display: none; } /* Mobile responsiveness */ @media (max-width: 720px) { #themeToggle { top: 15px; left: 15px; } header { padding: 1em; } header h1 { font-size: 1.5em; } } @media (max-width: 480px) { #themeToggle { top: 10px; left: 10px; } #themeToggle img { height: 40px; width: 40px; } header h1 { font-size: 1.3em; } } #logo { width: 300px; } /* 1. DEFINE THE DEFAULTS (Light Mode) */ :root { --logo-invert: invert(0); --epi-grayscale: grayscale(0) brightness(1); } /* 2. MANUAL DARK OVERRIDE */ html.dark { --logo-invert: invert(1); --epi-grayscale: grayscale(1); } /* 3. MANUAL LIGHT OVERRIDE */ html.light-mode { --logo-invert: invert(0); --epi-grayscale: brightness(2.9) grayscale(1); } /* 4. SYSTEM PREFERENCE */ @media (prefers-color-scheme: dark) { :root:not(.light-mode) { --logo-invert: invert(1); } } /* 5. APPLY TO ELEMENTS */ #logo { -webkit-filter: var(--logo-invert); filter: var(--logo-invert); transition: filter 0.3s ease; } .epi-logo { -webkit-filter: var(--epi-grayscale); filter: var(--epi-grayscale); transition: filter 0.3s ease; } </style> <div id="themeToggle"> <img id="epiChan" class="epi-logo" aria-label="Toggle dark mode" src="/public/epi_all_colors.svg" height="50" width="50"> </div> <header> <h1><a href="/">MrJuneJune</a></h1> </header> <script src="/index.js"></script> <main> <div class="info"> <a href="/public/resume.pdf">Download PDF</a> <hr> <p><span class="header-firstname-style"> JUNTAE </span><span class="header-lastname-style">PARK</span><p> <p class="header-position-style"> SOFTWARE ENGINEER </p> <div class="header-address-style"> Bay Area, CA, USA </div> <div class="header-social-style"> <div> <a href="tel:+016505311728">(US) 650-531-1728</a> </div> <div> <a href="tel:+014375808026">(CA) 437-580-8026</a> </div> <div> <a href="mailto:[email protected]">[email protected]</a> </div> <div> <a href="https://www.linkedin.com/in/junepark"><svg width="12" height="12" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16"> <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/> </svg> June Park </a> </div> </div> </div> <div class="sub-header"> <h2 class="section-style"> Summary </h2> <div class="line"></div> </div> <p class="paragraph-style">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. <br><br> Open to impactful work.</p> <div class="sub-header"> <h2 class="section-style"> Skills </h2> <div class="line"></div> </div> <div class="paragraph-style"> <p> <span class="entry-title-style"> Programming Languages:</span> <span class="skill-type-style"> TypeScript, Python, C/C++, Ruby, Java, MATLAB </span> </p> <p> <span class="entry-title-style">Tools & Platforms:</span> <span class="skill-type-style">Bazel, PostgresSQL, Mercurial, Git, Pands, Raylib, XCode</span> </p> <p> <span class="entry-title-style"> Web Frameworks: </span> <span class="skill-type-style"> Django, Rails, React, Flask</span> </p> <p> <span class="entry-title-style"> DevOp:</span> <span class="skill-type-style"> Plummi, Heroku, DigitalOcean, AWS, Google Cloud </span> </p> <p> <span class="entry-title-style"> Language:</span> <span class="skill-type-style"> English, Korean, Japanese </span> </p> </div> <!-- Experiences --> <div class="sub-header"> <h2 class="section-style"> Experience </h2> <div class="line"></div> </div> <div class="flex-box"> <p class="entry-title-style"> <a href="https://www.meta.com/">Meta</a> </p> <p class="entry-location-style">San Francisco, CA, USA</p> </div> <div class="flex-box"> <p class="entry-position-style">SOFTWARE ENGINEER</p> <p class="entry-date-style">Oct, 2024 - Present</p> </div> <ul class="description-style"> <li> Took initiative on Channel Value Rule, targeting the 16% of ad traffic with both app and web destinations to improve value attribution and ROI. </li> <li> Built full-stack features using React and Hack/GraphQL, contributing to scalable, production-ready systems. </li> <li> Partnered with data science to design A/B tests and analyze revenue impact of ads destination. </li> <li> Proposed and implemented alpha improvements to internal testing infrastructure, reducing test time by 50% and enhancing developer velocity. </li> </ul> <div class="flex-box"> <p class="entry-title-style"> <a href="https://www.wmg.com/">Warner Music Group</a> </p> <p class="entry-location-style">Toronto, ON, Canada</p> </div> <div class="flex-box"> <p class="entry-position-style">TECHNICAL LEAD ENGINEER</p> <p class="entry-date-style">July, 2023 - Sept, 2024</p> </div> <ul class="description-style"> <li> Implements <a href="https://bazel.build/">bazel </a>structure for the company for TypeScript and JavaScript code base for hermiticity and stablishing standards for JavaScript and </li> <li> TypeScript testing and code structures. </li> <li> Led a team of five engineers in building GraphQL endpoints for client-facing applications using Apollo and AppSync, supporting over 2000 RPS and auto scaling depending on request values. </li> <li> Improved application response times by up to 85% for graphQL response by updating database schema and SQL queries, eliminating N+1 queries and lack of indexes. </li> <li> Developed CI/CD pipelines for backend structures. </li> <li> Designed infrastructure for pub/sub, caching, and media processing logic. </li> </ul> <div class="flex-box"> <p class="entry-title-style"> <a href="https://www.google.com/">Google</a> </p> <p class="entry-location-style">Toronto, ON, Canada</p> </div> <div class="flex-box"> <p class="entry-position-style">SOFTWARE ENGINEER</p> <p class="entry-date-style">Feb, 2022 - July 2023</p> </div> <ul class="description-style"> <li> Implements and maintained new features relating to App Script across google workspace platform including Gmail, sheets, and Docs.</li> <li> Improved a response time and render time of App Script hover card components.</li> <li> Collaborated with a team of developers to ensure timely and accurate delivery of features.</li> <li> Conducted user testing and gathered feedback to iterate on features for optimal user experience.</li> </ul> <div class="flex-box"> <p class="entry-title-style"> <a href="https://www.everlywell.com/">Everlywell</a> </p> <p class="entry-location-style">Toronto, ON, Canada</p> </div> <div class="flex-box"> <p class="entry-position-style">SOFTWARE ENGINEER</p> <p class="entry-date-style">December, 2020 - Jan, 2022</p> </div> <ul class="description-style"> <li> Maintained Amazon amplify apps to create and deploy React web applications for companies such as <a href="https://brooklynnets.everlywell.com/">NBA</a>, <a href="https://tinder.everlywell.com/">Tinder</a>, and other companies for COVID-19 at-home test kits.</li> <li> Implemented a script that helps accurately access and refund unused covid test kits; helping company save up to 200,000 USD.</li> <li> Created several Rails controllers for internal purposes; mocking end to end user experience for QA, mass refund features for CX department, and more, ultimately reducing support tickets amount by 50 percent.</li> <li> Implemented an audit table to help debug problems and logged which process was responsible for the change of the record using PaperTrail gems</li> </ul> <div class="flex-box"> <p class="entry-title-style"> <a href="https://www.spiria.com/">Spiria</a> </p> <p class="entry-location-style">Oakville, ON, Canada</p> </div> <div class="flex-box"> <p class="entry-position-style">SOFTWARE ENGINEER</p> <p class="entry-date-style">October, 2018 - October, 2020</p> </div> <ul class="description-style"> <li> Constructed RESTful API endpoints in multiple different frameworks such as Django, Ruby on Rails, and Flask and automated API documentation process using swagger. </li> <li> Designed custom rake tasks for importing production data into newly updated data structure to meet client's needs. </li> <li> Maintained or updated staging/productions servers. Debugged problems in production postgres database using ssh and postgres console on Heroku or AWS servers </li> <li> Collaborated in creating automation python scripts for websites and application using selenium covering for QA eliminating 80% of QA's manual work </li> </ul> <div class="flex-box"> <p class="entry-title-style"> <a href="https://www.apexscore.ai/">Apex Score</a> </p> <p class="entry-location-style">Oakville, ON, Canada</p> </div> <div class="flex-box"> <p class="entry-position-style">SOFTWARE ENGINEER</p> <p class="entry-date-style">September, 2019 - October, 2020</p> </div> <ul class="description-style"> <li> Developed custom Shapley value regression model to calculate importance of independent variables of data sets using sklearn, pandas, and numpy. </li> <li> Created custom image uploader to Amazon s3 bucket using boto3 library. </li> <li> Built RESTful API application using Flask framework and automated extensive API documentation pages using flask-restplus, pytest, and swagger, covering 95% of the code base. </li> <li> Created an interactive graph using D3.js in Vue.js with data from Flask backend API. </li> </ul> <div class="sub-header"> <h2 class="section-style"> Education </h2> <div class="line"></div> </div> <div class="flex-box"> <p class="entry-title-style"> University of British Columbia </p> <p class="entry-location-style">Kelowna, British Columbia</p> </div> <div class="flex-box"> <p class="entry-position-style">BACHELOR OF SCIENCE IN PHYSICS</p> <p class="entry-date-style">2014 - 2018</p> </div> <div id="footer"></div> </main> <div style="display: flex; align-items: center; justify-content: center; margin: 30px 0px;"> <small>© 2026 June Park</small> </div> <script href="index.js"></script> </body> </htmlLocation: /tools/markdown_to_html