jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 16:46:39 -04:00
Code Issues Activity

next-mdx-remote v4 (#737)

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-18 09:25:09 -05:00
committed by GitHub
parent 2ef5d06c38
commit a406010bd2
110 changed files with 1009 additions and 1490 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
pages/index.tsx
View File

@ -1,5 +1,5 @@
import ColorLink from "../components/home/ColorLink";
import { WaveIcon, LockIcon } from "../components/icons";
import ColorfulLink from "../components/ColorfulLink/ColorfulLink";
import { WaveIcon, LockIcon } from "../components/Icons";
const Index = () => (
<>
@ -12,7 +12,7 @@ const Index = () => (
<h2>
I'm a frontend web developer based in{" "}
<ColorLink
<ColorfulLink
href="https://www.youtube-nocookie.com/embed/rLwbzGyC6t4?hl=en&amp;fs=1&amp;showinfo=1&amp;rel=0&amp;iv_load_policy=3"
title='"Boston Accent Trailer - Late Night with Seth Meyers" on YouTube'
lightColor="#fb4d42"
@ -20,13 +20,13 @@ const Index = () => (
external
>
Boston
</ColorLink>
</ColorfulLink>
.
</h2>
<p>
I specialize in{" "}
<ColorLink
<ColorfulLink
href="https://stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/"
title='"The Brutal Lifecycle of JavaScript Frameworks" by Ian Allen'
lightColor="#1091b3"
@ -34,9 +34,9 @@ const Index = () => (
external
>
modern JS frameworks
</ColorLink>{" "}
</ColorfulLink>{" "}
and{" "}
<ColorLink
<ColorfulLink
href="http://vanilla-js.com/"
title="The best JS framework in the world by Eric Wastl"
lightColor="#f48024"
@ -44,9 +44,9 @@ const Index = () => (
external
>
vanilla JavaScript
</ColorLink>{" "}
</ColorfulLink>{" "}
to make nifty{" "}
<ColorLink
<ColorfulLink
href="https://jamstack.wtf/"
title="WTF is JAMstack?"
lightColor="#04a699"
@ -54,9 +54,9 @@ const Index = () => (
external
>
JAMstack sites
</ColorLink>{" "}
</ColorfulLink>{" "}
with dynamic{" "}
<ColorLink
<ColorfulLink
href="https://nodejs.org/en/"
title="Node.js Official Website"
lightColor="#6fbc4e"
@ -64,9 +64,9 @@ const Index = () => (
external
>
Node.js
</ColorLink>{" "}
</ColorfulLink>{" "}
services. But I'm fluent in non-buzzwords like{" "}
<ColorLink
<ColorfulLink
href="https://stitcher.io/blog/php-in-2020"
title='"PHP in 2020" by Brent Roose'
lightColor="#8892bf"
@ -74,9 +74,9 @@ const Index = () => (
external
>
PHP
</ColorLink>
</ColorfulLink>
,{" "}
<ColorLink
<ColorfulLink
href="https://www.ruby-lang.org/en/"
title="Ruby Official Website"
lightColor="#d34135"
@ -84,9 +84,9 @@ const Index = () => (
external
>
Ruby
</ColorLink>
</ColorfulLink>
, and{" "}
<ColorLink
<ColorfulLink
href="https://golang.org/"
title="Golang Official Website"
lightColor="#00acd7"
@ -94,13 +94,13 @@ const Index = () => (
external
>
Go
</ColorLink>{" "}
</ColorfulLink>{" "}
too.
</p>
<p>
Whenever possible, I also apply my experience in{" "}
<ColorLink
<ColorfulLink
href="https://github.com/jakejarvis/awesome-shodan-queries"
title="jakejarvis/awesome-shodan-queries on GitHub"
lightColor="#00b81a"
@ -108,9 +108,9 @@ const Index = () => (
external
>
application security
</ColorLink>
</ColorfulLink>
,{" "}
<ColorLink
<ColorfulLink
href="https://www.cloudflare.com/learning/serverless/what-is-serverless/"
title='"What is serverless computing?" on Cloudflare'
lightColor="#0098ec"
@ -118,9 +118,9 @@ const Index = () => (
external
>
serverless stacks
</ColorLink>
</ColorfulLink>
, and{" "}
<ColorLink
<ColorfulLink
href="https://xkcd.com/1319/"
title='"Automation" on xkcd'
lightColor="#ff6200"
@ -128,46 +128,46 @@ const Index = () => (
external
>
DevOps automation
</ColorLink>
</ColorfulLink>
.
</p>
<p>
I fell in love with{" "}
<ColorLink
<ColorfulLink
href="/previously/"
title="My Terrible, Horrible, No Good, Very Bad First Websites"
lightColor="#4169e1"
darkColor="#8ca9ff"
>
frontend web design
</ColorLink>{" "}
</ColorfulLink>{" "}
and{" "}
<ColorLink
<ColorfulLink
href="/notes/my-first-code/"
title="Jake's Bulletin Board, circa 2003"
lightColor="#9932cc"
darkColor="#d588fb"
>
backend programming
</ColorLink>{" "}
</ColorfulLink>{" "}
back when my only source of income was{" "}
<span className="birthday">
<ColorLink
<ColorfulLink
href="/birthday/"
title="🎉 Cranky Birthday Boy on VHS Tape 📼"
lightColor="#e40088"
darkColor="#fd40b1"
>
the Tooth Fairy
</ColorLink>
</ColorfulLink>
</span>
. <span className="quiet">I've improved a bit since then, I think...</span>
</p>
<p>
Over the years, some of my side projects{" "}
<ColorLink
<ColorfulLink
href="https://tuftsdaily.com/news/2012/04/06/student-designs-iphone-joeytracker-app/"
title='"Student designs iPhone JoeyTracker app" on The Tufts Daily'
lightColor="#ff1b1b"
@ -175,16 +175,16 @@ const Index = () => (
external
>
have
</ColorLink>{" "}
<ColorLink
</ColorfulLink>{" "}
<ColorfulLink
href="/leo/"
title="Powncer segment on The Lab with Leo Laporte (G4techTV)"
lightColor="#f78200"
darkColor="#fd992a"
>
been
</ColorLink>{" "}
<ColorLink
</ColorfulLink>{" "}
<ColorfulLink
href="https://www.google.com/books/edition/The_Facebook_Effect/RRUkLhyGZVgC?hl=en&gbpv=1&dq=%22jake%20jarvis%22&pg=PA226&printsec=frontcover&bsq=%22jake%20jarvis%22"
title='"The Facebook Effect" by David Kirkpatrick (Google Books)'
lightColor="#f2b702"
@ -192,8 +192,8 @@ const Index = () => (
external
>
featured
</ColorLink>{" "}
<ColorLink
</ColorfulLink>{" "}
<ColorfulLink
href="https://money.cnn.com/2007/06/01/technology/facebookplatform.fortune/index.htm"
title='"The new Facebook is on a roll" on CNN Money'
lightColor="#5ebd3e"
@ -201,8 +201,8 @@ const Index = () => (
external
>
by
</ColorLink>{" "}
<ColorLink
</ColorfulLink>{" "}
<ColorfulLink
href="https://www.wired.com/2007/04/our-web-servers/"
title='"Middio: A YouTube Scraper for Major Label Music Videos" on Wired'
lightColor="#009cdf"
@ -210,8 +210,8 @@ const Index = () => (
external
>
various
</ColorLink>{" "}
<ColorLink
</ColorfulLink>{" "}
<ColorfulLink
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'
lightColor="#3e49bb"
@ -219,8 +219,8 @@ const Index = () => (
external
>
media
</ColorLink>{" "}
<ColorLink
</ColorfulLink>{" "}
<ColorfulLink
href="https://adage.com/article/small-agency-diary/client-ceo-s-son/116723/"
title='"Your Next Client? The CEO&#39;s Son" on Advertising Age'
lightColor="#973999"
@ -228,13 +228,13 @@ const Index = () => (
external
>
outlets
</ColorLink>
</ColorfulLink>
.
</p>
<p>
You can find more of my work on{" "}
<ColorLink
<ColorfulLink
href="https://github.com/jakejarvis"
title="Jake Jarvis on GitHub"
lightColor="#8d4eff"
@ -242,9 +242,9 @@ const Index = () => (
external
>
GitHub
</ColorLink>{" "}
</ColorfulLink>{" "}
and{" "}
<ColorLink
<ColorfulLink
href="https://www.linkedin.com/in/jakejarvis/"
title="Jake Jarvis on LinkedIn"
lightColor="#0073b1"
@ -252,18 +252,18 @@ const Index = () => (
external
>
LinkedIn
</ColorLink>
</ColorfulLink>
. I'm always available to connect over{" "}
<ColorLink href="/contact/" title="Send an email" lightColor="#de0c0c" darkColor="#ff5050">
<ColorfulLink href="/contact/" title="Send an email" lightColor="#de0c0c" darkColor="#ff5050">
email
</ColorLink>{" "}
</ColorfulLink>{" "}
<sup className="monospace pgp_key">
<ColorLink href="/pubkey.asc" title="My Public Key" lightColor="#757575" darkColor="#959595" external>
<ColorfulLink href="/pubkey.asc" title="My Public Key" lightColor="#757575" darkColor="#959595" external>
<LockIcon className="icon" /> 2B0C 9CF2 51E6 9A39
</ColorLink>
</ColorfulLink>
</sup>
,{" "}
<ColorLink
<ColorfulLink
href="https://twitter.com/jakejarvis"
title="Jake Jarvis on Twitter"
lightColor="#00acee"
@ -271,16 +271,16 @@ const Index = () => (
external
>
Twitter
</ColorLink>
</ColorfulLink>
, or{" "}
<ColorLink
<ColorfulLink
href="sms:+1-617-917-3737"
title="Send SMS to +1 (617) 917-3737"
lightColor="#6fcc01"
darkColor="#8edb34"
>
SMS
</ColorLink>{" "}
</ColorfulLink>{" "}
as well!
</p>