jake/jarv.is
jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 16:16:21 -04:00
Code Issues

huge refactoring of content and theme

Browse Source 
- de-personalize the theme as much as possible, moving personal info into config.toml parameters
- extract hard-coded content out layouts and into actual /content (especially home page and all of its assets)
- include full text of posts in RSS feed (aka making the world a better place)
- use abstract layout for both video pages (/leo and /birthday)
This commit is contained in:
Jake Jarvis 2019-10-27 22:10:18 -04:00
parent abf99c0106
commit c79bba520b
39 changed files with 234 additions and 299 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.github/workflows/gh-pages.yml vendored
View File

@ -21,7 +21,7 @@ jobs:
- name: Build Hugo - name: Build Hugo
run: | run: |
echo ${{ secrets.GITHUB_ACCESS_TOKEN }} | docker login docker.pkg.github.com -u $GITHUB_ACTOR --password-stdin echo ${{ secrets.GITHUB_ACCESS_TOKEN }} | docker login docker.pkg.github.com -u $GITHUB_ACTOR --password-stdin
docker run -v $GITHUB_WORKSPACE:/src docker.pkg.github.com/jakejarvis/hugo-custom/hugo-custom:latest --gc --cleanDestinationDir docker run -v $GITHUB_WORKSPACE:/src docker.pkg.github.com/jakejarvis/hugo-custom/hugo-custom:latest --gc --cleanDestinationDir --verbose
docker logout docker.pkg.github.com docker logout docker.pkg.github.com
# Copy built site to a directory where we have permissions, and # Copy built site to a directory where we have permissions, and

2
Dockerfile
View File

@ -20,4 +20,4 @@ WORKDIR /src
EXPOSE 1313 EXPOSE 1313
ENTRYPOINT ["/usr/bin/hugo"] ENTRYPOINT ["/usr/bin/hugo"]
CMD ["server", "--bind", "0.0.0.0", "--port", "1313"] CMD ["server", "--bind", "0.0.0.0", "--port", "1313", "--verbose"]

23
assets/sass/components/_logo.scss Normal file
View File

@ -0,0 +1,23 @@
@charset "UTF-8";
// nifty color swapping on svg logo hover
a#logo {
&:hover {
$logo-original1: #6fbc4e;
$logo-original2: #ffb900;
$logo-original3: #009cdf;
svg {
g#color1 {
fill: $logo-original2;
}
g#color2 {
fill: $logo-original3;
}
g#color3 {
fill: $logo-original1;
}
}
}
}

2
assets/sass/main.scss
View File

@ -12,10 +12,12 @@
// Pages // Pages
@import 'pages/home'; @import 'pages/home';
@import 'pages/notes'; @import 'pages/notes';
@import 'pages/videos';
// Responsive Pages // Responsive Pages
@import 'pages/responsive/global'; @import 'pages/responsive/global';
// Miscellaneous // Miscellaneous
@import 'components/logo';
@import 'components/syntax'; @import 'components/syntax';
@import 'components/wave'; @import 'components/wave';

27
assets/sass/pages/_notes.scss
View File

@ -25,7 +25,12 @@ body#notes {
color: $color-medium; color: $color-medium;
padding: 15px; padding: 15px;
img, svg { &:hover {
color: $color-links;
}
img,
svg {
height: 45px; height: 45px;
width: auto; width: auto;
} }
@ -35,26 +40,6 @@ body#notes {
font-size: 1.4em; font-size: 1.4em;
font-weight: 500; font-weight: 500;
} }
&:hover {
color: $color-links;
$logo-original1: #6fbc4e;
$logo-original2: #ffb900;
$logo-original3: #009cdf;
svg {
g#color1 {
fill: $logo-original2;
}
g#color2 {
fill: $logo-original3;
}
g#color3 {
fill: $logo-original1;
}
}
}
} }
ul { ul {

32
assets/sass/pages/_videos.scss Normal file
View File

@ -0,0 +1,32 @@
@charset "UTF-8";
// Video Styles
body#videos {
margin: 75px auto;
text-align: center;
p {
font-size: 0.85em;
line-height: 1.5em;
color: #777777;
margin: 0;
padding: 0 10px;
}
a {
font-weight: bold;
}
a#logo svg {
height: 48px;
width: 48px;
padding: 4px;
margin: 16px 0 8px 0;
}
video {
width: $responsive-width;
height: auto;
font-family: inherit; // for subtitles
}
}

3
assets/sass/pages/responsive/_global.scss
View File

@ -6,12 +6,11 @@
// Safari iOS menu bar reappers below 44px: // Safari iOS menu bar reappers below 44px:
// https://www.eventbrite.com/engineering/mobile-safari-why/ // https://www.eventbrite.com/engineering/mobile-safari-why/
padding-bottom: 45px !important; padding-bottom: 45px !important;
// Allows content to fill the viewport and go beyond the bottom
height: 100%;
// Allows you to scroll below the viewport; default value is visible // Allows you to scroll below the viewport; default value is visible
overflow-y: scroll; overflow-y: scroll;
} }
@import 'home'; @import 'home';
@import 'notes'; @import 'notes';
@import 'videos';
} }

3
assets/sass/pages/responsive/_notes.scss
View File

@ -13,7 +13,8 @@ body#notes {
a#logo { a#logo {
padding: 10px; padding: 10px;
img, svg { img,
svg {
height: 60px; height: 60px;
width: auto; width: auto;
} }

16
assets/sass/pages/responsive/_videos.scss Normal file
View File

@ -0,0 +1,16 @@
@charset "UTF-8";
// Responsive Videos
body#videos {
margin: 20px 0;
h1 {
font-size: 1.6em;
padding: 0 10px;
}
video {
width: 100%;
height: auto;
}
}

16
config.toml
View File

@ -2,6 +2,9 @@ baseURL = "https://jarv.is/"
languageCode = "en-us" languageCode = "en-us"
title = "Jake Jarvis" title = "Jake Jarvis"
# increase timeout for image processing
timeout = 60000
canonifyURLs = true canonifyURLs = true
disableFastRender = true disableFastRender = true
@ -13,8 +16,17 @@ pygmentsCodeFences = true
enableRobotsTXT = true enableRobotsTXT = true
# increase timeout for image processing [author]
timeout = 60000 name = "Jake Jarvis"
email = "jake@jarv.is"
twitter = "@jakejarvis"
github = "jakejarvis"
[params]
domain = "jarv.is"
gitRepo = "https://github.com/jakejarvis/jarv.is"
wayback = "https://web.archive.org/web/20010501000000*/jakejarvis.com"
copyrightFirstYear = "2001"
[outputs] [outputs]
home = ["HTML", "RSS"] home = ["HTML", "RSS"]

