mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-26 04:45:22 -04:00
CSS tweaks
This commit is contained in:
parent
74971eb755
commit
20f8fb63c0
@ -2,7 +2,7 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Jake Jarvis</title>
|
||||
<title>Jake Jarvis – Web & Mobile Developer in Boston, MA</title>
|
||||
<meta name="description" content="I'm a 26-year-old web and mobile entrepreneur living in Boston and studying at Tufts University.">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
@ -16,28 +16,26 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div id="content">
|
||||
<img id="me" src="me.jpg" alt="Jake Jarvis" title="Jake Jarvis">
|
||||
<h1>Hello! I'm Jake. 👋</h1>
|
||||
<h2>I'm a web and mobile developer living in <a href="https://www.urbandictionary.com/define.php?term=Boston" id="boston" target="_blank" rel="noopener noreferrer nofollow">Boston</a>.</h2>
|
||||
<p>I strive to find clean solutions to messy problems.</p>
|
||||
<p>My recent focus has been on lean <a href="https://stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/" id="javascript" target="_blank" rel="noopener noreferrer nofollow">JavaScript frameworks</a> like <a href="https://nodejs.org/en/" id="node" target="_blank" rel="noopener noreferrer nofollow">Node</a>, <a href="https://reactjs.org/" id="react" target="_blank" rel="noopener noreferrer nofollow">React</a>, and <a href="https://angular.io/" id="angular" target="_blank" rel="noopener noreferrer nofollow">Angular</a>...</p>
|
||||
<p>...but I'm also proficient in classics like <a href="https://www.quora.com/Will-PHP-die-in-2018" id="php" target="_blank" rel="noopener noreferrer nofollow">PHP</a>, <a href="https://www.ruby-lang.org/en/" id="ruby" target="_blank" rel="noopener noreferrer nofollow">Ruby</a>, <a href="https://go.java/index.html" id="java" target="_blank" rel="noopener noreferrer nofollow">Java</a>, and <a href="https://en.wikipedia.org/wiki/C%2B%2B" id="cpp" target="_blank" rel="noopener noreferrer nofollow">C++</a>.</p>
|
||||
<p>I fell <a href="y2k/" id="y2k" target="_blank" rel="noopener noreferrer">in love with front-end web development <span id="shh">(don't judge)</span></a> when my only source of income was <span id="fairy">the Tooth Fairy</span>.</p>
|
||||
<p>Since then, my side projects
|
||||
<a href="https://tuftsdaily.com/news/2012/04/06/student-designs-iphone-joeytracker-app/" id="news-1" target="_blank" rel="noopener noreferrer nofollow">have</a> <!-- https://archive.fo/LZ3y0 -->
|
||||
<a href="powncer.mov" id="news-2">been</a>
|
||||
<a href="http://www.switched.com/2009/07/23/10-tech-whizzes-under-20/" id="news-3" target="_blank" rel="noopener noreferrer nofollow">featured</a> <!-- https://web.archive.org/web/20130910070915/http://www.switched.com/2009/07/23/10-tech-whizzes-under-20/ -->
|
||||
<a href="http://money.cnn.com/2007/06/01/technology/facebookplatform.fortune/index.htm" id="news-4" target="_blank" rel="noopener noreferrer nofollow">in</a> <!-- https://archive.fo/Juzjc -->
|
||||
<a href="http://adage.com/article/small-agency-diary/client-ceo-s-son/116723/" id="news-5" target="_blank" rel="noopener noreferrer nofollow">various</a> <!-- https://archive.fo/Hzuyx -->
|
||||
<a href="https://web.archive.org/web/20090605063347/http://www.contentnext.com:80/econaffinity/list/top-10-kids-in-tech/P4" id="news-6" target="_blank" rel="noopener noreferrer nofollow">news</a> <!-- http://paidcontent.org/article/419-our-list-fresh-faces-in-tech-10-kid-entrepreneurs-to-watch/ -->
|
||||
<a href="https://www.cnet.com/news/three-music-video-search-tools/" id="news-7" target="_blank" rel="noopener noreferrer nofollow">outlets</a>. <!-- https://archive.fo/KoKwg -->
|
||||
</p>
|
||||
<p>You can find some of my work on <a href="https://github.com/jakejarvis" id="github" target="_blank" rel="noopener noreferrer nofollow">GitHub</a> or <a href="https://www.linkedin.com/in/jakejarvis/" id="linkedin" target="_blank" rel="noopener noreferrer nofollow">LinkedIn</a>, my adventures on <a href="https://twitter.com/jakejarvis" class="twitter" target="_blank" rel="noopener noreferrer nofollow">Twitter</a>, <a href="https://www.facebook.com/jakejarvis" id="facebook" target="_blank" rel="noopener noreferrer nofollow">Facebook</a>, or <a href="https://www.instagram.com/jakejarvis/" id="instagram" target="_blank" rel="noopener noreferrer nofollow">Instagram</a>, and my boring PDF resume <a href="https://drive.google.com/file/d/0B0VTe_b5fqnSRVEzZDJoUHZxMnM/view" id="resume" rel="nofollow">right here</a>.</p>
|
||||
<p>I've been <a href="https://profiles.udacity.com/u/jakejarvis" id="udacity" target="_blank" rel="noopener noreferrer nofollow">spending my free time</a> dipping my toes into the waters of <a href="https://www.symantec.com/security-center/threat-report" id="infosec" target="_blank" rel="noopener noreferrer nofollow">information security</a> and <a href="https://martinfowler.com/articles/serverless.html" id="serverless" target="_blank" rel="noopener noreferrer nofollow">serverless cloud architecture</a>, especially the <a href="https://cloud.google.com/containers/" id="containerization" target="_blank" rel="noopener noreferrer nofollow">containerization of everything</a>.</p>
|
||||
<p>If any of this jibes with what you're looking for, I'd love to hear from you via <a href="http://www.google.com/recaptcha/mailhide/d?k=01ZzhlmsGArcg71LQvaD9fPA==&c=qY-Y4H2c3dNzvkLjmkK-DiOt8wwynhvZK2GFaGP1pSQ=" onclick="window.open('http://www.google.com/recaptcha/mailhide/d?k\x3d01ZzhlmsGArcg71LQvaD9fPA\x3d\x3d\x26c\x3dqY-Y4H2c3dNzvkLjmkK-DiOt8wwynhvZK2GFaGP1pSQ\x3d', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;" id="email">email</a><sup><a href="https://keybase.io/jakejarvis/pgp_keys.asc?fingerprint=87fb4b6006dd1beb3ed47fabd36cb66f4002b25b" id="pgp" target="_blank" rel="noopener noreferrer nofollow">D36C B66F 4002 B25B</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" class="twitter" target="_blank" rel="noopener noreferrer nofollow">DM</a>, or <a href="sms:+1-908-444-6655" id="sms">text</a>!</p>
|
||||
<p id="copyright"><a href="https://web.archive.org/web/*/jakejarvis.com" id="wayback" target="_blank" rel="noopener noreferrer nofollow">© 1999 –</a> 2018 Jake Jarvis.<span>🐼</span><a href="https://github.com/jakejarvis/jakejarvis.com" id="source" target="_blank" rel="noopener noreferrer nofollow">View source on GitHub.</a></p>
|
||||
</div>
|
||||
<img id="me" src="me.jpg" alt="Jake Jarvis" title="Jake Jarvis">
|
||||
<h1>Hello! I'm Jake. 👋</h1>
|
||||
<h2>I'm a web and mobile developer living in <a href="https://www.urbandictionary.com/define.php?term=Boston" id="boston" target="_blank" rel="noopener noreferrer nofollow">Boston</a>.</h2>
|
||||
<p>I strive to find clean solutions to messy problems.</p>
|
||||
<p>My recent focus has been on lean <a href="https://stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/" id="javascript" target="_blank" rel="noopener noreferrer nofollow">JavaScript frameworks</a> like <a href="https://nodejs.org/en/" id="node" target="_blank" rel="noopener noreferrer nofollow">Node</a>, <a href="https://reactjs.org/" id="react" target="_blank" rel="noopener noreferrer nofollow">React</a>, and <a href="https://angular.io/" id="angular" target="_blank" rel="noopener noreferrer nofollow">Angular</a>...</p>
|
||||
<p>...but I'm also proficient in classics like <a href="https://www.quora.com/Will-PHP-die-in-2018" id="php" target="_blank" rel="noopener noreferrer nofollow">PHP</a>, <a href="https://www.ruby-lang.org/en/" id="ruby" target="_blank" rel="noopener noreferrer nofollow">Ruby</a>, <a href="https://go.java/index.html" id="java" target="_blank" rel="noopener noreferrer nofollow">Java</a>, and <a href="https://en.wikipedia.org/wiki/C%2B%2B" id="cpp" target="_blank" rel="noopener noreferrer nofollow">C++</a>.</p>
|
||||
<p>I fell <a href="y2k/" id="y2k" target="_blank" rel="noopener noreferrer">in love with front-end web development <span id="shh">(don't judge)</span></a> when my only source of income was <span id="fairy">the Tooth Fairy</span>.</p>
|
||||
<p>Since then, my side projects
|
||||
<a href="https://tuftsdaily.com/news/2012/04/06/student-designs-iphone-joeytracker-app/" id="news-1" target="_blank" rel="noopener noreferrer nofollow">have</a> <!-- https://archive.fo/LZ3y0 -->
|
||||
<a href="powncer.mov" id="news-2">been</a>
|
||||
<a href="http://www.switched.com/2009/07/23/10-tech-whizzes-under-20/" id="news-3" target="_blank" rel="noopener noreferrer nofollow">featured</a> <!-- https://web.archive.org/web/20130910070915/http://www.switched.com/2009/07/23/10-tech-whizzes-under-20/ -->
|
||||
<a href="http://money.cnn.com/2007/06/01/technology/facebookplatform.fortune/index.htm" id="news-4" target="_blank" rel="noopener noreferrer nofollow">in</a> <!-- https://archive.fo/Juzjc -->
|
||||
<a href="http://adage.com/article/small-agency-diary/client-ceo-s-son/116723/" id="news-5" target="_blank" rel="noopener noreferrer nofollow">various</a> <!-- https://archive.fo/Hzuyx -->
|
||||
<a href="https://web.archive.org/web/20090605063347/http://www.contentnext.com:80/econaffinity/list/top-10-kids-in-tech/P4" id="news-6" target="_blank" rel="noopener noreferrer nofollow">news</a> <!-- http://paidcontent.org/article/419-our-list-fresh-faces-in-tech-10-kid-entrepreneurs-to-watch/ -->
|
||||
<a href="https://www.cnet.com/news/three-music-video-search-tools/" id="news-7" target="_blank" rel="noopener noreferrer nofollow">outlets</a>. <!-- https://archive.fo/KoKwg -->
|
||||
</p>
|
||||
<p>You can find some of my work on <a href="https://github.com/jakejarvis" id="github" target="_blank" rel="noopener noreferrer nofollow">GitHub</a> or <a href="https://www.linkedin.com/in/jakejarvis/" id="linkedin" target="_blank" rel="noopener noreferrer nofollow">LinkedIn</a>, my adventures on <a href="https://twitter.com/jakejarvis" class="twitter" target="_blank" rel="noopener noreferrer nofollow">Twitter</a>, <a href="https://www.facebook.com/jakejarvis" id="facebook" target="_blank" rel="noopener noreferrer nofollow">Facebook</a>, or <a href="https://www.instagram.com/jakejarvis/" id="instagram" target="_blank" rel="noopener noreferrer nofollow">Instagram</a>, and my boring PDF resume <a href="https://drive.google.com/file/d/0B0VTe_b5fqnSRVEzZDJoUHZxMnM/view" id="resume" rel="nofollow">right here</a>.</p>
|
||||
<p>I've been <a href="https://profiles.udacity.com/u/jakejarvis" id="udacity" target="_blank" rel="noopener noreferrer nofollow">spending my free time</a> dipping my toes into the waters of <a href="https://www.symantec.com/security-center/threat-report" id="infosec" target="_blank" rel="noopener noreferrer nofollow">information security</a> and <a href="https://martinfowler.com/articles/serverless.html" id="serverless" target="_blank" rel="noopener noreferrer nofollow">serverless cloud architecture</a>, especially the <a href="https://cloud.google.com/containers/" id="containerization" target="_blank" rel="noopener noreferrer nofollow">containerization of everything</a>.</p>
|
||||
<p>If any of this jibes with what you're looking for, I'd love to hear from you via <a href="https://www.google.com/recaptcha/mailhide/d?k=01ZzhlmsGArcg71LQvaD9fPA==&c=qY-Y4H2c3dNzvkLjmkK-DiOt8wwynhvZK2GFaGP1pSQ=" onclick="window.open('https://www.google.com/recaptcha/mailhide/d?k\x3d01ZzhlmsGArcg71LQvaD9fPA\x3d\x3d\x26c\x3dqY-Y4H2c3dNzvkLjmkK-DiOt8wwynhvZK2GFaGP1pSQ\x3d', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;" id="email">email</a><sup><a href="https://keybase.io/jakejarvis/pgp_keys.asc?fingerprint=87fb4b6006dd1beb3ed47fabd36cb66f4002b25b" id="pgp" target="_blank" rel="noopener noreferrer nofollow">D36C B66F 4002 B25B</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" class="twitter" target="_blank" rel="noopener noreferrer nofollow">DM</a>, or <a href="sms:+1-908-444-6655" id="sms">text</a>!</p>
|
||||
<p id="copyright"><a href="https://web.archive.org/web/*/jakejarvis.com" id="wayback" target="_blank" rel="noopener noreferrer nofollow">© 1999 –</a> 2018 Jake Jarvis.<span>🐼</span><a href="https://github.com/jakejarvis/jakejarvis.com" id="source" target="_blank" rel="noopener noreferrer nofollow">View source on GitHub.</a></p>
|
||||
</div>
|
||||
<script>
|
||||
var _gaq = [['_setAccount', 'UA-1563964-4'], ['_trackPageview']];
|
||||
|
||||
@ -226,12 +226,23 @@ table {
|
||||
/* custom CSS */
|
||||
|
||||
body {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #1a1a1a;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 24px;
|
||||
line-height: 1.5;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
div#container {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 10%;
|
||||
}
|
||||
|
||||
img#me {
|
||||
@ -243,21 +254,6 @@ img#me {
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
div#container {
|
||||
display: table;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div#content {
|
||||
display: table-cell;
|
||||
padding: 10%;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dashed transparent;
|
||||
@ -279,7 +275,7 @@ h2 {
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 20px 0px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
sup {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user