jake/jarv.is
jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-26 04:45:22 -04:00
Code Issues

xss link security fixes

Browse Source
This commit is contained in:
Jake Jarvis 2018-01-15 13:18:13 -05:00
parent df7a2f2194
commit 2bed105e7a
2 changed files with 199 additions and 199 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
index.html
View File

@ -21,66 +21,66 @@
<link rel="shortcut icon" href="/favicon.ico">
</head>
<body>
<div id="container">
<div id="container" role="main">
<div id="social">
<a href="https://www.google.com/recaptcha/mailhide/d?k=019XhGW1KCQXDGO7lUqIKuCw==&amp;c=OiyVW5mQZFd798klr6gQtqbHANNjlCuYBO7mrjInIZY=" onclick="window.open('http://www.google.com/recaptcha/mailhide/d?k=019XhGW1KCQXDGO7lUqIKuCw==&amp;c=OiyVW5mQZFd798klr6gQtqbHANNjlCuYBO7mrjInIZY=', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;"><img src="/images/social/email.png" alt="Email" title="Email"></a>
<a href="https://twitter.com/jakejarvis" target="_blank"><img src="/images/social/twitter.png" alt="Twitter" title="Twitter"></a>
<a href="https://www.facebook.com/jakejarvis" target="_blank"><img src="/images/social/facebook.png" alt="Facebook" title="Facebook"></a>
<a href="https://plus.google.com/+JakeJarvis?rel=author" target="_blank" rel="author"><img src="/images/social/gplus.png" alt="Google+" title="Google+"></a>
<a href="https://www.linkedin.com/in/jakejarvis" target="_blank"><img src="/images/social/linkedin.png" alt="LinkedIn" title="LinkedIn"></a>
<a href="https://instagram.com/jakejarvis" target="_blank"><img src="/images/social/instagram.png" alt="Instagram" title="Instagram"></a>
<a href="https://github.com/jakejarvis" target="_blank"><img src="/images/social/github.png" alt="GitHub" title="GitHub"></a>
<a href="https://twitter.com/jakejarvis" target="_blank" rel="noopener noreferrer"><img src="/images/social/twitter.png" alt="Twitter" title="Twitter"></a>
<a href="https://www.facebook.com/jakejarvis" target="_blank" rel="noopener noreferrer"><img src="/images/social/facebook.png" alt="Facebook" title="Facebook"></a>
<a href="https://plus.google.com/+JakeJarvis?rel=author" target="_blank" rel="author noopener noreferrer"><img src="/images/social/gplus.png" alt="Google+" title="Google+"></a>
<a href="https://www.linkedin.com/in/jakejarvis" target="_blank" rel="noopener noreferrer"><img src="/images/social/linkedin.png" alt="LinkedIn" title="LinkedIn"></a>
<a href="https://instagram.com/jakejarvis" target="_blank" rel="noopener noreferrer"><img src="/images/social/instagram.png" alt="Instagram" title="Instagram"></a>
<a href="https://github.com/jakejarvis" target="_blank" rel="noopener noreferrer"><img src="/images/social/github.png" alt="GitHub" title="GitHub"></a>
</div>
<h1>Jake Jarvis</h1>
<div id="blurb" class="clearfix">
<img id="photo" src="/images/jakejarvis.png" alt="Jake Jarvis" title="Jake Jarvis">
<p>I'm a <strong>25-year-old web &amp; mobile entrepreneur</strong><br>living in <a href="https://www.urbandictionary.com/define.php?term=boston" target="_blank">Boston</a><!--<a href="http://www.urbandictionary.com/define.php?term=new+jersey" target="_blank">New Jersey</a>--> and studying at <a href="https://www.tufts.edu/" target="_blank">Tufts University</a>.</p>
<p>I'm a <strong>25-year-old web &amp; mobile entrepreneur</strong><br>living in <a href="https://www.urbandictionary.com/define.php?term=boston" target="_blank" rel="noopener noreferrer">Boston</a><!--<a href="http://www.urbandictionary.com/define.php?term=new+jersey" target="_blank" rel="noopener noreferrer">New Jersey</a>--> and studying at <a href="https://www.tufts.edu/" target="_blank" rel="noopener noreferrer">Tufts University</a>.</p>
</div>
<h2>Portfolio</h2>
<div class="section clearfix" id="portfolio">
<a href="https://tuftslist.com/" target="_blank"><img src="/images/logos/tuftslist.png" alt="TuftsList" title="TuftsList"></a>
<!--<a href="http://kwadapp.com/" target="_blank"><img src="/images/logos/kwad.png" alt="kwad" title="kwad"></a>-->
<a href="http://buzzmachine.com/" target="_blank"><img src="/images/logos/buzzmachine.png" alt="BuzzMachine" title="BuzzMachine"></a>
<a href="http://joeytracker.com/" target="_blank"><img src="/images/logos/joeytracker.png" alt="JoeyTracker" title="JoeyTracker"></a>
<a href="http://wkndxo.com/" target="_blank"><img src="/images/logos/wkndxo.png" alt="wkndxo" title="wkndxo"></a>
<!--<a href="http://raprx.com/" target="_blank"><img src="/images/logos/raprx.png" alt="RapRx" title="RapRx"></a>-->
<a href="http://couragetoconnectnj.com/" target="_blank"><img src="/images/logos/couragetoconnect.png" alt="Courage to Connect NJ" title="Courage to Connect NJ"></a>
<a href="http://ridgepac.com/" target="_blank"><img src="/images/logos/ridgepac.png" alt="Ridge PAC" title="Ridge PAC"></a>
<a href="https://apps.facebook.com/newonlinenow/" target="_blank"><img src="/images/logos/onlinenow.png" alt="Online Now" title="Online Now"></a>
<a href="http://dmnsrch.mobi/" target="_blank"><img src="/images/logos/dmnsrch.png" alt="dmnsrch" title="dmnsrch"></a>
<a href="https://www.facebook.com/apps/application.php?id=2365273563" target="_blank"><img src="/images/logos/courses.png" alt="Facebook Courses" title="Facebook Courses"></a>
<a href="https://tuftslist.com/" target="_blank" rel="noopener noreferrer"><img src="/images/logos/tuftslist.png" alt="TuftsList" title="TuftsList"></a>
<!--<a href="http://kwadapp.com/" target="_blank" rel="noopener noreferrer"><img src="/images/logos/kwad.png" alt="kwad" title="kwad"></a>-->
<a href="http://buzzmachine.com/" target="_blank" rel="noopener noreferrer"><img src="/images/logos/buzzmachine.png" alt="BuzzMachine" title="BuzzMachine"></a>
<a href="http://joeytracker.com/" target="_blank" rel="noopener noreferrer"><img src="/images/logos/joeytracker.png" alt="JoeyTracker" title="JoeyTracker"></a>
<a href="http://wkndxo.com/" target="_blank" rel="noopener noreferrer"><img src="/images/logos/wkndxo.png" alt="wkndxo" title="wkndxo"></a>
<!--<a href="http://raprx.com/" target="_blank" rel="noopener noreferrer"><img src="/images/logos/raprx.png" alt="RapRx" title="RapRx"></a>-->
<a href="http://couragetoconnectnj.com/" target="_blank" rel="noopener noreferrer"><img src="/images/logos/couragetoconnect.png" alt="Courage to Connect NJ" title="Courage to Connect NJ"></a>
<a href="http://ridgepac.com/" target="_blank" rel="noopener noreferrer"><img src="/images/logos/ridgepac.png" alt="Ridge PAC" title="Ridge PAC"></a>
<a href="https://apps.facebook.com/newonlinenow/" target="_blank" rel="noopener noreferrer"><img src="/images/logos/onlinenow.png" alt="Online Now" title="Online Now"></a>
<a href="http://dmnsrch.mobi/" target="_blank" rel="noopener noreferrer"><img src="/images/logos/dmnsrch.png" alt="dmnsrch" title="dmnsrch"></a>
<a href="https://www.facebook.com/apps/application.php?id=2365273563" target="_blank" rel="noopener noreferrer"><img src="/images/logos/courses.png" alt="Facebook Courses" title="Facebook Courses"></a>
</div>
<h2>Press</h2>
<div class="section clearfix" id="press">
<a href="http://twit.tv/show/this-week-in-tech/197" target="_blank"><img src="/images/press/twit.png" alt="TWiT 197" title="TWiT 197"></a>
<a href="http://www.tuftsdaily.com/student-designs-iphone-joeytracker-app-1.2726124" target="_blank"><img src="/images/press/tuftsdaily.png" alt="The Tufts Daily" title="The Tufts Daily"></a>
<a href="http://twit.tv/show/this-week-in-tech/197" target="_blank" rel="noopener noreferrer"><img src="/images/press/twit.png" alt="TWiT 197" title="TWiT 197"></a>
<a href="http://www.tuftsdaily.com/student-designs-iphone-joeytracker-app-1.2726124" target="_blank" rel="noopener noreferrer"><img src="/images/press/tuftsdaily.png" alt="The Tufts Daily" title="The Tufts Daily"></a>
<a href="/powncer.mov" target="_blank"><img src="/images/press/g4techtv.png" alt="G4techTV" title="G4techTV"></a>
<a href="http://www.switched.com/2009/07/23/10-tech-whizzes-under-20/" target="_blank"><img src="/images/press/aol.png" alt="AOL Switched" title="AOL Switched"></a>
<a href="http://money.cnn.com/2007/06/01/technology/facebookplatform.fortune/index.htm" target="_blank"><img src="/images/press/cnnmoney.png" alt="CNN Money" title="CNN Money"></a>
<a href="http://adage.com/article/small-agency-diary/client-ceo-s-son/116723/" target="_blank"><img src="/images/press/advertisingage.png" alt="Advertising Age" title="Advertising Age"></a>
<a href="http://paidcontent.org/article/419-our-list-fresh-faces-in-tech-10-kid-entrepreneurs-to-watch/" target="_blank"><img src="/images/press/paidcontent.png" alt="paidContent" title="paidContent"></a>
<a href="http://www.techcrunch.com/2007/05/26/lastfm-too-slow-users-create-their-own-facebook-application/" target="_blank"><img src="/images/press/techcrunch.png" alt="TechCrunch" title="TechCrunch"></a>
<a href="http://www.cnet.com/news/three-music-video-search-tools/" target="_blank"><img src="/images/press/cnet.png" alt="CNET WebWare" title="CNET WebWare"></a>
<a href="http://www.businessweek.com/stories/2005-11-20/online-extra-how-digg-uncovers-the-news" target="_blank"><img src="/images/press/businessweek.png" alt="BusinessWeek" title="BusinessWeek"></a>
<a href="http://pop17.com/pop17/jake-jarvis-on-his-facebook-app-aquisition" target="_blank"><img src="/images/press/pop17.png" alt="Pop17" title="Pop17"></a>
<a href="http://twit.tv/show/netnight-amber-and-leo/67" target="_blank"><img src="/images/press/netatnight.png" alt="net@night" title="net@night"></a>
<a href="http://www.switched.com/2009/07/23/10-tech-whizzes-under-20/" target="_blank" rel="noopener noreferrer"><img src="/images/press/aol.png" alt="AOL Switched" title="AOL Switched"></a>
<a href="http://money.cnn.com/2007/06/01/technology/facebookplatform.fortune/index.htm" target="_blank" rel="noopener noreferrer"><img src="/images/press/cnnmoney.png" alt="CNN Money" title="CNN Money"></a>
<a href="http://adage.com/article/small-agency-diary/client-ceo-s-son/116723/" target="_blank" rel="noopener noreferrer"><img src="/images/press/advertisingage.png" alt="Advertising Age" title="Advertising Age"></a>
<a href="http://paidcontent.org/article/419-our-list-fresh-faces-in-tech-10-kid-entrepreneurs-to-watch/" target="_blank" rel="noopener noreferrer"><img src="/images/press/paidcontent.png" alt="paidContent" title="paidContent"></a>
<a href="http://www.techcrunch.com/2007/05/26/lastfm-too-slow-users-create-their-own-facebook-application/" target="_blank" rel="noopener noreferrer"><img src="/images/press/techcrunch.png" alt="TechCrunch" title="TechCrunch"></a>
<a href="http://www.cnet.com/news/three-music-video-search-tools/" target="_blank" rel="noopener noreferrer"><img src="/images/press/cnet.png" alt="CNET WebWare" title="CNET WebWare"></a>
<a href="http://www.businessweek.com/stories/2005-11-20/online-extra-how-digg-uncovers-the-news" target="_blank" rel="noopener noreferrer"><img src="/images/press/businessweek.png" alt="BusinessWeek" title="BusinessWeek"></a>
<a href="http://pop17.com/pop17/jake-jarvis-on-his-facebook-app-aquisition" target="_blank" rel="noopener noreferrer"><img src="/images/press/pop17.png" alt="Pop17" title="Pop17"></a>
<a href="http://twit.tv/show/netnight-amber-and-leo/67" target="_blank" rel="noopener noreferrer"><img src="/images/press/netatnight.png" alt="net@night" title="net@night"></a>
</div>
<h2 id="availability">Availability</h2>
<p><strong>I'm currently available for new work!</strong> My specialties include...</p>
<ul>
<li>highly customized <a href="http://wordpress.org/" target="_blank">WordPress</a> design &amp; development</li>
<li>fresh and modern modern <a href="http://en.wikipedia.org/wiki/HTML5" target="_blank">HTML5</a> + <a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets#CSS_3" target="_blank">CSS3</a> + <a href="http://jquery.com/" target="_blank">AJAX</a> designs</li>
<li>dynamic <a href="http://en.wikipedia.org/wiki/PHP" target="_blank">PHP</a>, <a href="http://en.wikipedia.org/wiki/MySQL" target="_blank">MySQL</a>, <a href="http://en.wikipedia.org/wiki/Python_%28programming_language%29" target="_blank">Python</a>, <a href="http://en.wikipedia.org/wiki/Ruby_%28programming_language%29" target="_blank">Ruby</a> websites</li>
<li><a href="http://en.wikipedia.org/wiki/LAMP_(software_bundle)" target="_blank">LAMP web server</a> administration and optimization</li>
<li>sleek <a href="http://en.wikipedia.org/wiki/Java_%28programming_language%29" target="_blank">Java</a>, <a href="http://en.wikipedia.org/wiki/C%2B%2B" target="_blank">C++</a>, <a href="http://en.wikipedia.org/wiki/Objective-C" target="_blank">Objective-C</a>, <a href="http://en.wikipedia.org/wiki/Visual_Basic_.NET" target="_blank">VB.NET</a> applications</li>
<li>handy &amp; addicting <a href="http://www.apple.com/ios/" target="_blank">iOS</a> &amp; <a href="http://www.android.com/" target="_blank">Android</a> apps</li>
<li>highly customized <a href="http://wordpress.org/" target="_blank" rel="noopener noreferrer">WordPress</a> design &amp; development</li>
<li>fresh and modern modern <a href="http://en.wikipedia.org/wiki/HTML5" target="_blank" rel="noopener noreferrer">HTML5</a> + <a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets#CSS_3" target="_blank" rel="noopener noreferrer">CSS3</a> + <a href="http://jquery.com/" target="_blank" rel="noopener noreferrer">AJAX</a> designs</li>
<li>dynamic <a href="http://en.wikipedia.org/wiki/PHP" target="_blank" rel="noopener noreferrer">PHP</a>, <a href="http://en.wikipedia.org/wiki/MySQL" target="_blank" rel="noopener noreferrer">MySQL</a>, <a href="http://en.wikipedia.org/wiki/Python_%28programming_language%29" target="_blank" rel="noopener noreferrer">Python</a>, <a href="http://en.wikipedia.org/wiki/Ruby_%28programming_language%29" target="_blank" rel="noopener noreferrer">Ruby</a> websites</li>
<li><a href="http://en.wikipedia.org/wiki/LAMP_(software_bundle)" target="_blank" rel="noopener noreferrer">LAMP web server</a> administration and optimization</li>
<li>sleek <a href="http://en.wikipedia.org/wiki/Java_%28programming_language%29" target="_blank" rel="noopener noreferrer">Java</a>, <a href="http://en.wikipedia.org/wiki/C%2B%2B" target="_blank" rel="noopener noreferrer">C++</a>, <a href="http://en.wikipedia.org/wiki/Objective-C" target="_blank" rel="noopener noreferrer">Objective-C</a>, <a href="http://en.wikipedia.org/wiki/Visual_Basic_.NET" target="_blank" rel="noopener noreferrer">VB.NET</a> applications</li>
<li>handy &amp; addicting <a href="http://www.apple.com/ios/" target="_blank" rel="noopener noreferrer">iOS</a> &amp; <a href="http://www.android.com/" target="_blank" rel="noopener noreferrer">Android</a> apps</li>
<li>and <a href="#resume">more...</a></li>
</ul>
<p>...but feel free to also <a href="https://www.google.com/recaptcha/mailhide/d?k=019XhGW1KCQXDGO7lUqIKuCw==&amp;c=OiyVW5mQZFd798klr6gQtqbHANNjlCuYBO7mrjInIZY=" onclick="window.open('http://www.google.com/recaptcha/mailhide/d?k=019XhGW1KCQXDGO7lUqIKuCw==&amp;c=OiyVW5mQZFd798klr6gQtqbHANNjlCuYBO7mrjInIZY=', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;">inquire</a> about anything not on this list!</p>
<h2 id="resume">Full R&eacute;sum&eacute;</h2>
<p><a href="/resume.pdf">Download PDF</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/resume.docx">Download Word</a></p>
<iframe src="https://drive.google.com/file/d/0B0VTe_b5fqnSRVEzZDJoUHZxMnM/preview"></iframe>
<div class="resume_link"><a href="https://drive.google.com/file/d/0B0VTe_b5fqnSRVEzZDJoUHZxMnM/view?usp=sharing" target="_blank">View this document on Google Docs</a></div>
<iframe src="https://drive.google.com/file/d/0B0VTe_b5fqnSRVEzZDJoUHZxMnM/preview" title="Resume"></iframe>
<div class="resume_link"><a href="https://drive.google.com/file/d/0B0VTe_b5fqnSRVEzZDJoUHZxMnM/view?usp=sharing" target="_blank" rel="noopener noreferrer">View this document on Google Docs</a></div>
</div>
<script>
var _gaq = [['_setAccount', 'UA-1563964-4'], ['_trackPageview']];