27
content/_index.html Normal file
View File

@ -0,0 +1,27 @@
---
title: "Jake Jarvis – Front-End Web Developer in Boston, MA"
date: 2019-10-26 18:04:05-0400
description: "Hello! I'm a frontend web developer based in Boston, Massachusetts specializing in modern JavaScript frameworks and progressive web apps."
type: home
---
<header>
<img itemprop="image" id="me" class="u-photo" src="/me.jpg" alt="Photo of Jake Jarvis" title="Photo of Jake Jarvis">
<h1>Hi! I'm <a itemprop="url" rel="me author" class="u-url no-underline" href="/" title="Jake Jarvis"><span itemprop="name" class="p-name">Jake Jarvis</span></a>. <span id="wave">&#x1F44B;<!--&#x1F3FB;--></span></h1>
<h2 itemprop="description">I'm a <span itemprop="jobTitle">frontend web developer</span> based in <a 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="&quot;Boston Accent Trailer - Late Night with Seth Meyers&quot; on YouTube" id="boston" target="_blank" rel="noopener noreferrer nofollow"><span itemprop="homeLocation">Boston</span></a>.</h2>
</header>
<p>My recent focus has been on <a href="https://stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/" title="&quot;The Brutal Lifecycle of JavaScript Frameworks&quot; by Ian Allen" id="javascript" target="_blank" rel="noopener noreferrer nofollow">modern JavaScript frameworks</a> like <a href="https://reactjs.org/" title="React Official Website" id="react" target="_blank" rel="noopener noreferrer nofollow">React</a>, <a href="https://angular.io/" title="Angular Official Website" id="angular" target="_blank" rel="noopener noreferrer nofollow">Angular</a>, and <a href="https://vuejs.org/" title="Vue.js Official Website" id="vue" target="_blank" rel="noopener noreferrer nofollow">Vue</a> in front of <a href="https://nodejs.org/en/" title="Node.js Official Website" id="node" target="_blank" rel="noopener noreferrer nofollow">Node</a> and <a href="https://golang.org/" title="Golang Official Website" id="golang" target="_blank" rel="noopener noreferrer nofollow">Go</a> backends...</p>
<p>...but I'm fluent in classics like <a href="https://stitcher.io/blog/php-in-2019" title="&quot;PHP in 2019&quot; by Brent Roose" id="php" target="_blank" rel="noopener noreferrer nofollow">PHP</a>, <a href="https://www.ruby-lang.org/en/" title="Ruby Official Website" id="ruby" target="_blank" rel="noopener noreferrer nofollow">Ruby</a>, <a href="https://go.java/index.html" title="Java Official Website" id="java" target="_blank" rel="noopener noreferrer nofollow">Java</a>, <a href="https://isocpp.org/" title="Standard C++ Official Website" id="cpp" target="_blank" rel="noopener noreferrer nofollow">C++</a>, and <a href="https://www.python.org/" title="Python Official Website" id="python" target="_blank" rel="noopener noreferrer nofollow">Python</a> as well.</p>
<p>Whenever possible, I also prioritize my experience with <a href="https://bugcrowd.com/jakejarvis" title="Jake Jarvis on Bugcrowd" id="infosec" target="_blank" rel="me noopener noreferrer">information security</a>, <a href="https://martinfowler.com/articles/serverless.html" title="&quot;Serverless Architectures&quot; by Mike Roberts" id="server" target="_blank" rel="noopener noreferrer nofollow">server<span id="serverless">(less)</span> architecture</a>, <a href="https://github.com/kamranahmedse/developer-roadmap/blob/67a72aab113e79c11e292ada394606f079f6a263/images/devops.png" title="&quot;DevOps Roadmap&quot; by Kamran Ahmed" id="devops" target="_blank" rel="noopener noreferrer nofollow">efficient DevOps &amp; CI</a>, and the <a href="https://engineering.fb.com/data-center-engineering/tupperware/" title="&quot;Containerized Deployment at Facebook&quot; by Kenny Yu &amp; Chunqiang Tang" id="containers" target="_blank" rel="noopener noreferrer nofollow">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" target="_blank" rel="noopener">backend programming</a> when my only source of income was <a href="/birthday/" title="🎉 Cranky Birthday Boy on VHS Tape 📼" id="birthday" target="_blank" rel="noopener">the Tooth Fairy</a>. <span id="shh">(I've improved a little bit since those projects, I promise...)</span></p>
<p>Since then, my side projects
<a href="https://tuftsdaily.com/news/2012/04/06/student-designs-iphone-joeytracker-app/" title="&quot;Student designs iPhone JoeyTracker app&quot; on The Tufts Daily" id="news-1" target="_blank" rel="noopener noreferrer nofollow">have</a> <!-- https://archive.fo/LZ3y0 --> <!-- /daily.pdf -->
<a href="/leo/" title="Powncer segment on The Lab with Leo Laporte (G4techTV)" id="news-2" target="_blank" rel="noopener">been</a>
<a href="https://money.cnn.com/2007/06/01/technology/facebookplatform.fortune/index.htm" title="&quot;The new Facebook is on a roll&quot; on CNN Money" id="news-3" target="_blank" rel="noopener noreferrer nofollow">featured</a> <!-- https://archive.fo/Juzjc -->
<a href="https://adage.com/article/small-agency-diary/client-ceo-s-son/116723/" title="&quot;Your Next Client? The CEO&#39;s Son&quot; on Advertising Age" id="news-4" target="_blank" rel="noopener noreferrer nofollow">in</a> <!-- https://archive.fo/Hzuyx -->
<a href="https://books.google.com/books?id=RRUkLhyGZVgC&amp;lpg=PA226&amp;dq=%22jake%20jarvis%22&amp;pg=PA226#v=onepage&amp;q=%22jake%20jarvis%22&amp;f=false" title="&quot;The Facebook Effect&quot; by David Kirkpatrick (Google Books)" id="news-5" target="_blank" rel="noopener noreferrer nofollow">various</a>
<a href="https://www.wired.com/2007/04/our-web-servers/" title="&quot;Middio: A YouTube Scraper for Major Label Music Videos&quot; on Wired" id="news-6" target="_blank" rel="noopener noreferrer nofollow">news</a>
<a href="https://gigaom.com/2009/10/06/fresh-faces-in-tech-10-kid-entrepreneurs-to-watch/6/" title="&quot;Fresh Faces in Tech: 10 Kid Entrepreneurs to Watch&quot; on Gigaom" id="news-7" target="_blank" rel="noopener noreferrer nofollow">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 noreferrer">GitHub</a> or <a href="https://www.linkedin.com/in/jakejarvis/" title="Jake Jarvis on LinkedIn" id="linkedin" target="_blank" rel="me noopener noreferrer">LinkedIn</a>, my adventures on <a href="https://twitter.com/jakejarvis" title="Jake Jarvis on Twitter" id="twitter" target="_blank" rel="me noopener noreferrer">Twitter</a>, <a href="https://www.facebook.com/jakejarvis" title="Jake Jarvis on Facebook" id="facebook" target="_blank" rel="me noopener noreferrer">Facebook</a>, <a href="https://www.instagram.com/jakejarvis/" title="Jake Jarvis on Instagram" id="instagram" target="_blank" rel="me noopener noreferrer">Instagram</a>, or <a href="https://mastodon.social/@jakejarvis" title="Jake Jarvis on Mastodon" id="mastodon" target="_blank" rel="me noopener noreferrer">Mastodon</a>, and my standard <a href="/resume.pdf" title="View PDF Resume" id="resume" target="_blank" rel="noopener">PDF resume here</a>.</p>
<p>If any of this fits with what you're looking for, I'd love to hear from you via <a itemprop="email" class="u-email" href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x6A;&#x61;&#x6B;&#x65;&#x40;&#x6A;&#x61;&#x72;&#x76;&#x2E;&#x69;&#x73;" title="Send Email" id="email">email</a><sup>&nbsp;<a class="no-underline" href="https://keybase.io/jakejarvis/pgp_keys.asc?fingerprint=87fb4b6006dd1beb3ed47fabd36cb66f4002b25b" title="Jake Jarvis&#39;s Public Key on Keybase" id="pgp" target="_blank" rel="noopener noreferrer nofollow">D36C B66F 4002 B25B</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" title="Send Direct Message on Twitter" id="dm" target="_blank" rel="noopener noreferrer nofollow">DM</a>, or <a href="sms:+1-617-917-3737" title="Send SMS: +1 (617) 917-3737" id="sms">text</a>!</p>

