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

wave.css to the cameras 👋

Browse Source
This commit is contained in:
Jake Jarvis 2018-04-25 10:04:50 -04:00
parent d9af881d86
commit 94d7aaf24c
2 changed files with 35 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/index.html
View File

@ -1,23 +1,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- <!--
,,, ,,, ,,, ,,,
;" ^; ;' ", ;" ^; ;' ",
; s$$$$$s ; ; s$$$$$s ;
, ss$$$$$$$ss ,' , ss$$$$$$$ss ,'
;$$$$$$$$$$$$$$$$ ;$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$
$$$$$""Y$$$Y"""$$$$$ $$$$$"""$$$"""$$$$$$
$$$$$ p"$$$"q $$$$$ $$$$$ p"$$$"q $$$$$
$$$$ .$$$$$. $$$$ $$$$ .$$$$$. $$$$
$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$
"Y$$$"*"$$$Y" "$$$$"*"$$$$" xoxo
"$$.$$" - xoxo, Jake "$$.$$"
--> -->
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Jake Jarvis &ndash; Web &amp; Mobile Developer in Boston, MA</title> <title>Jake Jarvis &ndash; Web &amp; 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 name="description" content="I'm a 26-year-old web and mobile entrepreneur living in Boston, Massachusetts.">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128"> <link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128">
@ -33,12 +33,13 @@
<body> <body>
<div id="container"> <div id="container">
<img id="me" src="me.jpg" alt="Jake Jarvis" title="Jake Jarvis"> <img id="me" src="me.jpg" alt="Jake Jarvis" title="Jake Jarvis">
<h1>Hello! I'm Jake. &#x1F44B;</h1> <h1>Hello! I'm Jake. <span id="wave">&#x1F44B;<!--&#x1F3FB;--></span></h1>
<h2>I'm a web and mobile developer based in <a href="https://www.urbandictionary.com/define.php?term=Boston" id="boston" target="_blank" rel="noopener noreferrer nofollow">Boston</a>.</h2> <h2>I'm a web and mobile developer based 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>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>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>...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>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 classic PDF resume <a href="resume.pdf" id="resume">right here</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> back when my only source of income was <span id="fairy">the Tooth Fairy</span>.</p>
<p>Since then, my side projects <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="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="powncer.mov" id="news-2">been</a>
@ -48,10 +49,9 @@
<a href="http://www.switched.com/2009/07/23/10-tech-whizzes-under-20/" id="news-6" target="_blank" rel="noopener noreferrer nofollow">news</a> <!-- https://web.archive.org/web/20130910070915/http://www.switched.com/2009/07/23/10-tech-whizzes-under-20/ --> <a href="http://www.switched.com/2009/07/23/10-tech-whizzes-under-20/" id="news-6" target="_blank" rel="noopener noreferrer nofollow">news</a> <!-- https://web.archive.org/web/20130910070915/http://www.switched.com/2009/07/23/10-tech-whizzes-under-20/ -->
<a href="https://web.archive.org/web/20090605063347/http://www.contentnext.com:80/econaffinity/list/top-10-kids-in-tech/P4" id="news-7" target="_blank" rel="noopener noreferrer nofollow">outlets</a>. <!-- http://paidcontent.org/article/419-our-list-fresh-faces-in-tech-10-kid-entrepreneurs-to-watch/ --> <a href="https://web.archive.org/web/20090605063347/http://www.contentnext.com:80/econaffinity/list/top-10-kids-in-tech/P4" id="news-7" target="_blank" rel="noopener noreferrer nofollow">outlets</a>. <!-- http://paidcontent.org/article/419-our-list-fresh-faces-in-tech-10-kid-entrepreneurs-to-watch/ -->
</p> </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> <a href="https://app.pluralsight.com/profile/jakejarvis" id="pluralsight" target="_blank" rel="noopener noreferrer nofollow">dipping my toes</a> into the waters of <a href="https://mchow01.github.io/security/2015/09/14/learning-more-about-security.html" 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://medium.com/google-cloud/a-survival-guide-for-containerizing-your-infrastructure-part-1-why-switch-8e8dee9fc66" id="containerization" target="_blank" rel="noopener noreferrer nofollow">containerization of everything</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> <a href="https://app.pluralsight.com/profile/jakejarvis" id="pluralsight" target="_blank" rel="noopener noreferrer nofollow">dipping my toes</a> into the waters of <a href="https://mchow01.github.io/security/2015/09/14/learning-more-about-security.html" 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://medium.com/google-cloud/a-survival-guide-for-containerizing-your-infrastructure-part-1-why-switch-8e8dee9fc66" id="containerization" target="_blank" rel="noopener noreferrer nofollow">containerization of everything</a>.</p>
<p>If any of this fits 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==&amp;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>If any of this fits 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==&amp;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">&copy; 1999 &ndash;</a> 2018 Jake Jarvis.<span>&#x1F43C;</span><a href="https://github.com/jakejarvis/jakejarvis.com" id="source" target="_blank" rel="noopener noreferrer nofollow">View source on GitHub.</a></p> <p id="copyright"><a href="https://web.archive.org/web/*/jakejarvis.com" id="wayback" target="_blank" rel="noopener noreferrer nofollow">&copy; 1999 &ndash;</a> 2018 Jake Jarvis. <span>&#x1F43C;</span> <a href="https://github.com/jakejarvis/jakejarvis.com" id="source" target="_blank" rel="noopener noreferrer nofollow">View source on GitHub.</a></p>
</div> </div>
<script> <script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date; window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;

30
public/style.css
View File

@ -466,10 +466,10 @@ a#serverless:hover {
} }
a#containerization { a#containerization {
color: #3bb878; color: #c48f49;
} }
a#containerization:hover { a#containerization:hover {
border-color: #3bb878; border-color: #c48f49;
} }
a#resume { a#resume {
@ -516,5 +516,27 @@ p#copyright a#source {
} }
p#copyright span { p#copyright span {
margin: 0 5px; display: inline-block;
} vertical-align: middle;
width: 12px;
margin: 0 4px;
}
@keyframes wave {
0% { transform: rotate( 0.0deg); }
10% { transform: rotate(-10.0deg); }
20% { transform: rotate( 12.0deg); }
30% { transform: rotate(-10.0deg); }
40% { transform: rotate( 9.0deg); }
50% { transform: rotate( 0.0deg); }
100% { transform: rotate( 0.0deg); }
}
h1 span#wave {
display: inline-block;
margin-left: 2px;
animation-name: wave;
animation-duration: 2.5s;
animation-iteration-count: infinite;
transform-origin: 70% 70%;
}