Skip to content

update #26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 15 commits into
base: master
Choose a base branch
from
Open

update #26

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
e6aa734
first version
Oct 3, 2017
6b844f9
update resume
Oct 4, 2017
85c7ed7
change README
Oct 4, 2017
60c206d
updated resume
Oct 22, 2017
76d9d09
update
Dec 3, 2017
d575c3f
update
Feb 5, 2018
3007ca1
adding uber
Mar 1, 2019
870c22f
Update
guanw Sep 10, 2019
a0720d6
typo
guanw Sep 11, 2019
3c15d08
add click
guanw Feb 20, 2020
43db767
update click
guanw Mar 6, 2020
4553759
add facebook as latest experience
guanw Sep 10, 2020
baddd94
update
guanw Mar 16, 2023
c26dde0
enrich
guanw Jul 20, 2023
5b1730e
update resume 12/11/24
guanw Dec 11, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 1 addition & 43 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,43 +1 @@
# html-resume
A single-page résumé template done purely with HTML and CSS, which can be rendered into PDF through web browsers' print-to-PDF functionality, making a nice, sleek, professsional and ready-to-print résumé. See my living example at: http://mnjul.net/cv/resume.pdf

As the résumé is purely typeset with HTML and CSS, it's highly customizable (e.g. if you want an "objective" section, just copy-paste a few HTML elements) and does not require proprietary software. All you need is a text editor and a web browser (see compatibility section below). Oh, maybe some intermediate CSS knowledge. And, since it's open source with Apache License, you're allowed (and encouraged!) to create your own fine-tuned template and share with others.