6
content/_index.md
View File

@ -1,6 +0,0 @@
---
title: "Jake Jarvis – Front-End Web Developer in Boston, MA"
date: 2019-10-26 18:04:05-0400
description: "Hello! I'm a frontend web developer based in Boston, Massachusetts specializing in modern JavaScript frameworks and progressive web apps."
type: home
---

0
static/birthday/birthday.mp4 → content/birthday/birthday.mp4
View File

0
static/birthday/birthday.webm → content/birthday/birthday.webm
View File

0
static/birthday/thumb.png → content/birthday/images/thumb.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 134 KiB

After

Width:  |  Height:  |  Size: 134 KiB

13
content/birthday/index.md Normal file
View File

@ -0,0 +1,13 @@
---
title: "🎉 Cranky Birthday Boy on VHS Tape 📼"
date: 1996-02-06 00:01:01-0400
url: "/birthday"
image: "thumb.png"
type: videos
layout: video
resources:
- src: "birthday.mp4"
- src: "birthday.webm"
- src: "images/thumb.png"
- src: "subs.en.vtt"
---

0
static/humans.txt → content/humans.txt
View File

0
static/leo/thumb.png → content/leo/images/thumb.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 75 KiB

After

Width:  |  Height:  |  Size: 75 KiB

15
content/leo/index.md Normal file
View File