322
style.css
View File

@ -1,161 +1,161 @@
@font-face {
font-family: 'Proxima Nova';
src: url('fonts/proximanova-regular-webfont.eot');
src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/proximanova-regular-webfont.woff') format('woff'),
url('fonts/proximanova-regular-webfont.ttf') format('truetype'),
url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova';
src: url('fonts/proximanova-semibold-webfont.eot');
src: url('fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/proximanova-semibold-webfont.woff') format('woff'),
url('fonts/proximanova-semibold-webfont.ttf') format('truetype'),
url('fonts/proximanova-semibold-webfont.svg#proxima_nova_rgsemibold') format('svg');
font-weight: bold;
font-style: normal;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0px;
height: 0px;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
body {
font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 26px;
color: #333;
text-shadow: 0px 1px rgba(255, 255, 255, 0.8);
background: #f3f1ea url('images/back.jpg') top left;
margin: 0px;
width: 100%;
height: 100%;
}
::selection {
background: rgba(0, 0, 0, 0.2);
color: rgba(255, 255, 255, 0.9);
text-shadow: none;
}
::-moz-selection { /* can't combine with above ::selection for some reason */
background: rgba(0, 0, 0, 0.2);
color: rgba(255, 255, 255, 0.9);
text-shadow: none;
}
a {
color: #555;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #777;
}
div#container {
width: 600px;
margin: 60px auto;
text-align: left;
border: 1px solid #ccc;
padding: 0px;
background-color: rgba(255,255,255,0.4);
}
h1 {
font-size: 32px;
line-height: 35px;
height: 35px;
font-weight: bold;
border-bottom: 1px solid #ccc;
margin: 0px;
padding: 20px 25px 17px 25px;
background-color: rgba(255,255,255,0.5);
}
h2 {
font-size: 22px;
line-height: 22px;
font-weight: bold;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0px;
padding: 20px;
background-color: rgba(255,255,255,0.5);
text-align: center;
}
p {
margin: 12px 0px;
padding: 10px 20px;
text-align: center;
}
img {
border: 0px;
}
ul {
margin: 0px;
padding: 0px;
}
li {
list-style-type: none;
display: block;
padding: 0px;
margin: 0px;
text-align: center;
font-size: 14px;
}
div.section {
padding: 21px;
}
div.section img {
float: left;
margin: 20px 28px;
}
div#social {
margin: 10px 0px 25px 0px;
padding: 10px 20px;
line-height: 32px;
float: right;
}
div#social img {
margin: 0px 10px;
width: 32px;
height: 32px;
float: left;
}
div#blurb p {
float: right;
width: 420px;
}
div#blurb img#photo {
margin: 10px 0px 10px 60px;
float: left;
width: 75px;
height: 75px;
}
div#portfolio img, div#press img {
width: 130px;
height: 48px;
}
iframe {
width: 600px;
height: 600px;
border: 0px;
overflow: hidden;
background-color: #fff;
}
div.resume_link {
font-size: 10px;
text-align: center;
margin-bottom: 10px;
width: 100%;
}
@font-face {
font-family: 'Proxima Nova';
src: url('fonts/proximanova-regular-webfont.eot');
src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/proximanova-regular-webfont.woff') format('woff'),
url('fonts/proximanova-regular-webfont.ttf') format('truetype'),
url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova';
src: url('fonts/proximanova-semibold-webfont.eot');
src: url('fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/proximanova-semibold-webfont.woff') format('woff'),
url('fonts/proximanova-semibold-webfont.ttf') format('truetype'),
url('fonts/proximanova-semibold-webfont.svg#proxima_nova_rgsemibold') format('svg');
font-weight: bold;
font-style: normal;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0px;
height: 0px;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
body {
font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 26px;
color: #333;
text-shadow: 0px 1px rgba(255, 255, 255, 0.8);
background: #f3f1ea url('images/back.jpg') top left;
margin: 0px;
width: 100%;
height: 100%;
}
::selection {
background: rgba(0, 0, 0, 0.2);
color: rgba(255, 255, 255, 0.9);
text-shadow: none;
}
::-moz-selection { /* can't combine with above ::selection for some reason */
background: rgba(0, 0, 0, 0.2);
color: rgba(255, 255, 255, 0.9);
text-shadow: none;
}
a {
color: #555;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #777;
}
div#container {
width: 600px;
margin: 60px auto;
text-align: left;
border: 1px solid #ccc;
padding: 0px;
background-color: rgba(255,255,255,0.4);
}
h1 {
font-size: 32px;
line-height: 35px;
height: 35px;
font-weight: bold;
border-bottom: 1px solid #ccc;
margin: 0px;
padding: 20px 25px 17px 25px;
background-color: rgba(255,255,255,0.5);
}
h2 {
font-size: 22px;
line-height: 22px;
font-weight: bold;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0px;
padding: 20px;
background-color: rgba(255,255,255,0.5);
text-align: center;
}
p {
margin: 12px 0px;
padding: 10px 20px;
text-align: center;
}
img {
border: 0px;
}
ul {
margin: 0px;
padding: 0px;
}
li {
list-style-type: none;
display: block;
padding: 0px;
margin: 0px;
text-align: center;
font-size: 14px;
}
div.section {
padding: 21px;
}
div.section img {
float: left;
margin: 20px 28px;
}
div#social {
margin: 10px 0px 25px 0px;
padding: 10px 20px;
line-height: 32px;
float: right;
}
div#social img {
margin: 0px 10px;
width: 32px;
height: 32px;
float: left;
}
div#blurb p {
float: right;
width: 420px;
}
div#blurb img#photo {
margin: 10px 0px 10px 60px;
float: left;
width: 75px;
height: 75px;
}
div#portfolio img, div#press img {
width: 130px;
height: 48px;
}
iframe {
width: 600px;
height: 600px;
border: 0px;
overflow: hidden;
background-color: #fff;
}
div.resume_link {
font-size: 10px;
text-align: center;
margin-bottom: 10px;
width: 100%;
}