Find the background story of this project at [my blog] (http://blogs.purincess.tw/matrixblog/2016/04/typesetting-resume-with-html-and-css/).

# Compatibility and Known Issues/Limitations
* I have only tested this project on latest release version of Firefox (45) and Google Chrome (49) on OS X 10.11 (El Capitan).
* It's my intention to support other browsers/platforms (like IE Edge on Windows?) as long as the browser sufficiently supports the required CSS features: ``calc()``, ``var()``, ``flexbox``, ...etc, and does not require (too many) dirty tricks. PRs or comments welcome!
* **No hyperlinking functionality in rendered PDF** as browers's print-to-PDF process is merely "flattening to digital paper".
* It appears that Google Chrome doesn't show the customized bullet points for the first-column items in two-column lists as in the ``concise`` block (in the example file, the last block of the Education section). You may work around this by reverting back to using built-in ``list-style-type``, or just don't use the two-column lists.
* Other browser-specific hacks are as commented in the code.

# Fonts, Icon Fonts, and Dependencies
* [Open Sans](https://www.google.com/fonts/specimen/Open+Sans) and [Source Sans Pro](https://www.google.com/fonts/specimen/Source+Sans+Pro) are used at various weights, but are not included in this repository. Please follow the links to download the fonts onto your computer.
* Icons from [Font Awesome] (https://fortawesome.github.io/Font-Awesome/) are used and are incorporated as a git submodule in this repository.
* [Normalize.css] (https://necolas.github.io/normalize.css/) is used and is incorporated as a git submodule in this repository.

# Paper Size/Orientation
* Currently letter portrait only. PRs welcome for other paper sizes --- especially A4!

# Actually Rendering the PDF
* Again...I've only tried on the said version of Firefox & Chrome, on OS X.
* Just open the HTML file with the browser. No need to serve the document from any kind of web server --- the ``file:///`` protocol should be good enough.
* On Firefox:
* You probably need to remove any page margins in **about:config**.
* Uncheck **Ignore Scaling and Shrink To Fit Page Width**.
* Check **Print Background Colors**.
* Clear out the headers and footers.
* Save as PDF.
* On Google Chrome:
* Set **Margin** to **None**.
* Print **Background Graphics**.
* Don't print headers and footers.
* Save as PDF.

# Footnotes and License
* If you ever print out the rendered PDF, make sure texts are not clipped off, or items have not unexpectedly shrunk. Additionally, since the PDF has no margin outside the shaded sidebar, while most printers have no-print areas, the shaded sidebar probably won't fill up to the page's edge when printed.
* This project is licensed under the Apache License.
* PR, forks and other comments/suggestions are, as always, super welcome.
* Feel free to remove the ``#disclaimer`` block which links back to this repository --- but huge thanks if you decide to keep it.
* The layout/design was inspired by Paolo Zupin. Also, if anyone knows which link I should put under Mr. Zupin's name, please tell me!
Jude's resume based on mnjul/html-resume template
Binary file removed firefox_result.pdf
View file
Open in desktop
Binary file not shown.
237 changes: 237 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,237 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="dep/normalize.css/normalize.css" />
<link rel="stylesheet" type="text/css" href="dep/Font-Awesome/css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body lang="en">
<section id="main">
<header id="title">
<h1>Guan Wang</h1>
</header>
<section class="main-block concise">
<h2>
<i class="fa fa-graduation-cap"></i> Education
</h2>
<section class="blocks">
<div class="date">
<span>2016.05</span><span>2014.08</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>M.S in Computer Science</h3>
<span class="place">Carnegie Mellon University</span>
<span class="location">Language Technology Institute</span>
</header>
</div>
</section>
</section>
<section class="main-block">
<h2>
<i class="fa fa-suitcase"></i>Experiences
</h2>
<section class="blocks">
<div class="date">
<span>Present</span><span>2020.07</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Software Engineer / Tech Lead</h3>
<span class="place"><a href="https://www.meta.com/">Meta</a></span>
<span class="location">New York, NY</span>
</header>
<div>
<ul>
<li>Work across Checkout and Orders and Lead a total of 8 engineers to build and deliver high impact projects</li>
<ul>Most recent projects include:
<li>Shopify SDK checkout integration</li>
<li>Checkout reliability (Error rate, TTI, TTRC improvement)</li>
<li>Orders Hub (buyer facing surface to manage commerce orders across FB and IG app)</li>
</ul>
</ul>
</div>
</div>
</section>
<section class="blocks">
<div class="date">
<span>2020.07</span><span>2019.11</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Senior Software Engineer</h3>
<span class="place"><a href="https://www.clicktherapeutics.com/">Click Therapeutics</a></span>
<span class="location">New York, NY</span>
</header>
<div>
<ul>
<li>Developed core client-side features on anti-depression application with React Native</li>
<li>Designed Backend architecture with AWS eco-system</li>
<li>Introduced methodologies and best practices that enhance mobile build processes</li>
<li>helped guide junior team members and providing code reviews</li>
</ul>
</div>
</div>
</section>
<section class="blocks">
<div class="date">
<span>2019.11</span><span>2019.01</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Software Development Engineer II</h3>
<span class="place"><a href="https://github.com/jaegertracing/jaeger/">Uber</a></span>
<span class="location">New York, NY</span>
</header>
<div>
<ul>
<li>Worked on both internal/open source tracing system (Jaeger) in Uber Observability team</li>
<li>Built system that streamlines Jaeger backend throughput using gRPC</li>
<li>Designed and implemented internal Jaeger services into reusable modules and improve extensibility</li>
</ul>
</div>
</div>
</section>
<section class="blocks">
<div class="date">
<span>2018.12</span><span>2016.08</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Member of Technical Staff</h3>
<span class="place"><a href="https://www.oracle.com/big-data/big-data-discovery/index.html">Oracle Big Data Discovery</a></span>
<span class="location">Cambridge, MA</span>
</header>
<div>
<ul>
<li>Backend Development on Elastic Search, JSP and Jersey for Distributed Searching/Analytics.</li>
<li>D3 + Oracle Jet development for sophisticated visulization to compete with Amazon Cloud Formation</li>
</ul>
</div>
</div>
</section>
</section>
<section class="main-block">
<h2>
<i class="fa fa-folder-open"></i>Personal Projects
</h2>
<section class="blocks">
<div class="date">
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3><a href="https://github.com/guanw/DesktopAssistant">Desktop Assistant</a> (active dev)</h3>
<span class="place"><b>Keywords</b>: Swift</span>
</header>
<div>
<ul>
<li>macos desktop app that leverages groq api & llama 3.2 generative ai model and assists in daily tasks such as Q&A, notif scheduling, etc </li>
</ul>
</div>
</div>
</section>
<section class="blocks">
<div class="date">
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3><a href="https://github.com/guanw/sr">sr</a> (active dev)</h3>
<span class="place"><b>Keywords</b>: typescript, pixijs</span>
</header>
<div>
<ul>
<li>browser game capable of single/multi-avatars playing</li>
</ul>
</div>
</div>
</section>
<section class="blocks">
<div class="date">
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Diamond Price Learner</h3>
<span class="place"><b>Keywords</b>: scikit-learn, Selenium</span>
</header>
<div>
<ul>
<li>Web crawling &amp; machine learning system predicts diamond ring price</li>
<li>Crawled Blue Niles diamonds data with Selenium &amp; Python.</li>
<li>Applied Linear Regression to learn and predict diamonds price based on 5C’s.</li>
</ul>
</div>
</div>
</section>
</section>
</section>
<aside id="sidebar">
<div class="side-block" id="contact">
<h1>
Contact Info
</h1>
<ul>
<li><i class="fa fa-globe"></i> Guan Wang (Jude)</li>
<li><i class="fa fa-linkedin"></i><a href="https://www.linkedin.com/in/guanwjude/">www.linkedin.com/in/guanwjude/</a></li>
<li><i class="fa fa-github"></i><a href="https://github.com/guanw">https://github.com/guanw</a></li>
<li><i class="fa fa-envelope"></i>[email protected]</li>
</ul>
</div>
<div class="side-block" id="skills">
<h1>
Languages
</h1>
<ul>
<li>Python</li>
<li>JavaScript</li>
<li>Hack/PHP<li>
<li>Golang</li>
<li>Kotlin</li>
<li>Bash</li>
</ul>
<h1>
Technologies
</h1>
<ul>
<li>Git</li>
<li>React Native / React</li>
<li>Typescript</li>
<li>DynamoDB</li>
<li>S3</li>
<li>Thrift</li>
<li>pixi.js (game dev)</li>
<li>Node</li>
<li>D3</li>
<li>Selenium</li>
</ul>
</div>
<div class="side-block" id="contact">
<h1>
Open Source
</h1>
<ul>
<li><i class="fa fa-library"></i><a href="https://https://github.com/jaegertracing/jaeger">Jaeger</a></li>
<li><i class="fa fa-library"></i><a href="https://github.com/hashicorp/golang-lru">golang-lru</a></li>
<li><i class="fa fa-library"></i><a href="https://www.npmjs.com/package/reactjs-chord">reactjs-chord</a></li>
<li><i class="fa fa-github"></i><a href="https://github.com/ronreiter/interactive-tutorials">interactive-tutorials</a></li>
</ul>
</div>
</aside>
</body>
</html>
Loading