@ -0,0 +1,15 @@
---
title: "Facebook App on \"The Lab with Leo Laporte\""
date: 2007-01-01 00:01:01-0400
url: "/leo"
image: "thumb.png"
type: videos
layout: video
resources:
- src: "leo.mp4"
- src: "leo.webm"
- src: "images/thumb.png"
- src: "subs.en.vtt"
---
Video is property of [Leo Laporte](https://leolaporte.com/) and [G4techTV / HOW TO Channel](https://en.wikipedia.org/wiki/G4techTV). &copy; 2007.

0
static/leo/leo.mp4 → content/leo/leo.mp4
View File

0
static/leo/leo.webm → content/leo/leo.webm
View File

0
static/leo/subs.en.vtt → content/leo/subs.en.vtt
View File

0
static/license.txt → content/license.txt
View File

0
static/me.jpg → content/me.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

2
static/privacy.html → content/privacy.html
View File

@ -7,6 +7,6 @@
</head> </head>
<body> <body>
<p>We do not share personal information with third-parties nor do we store information we collect about your visit to this blog for use other than to analyze content performance through the use of cookies, which you can turn off at any time by modifying your Internet browser's settings. We are not responsible for the republishing of the content found on this blog on other Web sites or media without our permission. This privacy policy is subject to change without notice.</p> <p>We do not share personal information with third-parties nor do we store information we collect about your visit to this blog for use other than to analyze content performance through the use of cookies, which you can turn off at any time by modifying your Internet browser's settings. We are not responsible for the republishing of the content found on this blog on other Web sites or media without our permission. This privacy policy is subject to change without notice.</p>
<p><a href="https://jarv.is/">Return home.</p> <p><a href="{{ .Site.BaseURL }}">Return home.</a></p>
</body> </body>
</html> </html>

0
static/resume.docx → content/resume.docx
View File

0
static/resume.pdf → content/resume.pdf
View File

1
layouts/404.html
View File

@ -50,6 +50,5 @@
<h1>Welp, this is awkward... &#x1F633;</h1> <h1>Welp, this is awkward... &#x1F633;</h1>
<p>The file you asked for wasn't found in this neck of the woods. Please check the URL for mistakes and try again, or take your ball and <a href="{{ .Site.BaseURL }}">go home</a>.</p> <p>The file you asked for wasn't found in this neck of the woods. Please check the URL for mistakes and try again, or take your ball and <a href="{{ .Site.BaseURL }}">go home</a>.</p>
</div> </div>
{{ if eq hugo.Environment "production" }}{{ partial "stats.html" . }}{{ end }}
</body> </body>
</html> </html>

4
layouts/_default/single.html
View File

@ -5,9 +5,9 @@
<div id="info"> <div id="info">
<h1 itemprop="name headline" class="p-name"><a href="{{ .Permalink }}" itemprop="url" class="u-url no-underline">{{ .Title }}</a></h1> <h1 itemprop="name headline" class="p-name"><a href="{{ .Permalink }}" itemprop="url" class="u-url no-underline">{{ .Title }}</a></h1>
<div id="meta"> <div id="meta">
by <span itemprop="author" itemscope itemtype="http://schema.org/Person" class="p-author"><a itemprop="url" rel="me author" href="{{ .Site.BaseURL }}" title="Jake Jarvis" class="h-card no-underline"><span itemprop="name" class="p-name">Jake Jarvis</span></a></span> by <span itemprop="author" itemscope itemtype="http://schema.org/Person" class="p-author"><a itemprop="url" rel="me author" href="{{ .Site.BaseURL }}" title="{{ .Site.Author.name }}" class="h-card no-underline"><span itemprop="name" class="p-name">{{ .Site.Author.name }}</span></a></span>
&middot; <a class="no-underline" href="{{ .Permalink }}" title="{{ .Date.Format "Mon, Jan 2 2006 3:04:05 PM MST" }}"><time itemprop="datePublished" content="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}" class="dt-published">{{ .Date.Format "January 2, 2006" }}</time></a> &middot; <a class="no-underline" href="{{ .Permalink }}" title="{{ .Date.Format "Mon, Jan 2 2006 3:04:05 PM MST" }}"><time itemprop="datePublished" content="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}" class="dt-published">{{ .Date.Format "January 2, 2006" }}</time></a>
&middot; <a class="no-underline" href="https://github.com/jakejarvis/jarv.is/blob/master/content/{{ .File.Path }}" title="Edit this page on GitHub" target="_blank" rel="noopener nofollow noreferrer">Improve Post</a> &middot; <a class="no-underline" href="{{ .Site.Params.gitRepo }}/blob/master/content/{{ .File.Path }}" title="Edit this page on GitHub" target="_blank" rel="noopener nofollow noreferrer">Improve Post</a>
<div id="tags"> <div id="tags">
{{- range .Params.tags }} {{- range .Params.tags }}
<span itemprop="keywords" class="tag p-category">{{ . }}</span> <span itemprop="keywords" class="tag p-category">{{ . }}</span>

21
layouts/_default/video.html Normal file
View File

@ -0,0 +1,21 @@
{{ partial "header.html" . }}
<h1>{{ .Title }}</h1>
<video poster="{{ with .Resources.GetMatch "images/*.png" }}{{ .Permalink }}{{ end }}" controls crossorigin playsinline preload="none">
<!-- Video files -->
{{ with .Resources.GetMatch "*.mp4" }}<source src="{{ .Permalink }}" type="video/mp4">{{ end }}
{{ with .Resources.GetMatch "*.webm" }}<source src="{{ .Permalink }}" type="video/webm">{{ end }}
<!-- Caption files -->
{{ with .Resources.GetMatch "*.en.vtt" }}<track src="{{ .Permalink }}" kind="captions" label="English" srclang="en" default>{{ end }}
<!-- Fallback for browsers that don't support the <video> element -->
Your browser doesn't support HTML5 video. {{ with .Resources.GetMatch "*.mp4" }}<a href="{{ .Permalink }}">Click here to view the raw .mp4 video.</a>{{ end }}
</video>
<div>
<a class="no-underline" id="logo" href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}" aria-label="{{ .Site.Title }}">
{{ partial "logo.html" . }}
</a>
</div>
{{ .Content }}
{{ partial "footer.html" . }}

25
layouts/index.html
View File

@ -1,29 +1,10 @@
{{ partial "header.html" . }} {{ partial "header.html" . }}
<main itemscope itemtype="http://schema.org/Person" class="h-card"> <main itemscope itemtype="http://schema.org/Person" class="h-card">
<header> {{ .Content }}
<img itemprop="image" id="me" class="u-photo" src="{{ "me.jpg" | absURL }}" alt="Photo of Jake Jarvis" title="Photo of Jake Jarvis">
<h1>Hi! I'm <a itemprop="url" rel="me author" class="u-url no-underline" href="{{ .Site.BaseURL }}" title="Jake Jarvis"><span itemprop="name" class="p-name">Jake Jarvis</span></a>. <span id="wave">&#x1F44B;<!--&#x1F3FB;--></span></h1>
<h2 itemprop="description">I'm a <span itemprop="jobTitle">frontend web developer</span> based in <a 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="&quot;Boston Accent Trailer - Late Night with Seth Meyers&quot; on YouTube" id="boston" target="_blank" rel="noopener noreferrer nofollow"><span itemprop="homeLocation">Boston</span></a>.</h2>
</header>
<p>My recent focus has been on <a href="https://stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/" title="&quot;The Brutal Lifecycle of JavaScript Frameworks&quot; by Ian Allen" id="javascript" target="_blank" rel="noopener noreferrer nofollow">modern JavaScript frameworks</a> like <a href="https://reactjs.org/" title="React Official Website" id="react" target="_blank" rel="noopener noreferrer nofollow">React</a>, <a href="https://angular.io/" title="Angular Official Website" id="angular" target="_blank" rel="noopener noreferrer nofollow">Angular</a>, and <a href="https://vuejs.org/" title="Vue.js Official Website" id="vue" target="_blank" rel="noopener noreferrer nofollow">Vue</a> in front of <a href="https://nodejs.org/en/" title="Node.js Official Website" id="node" target="_blank" rel="noopener noreferrer nofollow">Node</a> and <a href="https://golang.org/" title="Golang Official Website" id="golang" target="_blank" rel="noopener noreferrer nofollow">Go</a> backends...</p>
<p>...but I'm fluent in classics like <a href="https://stitcher.io/blog/php-in-2019" title="&quot;PHP in 2019&quot; by Brent Roose" id="php" target="_blank" rel="noopener noreferrer nofollow">PHP</a>, <a href="https://www.ruby-lang.org/en/" title="Ruby Official Website" id="ruby" target="_blank" rel="noopener noreferrer nofollow">Ruby</a>, <a href="https://go.java/index.html" title="Java Official Website" id="java" target="_blank" rel="noopener noreferrer nofollow">Java</a>, <a href="https://isocpp.org/" title="Standard C++ Official Website" id="cpp" target="_blank" rel="noopener noreferrer nofollow">C++</a>, and <a href="https://www.python.org/" title="Python Official Website" id="python" target="_blank" rel="noopener noreferrer nofollow">Python</a> as well.</p>
<p>Whenever possible, I also prioritize my experience with <a href="https://bugcrowd.com/jakejarvis" title="Jake Jarvis on Bugcrowd" id="infosec" target="_blank" rel="me noopener noreferrer">information security</a>, <a href="https://martinfowler.com/articles/serverless.html" title="&quot;Serverless Architectures&quot; by Mike Roberts" id="server" target="_blank" rel="noopener noreferrer nofollow">server<span id="serverless">(less)</span> architecture</a>, <a href="https://github.com/kamranahmedse/developer-roadmap/blob/67a72aab113e79c11e292ada394606f079f6a263/images/devops.png" title="&quot;DevOps Roadmap&quot; by Kamran Ahmed" id="devops" target="_blank" rel="noopener noreferrer nofollow">efficient DevOps &amp; CI</a>, and the <a href="https://engineering.fb.com/data-center-engineering/tupperware/" title="&quot;Containerized Deployment at Facebook&quot; by Kenny Yu &amp; Chunqiang Tang" id="containers" target="_blank" rel="noopener noreferrer nofollow">containerization of everything</a>.</p>
<p>I fell in love with <a href="{{ "y2k/" | absURL }}" title="My Terrible, Horrible, No Good, Very Bad First Website" id="y2k" target="_blank" rel="noopener">frontend web design</a> and <a href="https://github.com/jakejarvis/jbb#readme" title="Jake's Bulletin Board, circa 2003" id="jbb" target="_blank" rel="noopener noreferrer">backend programming</a> when my only source of income was <a href="{{ "birthday/" | absURL }}" title="🎉 Cranky Birthday Boy on VHS Tape 📼" id="birthday" target="_blank" rel="noopener">the Tooth Fairy</a>. <span id="shh">(I've improved a little bit since those projects, I promise...)</span></p>
<p>Since then, my side projects
<a href="https://tuftsdaily.com/news/2012/04/06/student-designs-iphone-joeytracker-app/" title="&quot;Student designs iPhone JoeyTracker app&quot; on The Tufts Daily" id="news-1" target="_blank" rel="noopener noreferrer nofollow">have</a> <!-- https://archive.fo/LZ3y0 --> <!-- /daily.pdf -->
<a href="{{ "leo/" | absURL }}" title="Powncer segment on The Lab with Leo Laporte (G4techTV)" id="news-2" target="_blank" rel="noopener">been</a>
<a href="https://money.cnn.com/2007/06/01/technology/facebookplatform.fortune/index.htm" title="&quot;The new Facebook is on a roll&quot; on CNN Money" id="news-3" target="_blank" rel="noopener noreferrer nofollow">featured</a> <!-- https://archive.fo/Juzjc -->
<a href="https://adage.com/article/small-agency-diary/client-ceo-s-son/116723/" title="&quot;Your Next Client? The CEO&#39;s Son&quot; on Advertising Age" id="news-4" target="_blank" rel="noopener noreferrer nofollow">in</a> <!-- https://archive.fo/Hzuyx -->
<a href="https://books.google.com/books?id=RRUkLhyGZVgC&amp;lpg=PA226&amp;dq=%22jake%20jarvis%22&amp;pg=PA226#v=onepage&amp;q=%22jake%20jarvis%22&amp;f=false" title="&quot;The Facebook Effect&quot; by David Kirkpatrick (Google Books)" id="news-5" target="_blank" rel="noopener noreferrer nofollow">various</a>
<a href="https://www.wired.com/2007/04/our-web-servers/" title="&quot;Middio: A YouTube Scraper for Major Label Music Videos&quot; on Wired" id="news-6" target="_blank" rel="noopener noreferrer nofollow">news</a>
<a href="https://gigaom.com/2009/10/06/fresh-faces-in-tech-10-kid-entrepreneurs-to-watch/6/" title="&quot;Fresh Faces in Tech: 10 Kid Entrepreneurs to Watch&quot; on Gigaom" id="news-7" target="_blank" rel="noopener noreferrer nofollow">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 noreferrer">GitHub</a> or <a href="https://www.linkedin.com/in/jakejarvis/" title="Jake Jarvis on LinkedIn" id="linkedin" target="_blank" rel="me noopener noreferrer">LinkedIn</a>, my adventures on <a href="https://twitter.com/jakejarvis" title="Jake Jarvis on Twitter" id="twitter" target="_blank" rel="me noopener noreferrer">Twitter</a>, <a href="https://www.facebook.com/jakejarvis" title="Jake Jarvis on Facebook" id="facebook" target="_blank" rel="me noopener noreferrer">Facebook</a>, <a href="https://www.instagram.com/jakejarvis/" title="Jake Jarvis on Instagram" id="instagram" target="_blank" rel="me noopener noreferrer">Instagram</a>, or <a href="https://mastodon.social/@jakejarvis" title="Jake Jarvis on Mastodon" id="mastodon" target="_blank" rel="me noopener noreferrer">Mastodon</a>, and my standard <a href="{{ "resume.pdf" | absURL }}" title="View PDF Resume" id="resume" target="_blank" rel="noopener">PDF resume here</a>.</p>
<p>If any of this fits with what you're looking for, I'd love to hear from you via <a itemprop="email" class="u-email" href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x6A;&#x61;&#x6B;&#x65;&#x40;&#x6A;&#x61;&#x72;&#x76;&#x2E;&#x69;&#x73;" title="Send Email" id="email">email</a><sup>&nbsp;<a class="no-underline" href="https://keybase.io/jakejarvis/pgp_keys.asc?fingerprint=87fb4b6006dd1beb3ed47fabd36cb66f4002b25b" title="Jake Jarvis&#39;s Public Key on Keybase" id="pgp" target="_blank" rel="noopener noreferrer nofollow">D36C B66F 4002 B25B</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" title="Send Direct Message on Twitter" id="dm" target="_blank" rel="noopener noreferrer nofollow">DM</a>, or <a href="sms:+1-617-917-3737" title="Send SMS: +1 (617) 917-3737" id="sms">text</a>!</p>
<footer> <footer>
<div id="blog"><a href="{{ "notes/" | absURL }}" title="Jake Jarvis&#39;s Blog" rel="me"><span>&#x1F4DD;</span> Read more at my blog...</a></div> <div id="blog"><a href="{{ "notes/" | absURL }}" title="{{ .Site.Author.name }}&#39;s Blog" rel="me"><span>&#x1F4DD;</span> Read more at my blog...</a></div>
<div id="panda"><a class="no-underline" href="https://nationalzoo.si.edu/webcams/panda-cam" title="Live Panda Party!!!11" target="_blank" rel="noopener noreferrer nofollow"><span>&#x1F43C;</span></a></div> <div id="panda"><a class="no-underline" href="https://nationalzoo.si.edu/webcams/panda-cam" title="Live Panda Party!!!11" target="_blank" rel="noopener noreferrer nofollow"><span>&#x1F43C;</span></a></div>
<div id="info"><span id="copyright"><a class="no-underline" href="https://web.archive.org/web/20010501000000*/jakejarvis.com" title="View Old Versions on Wayback Machine" id="wayback" target="_blank" rel="noopener noreferrer nofollow">&copy; 2001 &ndash;</a> {{ now.Format "2006" }} <a class="no-underline" href="{{ .Site.BaseURL }}" title="Jake Jarvis">Jake Jarvis</a>.</span> <a class="no-underline" href="https://github.com/jakejarvis/jarv.is" title="View Source on GitHub" id="source" target="_blank" rel="noopener noreferrer">View source.</a></div> <div id="info"><span id="copyright"><a class="no-underline" href="{{ .Site.Params.wayback }}" title="View Old Versions on Wayback Machine" id="wayback" target="_blank" rel="noopener noreferrer nofollow">&copy; {{ .Site.Params.copyrightFirstYear }} &ndash;</a> {{ now.Format "2006" }} <a class="no-underline" href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}">{{ .Site.Title }}</a>.</span> <a class="no-underline" href="{{ .Site.Params.gitRepo }}" title="View Source on GitHub" id="source" target="_blank" rel="noopener noreferrer">View source.</a></div>
</footer> </footer>
</main> </main>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}

