Last active
June 10, 2021 23:08
-
-
Save ultimape/4509098 to your computer and use it in GitHub Desktop.
I developed a 1-page resume completely out of HTML and CSS by hand. Can be viewed live @ http://praetorlabs.com/profile/nperry/resume/ Features include: it looks like a piece of paper when viewed in a modern browser, and it prints out on one sheet. It also has open-graph meta tags so it shows up correctly when shared on social networks. It valid…
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<!-- | |
One Page HTML/CSS resume design, copyright 2014 Nicholas Perry. | |
Structure and design of HTML and CSS released under Creative Commons Attribution-ShareAlike 3.0 Unported License http://creativecommons.org/licenses/by-sa/3.0/deed.en_US | |
Personal Content is used as exmaple, but is not licensed for re-use, please update all content (including meta tags) before republish/reuse. | |
For inquerys, contact nicholas.t.perry at gmail.com and refer to this gist: https://gist.github.com/4509098. | |
Please do not remove this copyright notice and include a note on modifications if you choose to use this for your own resume. | |
--> | |
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"> | |
<title>Nicholas T. Perry: Computer Engineer - Résumé</title> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1"> | |
<!-- The Meta X-UA-Compatible must appear immediately after the title tag within the head due to an ie bug --> | |
<meta charset="utf-8"> | |
<meta name="description" content="Résumé version 4.0, Active Date: 2014-06-07" /> | |
<meta name="author" content="Nicholas T. Perry" /> | |
<meta http-equiv="content-language" content="en-us"> | |
<meta http-equiv="content-type" content="text/html; charset=utf-8"> | |
<meta name="copyright" content="©2014 Nicholas perry"> | |
<meta property="og:title" content="Nicholas T Perry : Computer Engineer - Resume"/> | |
<meta property="og:image" content="https://secure.gravatar.com/avatar/9a6b3d9b89f333cafea1392f1762d478?s=200.png"/> | |
<meta property="og:url" content="http://praetorlabs.com/profile/nperry/resume/nperry_resume.html"/> | |
<meta property="og:site_name" content="Praetor Laboratories"/> | |
<meta property="og:type" content="website"/> | |
<meta property="og:description" content="Nicholas Perry is a Computer Engineer living at 'The L.A.B.' in South Burlington, VT. He loves programming. You should hire him."> | |
<meta name="viewport" content="width=device-width, user-scalable=yes"> | |
<link rel="shortcut icon" type="image/ico" href="./img/pl_favicon.ico"/> | |
<link media="screen" rel="stylesheet" type="text/css" href="./resume-screen.css" /> | |
<link media="print" rel="stylesheet" type="text/css" href="./resume-print.css" /> | |
<link rel="stylesheet" type="text/css" href="./resume-general.css" /> | |
</head> | |
<body> | |
<div id="page"> | |
<span id="pdf-link"><a href="./nperry_resume.pdf">View as PDF</a></span> | |
<div id="page_header"> | |
<h1 id="page_title">Nicholas T. Perry</h1> | |
</div> | |
<div id="contact_info"> | |
<h3>Contact:</h3> | |
<table id="contact_table"> | |
<tr id="email"> | |
<th>Email: </th> | |
<td>No longer used</td> | |
</tr> | |
<tr id="phone_number"> | |
<th>Phone: </th> | |
<td>Out of service</td> | |
<tr id="address"> | |
<th>Address: </th> | |
<td>Moved</td> | |
</tr> | |
</table> | |
<div id="html-note">This resume is 100% handcrafted HTML & CSS<br/>Source: <a id="source-link" href="http://goo.gl/mDW8ad">http://goo.gl/mDW8ad</a> (GitHub)</div> | |
</div> | |
<div class="section first-section"> | |
<h2 class="section_title"> Career Objective:</h2> | |
<p>Seeking to contribute to an agile web development team.</p> | |
</div> | |
<div class="section"> | |
<h2 class="section_title">Education:</h2> | |
<ul> | |
<li><strong>Vermont Technical College</strong> (VTC) | |
<ul> | |
<li>B.S. in <em>Computer Engineering</em> – 3.0 GPA</li> | |
<li>Currently awaiting diploma – <em>requirements met December 2009</em></li> | |
</ul> | |
</li> | |
<li><strong>Vermont Academy of Science & Technology</strong> (VAST) – Graduate 2005 with <em>honors</em> | |
</li> | |
</ul> | |
</div> | |
<div class="section"> | |
<h2 class="section_title">Skills / Qualifications:</h2> | |
<p>An appetite for knowledge in all programming and related endeavors.</p> | |
<p>Self motivated. Curious and willing to learn.</p> | |
<ul> | |
<li><h3>Programming experience:</h3> | |
<ul> | |
<li><div class="language-class">General:</div><em>C, C++, C#, Perl 5, Java 6, Scala, SQL, minor Ada</em></li> | |
<li><div class="language-class">Web:</div><em>HTML/XHTML, CSS, JavaScript & jQuery, minor PHP</em></li> | |
<li><div class="language-class">Markup:</div><em>XML, XPath, XSLT, Markdown</em></li> | |
<li><div class="language-class">Hardware:</div><em>Assembly (Intel, PIC, and Motorola), VHDL, Verilog</em></li> | |
<li><div class="language-class">Niche:</div><em>Batch and Shell Scripting, Powershell, Lua and others</em></li> | |
</ul> | |
<ul> | |
<li>Object Oriented & Functional Programming</li> | |
<li>Network, System Level, and Parallel Programming</li> | |
<li>Concurrent, Real-Time, and Embedded Systems</li> | |
</ul> | |
</li> | |
<li><h3>Software proficiency:</h3> | |
<ul> | |
<li>Windows/Linux system administration</li> | |
<li>LAMP and Tomcat server administration <em>(Linux, Apache 2, MySQL, Perl)</em></li> | |
<li>Adobe Photoshop and Illustrator</li> | |
<li>Various environments, IDEs, and tools <em>(Eclipse, Visual Studio, Code::Blocks, Emacs, Subversion</em>)</li> | |
<li>MS-Office programs (<em>Word, Excel, OneNote, Outlook</em>), 60wpm typing speed</li> | |
</ul> | |
</li> | |
<li><h3></h3> | |
<ul> | |
<li class="hidden">Driven to produce high quality code with a focus on useful documentation.</li> | |
<li class="hidden">An understanding of principles and management issues pertaining to design, software development, and related workflows.</li> | |
</ul> | |
</li> | |
</ul> | |
</div> | |
<div class="section"> | |
<h2 class="section_title">Work Experience:</h2> | |
<ul> | |
<li><h3 class="job-summary"><strong>Co-Founder / Lead Designer, <em>Praetor Laboratories</em></strong></h3> – October '10 - Current <script id="PL-Calc-Duration" type="text/javascript"> | |
/* quick and dirty way to automatically recalculate the duration at PL - because I am too lazy to update it. */ | |
/* "I choose a lazy person to do a hard job. Because a lazy person will find an easy way to do it." - Bill Gates */ | |
/* calculate the difference*/ | |
var startDate = new Date("10/1/2010"); | |
var currentDate = new Date(); | |
var diffYears = (currentDate - startDate) / (1000 * 60 * 60 * 24 * 365.242199); | |
/* replace this script tag */ | |
var script_tag = document.getElementById("PL-Calc-Duration"); | |
var parent_tag = script_tag.parentNode; | |
/* add date if it is calculatable + sanity check for valid date*/ | |
var textReplace = document.createTextNode(""); // default to empty string | |
if ( !isNaN(diffYears) | |
&& isFinite(diffYears) | |
&& (currentDate > (new Date("6/11/2014"))) //sanity check: it ought to be a date after yesterday | |
) { | |
textReplace = document.createTextNode("("+diffYears.toFixed(2)+" years)"); | |
} | |
parent_tag.replaceChild(textReplace,script_tag); | |
console.info("Duration calculator: Script element replaced with: "+textReplace.nodeValue); | |
</script> | |
<ul> | |
<li>Praetor Laboratories is a private incubator to fund and grow hobby projects in our spare time.</li> | |
<li>It keep our skills sharp, fosters an entrepreneurial ethos, and lets us collaborate effectively.</li> | |
<li>Projects include: robotics, private clouds, game development, and web-app creation.</li> | |
</ul> | |
</li> | |
<li><h3 class="job-summary"><strong>Software Engineer, <em>Systems & Software Inc.</em></strong></h3> – February '13 - November '13 (9 months) | |
<ul> | |
<li><em>Development and support of industry leading Customer Information Systems (CIS), Utility Billing Solutions and Financial Management Software (FMS). | |
Technology included legacy systems (COBOL, AIX, CVS) and more modern web platforms (GWT, ICEfaces, and XHTML/CSS).</em></li> | |
</ul> | |
</li> | |
<li><h3 class="job-summary"><strong>Service Desk Technician, <em>All-Access Infotech LLC.</em></strong></h3> – September '11 - August '12 (1 year) | |
<ul> | |
<li><em>Remote management and IT support for a large number of businesses in the northeast kingdom. Roles included domain administration, desktop support duties, and ticket resolution.</em></li> | |
</ul> | |
</li> | |
<li><h3 class="job-summary"><strong>IT Helpdesk Technician, <em>VTC Information Technology</em></strong></h3> – Spring '07 - Fall '09 (2.5 years) | |
<ul> | |
<li><em>Tech-support including: Windows systems maintenance, networking, and computer repair. | |
Worked within a demanding college environment serving 1,800+ students and 100+ faculty/staff.</em></li> | |
</ul> | |
</li> | |
</ul> | |
</div> | |
<!-- <div class="section"> | |
<h2 class="section_title">Project Experience:</h2> | |
<ul> | |
<li><strong>smartHAuS</strong> – Intelligent H.ome Au.tomation S.ystem | |
<ul> | |
<li>Lead and managed a cutting edge team project (via Senior Project coursework).</li> | |
<li>Full project lifecycle from initial design to hardware/software implementation.</li> | |
<li>Complete with documentation and a user manual.</li> | |
<li>Presented to a public audience in spring of '09.</li> | |
</ul> | |
</li> | |
</ul> | |
</div> | |
--> | |
<!-- <div class="section"> \\ CANDIDATE FOR REMOVAL | |
<h2 class="section_title">Extra Curricular:</h2> | |
<ul> | |
<li><strong>Co-Founder / Lead Designer, <em>Praetor Laboratories</em></strong> – October '10 - Current | |
<ul> | |
<li>Praetor Labs acts as a private incubator for all the projects we want to work on.</li> | |
<li>We are attempting to become a lean startup and make an impact on the local community.</li> | |
<li>Projects include: robotics, private clouds, video game development, and web-app creation.</li> | |
</ul> | |
</li> | |
<li><strong>Vice President, VTC's Adventurer's Guild</strong> – (club) Fall '09 | |
<ul> | |
<li>Managed and ran weekly events attracting upwards of 40 people.</li> | |
<li>Personally spearheaded the documentation of club procedure and processes for future officers.</li> | |
<li>Helped to run regular meetings and orchestrate the direction of the club and events.</li> | |
<li>Performed other duties including acquisition/inventory, finance management, and marketing.</li> | |
</ul> | |
</li> | |
</ul> | |
</div> --> | |
</div> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
One Page HTML/CSS resume design, copyright 2014 Nicholas Perry. | |
Structure and design of HTML and CSS released under Creative Commons Attribution-ShareAlike 3.0 Unported License http://creativecommons.org/licenses/by-sa/3.0/deed.en_US | |
Personal Content is used as exmaple, but is not licensed for re-use, please update all content (including meta tags) before republish/reuse. | |
For inquerys, contact nicholas.t.perry at gmail.com and refer to this gist: https://gist.github.com/4509098. | |
Please do not remove this copyright notice and include a note on modifications if you choose to use this for your own resume. | |
*/ | |
/* page setup */ | |
body { | |
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size:11pt; | |
} | |
.hidden { | |
display:none; | |
} | |
* { | |
text-size-adjust:100%; | |
-webkit-text-size-adjust: 100%; | |
-ms-text-size-adjust: 100%; | |
-moz-text-size-adjust: 100%; | |
} | |
/* general element styles */ | |
h1,h2,h3,h4,h5,h6{ | |
margin:0; | |
margin-top:0.2em; | |
margin-bottom:0ex; | |
font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; | |
} | |
p { | |
margin:0 0 0 0.5em; | |
} | |
#pdf-link { | |
display:block; | |
text-align:right; | |
width:7in; | |
margin: 0 auto; | |
margin-bottom:-3em; | |
margin-top: -3.00em; | |
padding-right:0.5in; | |
position:absolute; | |
} | |
/* Page */ | |
#page_body { | |
float:left; | |
} | |
/* Title */ | |
#page_title { | |
margin-top:0; | |
margin-bottom:1ex; | |
padding-bottom:0.2ex; | |
border-bottom:1px solid black; | |
} | |
#page_header { | |
float:left; | |
width:64%; | |
border-right: 1px solid black; | |
} | |
/* Contact Box */ | |
#contact_info { | |
width:35%; | |
float:right; | |
} | |
#contact_table { | |
margin:0; | |
padding-left:0.2em; | |
padding-bottom:0.2em; | |
border-spacing:0; | |
border-bottom:1px solid black; | |
font-size:smaller; | |
} | |
#contact_table th { | |
text-align:right; | |
font-weight:normal; | |
color:grey; | |
} | |
#contact_table td { | |
padding-left:0.5em; | |
} | |
#contact_table td, | |
#contact_table th { | |
vertical-align:top; | |
} | |
#html-note { | |
font-size:0.75em; | |
margin:0.2em auto; | |
width: 93%; | |
text-align:right; | |
} | |
/* Sections */ | |
.section { | |
width:100%; | |
clear:left; | |
} | |
.first-section { | |
clear:left; | |
width:62%; | |
} | |
h3.job-summary { | |
display:inline; | |
font-weight:normal; | |
} | |
/* list styles */ | |
ul { | |
/*list-style-position:outside;*/ | |
margin:0 0 0 2em; | |
padding: 0; | |
} | |
div > ul > li { | |
list-style-type:none; | |
} | |
ul li { | |
list-style-type:none; | |
} | |
.language-class { | |
width: 5.186em; | |
float:left; | |
} | |
.language-class + em { | |
} | |
.description { | |
font-style:italic; | |
} | |
ul table { | |
margin:0; | |
padding:0; | |
border-spacing:0; | |
} | |
ul th,ul td { | |
margin:0; | |
padding:0; | |
} | |
ul th { | |
text-align:left; | |
font-weight:normal; | |
} | |
ul td { | |
padding-left:0.5em; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
One Page HTML/CSS resume design, copyright 2014 Nicholas Perry. | |
Structure and design of HTML and CSS released under Creative Commons Attribution-ShareAlike 3.0 Unported License http://creativecommons.org/licenses/by-sa/3.0/deed.en_US | |
Personal Content is used as exmaple, but is not licensed for re-use, please update all content (including meta tags) before republish/reuse. | |
For inquerys, contact nicholas.t.perry at gmail.com and refer to this gist: https://gist.github.com/4509098. | |
Please do not remove this copyright notice and include a note on modifications if you choose to use this for your own resume. | |
*/ | |
#pdf-link { | |
display:none; | |
margin-bottom:0; | |
} | |
#source-link { | |
color:black; | |
text-decoration: none; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
One Page HTML/CSS resume design, copyright 2014 Nicholas Perry. | |
Structure and design of HTML and CSS released under Creative Commons Attribution-ShareAlike 3.0 Unported License http://creativecommons.org/licenses/by-sa/3.0/deed.en_US | |
Personal Content is used as exmaple, but is not licensed for re-use, please update all content (including meta tags) before republish/reuse. | |
For inquerys, contact nicholas.t.perry at gmail.com and refer to this gist: https://gist.github.com/4509098. | |
Please do not remove this copyright notice and include a note on modifications if you choose to use this for your own resume. | |
*/ | |
body { | |
background:grey; | |
margin:0.15in; | |
padding:0; | |
} | |
#page { | |
width:7.0in; /* effectively 8.5 inches after padding */ | |
height:9.5in; /* effectively 11.0 inches after padding */ | |
overflow:visible; | |
padding:0.75in; | |
margin-left:auto; | |
margin-right:auto; | |
background:white; | |
} |
Thank you sparr for noticing that spelling mistake!
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Fork at https://gist.github.com/sparr/5460746 to fix a pervasive spelling mistake