Removed obsolete resume.html, updated styles to look better for printing

This commit is contained in:
Lani Aung
2013-02-07 15:46:27 -08:00
parent a9588d52f9
commit 51ce75d7cb
5 changed files with 22 additions and 122 deletions
-120
View File
@@ -1,120 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<title>Lani Aung</title>
<meta charset="utf-8">
<meta name="description" content="The resume of Lani Aung, java and web developer">
<meta name="keywords" content="java,web,developer,resume" />
<meta name="author" content="Lani Aung">
<link href="http://fonts.googleapis.com/css?family=Amethysta|Fjalla+One" rel="stylesheet" type="text/css">
<link href="stylesheets/reset.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="stylesheets/font-awesome.min.css">
<!--[if IE 7]>
<link rel="stylesheet" href="stylesheets/font-awesome-ie7.min.css">
<![endif]-->
<link href="stylesheets/screen.css" rel="stylesheet" type="text/css">
<link href="stylesheets/print.css" rel="stylesheet" type="text/css" media="print">
</head>
<body>
<article id="resume">
<header class="vCard">
<h1 title="Also known as Ulanda S. Aung" class="fn">Lani S. Aung</h1>
<h2>Java &amp; Web Developer</h2>
<hr>
<section id="contact-details">
<div class="address adr">
<i class="icon-circle-blank"></i> <span class="locality">Irvine</span>, <abbr class="region" title="California">CA</abbr>
</div>
<div class="divider">|</div>
<div class="email">
<i class="icon-envelope"></i>
<a href="mailto:uaung@alumni.uci.edu">
<span class="screen">Email</span>
<span class="print">uaung@alumni.uci.edu</span>
</a>
</div>
<div class="divider">|</div>
<div class="site_url url">
<i class="icon-link"></i>
<a href="http://flavoredorange.org">
<span class="screen">Website</span>
<span class="print">http://flavoredorange.org</span>
</a>
</div>
<div class="divider">|</div>
<div class="google_plus">
<i class="icon-google-plus-sign"></i>
<a href="https://plus.google.com/101567516515376968537">
<span class="screen">Social</span>
<span class="print">https://plus.google.com/101567516515376968537</span>
</a>
</div>
</section>
<hr>
</header>
<section class="skills">
<header>
Skills
</header>
<div class="content">
<ul>
<!-- LINKS AHOY -->
<li>11 years of experience with HTML programming, and LAMP and WAMP configurations.</li>
<li>11 years of active use with the Linux/UNIX operating system environments, such as <a href="https://www.redhat.com/">Red Hat</a>, <a href="http://www.ubuntu.com/">Ubuntu</a>, <a href="http://www.debian.org/">Debian</a>, and <a href="https://www.archlinux.org/" title="My current favorite">Arch</a>.</li>
<li>6 years experience with <a href="https://www.mysql.com/">MySQL</a>, <a href="http://www.php.net/">PHP</a>, <a href="http://jquery.com/">jQuery</a>, <a href="http://www.python.org/">Python</a> and <a href="http://www.java.com/en/">Java</a> using development environments such as <a href="http://www.eclipse.org/">Eclipse</a>, <a href="http://www.sublimetext.com/" title="This resume was created using Sublime">Sublime Text</a> and <a href="http://www.jetbrains.com/idea/" title="So far the most complex and feature filled IDE I've seen">IntelliJ IDEA</a>.</li>
<li>3 years of experience with <a href="https://struts.apache.org/2.x/index.html">Struts 2</a>, <a href="http://tomcat.apache.org/index.html">Tomcat</a>, <a href="http://www.hibernate.org/">Hibernate</a>, <a href="http://www.springsource.org/">Spring</a>, <a href="https://maven.apache.org/">Maven</a>, SOAP/WSDL, <a href="http://subversion.apache.org/">SVN</a>/<a href="http://git-scm.com/" title="Not the easiest, but this seems like a clear winner">GIT</a>, <span title="Site is down...">JUnit</span>, <a href="https://code.google.com/p/mockito/">Mockito</a>, and <a href="https://code.google.com/p/powermock/" title="Definitely introduces a performance hit for testing">PowerMock</a>.</li>
<li>1 year of experience with <a href="http://www.playframework.org/">Play 2.0 Framework</a>, <a href="http://www.lighttpd.net/">Lighttpd</a>, <a href="http://www.ruby-lang.org/en/">Ruby</a>, <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a> and <a href="http://fortawesome.github.com/Font-Awesome/">FontAwesome</a>.</li>
<li>1 year of experience with <a href="http://www.rabbitmq.com/">RabbitMQ</a> AMQP implementation.</li>
<li>Active utilization of virtualization technologies like <a href="http://www.vmware.com/">VMWare</a>, <a href="https://www.virtualbox.org/">Virtualbox</a> and <a href="https://www.microsoft.com/windows/virtual-pc/">Virtual PC</a>.</li>
<li>Extensive experience with <a href="http://www.adobe.com/products/creativesuite.html" title="Student discount came in incredibly helpful">Adobe products</a>, such as Photoshop, Illustrator, Acrobat, Dreamweaver and Flash.</li>
<li>Extensive use of third party software/plugins like <a href="http://www.webyog.com/">SQLYog</a>, <a href="http://www.heidisql.com/">HeidiSQL</a>, <a href="http://www.quest.com/toad-for-mysql/">Toad</a>, <a href="http://www.terracotta.org/">Terracotta</a>, <a href="http://www.splunk.com/" title="Best indexer for logs">Splunk</a>, <a href="http://newrelic.com" title="Nice statistics visualizations">New Relic</a>, <a href="http://jenkins-ci.org/">Jenkins CI</a>, <a href="https://code.google.com/p/gerrit/">Gerrit</a>, and <a href="https://www.atlassian.com/" title="These are very good products!">Atlassian products</a> like JIRA, Confluence, Bamboo and Fisheye.</li>
<li>Highly adaptable, quick to learn new methods and implementations.</li>
<li>Motivated to work in teams or alone in projects with defined goals.</li>
<li>Communicative, able to point out issues, explain ideas and concepts clearly, and suggest new ideas for improvement.</li>
<li>Designs with independent-platform, cross-browser and accessibility standards.</li>
</ul>
</div>
</section>
<hr>
<section class="experience">
<header>
Previous Experiences
</header>
<div class="content">
<dl>
<time datetime="2010-01-04">January 2010</time>
<dt><strong>Java Developer</strong> at <a href="http://www.picsauditing.com/">PICS, Inc</a></dt>
<dd>
<section class="summary">
<p>
Notable achievements include leading multiple projects that combined became a whole new line of service employing user level data (expanded from company level data), attracting new customers and broadening the client base. Implemented new features that provided major sources of revenue, such as allowing for pre-registration, expediting the customer-to-company relationship establishment. Became team leader and release manager, leading code reviews, training, paired programming, and giving presentations on technologies.
</p>
<p>
Internationalized a once US-only site application to reach global audiences, using home grown technology that was easily exportable and importable for ease of translation.
</p>
<p>
Experienced with communicating effectively and directly with clients and staff members throughout all departments, providing flexibility when requirements change, delivering on time, robust products focusing on 100% stability and satisfaction. Several projects were given praise and acclaim from senior level management, personally became the go-to woman for in depth explanations and quick assessments.
</p>
</section>
</dd>
</dl>
</div>
</section>
<footer>
<hr>
<p>Last updated 2013-01-28</p>
<p>&copy; <span title="aka Ulanda S. Aung">Lani Aung</span></p>
</footer>
</article>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</body>
</html>
+1
View File
@@ -33,6 +33,7 @@ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{di
body{background-color:#EFE9E0;color:#000;font-family:"Amethysta";padding-top:1em;text-align:center}a{color:#333}a:hover,a:active{color:#666}abbr{border-bottom:1px dotted #999}article{margin:0 auto;max-width:1440px;width:90%}div{margin:0;padding:0}dt{border-bottom:1px solid #999}dt,li,p{margin:0.5em 0}footer{clear:both;font-size:0.75em;text-align:right;width:100%}h1{font-family:"Fjalla One";font-size:4em}h2{font-family:"Fjalla One";font-size:1.5em;line-height:2em}header section div{display:inline}hr{border:none;border-bottom:1px solid #333}p{text-indent:2em}section header{float:left;font-family:"Fjalla One";font-size:3em;font-variant:small-caps;width:20%}section ul{list-style-position:inside;list-style-type:square}section .content{display:inline-block;line-height:1.5em;text-align:justify;width:80%}strong{font-weight:bold}time{float:right;font-style:oblique}.divider{margin:0 1em}.print{display:none}.screen{display:inherit} body{background-color:#EFE9E0;color:#000;font-family:"Amethysta";padding-top:1em;text-align:center}a{color:#333}a:hover,a:active{color:#666}abbr{border-bottom:1px dotted #999}article{margin:0 auto;max-width:1440px;width:90%}div{margin:0;padding:0}dt{border-bottom:1px solid #999}dt,li,p{margin:0.5em 0}footer{clear:both;font-size:0.75em;text-align:right;width:100%}h1{font-family:"Fjalla One";font-size:4em}h2{font-family:"Fjalla One";font-size:1.5em;line-height:2em}header section div{display:inline}hr{border:none;border-bottom:1px solid #333}p{text-indent:2em}section header{float:left;font-family:"Fjalla One";font-size:3em;font-variant:small-caps;width:20%}section ul{list-style-position:inside;list-style-type:square}section .content{display:inline-block;line-height:1.5em;text-align:justify;width:80%}strong{font-weight:bold}time{float:right;font-style:oblique}.divider{margin:0 1em}.print{display:none}.screen{display:inherit}
/* Responsiveness */ /* Responsiveness */
@media screen and (max-width:1200px){section header{font-size:2.5em}} @media screen and (max-width:1200px){section header{font-size:2.5em}}
@media screen and (max-width: 1100px) {time{clear: both;float: none}}
@media screen and (max-width:1024px){h1{font-size:3em}section header{font-size:2em}} @media screen and (max-width:1024px){h1{font-size:3em}section header{font-size:2em}}
@media screen and (max-width:768px){body{font-size:14px}h1{font-size:2.5em}} @media screen and (max-width:768px){body{font-size:14px}h1{font-size:2.5em}}
@media screen and (max-width:620px){article{width:90%}section header{float:none;line-height:1.5em;width:100%}section .content{float:none;line-height:1.25em;width:100%}} @media screen and (max-width:620px){article{width:90%}section header{float:none;line-height:1.5em;width:100%}section .content{float:none;line-height:1.25em;width:100%}}
+8
View File
@@ -5,6 +5,14 @@
} }
} }
@media screen and (max-width: 1100px) {
time
{
clear: both;
float: none;
}
}
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
h1 h1
{ {
+12 -1
View File
@@ -1,7 +1,7 @@
body body
{ {
background-color: #FFF; background-color: #FFF;
font-size: 12px; font-size: 11.5px;
padding: 0; padding: 0;
} }
@@ -21,6 +21,11 @@ article
width: 80%; width: 80%;
} }
footer
{
display: none;
}
h1 h1
{ {
font-size: 2em; font-size: 2em;
@@ -41,6 +46,12 @@ section header
font-size: 1.5em; font-size: 1.5em;
} }
time
{
clear: both;
float: none;
}
#contact-details #contact-details
{ {
font-size: 0.8em; font-size: 0.8em;
+1 -1
View File
@@ -1 +1 @@
body{background-color:#FFF;font-size:12px;padding:0}a{color:#000;text-decoration:none}abbr{border:none}article{width:80%}h1{font-size:2em}section ul{list-style-type:none}section ul li{text-indent:2em}section header{font-size:1.5em}#contact-details{font-size:0.8em}.divider{margin:0}.icon-envelope::before,.icon-link::before,.icon-google-plus-sign::before,.icon-circle-blank::before{content:""}.print{display:inherit}.screen{display:none} body{background-color:#FFF;font-size:11.5px;padding:0}a{color:#000;text-decoration:none}abbr{border:none}article{width:80%}footer{display:none}h1{font-size:2em}section ul{list-style-type:none}section ul li{text-indent:2em}section header{font-size:1.5em}time{clear: both;float: none}#contact-details{font-size:0.8em}.divider{margin:0}.icon-envelope::before,.icon-link::before,.icon-google-plus-sign::before,.icon-circle-blank::before{content:""}.print{display:inherit}.screen{display:none}