diff --git a/README.md b/README.md index f8fb3978..5362fea4 100644 --- a/README.md +++ b/README.md @@ -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 diff --git a/firefox_result.pdf b/firefox_result.pdf deleted file mode 100644 index f3bf4f77..00000000 Binary files a/firefox_result.pdf and /dev/null differ diff --git a/index.html b/index.html new file mode 100644 index 00000000..45b07f11 --- /dev/null +++ b/index.html @@ -0,0 +1,237 @@ + + + + + + + + + +
+
+

Guan Wang

+
+
+

+ Education +

+
+
+ 2016.052014.08 +
+
+
+
+
+

M.S in Computer Science

+ Carnegie Mellon University + Language Technology Institute +
+
+
+
+
+

+ Experiences +

+
+
+ Present2020.07 +
+
+
+
+
+

Software Engineer / Tech Lead

+ Meta + New York, NY +
+
+
    +
  • Work across Checkout and Orders and Lead a total of 8 engineers to build and deliver high impact projects
    • +
      Most recent projects include: +
    • Shopify SDK checkout integration
      • +
    • Checkout reliability (Error rate, TTI, TTRC improvement)
      • +
    • Orders Hub (buyer facing surface to manage commerce orders across FB and IG app)
      • +
    +
+
+
+
+
+
+ 2020.072019.11 +
+
+
+
+
+

Senior Software Engineer

+ Click Therapeutics + New York, NY +
+
+
    +
  • Developed core client-side features on anti-depression application with React Native
    • +
  • Designed Backend architecture with AWS eco-system
    • +
  • Introduced methodologies and best practices that enhance mobile build processes
    • +
  • helped guide junior team members and providing code reviews
    • +
+
+
+
+
+
+ 2019.112019.01 +
+
+
+
+
+

Software Development Engineer II

+ Uber + New York, NY +
+
+
    +
  • Worked on both internal/open source tracing system (Jaeger) in Uber Observability team
    • +
  • Built system that streamlines Jaeger backend throughput using gRPC
    • +
  • Designed and implemented internal Jaeger services into reusable modules and improve extensibility
    • +
+
+
+
+
+
+ 2018.122016.08 +
+
+
+
+
+

Member of Technical Staff

+ Oracle Big Data Discovery + Cambridge, MA +
+
+
    +
  • Backend Development on Elastic Search, JSP and Jersey for Distributed Searching/Analytics.
    • +
  • D3 + Oracle Jet development for sophisticated visulization to compete with Amazon Cloud Formation
    • +
+
+
+
+
+
+

+ Personal Projects +

+
+
+
+
+
+
+
+

Desktop Assistant (active dev)

+ Keywords: Swift +
+
+
    +
  • 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
    • +
+
+
+
+
+
+
+
+
+
+
+

sr (active dev)

+ Keywords: typescript, pixijs +
+
+
    +
  • browser game capable of single/multi-avatars playing
    • +
+
+
+
+
+
+
+
+
+
+
+

Diamond Price Learner

+ Keywords: scikit-learn, Selenium +
+
+
    +
  • Web crawling & machine learning system predicts diamond ring price
    • +
  • Crawled Blue Niles diamonds data with Selenium & Python.
    • +
  • Applied Linear Regression to learn and predict diamonds price based on 5C’s.
    • +
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/resume.html b/resume.html deleted file mode 100644 index 0379d7a7..00000000 --- a/resume.html +++ /dev/null @@ -1,244 +0,0 @@ - - - - - - - - - -
-
-

John Doe

- Plaintiff, defendant & witness -
-
-

- Experiences -

-
-
- 2015present -
-
-
-
-
-

Some Position

- Some Workplace - (remote) -
-
-
    -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio. Vestibulum dapibus pharetra odio, egestas ullamcorper ipsum congue ac. Maecenas viverra tortor eget convallis vestibulum. Donec pulvinar venenatis est, non sollicitudin metus laoreet sed. Fusce tincidunt felis nec neque aliquet porttitor
    • -
-
-
-
-
-
- 20142015 -
-
-
-
-
-

Another Position

- Some Workplace - Some City, Some Country -
-
-
    -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
    • -
-
-
-
-
-
- 20132014 -
-
-
-
-
-

Yet Another Job Position

- Some Workplace - Some City, Some Country -
-
-
    -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
    • -
-
-
-
-
-
-

- Selected Projects -

-
-
- 20152016 -
-
-
-
-
-

Some Project 1

- Some workplace -
-
-
    -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio. Vestibulum dapibus pharetra odio, egestas ullamcorper ipsum congue ac
    • -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio
    • -
-
-
-
-
-
- 20142015 -
-
-
-
-
-

Some Project 2

- Some workplace -
-
-
    -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio. Vestibulum dapibus pharetra odio, egestas ullamcorper ipsum congue ac. Maecenas viverra tortor eget convallis vestibulum. Donec pulvinar venenatis est, non sollicitudin metus laoreet sed. Fusce tincidunt felis nec neque aliquet porttitor
    • -
-
-
-
-
-
- 2014 -
-
-
-
-
-

Some Project 3

- Some workplace -
-
-
    -
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio
    • -
-
-
-
-
-
-

- Education -

-
-
- 20092014 -
-
-
-
-
-

Ph.D. in Forty-Two Discovery

- Inexistent University - Some City, Some Country -
-
Relationship of the number with the answer to life, the universe and everything
-
-
-
-
- 20052009 -
-
-
-
-
-

LL.B. in Hæmatophagic Economics

- Inexistent University - Some City, Some Country -
-
President's Scholarship
-
-
-
-
- 20052009 -
-
-
-
-
-

B.S. in Existential Science (Double Major)

- Inexistent University - Some City, Some Country -
-
President's Scholarship
-
-
-
-
-
-
-
-
-
-

Massive Online Fee–Required Course (selective list)

-
-
-
    -
  • Introduction to something else
    • -
  • Introduction to some more useless things
    • -
  • Impractical philosophy
    • -
  • Astrology and its effects on astrology
    • -
  • Artificial politics
    • -
-
-
-
-
-
- - - \ No newline at end of file diff --git a/style.css b/style.css index e8fedee5..62695122 100644 --- a/style.css +++ b/style.css @@ -269,6 +269,12 @@ li{ clear: both; } +.details .middle{ + float: left; + position: relative; + left: 10%; +} + .details .location::before{ display: inline-block; position: relative;