4
layouts/partials/blog-footer.html
View File

@ -1,5 +1,5 @@
<footer> <footer>
<div id="copyright">Posts licensed under <a class="no-underline" href="https://creativecommons.org/licenses/by/4.0/" title="Creative Commons Attribution 4.0 International" target="_blank" rel="noopener noreferrer nofollow">CC-BY-4.0</a>, <a class="no-underline" href="https://web.archive.org/web/20010501000000*/jakejarvis.com" title="View Old Versions on Wayback Machine" id="wayback" target="_blank" rel="noopener noreferrer nofollow">2001 &ndash;</a> {{ now.Format "2006" }}.</div> <div id="copyright">Posts licensed under <a class="no-underline" href="https://creativecommons.org/licenses/by/4.0/" title="Creative Commons Attribution 4.0 International" target="_blank" rel="noopener noreferrer nofollow">CC-BY-4.0</a>, <a class="no-underline" href="{{ .Site.Params.wayback }}" title="View Old Versions on Wayback Machine" id="wayback" target="_blank" rel="noopener noreferrer nofollow">{{ .Site.Params.copyrightFirstYear }} &ndash;</a> {{ now.Format "2006" }}.</div>
<div id="panda"><a class="no-underline" href="https://nationalzoo.si.edu/webcams/panda-cam" title="Live Panda Party!!!11" target="_blank" rel="noopener noreferrer nofollow"><span>&#x1F43C;</span></a></div> <div id="panda"><a class="no-underline" href="https://nationalzoo.si.edu/webcams/panda-cam" title="Live Panda Party!!!11" target="_blank" rel="noopener noreferrer nofollow"><span>&#x1F43C;</span></a></div>
<div id="poweredby"><a class="no-underline" href="https://gohugo.io/" title="Powered by Hugo" id="hugo" target="_blank" rel="noopener noreferrer nofollow">Powered by Hugo.</a> <a class="no-underline" href="https://github.com/jakejarvis/jarv.is" title="View Source on GitHub" id="source" target="_blank" rel="noopener noreferrer">View source.</a></div> <div id="poweredby"><a class="no-underline" href="https://gohugo.io/" title="Powered by Hugo" id="hugo" target="_blank" rel="noopener noreferrer nofollow">Powered by Hugo.</a> <a class="no-underline" href="{{ .Site.Params.gitRepo }}" title="View Source on GitHub" id="source" target="_blank" rel="noopener noreferrer">View source.</a></div>
</footer> </footer>

