mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-07-03 17:06:37 -04:00
clean up partials and styles
This commit is contained in:
@ -1,18 +1,18 @@
|
||||
---
|
||||
title: "Jake Jarvis – Front-End Web Developer in Boston, MA"
|
||||
date: 2019-12-20 23:47:30-0400
|
||||
date: 2020-01-02 09:54:53-0400
|
||||
type: home
|
||||
---
|
||||
|
||||
<img id="me" src="/me.jpg" width="160" height="160" alt="Photo of Jake Jarvis">
|
||||
|
||||
<h2>Hi there! I'm Jake. <span id="wave">👋</span></h2>
|
||||
<h2>Hi there! I'm Jake. <span class="wave">👋</span></h2>
|
||||
<h3>I'm a frontend web developer based in <a href="https://www.youtube-nocookie.com/embed/rLwbzGyC6t4?hl=en&fs=1&showinfo=1&rel=0&iv_load_policy=3" title=""Boston Accent Trailer - Late Night with Seth Meyers" on YouTube" id="boston" target="_blank" rel="noopener">Boston</a>.</h3>
|
||||
|
||||
<p>My recent focus has been on <a href="https://stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/" title=""The Brutal Lifecycle of JavaScript Frameworks" by Ian Allen" id="javascript" target="_blank" rel="noopener">modern JavaScript frameworks</a> like <a href="https://reactjs.org/" title="React Official Website" id="react" target="_blank" rel="noopener">React</a>, <a href="https://angular.io/" title="Angular Official Website" id="angular" target="_blank" rel="noopener">Angular</a>, and <a href="https://vuejs.org/" title="Vue.js Official Website" id="vue" target="_blank" rel="noopener">Vue</a> in front of <a href="https://nodejs.org/en/" title="Node.js Official Website" id="node" target="_blank" rel="noopener">Node</a> and <a href="https://golang.org/" title="Golang Official Website" id="golang" target="_blank" rel="noopener">Go</a> backends...</p>
|
||||
<p>...but I'm fluent in classics like <a href="https://stitcher.io/blog/php-in-2019" title=""PHP in 2019" by Brent Roose" id="php" target="_blank" rel="noopener">PHP</a>, <a href="https://www.ruby-lang.org/en/" title="Ruby Official Website" id="ruby" target="_blank" rel="noopener">Ruby</a>, <a href="https://www.python.org/" title="Python Official Website" id="python" target="_blank" rel="noopener">Python</a>, and <a href="https://go.java/index.html" title="Java Official Website" id="java" target="_blank" rel="noopener">Java</a> as well.</p>
|
||||
<p>Whenever possible, I prioritize my interest in <a href="https://bugcrowd.com/jakejarvis" title="Jake Jarvis on Bugcrowd" id="infosec" target="_blank" rel="me noopener">information security</a>, <a href="https://martinfowler.com/articles/serverless.html" title=""Serverless Architectures" by Mike Roberts" id="server" target="_blank" rel="noopener">server<span id="serverless">(less)</span> architecture</a>, <a href="https://roadmap.sh/devops/2018" title=""DevOps Roadmap" by Kamran Ahmed" id="devops" target="_blank" rel="noopener">efficient DevOps & CI</a>, and the <a href="https://engineering.fb.com/data-center-engineering/tupperware/" title=""Containerized Deployment at Facebook" by Kenny Yu & Chunqiang Tang" id="containers" target="_blank" rel="noopener">containerization of everything</a>.</p>
|
||||
<p>I fell in love with <a href="/y2k/" title="My Terrible, Horrible, No Good, Very Bad First Website" id="y2k" target="_blank" rel="noopener">frontend web design</a> and <a href="/notes/my-first-code/" title="Jake's Bulletin Board, circa 2003" id="jbb">backend programming</a> when my only source of income was <a href="/birthday/" title="🎉 Cranky Birthday Boy on VHS Tape 📼" id="birthday">the Tooth Fairy</a>. <span id="shh">(I've improved a bit since then...)</span></p>
|
||||
<p>I fell in love with <a href="/y2k/" title="My Terrible, Horrible, No Good, Very Bad First Website" id="y2k">frontend web design</a> and <a href="/notes/my-first-code/" title="Jake's Bulletin Board, circa 2003" id="jbb">backend programming</a> when my only source of income was <a href="/birthday/" title="🎉 Cranky Birthday Boy on VHS Tape 📼" id="birthday">the Tooth Fairy</a>. <span id="shh">(I've improved a bit since then...)</span></p>
|
||||
<p>Over the years, my side projects
|
||||
<a href="https://tuftsdaily.com/news/2012/04/06/student-designs-iphone-joeytracker-app/" title=""Student designs iPhone JoeyTracker app" on The Tufts Daily" id="news-1" target="_blank" rel="noopener">have</a>
|
||||
<a href="/leo/" title="Powncer segment on The Lab with Leo Laporte (G4techTV)" id="news-2">been</a>
|
||||
@ -21,7 +21,7 @@ type: home
|
||||
<a href="https://www.wired.com/2007/04/our-web-servers/" title=""Middio: A YouTube Scraper for Major Label Music Videos" on Wired" id="news-5" target="_blank" rel="noopener">various</a>
|
||||
<a href="https://gigaom.com/2009/10/06/fresh-faces-in-tech-10-kid-entrepreneurs-to-watch/6/" title=""Fresh Faces in Tech: 10 Kid Entrepreneurs to Watch" on Gigaom" id="news-6" target="_blank" rel="noopener">news</a>
|
||||
<a href="https://adage.com/article/small-agency-diary/client-ceo-s-son/116723/" title=""Your Next Client? The CEO's Son" on Advertising Age" id="news-7" target="_blank" rel="noopener">outlets</a>.</p>
|
||||
<p>You can find some of my work on <a href="https://github.com/jakejarvis" title="Jake Jarvis on GitHub" id="github" target="_blank" rel="me noopener">GitHub</a> or <a href="https://www.linkedin.com/in/jakejarvis/" title="Jake Jarvis on LinkedIn" id="linkedin" target="_blank" rel="me noopener">LinkedIn</a>, my adventures on <a href="https://twitter.com/jakejarvis" title="Jake Jarvis on Twitter" id="twitter" target="_blank" rel="me noopener">Twitter</a>, <a href="https://www.facebook.com/jakejarvis" title="Jake Jarvis on Facebook" id="facebook" target="_blank" rel="me noopener">Facebook</a>, <a href="https://www.instagram.com/jakejarvis/" title="Jake Jarvis on Instagram" id="instagram" target="_blank" rel="me noopener">Instagram</a>, or <a href="https://mastodon.social/@jakejarvis" title="Jake Jarvis on Mastodon" id="mastodon" target="_blank" rel="me noopener">Mastodon</a>, and my old-school <a href="/resume.pdf" title="View PDF Resume" id="resume" target="_blank" rel="noopener">PDF resume here</a>.</p>
|
||||
<p>You can find some of my work on <a href="https://github.com/jakejarvis" title="Jake Jarvis on GitHub" id="github" target="_blank" rel="me noopener">GitHub</a> or <a href="https://www.linkedin.com/in/jakejarvis/" title="Jake Jarvis on LinkedIn" id="linkedin" target="_blank" rel="me noopener">LinkedIn</a>, my adventures on <a href="https://twitter.com/jakejarvis" title="Jake Jarvis on Twitter" id="twitter" target="_blank" rel="me noopener">Twitter</a>, <a href="https://www.facebook.com/jakejarvis" title="Jake Jarvis on Facebook" id="facebook" target="_blank" rel="me noopener">Facebook</a>, <a href="https://www.instagram.com/jakejarvis/" title="Jake Jarvis on Instagram" id="instagram" target="_blank" rel="me noopener">Instagram</a>, or <a href="https://mastodon.social/@jakejarvis" title="Jake Jarvis on Mastodon" id="mastodon" target="_blank" rel="me noopener">Mastodon</a>, and my old-school <a href="/resume.pdf" title="View PDF Resume" id="resume">PDF resume here</a>.</p>
|
||||
<p>I'd love to hear from you via <a href="mailto:jake@jarv.is" title="Send Email" id="email">email</a><sup> <a class="no-underline" href="/jarvis.asc" title="My Public PGP Key" id="pgp">2B0C 9CF2 51E6 9A39</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" title="Send Direct Message on Twitter" id="dm" target="_blank" rel="noopener">DM</a>, or <a href="sms:+1-617-917-3737" title="Send SMS: +1 (617) 917-3737" id="sms">text</a>!</p>
|
||||
|
||||
<p><a href="/notes/" title="My Blog" id="blog" rel="me"><span>📝</span> Read more at my blog...</a></p>
|
||||
|
||||
@ -12,7 +12,7 @@ image: "codepen.png"
|
||||
draft: false
|
||||
---
|
||||
|
||||
# Howdy, friends! <span style="display: inline-block; animation-name: wave; animation-duration: 2.5s; animation-iteration-count: infinite; transform-origin: 70% 70%;">👋</span>
|
||||
# Howdy, friends! <span class="wave">👋</span>
|
||||
|
||||
If you examine [my homepage](/) long enough, you might notice the 👋 hand emoji at the top subtly waving at you. This was easily accomplished using a few lines of CSS with a feature called [`@keyframes`](https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes) — no bulky GIFs involved, and no JS mess or jQuery overkill required.
|
||||
|
||||
@ -51,4 +51,4 @@ span.wave {
|
||||
|
||||
That's it! More skin tones can be [found on 📕Emojipedia](https://emojipedia.org/search/?q=waving+hand).
|
||||
|
||||
### <span style="display: inline-block; animation-name: wave; animation-duration: 2.5s; animation-iteration-count: infinite; transform-origin: 70% 70%;">👋🏼</span> Toodles!
|
||||
### <span class="wave">👋🏼</span> Toodles!
|
||||
|
||||
Reference in New Issue
Block a user