mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 07:38:29 -04:00
huge refactoring of content and theme
- 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:
parent
abf99c0106
commit
c79bba520b
2
.github/workflows/gh-pages.yml
vendored
2
.github/workflows/gh-pages.yml
vendored
@ -21,7 +21,7 @@ jobs:
|
||||
- name: Build Hugo
|
||||
run: |
|
||||
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
|
||||
|
||||
# Copy built site to a directory where we have permissions, and
|
||||
|
||||
@ -20,4 +20,4 @@ WORKDIR /src
|
||||
EXPOSE 1313
|
||||
|
||||
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
23
assets/sass/components/_logo.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -12,10 +12,12 @@
|
||||
// Pages
|
||||
@import 'pages/home';
|
||||
@import 'pages/notes';
|
||||
@import 'pages/videos';
|
||||
|
||||
// Responsive Pages
|
||||
@import 'pages/responsive/global';
|
||||
|
||||
// Miscellaneous
|
||||
@import 'components/logo';
|
||||
@import 'components/syntax';
|
||||
@import 'components/wave';
|
||||
|
||||
@ -25,7 +25,12 @@ body#notes {
|
||||
color: $color-medium;
|
||||
padding: 15px;
|
||||
|
||||
img, svg {
|
||||
&:hover {
|
||||
color: $color-links;
|
||||
}
|
||||
|
||||
img,
|
||||
svg {
|
||||
height: 45px;
|
||||
width: auto;
|
||||
}
|
||||
@ -35,26 +40,6 @@ body#notes {
|
||||
font-size: 1.4em;
|
||||
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 {
|
||||
|
||||
32
assets/sass/pages/_videos.scss
Normal file
32
assets/sass/pages/_videos.scss
Normal 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
|
||||
}
|
||||
}
|
||||
@ -6,12 +6,11 @@
|
||||
// Safari iOS menu bar reappers below 44px:
|
||||
// https://www.eventbrite.com/engineering/mobile-safari-why/
|
||||
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
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
@import 'home';
|
||||
@import 'notes';
|
||||
@import 'videos';
|
||||
}
|
||||
|
||||
@ -13,7 +13,8 @@ body#notes {
|
||||
a#logo {
|
||||
padding: 10px;
|
||||
|
||||
img, svg {
|
||||
img,
|
||||
svg {
|
||||
height: 60px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
16
assets/sass/pages/responsive/_videos.scss
Normal file
16
assets/sass/pages/responsive/_videos.scss
Normal 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
16
config.toml
@ -2,6 +2,9 @@ baseURL = "https://jarv.is/"
|
||||
languageCode = "en-us"
|
||||
title = "Jake Jarvis"
|
||||
|
||||
# increase timeout for image processing
|
||||
timeout = 60000
|
||||
|
||||
canonifyURLs = true
|
||||
|
||||
disableFastRender = true
|
||||
@ -13,8 +16,17 @@ pygmentsCodeFences = true
|
||||
|
||||
enableRobotsTXT = true
|
||||
|
||||
# increase timeout for image processing
|
||||
timeout = 60000
|
||||
[author]
|
||||
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]
|
||||
home = ["HTML", "RSS"]
|
||||
|
||||
27
content/_index.html
Normal file
27
content/_index.html
Normal 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">👋<!--🏻--></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&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 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=""The Brutal Lifecycle of JavaScript Frameworks" 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=""PHP in 2019" 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=""Serverless Architectures" 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=""DevOps Roadmap" by Kamran Ahmed" id="devops" target="_blank" rel="noopener noreferrer nofollow">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 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=""Student designs iPhone JoeyTracker app" 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=""The new Facebook is on a roll" 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=""Your Next Client? The CEO's Son" 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&lpg=PA226&dq=%22jake%20jarvis%22&pg=PA226#v=onepage&q=%22jake%20jarvis%22&f=false" title=""The Facebook Effect" 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=""Middio: A YouTube Scraper for Major Label Music Videos" 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=""Fresh Faces in Tech: 10 Kid Entrepreneurs to Watch" 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="mailto:jake@jarv.is" title="Send Email" id="email">email</a><sup> <a class="no-underline" href="https://keybase.io/jakejarvis/pgp_keys.asc?fingerprint=87fb4b6006dd1beb3ed47fabd36cb66f4002b25b" title="Jake Jarvis'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>
|
||||
@ -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
|
||||
---
|
||||
|
Before Width: | Height: | Size: 134 KiB After Width: | Height: | Size: 134 KiB |
13
content/birthday/index.md
Normal file
13
content/birthday/index.md
Normal 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"
|
||||
---
|
||||
|
Before Width: | Height: | Size: 75 KiB After Width: | Height: | Size: 75 KiB |
15
content/leo/index.md
Normal file
15
content/leo/index.md
Normal 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). © 2007.
|
||||
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
@ -7,6 +7,6 @@
|
||||
</head>
|
||||
<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><a href="https://jarv.is/">Return home.</p>
|
||||
<p><a href="{{ .Site.BaseURL }}">Return home.</a></p>
|
||||
</body>
|
||||
</html>
|
||||
@ -50,6 +50,5 @@
|
||||
<h1>Welp, this is awkward... 😳</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>
|
||||
</div>
|
||||
{{ if eq hugo.Environment "production" }}{{ partial "stats.html" . }}{{ end }}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -5,9 +5,9 @@
|
||||
<div id="info">
|
||||
<h1 itemprop="name headline" class="p-name"><a href="{{ .Permalink }}" itemprop="url" class="u-url no-underline">{{ .Title }}</a></h1>
|
||||
<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>
|
||||
· <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>
|
||||
· <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>
|
||||
· <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">
|
||||
{{- range .Params.tags }}
|
||||
<span itemprop="keywords" class="tag p-category">{{ . }}</span>
|
||||
|
||||
21
layouts/_default/video.html
Normal file
21
layouts/_default/video.html
Normal 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" . }}
|
||||
@ -1,29 +1,10 @@
|
||||
{{ partial "header.html" . }}
|
||||
<main itemscope itemtype="http://schema.org/Person" class="h-card">
|
||||
<header>
|
||||
<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">👋<!--🏻--></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&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 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=""The Brutal Lifecycle of JavaScript Frameworks" 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=""PHP in 2019" 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=""Serverless Architectures" 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=""DevOps Roadmap" by Kamran Ahmed" id="devops" target="_blank" rel="noopener noreferrer nofollow">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 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=""Student designs iPhone JoeyTracker app" 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=""The new Facebook is on a roll" 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=""Your Next Client? The CEO's Son" 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&lpg=PA226&dq=%22jake%20jarvis%22&pg=PA226#v=onepage&q=%22jake%20jarvis%22&f=false" title=""The Facebook Effect" 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=""Middio: A YouTube Scraper for Major Label Music Videos" 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=""Fresh Faces in Tech: 10 Kid Entrepreneurs to Watch" 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="mailto:jake@jarv.is" title="Send Email" id="email">email</a><sup> <a class="no-underline" href="https://keybase.io/jakejarvis/pgp_keys.asc?fingerprint=87fb4b6006dd1beb3ed47fabd36cb66f4002b25b" title="Jake Jarvis'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>
|
||||
{{ .Content }}
|
||||
<footer>
|
||||
<div id="blog"><a href="{{ "notes/" | absURL }}" title="Jake Jarvis's Blog" rel="me"><span>📝</span> Read more at my blog...</a></div>
|
||||
<div id="blog"><a href="{{ "notes/" | absURL }}" title="{{ .Site.Author.name }}'s Blog" rel="me"><span>📝</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>🐼</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">© 2001 –</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">© {{ .Site.Params.copyrightFirstYear }} –</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>
|
||||
</main>
|
||||
{{ partial "footer.html" . }}
|
||||
@ -1,5 +1,5 @@
|
||||
<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 –</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 }} –</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>🐼</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>
|
||||
@ -1,27 +1,13 @@
|
||||
<header>
|
||||
<nav>
|
||||
<a class="no-underline" href="{{ .Site.BaseURL }}" id="logo" title="Jake Jarvis" aria-label="Jake Jarvis">
|
||||
<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>
|
||||
<span id="name">Jake Jarvis</span>
|
||||
<a class="no-underline" href="{{ .Site.BaseURL }}" id="logo" title="{{ .Site.Title }}" aria-label="{{ .Site.Title }}">
|
||||
{{ partial "logo.html" . }}
|
||||
<span id="name">{{ .Site.Title }}</span>
|
||||
</a>
|
||||
<ul>
|
||||
<li><a class="no-underline" href="{{ .Site.BaseURL }}" title="Home">🏠</a></li>
|
||||
<li><a class="no-underline" href="{{ "notes/" | absURL }}" title="Notes">📝</a></li>
|
||||
<li><a class="no-underline" href="https://github.com/jakejarvis" title="GitHub" target="_blank" rel="me noopener noreferrer">👨‍💻</a></li>
|
||||
<li><a class="no-underline" href="https://github.com/{{ .Site.Author.github }}" title="GitHub" target="_blank" rel="me noopener noreferrer">👨‍💻</a></li>
|
||||
<li><a class="no-underline" href="mailto:jake@jarv.is" title="Email Me">💌</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{{ if eq hugo.Environment "production" }}{{ partial "stats.html" . }}{{ end }}
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
{{"<!--" | safeHTML}} {{ hugo.Environment }} {{"-->" | safeHTML}}
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
{{ hugo.Generator }}
|
||||
<title>{{ .Title }}{{ if not .IsHome }} – {{ .Site.Title }}{{ end }} 👨‍💻</title>
|
||||
<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 property="og:title" content="{{ .Title }}">
|
||||
<meta property="og:site_name" content="{{ .Site.Title }}">
|
||||
@ -18,9 +18,9 @@
|
||||
<meta property="fb:admins" content="1329090853">
|
||||
<meta property="fb:app_id" content="3357248167622283">
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:domain" content="jarv.is">
|
||||
<meta name="twitter:site" content="@jakejarvis">
|
||||
<meta name="twitter:creator" content="@jakejarvis">
|
||||
<meta name="twitter:domain" content="{{ .Site.Params.domain }}">
|
||||
<meta name="twitter:site" content="{{ .Site.Author.twitter }}">
|
||||
<meta name="twitter:creator" content="{{ .Site.Author.twitter }}">
|
||||
<meta name="twitter:dnt" content="on">
|
||||
<meta name="twitter:widgets:csp" content="on">
|
||||
<link rel="canonical" href="{{ .Permalink }}">
|
||||
|
||||
15
layouts/partials/logo.html
Normal file
15
layouts/partials/logo.html
Normal 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>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
28
layouts/rss.xml
Normal file
28
layouts/rss.xml
Normal 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>
|
||||
@ -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 📼 – 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>
|
||||
@ -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 "The Lab with Leo Laporte" – Jake Jarvis 👨‍💻</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>. © 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>
|
||||
Loading…
x
Reference in New Issue
Block a user