22
layouts/partials/blog-header.html
View File

@ -1,27 +1,13 @@
<header> <header>
<nav> <nav>
<a class="no-underline" href="{{ .Site.BaseURL }}" id="logo" title="Jake Jarvis" aria-label="Jake Jarvis"> <a class="no-underline" href="{{ .Site.BaseURL }}" id="logo" title="{{ .Site.Title }}" aria-label="{{ .Site.Title }}">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 144.1"> {{ partial "logo.html" . }}
<g id="color1" fill="#6fbc4e"> <span id="name">{{ .Site.Title }}</span>
<polygon points="57.6 0 38.4 11.1 38.4 11.1 76.8 33.2 96 22.1 96 22.1 57.6 0 57.6 0"/>
<polygon points="19.2 66.5 0 77.6 0 77.6 19.2 88.7 38.4 77.6 38.4 77.6 19.2 66.5 19.2 66.5"/>
<polygon points="57.6 88.7 19.2 110.9 19.2 110.9 38.4 121.9 76.8 99.8 76.8 99.8 57.6 88.7 57.6 88.7"/>
</g>
<g id="color2" fill="#ffb900">
<polygon points="38.4 11.1 38.4 33.3 57.6 44.3 57.6 88.7 76.8 99.8 76.8 33.2 38.4 11.1 38.4 11.1"/>
<polygon points="19.2 110.9 19.2 110.8 19.2 88.7 0 77.6 0 121.9 38.4 144.1 38.4 121.9 19.2 110.9 19.2 110.9"/>
</g>
<g id="color3" fill="#009cdf">
<polygon points="76.8 33.2 76.8 99.8 76.8 99.8 38.4 121.9 38.4 144.1 96 110.9 96 22.1 76.8 33.2 76.8 33.2"/>
<polygon points="19.2 110.9 38.4 99.8 38.4 77.6 19.2 88.7 19.2 110.9 19.2 110.9"/>
</g>
</svg>
<span id="name">Jake Jarvis</span>
</a> </a>
<ul> <ul>
<li><a class="no-underline" href="{{ .Site.BaseURL }}" title="Home">&#x1F3E0;</a></li> <li><a class="no-underline" href="{{ .Site.BaseURL }}" title="Home">&#x1F3E0;</a></li>
<li><a class="no-underline" href="{{ "notes/" | absURL }}" title="Notes">&#x1F4DD;</a></li> <li><a class="no-underline" href="{{ "notes/" | absURL }}" title="Notes">&#x1F4DD;</a></li>
<li><a class="no-underline" href="https://github.com/jakejarvis" title="GitHub" target="_blank" rel="me noopener noreferrer">&#x1F468;&#x200D;&#x1F4BB;</a></li> <li><a class="no-underline" href="https://github.com/{{ .Site.Author.github }}" title="GitHub" target="_blank" rel="me noopener noreferrer">&#x1F468;&#x200D;&#x1F4BB;</a></li>
<li><a class="no-underline" href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x6A;&#x61;&#x6B;&#x65;&#x40;&#x6A;&#x61;&#x72;&#x76;&#x2E;&#x69;&#x73;" title="Email Me">&#x1F48C;</a></li> <li><a class="no-underline" href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x6A;&#x61;&#x6B;&#x65;&#x40;&#x6A;&#x61;&#x72;&#x76;&#x2E;&#x69;&#x73;" title="Email Me">&#x1F48C;</a></li>
</ul> </ul>
</nav> </nav>

2
layouts/partials/footer.html
View File

@ -1,5 +1,5 @@
{{ if eq hugo.Environment "production" }}{{ partial "stats.html" . }}{{ end }} {{ if eq hugo.Environment "production" }}{{ partial "stats.html" . }}{{ end }}
</body> </body>
</html> </html>
{{"<!--" | safeHTML}} {{ hugo.Environment }} {{"-->" | safeHTML}} {{"<!--" | safeHTML}} {{ hugo.Environment }} {{"-->" | safeHTML}}

