{"id":5191,"date":"2009-12-31T07:17:00","date_gmt":"2009-12-31T14:17:00","guid":{"rendered":"http:\/\/css-tricks.com\/?p=5191"},"modified":"2012-04-17T21:50:20","modified_gmt":"2012-04-18T04:50:20","slug":"one-page-resume-site","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/one-page-resume-site\/","title":{"rendered":"One Page R\u00e9sum\u00e9 Site"},"content":{"rendered":"<p>A friend of mine recently sent me her r\u00e9sum\u00e9 to look over. I&#8217;m definitely not a professional job hunter but I think in these situations any extra set of eyes can help fine tune the final product. As it was, the r\u00e9sum\u00e9 was a Microsoft Word document, which in itself is fine, but it wasn&#8217;t particularly well designed. I thought, we&#8217;re going on 2010 here, we might as well take this thing to the web!<\/p>\n<p>I created a really simple design. Then I replaced all her content with good ol&#8217; C&#8217;thulu so I have a generic template I can give out to you folks. IlLLUSTRATION CREDIT: <a href=\"http:\/\/www.michaeldashow.com\/zoom\/zoom_wageslave.html\" rel=\"noopener\">Michael Dashow<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/csstricks-uploads\/onepageresume.jpg?resize=570%2C406\" width=\"570\" height=\"406\" alt=\"\" title=\"\" data-recalc-dims=\"1\" \/><\/p>\n<p><a href=\"https:\/\/css-tricks.com\/examples\/OnePageResume\/\" class=\"button\">View Demo<\/a> &nbsp; <a href=\"https:\/\/css-tricks.com\/examples\/OnePageResume.zip\" class=\"button\">Download Files<\/a><\/p>\n<p><!--more--><\/p>\n<p>Really nothing too amazing here, just a clean layout. But also:<\/p>\n<ul>\n<li>Contact information using microformats<\/li>\n<li>Main resume area using what I think is the semantically correct definition list (&lt;dl&gt;)<\/li>\n<li>Literally one page (just an index.html file, with optional images)<\/li>\n<li>Prints nicely<\/li>\n<\/ul>\n<h3>Print Preview<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/csstricks-uploads\/printresume.jpg?resize=570%2C349\" width=\"570\" height=\"349\" alt=\"\" title=\"\" data-recalc-dims=\"1\" \/><\/p>\n<p>Of course feel free to do whatever you want with it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A friend of mine recently sent me her r\u00e9sum\u00e9 to look over. I&#8217;m definitely not a professional job hunter but I think in these situations any extra set of eyes can help fine tune the final product. As it was, the r\u00e9sum\u00e9 was a Microsoft Word document, which in itself is fine, but it wasn&#8217;t [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[4],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":300744,"url":"https:\/\/css-tricks.com\/new-year-new-job-lets-make-a-grid-powered-resume\/","url_meta":{"origin":5191,"position":0},"title":"New Year, New Job? Let&#8217;s Make a Grid-Powered Resume!","date":"January 1, 2020","format":false,"excerpt":"Many popular resume designs are making the most of the available page space by laying sections out in a grid shape. Let\u2019s use CSS Grid to create a layout that looks great when printed and at different screen sizes. That way, we can use the resume online and offline, which\u2026","rel":"","context":"In &quot;Article&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/resume-wire.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":306747,"url":"https:\/\/css-tricks.com\/advice-for-writing-a-technical-resume\/","url_meta":{"origin":5191,"position":1},"title":"Advice for Writing a Technical Resume","date":"April 27, 2020","format":false,"excerpt":"Marco Rogers asked a very good question on Twitter: https:\/\/twitter.com\/polotek\/status\/1248680800305860608?s=20 I\u2019ve been on both sides of the interview table for many years now, both searching for jobs and as a hiring manager. In my years of management, I've read though thousands of applications, this article is full of suggestions gleaned\u2026","rel":"","context":"In &quot;Article&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/04\/watercolor-wireframes.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":303786,"url":"https:\/\/css-tricks.com\/seen-by-indeed\/","url_meta":{"origin":5191,"position":2},"title":"Seen by Indeed","date":"February 20, 2020","format":false,"excerpt":"Are you looking for a tech job where you clock in, or for a career where you\u2019ll be\u00a0seen? Seen by Indeed is a matching service for software engineers, product managers and other tech pros that sorts through thousands of companies -- like Twilio, Overstock, VRBO, and PayPal -- and matches\u2026","rel":"","context":"In &quot;Sponsored&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/02\/seen-by-indeed.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":301206,"url":"https:\/\/css-tricks.com\/how-to-build-your-resume-on-npm\/","url_meta":{"origin":5191,"position":3},"title":"How to Build Your Resume on npm","date":"January 2, 2020","format":false,"excerpt":"Just yesterday, Ali Churcher shared a neat way to make a resume using a CSS Grid layout. Let\u2019s build off that a bit by creating a template that we can spin up whenever we want using the command line. The cool thing about that is that you\u2019ll be able to\u2026","rel":"","context":"In &quot;Article&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/01\/laptop-resume.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2828,"url":"https:\/\/css-tricks.com\/links-this-week\/","url_meta":{"origin":5191,"position":4},"title":"Links + This Week","date":"May 25, 2009","format":false,"excerpt":"Couple of links to share this morning of my content elsewhere. The latest Ask Smashing Magazine is up with loads of questions on CSS answered by me. Also Chris Spooner interviewed me on Line 25 about my past, blogging, and getting ideas. As a quick note: I'm out on vacation\u2026","rel":"","context":"In &quot;Article&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/csstricks-uploads\/line25%2BSM.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":9572,"url":"https:\/\/css-tricks.com\/recent-bits\/","url_meta":{"origin":5191,"position":5},"title":"Recent Bits","date":"June 6, 2011","format":false,"excerpt":"I was out last week getting my bluegrass festival thing on. I'm just catching up with the ol' internet and thought I'd recap the interesting bits: Modernizr 2 is out and it has new stuff like vendor prefix testing, media query support, and better docs. Theoretically, you can kern text\u2026","rel":"","context":"In &quot;Article&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"featured_media_src_url":null,"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/5191"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=5191"}],"version-history":[{"count":9,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/5191\/revisions"}],"predecessor-version":[{"id":16811,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/5191\/revisions\/16811"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=5191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=5191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=5191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}