8
layouts/partials/header.html
View File

@ -6,7 +6,7 @@
{{ hugo.Generator }} {{ hugo.Generator }}
<title>{{ .Title }}{{ if not .IsHome }} &ndash; {{ .Site.Title }}{{ end }} &#x1f468;&#x200d;&#x1f4bb;</title> <title>{{ .Title }}{{ if not .IsHome }} &ndash; {{ .Site.Title }}{{ end }} &#x1f468;&#x200d;&#x1f4bb;</title>
<meta name="description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.description }}{{ end }}"> <meta name="description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.description }}{{ end }}">
<meta name="author" content="Jake Jarvis"> <meta name="author" content="{{ .Site.Author.name }}">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="{{ .Title }}"> <meta property="og:title" content="{{ .Title }}">
<meta property="og:site_name" content="{{ .Site.Title }}"> <meta property="og:site_name" content="{{ .Site.Title }}">
@ -18,9 +18,9 @@
<meta property="fb:admins" content="1329090853"> <meta property="fb:admins" content="1329090853">
<meta property="fb:app_id" content="3357248167622283"> <meta property="fb:app_id" content="3357248167622283">
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:domain" content="jarv.is"> <meta name="twitter:domain" content="{{ .Site.Params.domain }}">
<meta name="twitter:site" content="@jakejarvis"> <meta name="twitter:site" content="{{ .Site.Author.twitter }}">
<meta name="twitter:creator" content="@jakejarvis"> <meta name="twitter:creator" content="{{ .Site.Author.twitter }}">
<meta name="twitter:dnt" content="on"> <meta name="twitter:dnt" content="on">
<meta name="twitter:widgets:csp" content="on"> <meta name="twitter:widgets:csp" content="on">
<link rel="canonical" href="{{ .Permalink }}"> <link rel="canonical" href="{{ .Permalink }}">

15
layouts/partials/logo.html Normal file
View File

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 144.1">
<g id="color1" fill="#6fbc4e">
<polygon points="57.6 0 38.4 11.1 38.4 11.1 76.8 33.2 96 22.1 96 22.1 57.6 0 57.6 0"/>
<polygon points="19.2 66.5 0 77.6 0 77.6 19.2 88.7 38.4 77.6 38.4 77.6 19.2 66.5 19.2 66.5"/>
<polygon points="57.6 88.7 19.2 110.9 19.2 110.9 38.4 121.9 76.8 99.8 76.8 99.8 57.6 88.7 57.6 88.7"/>
</g>
<g id="color2" fill="#ffb900">
<polygon points="38.4 11.1 38.4 33.3 57.6 44.3 57.6 88.7 76.8 99.8 76.8 33.2 38.4 11.1 38.4 11.1"/>
<polygon points="19.2 110.9 19.2 110.8 19.2 88.7 0 77.6 0 121.9 38.4 144.1 38.4 121.9 19.2 110.9 19.2 110.9"/>
</g>
<g id="color3" fill="#009cdf">
<polygon points="76.8 33.2 76.8 99.8 76.8 99.8 38.4 121.9 38.4 144.1 96 110.9 96 22.1 76.8 33.2 76.8 33.2"/>
<polygon points="19.2 110.9 38.4 99.8 38.4 77.6 19.2 88.7 19.2 110.9 19.2 110.9"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

28
layouts/rss.xml Normal file
View File

@ -0,0 +1,28 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>{{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>
<link>{{ .Permalink }}</link>
<description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
<generator>Hugo -- gohugo.io</generator>{{ with .Site.LanguageCode }}
<language>{{.}}</language>{{end}}{{ with .Site.Author.email }}
<managingEditor>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Author.email }}
<webMaster>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
<copyright>{{.}}</copyright>{{end}}{{ if not .Date.IsZero }}
<lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
{{ with .OutputFormats.Get "RSS" }}
{{- printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML -}}
{{ end }}
{{ range first 15 (where .Data.Pages "Section" "notes") }}
<item>
<title>{{ .Title }}</title>
<link>{{ .Permalink }}</link>
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
{{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
<guid>{{ .Permalink }}</guid>
<description>
{{ .Content | html }}
</description>
</item>
{{ end }}
</channel>
</rss>

92
static/birthday/index.html
View File

@ -1,92 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>🎉 Cranky Birthday Boy on VHS Tape 📼 &ndash; Jake Jarvis</title>
<link rel="canonical" href="https://jarv.is/birthday/">
<link rel="apple-touch-icon" href="https://jarv.is/apple-touch-icon.png">
<link rel="icon" href="https://jarv.is/favicon-192.png" sizes="192x192">
<link rel="icon" href="https://jarv.is/favicon-48.png" sizes="48x48">
<link rel="icon" href="https://jarv.is/favicon-32.png" sizes="32x32">
<link rel="icon" href="https://jarv.is/favicon-16.png" sizes="16x16">
<link rel="shortcut icon" href="https://jarv.is/favicon.ico">
<link rel="dns-prefetch" href="https://s.jarv.is">
<link rel="author" href="https://jarv.is/humans.txt">
<style>
html, body {
display: table;
width: 100%;
height: 100%;
margin: 0;
background-color: #000000;
}
div#container {
display: table-cell;
vertical-align: middle;
margin: 0 auto;
padding-top: 80px;
width: 100%;
height: 100%;
text-align: center;
}
div#logo svg {
height: 40px;
width: 40px;
padding: 4px;
margin: 16px;
}
video {
width: 854px;
height: 480px;
}
/* Responsive embed: */
@media screen and (max-width: 854px) {
video {
width: 100%;
height: auto;
}
}
</style>
</head>
<body>
<div id="container">
<video poster="https://jarv.is/birthday/thumb.png" controls crossorigin playsinline preload="none">
<!-- Video files -->
<source src="https://jarv.is/birthday/birthday.webm" type="video/webm">
<source src="https://jarv.is/birthday/birthday.mp4" type="video/mp4">
<!-- Fallback for browsers that don't support the <video> element -->
Your browser doesn't support HTML5 video. <a href="https://jarv.is/birthday/birthday.mp4">Click here to view the raw .mp4 video.</a>
</video>
<div id="logo">
<a href="https://jarv.is/" title="Jake Jarvis">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 144.1">
<polygon fill="#6fbc4e" points="57.6 0 38.4 11.1 38.4 11.1 76.8 33.2 96 22.1 96 22.1 57.6 0 57.6 0"/>
<polygon fill="#6fbc4e" points="19.2 66.5 0 77.6 0 77.6 19.2 88.7 38.4 77.6 38.4 77.6 19.2 66.5 19.2 66.5"/>
<polygon fill="#6fbc4e" points="57.6 88.7 19.2 110.9 19.2 110.9 38.4 121.9 76.8 99.8 76.8 99.8 57.6 88.7 57.6 88.7"/>
<polygon fill="#ffb900" points="38.4 11.1 38.4 33.3 57.6 44.3 57.6 88.7 76.8 99.8 76.8 33.2 38.4 11.1 38.4 11.1"/>
<polygon fill="#ffb900" points="19.2 110.9 19.2 110.8 19.2 88.7 0 77.6 0 121.9 38.4 144.1 38.4 121.9 19.2 110.9 19.2 110.9"/>
<polygon fill="#009cdf" points="76.8 33.2 76.8 99.8 76.8 99.8 38.4 121.9 38.4 144.1 96 110.9 96 22.1 76.8 33.2 76.8 33.2"/>
<polygon fill="#009cdf" points="19.2 110.9 38.4 99.8 38.4 77.6 19.2 88.7 19.2 110.9 19.2 110.9"/>
</svg>
</a>
</div>
</div>
<script>
(function(j, a, r, v, i, s){
a[v]=a[v]||function(){
(a[v].q=a[v].q||[]).push(arguments)
};
i=j.createElement('script'),
s=j.getElementsByTagName('script')[0];
i.async=1; i.src=r; i.id='fathom-script';
s.parentNode.insertBefore(i,s)
})(document, window, 'https://s.jarv.is/tracker.js', 'fathom');
fathom('set', 'siteId', 'DYCXU');
fathom('trackPageview');
</script>
</body>
</html>

122
static/leo/index.html
View File

@ -1,122 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Powncer on &quot;The Lab with Leo Laporte&quot; &ndash; Jake Jarvis &#x1f468;&#x200d;&#x1f4bb;</title>
<link rel="canonical" href="https://jarv.is/leo/">
<link rel="apple-touch-icon" href="https://jarv.is/apple-touch-icon.png">
<link rel="icon" href="https://jarv.is/favicon-192.png" sizes="192x192">
<link rel="icon" href="https://jarv.is/favicon-48.png" sizes="48x48">
<link rel="icon" href="https://jarv.is/favicon-32.png" sizes="32x32">
<link rel="icon" href="https://jarv.is/favicon-16.png" sizes="16x16">
<link rel="shortcut icon" href="https://jarv.is/favicon.ico">
<link rel="dns-prefetch" href="https://s.jarv.is">
<link rel="author" href="https://jarv.is/humans.txt">
<style>
html, body {
display: table;
width: 100%;
height: 100%;
margin: 0;
color: #fefefe;
background-color: #000000;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
"Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
div#container {
display: table-cell;
vertical-align: middle;
margin: 0 auto;
padding: 40px 0;
width: 100%;
height: 100%;
text-align: center;
}
div#logo svg {
height: 48px;
width: 48px;
padding: 4px;
margin-top: 16px;
margin-bottom: 8px;
}
p#copyright {
padding: 0 10px;
margin: 0;
font-size: 0.85em;
line-height: 1.5em;
color: #999999;
}
p#copyright a {
font-weight: bold;
color: #999999;
}
video {
width: 960px;
height: 540px;
margin: 0 auto;
font-family: inherit;
}
/* Responsive embed: */
@media screen and (max-width: 960px) {
video {
width: 100%;
height: auto;
}
h1 {
font-size: 1.6em;
padding: 0 10px;
}
}
</style>
</head>
<body>
<div id="container">
<h1>Facebook App on <em>"The Lab with Leo Laporte"</em></h1>
<video poster="https://jarv.is/leo/thumb.png" controls crossorigin playsinline preload="none">
<!-- Video files -->
<source src="https://jarv.is/leo/leo.webm" type="video/webm">
<source src="https://jarv.is/leo/leo.mp4" type="video/mp4">
<!-- Caption files -->
<track src="https://jarv.is/leo/subs.en.vtt" kind="captions" label="English" srclang="en" default>
<!-- Fallback for browsers that don't support the <video> element -->
Your browser doesn't support HTML5 video. <a href="https://jarv.is/leo/leo.mp4">Click here to view the raw .mp4 video.</a>
</video>
<div id="logo">
<a href="https://jarv.is/" title="Jake Jarvis">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 144.1">
<polygon fill="#6fbc4e" points="57.6 0 38.4 11.1 38.4 11.1 76.8 33.2 96 22.1 96 22.1 57.6 0 57.6 0"/>
<polygon fill="#6fbc4e" points="19.2 66.5 0 77.6 0 77.6 19.2 88.7 38.4 77.6 38.4 77.6 19.2 66.5 19.2 66.5"/>
<polygon fill="#6fbc4e" points="57.6 88.7 19.2 110.9 19.2 110.9 38.4 121.9 76.8 99.8 76.8 99.8 57.6 88.7 57.6 88.7"/>
<polygon fill="#ffb900" points="38.4 11.1 38.4 33.3 57.6 44.3 57.6 88.7 76.8 99.8 76.8 33.2 38.4 11.1 38.4 11.1"/>
<polygon fill="#ffb900" points="19.2 110.9 19.2 110.8 19.2 88.7 0 77.6 0 121.9 38.4 144.1 38.4 121.9 19.2 110.9 19.2 110.9"/>
<polygon fill="#009cdf" points="76.8 33.2 76.8 99.8 76.8 99.8 38.4 121.9 38.4 144.1 96 110.9 96 22.1 76.8 33.2 76.8 33.2"/>
<polygon fill="#009cdf" points="19.2 110.9 38.4 99.8 38.4 77.6 19.2 88.7 19.2 110.9 19.2 110.9"/>
</svg>
</a>
</div>
<p id="copyright">Video is property of <a href="https://leolaporte.com/" target="_blank" rel="noopener noreferrer nofollow">Leo Laporte</a> and <a href="https://en.wikipedia.org/wiki/G4techTV" target="_blank" rel="noopener noreferrer nofollow">G4techTV / HOW TO Channel</a>. &copy; 2007.</p>
</div>
<script>
(function(j, a, r, v, i, s){
a[v]=a[v]||function(){
(a[v].q=a[v].q||[]).push(arguments)
};
i=j.createElement('script'),
s=j.getElementsByTagName('script')[0];
i.async=1; i.src=r; i.id='fathom-script';
s.parentNode.insertBefore(i,s)
})(document, window, 'https://s.jarv.is/tracker.js', 'fathom');
fathom('set', 'siteId', 'DYCXU');
fathom('trackPageview');
</script>
</body>
</html>