Verified Commit 354cd02a authored by Jake Jarvis's avatar Jake Jarvis 馃惣

dedicated lab with leo video page

parent c4665824
......@@ -2,5 +2,5 @@
title = "Jake Jarvis 鈥 Web & Mobile Developer in Boston, MA"
description = "I'm a full-stack web engineer and mobile developer based in Boston, Massachusetts specializing in modern JavaScript frameworks and iOS apps."
type = "home"
date = "2019-07-29"
date = "2019-08-04"
+++
......@@ -11,7 +11,7 @@
<p>I fell <a href="{{ "y2k/" | absURL }}" title="My Terrible, Horrible, No Good, Very Bad First Website" id="y2k">in love with front-end web development <span id="shh">(don't judge!)</span></a> back when my only source of income was <span id="fairy">the Tooth Fairy</span>.</p>
<p>Since then, my side projects
<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.mp4" | absURL }}" title="Powncer segment on The Lab with Leo Laporte (G4techTV)" id="news-2" target="_blank" rel="noopener">been</a> <!-- https://player.vimeo.com/video/224336631?dnt=1 -->
<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://www.wired.com/2007/04/our-web-servers/" title="&quot;Middio: A YouTube Scraper for Major Label Music Videos&quot; on Wired" id="news-5" target="_blank" rel="noopener noreferrer nofollow">various</a>
......
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Powncer on The Lab with Leo Laporte &ndash; Jake Jarvis &#x1f468;&#x200d;&#x1f4bb;</title>
<link rel="canonical" href="https://jarv.is/leo/">
<link rel="icon" type="image/png" href="https://jarv.is/favicon-128.png" sizes="128x128">
<link rel="icon" type="image/png" href="https://jarv.is/favicon-96.png" sizes="96x96">
<link rel="icon" type="image/png" href="https://jarv.is/favicon-64.png" sizes="64x64">
<link rel="icon" type="image/png" href="https://jarv.is/favicon-48.png" sizes="48x48">
<link rel="icon" type="image/png" href="https://jarv.is/favicon-32.png" sizes="32x32">
<link rel="icon" type="image/png" 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://stats.jarv.is">
<style>
html, body {
display: table;
width: 100%;
height: 100%;
margin: 0;
color: #202020;
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;
width: 100%;
height: 100%;
text-align: center;
}
img#logo {
height: 48px;
width: 48px;
}
/* responsive embed */
video {
width: 640px;
}
@media screen and (max-width: 640px) {
video {
width: 100%;
}
h1 {
font-size: 1.6em;
}
}
</style>
<script src="https://jarv.is/leo/plyr/plyr.js"></script>
<script>
const player = new Plyr('#player');
</script>
</head>
<body>
<div id="container">
<h1>Powncer App on <em>"The Lab with Leo Laporte"</em></h1>
<video id="player" poster="https://jarv.is/leo/thumb.png" controls crossorigin playsinline>
<!-- 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>
<p><a href="https://jarv.is/"><img src="https://jarv.is/favicon-128.png" id="logo" alt="Return home" title="Return home"></a></p>
</div>
<script>
var _paq = _paq || [];
_paq.push(['setRequestMethod', 'POST']);
_paq.push(['setSecureCookie', true]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
_paq.push(['enableHeartBeatTimer']);
(function() {
var u='https://stats.jarv.is/';
_paq.push(['setTrackerUrl', u+'send']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.defer=true; g.src=u+'stats.js'; s.parentNode.insertBefore(g,s);
})();
</script>
</body>
</html>
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="plyr-airplay"><path d="M16 1H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3v-2H3V3h12v8h-2v2h3a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/><path d="M4 17h10l-5-6z"/></symbol><symbol id="plyr-captions-off"><path d="M1 1c-.6 0-1 .4-1 1v11c0 .6.4 1 1 1h4.6l2.7 2.7c.2.2.4.3.7.3.3 0 .5-.1.7-.3l2.7-2.7H17c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1H1zm4.52 10.15c1.99 0 3.01-1.32 3.28-2.41l-1.29-.39c-.19.66-.78 1.45-1.99 1.45-1.14 0-2.2-.83-2.2-2.34 0-1.61 1.12-2.37 2.18-2.37 1.23 0 1.78.75 1.95 1.43l1.3-.41C8.47 4.96 7.46 3.76 5.5 3.76c-1.9 0-3.61 1.44-3.61 3.7 0 2.26 1.65 3.69 3.63 3.69zm7.57 0c1.99 0 3.01-1.32 3.28-2.41l-1.29-.39c-.19.66-.78 1.45-1.99 1.45-1.14 0-2.2-.83-2.2-2.34 0-1.61 1.12-2.37 2.18-2.37 1.23 0 1.78.75 1.95 1.43l1.3-.41c-.28-1.15-1.29-2.35-3.25-2.35-1.9 0-3.61 1.44-3.61 3.7 0 2.26 1.65 3.69 3.63 3.69z" fill-rule="evenodd" fill-opacity=".5"/></symbol><symbol id="plyr-captions-on"><path d="M1 1c-.6 0-1 .4-1 1v11c0 .6.4 1 1 1h4.6l2.7 2.7c.2.2.4.3.7.3.3 0 .5-.1.7-.3l2.7-2.7H17c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1H1zm4.52 10.15c1.99 0 3.01-1.32 3.28-2.41l-1.29-.39c-.19.66-.78 1.45-1.99 1.45-1.14 0-2.2-.83-2.2-2.34 0-1.61 1.12-2.37 2.18-2.37 1.23 0 1.78.75 1.95 1.43l1.3-.41C8.47 4.96 7.46 3.76 5.5 3.76c-1.9 0-3.61 1.44-3.61 3.7 0 2.26 1.65 3.69 3.63 3.69zm7.57 0c1.99 0 3.01-1.32 3.28-2.41l-1.29-.39c-.19.66-.78 1.45-1.99 1.45-1.14 0-2.2-.83-2.2-2.34 0-1.61 1.12-2.37 2.18-2.37 1.23 0 1.78.75 1.95 1.43l1.3-.41c-.28-1.15-1.29-2.35-3.25-2.35-1.9 0-3.61 1.44-3.61 3.7 0 2.26 1.65 3.69 3.63 3.69z" fill-rule="evenodd"/></symbol><symbol id="plyr-download"><path d="M9 13c.3 0 .5-.1.7-.3L15.4 7 14 5.6l-4 4V1H8v8.6l-4-4L2.6 7l5.7 5.7c.2.2.4.3.7.3zm-7 2h14v2H2z"/></symbol><symbol id="plyr-enter-fullscreen"><path d="M10 3h3.6l-4 4L11 8.4l4-4V8h2V1h-7zM7 9.6l-4 4V10H1v7h7v-2H4.4l4-4z"/></symbol><symbol id="plyr-exit-fullscreen"><path d="M1 12h3.6l-4 4L2 17.4l4-4V17h2v-7H1zM16 .6l-4 4V1h-2v7h7V6h-3.6l4-4z"/></symbol><symbol id="plyr-fast-forward"><path d="M7.875 7.171L0 1v16l7.875-6.171V17L18 9 7.875 1z"/></symbol><symbol id="plyr-logo-vimeo"><path d="M17 5.3c-.1 1.6-1.2 3.7-3.3 6.4-2.2 2.8-4 4.2-5.5 4.2-.9 0-1.7-.9-2.4-2.6C5 10.9 4.4 6 3 6c-.1 0-.5.3-1.2.8l-.8-1c.8-.7 3.5-3.4 4.7-3.5 1.2-.1 2 .7 2.3 2.5.3 2 .8 6.1 1.8 6.1.9 0 2.5-3.4 2.6-4 .1-.9-.3-1.9-2.3-1.1.8-2.6 2.3-3.8 4.5-3.8 1.7.1 2.5 1.2 2.4 3.3z"/></symbol><symbol id="plyr-logo-youtube"><path d="M16.8 5.8c-.2-1.3-.8-2.2-2.2-2.4C12.4 3 9 3 9 3s-3.4 0-5.6.4C2 3.6 1.3 4.5 1.2 5.8 1 7.1 1 9 1 9s0 1.9.2 3.2c.2 1.3.8 2.2 2.2 2.4C5.6 15 9 15 9 15s3.4 0 5.6-.4c1.4-.3 2-1.1 2.2-2.4.2-1.3.2-3.2.2-3.2s0-1.9-.2-3.2zM7 12V6l5 3-5 3z"/></symbol><symbol id="plyr-muted"><path d="M12.4 12.5l2.1-2.1 2.1 2.1 1.4-1.4L15.9 9 18 6.9l-1.4-1.4-2.1 2.1-2.1-2.1L11 6.9 13.1 9 11 11.1zM3.786 6.008H.714C.286 6.008 0 6.31 0 6.76v4.512c0 .452.286.752.714.752h3.072l4.071 3.858c.5.3 1.143 0 1.143-.602V2.752c0-.601-.643-.977-1.143-.601L3.786 6.008z"/></symbol><symbol id="plyr-pause"><path d="M6 1H3c-.6 0-1 .4-1 1v14c0 .6.4 1 1 1h3c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zm6 0c-.6 0-1 .4-1 1v14c0 .6.4 1 1 1h3c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1h-3z"/></symbol><symbol id="plyr-pip"><path d="M13.293 3.293L7.022 9.564l1.414 1.414 6.271-6.271L17 7V1h-6z"/><path d="M13 15H3V5h5V3H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-6h-2v5z"/></symbol><symbol id="plyr-play"><path d="M15.562 8.1L3.87.225c-.818-.562-1.87 0-1.87.9v15.75c0 .9 1.052 1.462 1.87.9L15.563 9.9c.584-.45.584-1.35 0-1.8z"/></symbol><symbol id="plyr-restart"><path d="M9.7 1.2l.7 6.4 2.1-2.1c1.9 1.9 1.9 5.1 0 7-.9 1-2.2 1.5-3.5 1.5-1.3 0-2.6-.5-3.5-1.5-1.9-1.9-1.9-5.1 0-7 .6-.6 1.4-1.1 2.3-1.3l-.6-1.9C6 2.6 4.9 3.2 4 4.1 1.3 6.8 1.3 11.2 4 14c1.3 1.3 3.1 2 4.9 2 1.9 0 3.6-.7 4.9-2 2.7-2.7 2.7-7.1 0-9.9L16 1.9l-6.3-.7z"/></symbol><symbol id="plyr-rewind"><path d="M10.125 1L0 9l10.125 8v-6.171L18 17V1l-7.875 6.171z"/></symbol><symbol id="plyr-settings"><path d="M16.135 7.784a2 2 0 0 1-1.23-2.969c.322-.536.225-.998-.094-1.316l-.31-.31c-.318-.318-.78-.415-1.316-.094a2 2 0 0 1-2.969-1.23C10.065 1.258 9.669 1 9.219 1h-.438c-.45 0-.845.258-.997.865a2 2 0 0 1-2.969 1.23c-.536-.322-.999-.225-1.317.093l-.31.31c-.318.318-.415.781-.093 1.317a2 2 0 0 1-1.23 2.969C1.26 7.935 1 8.33 1 8.781v.438c0 .45.258.845.865.997a2 2 0 0 1 1.23 2.969c-.322.536-.225.998.094 1.316l.31.31c.319.319.782.415 1.316.094a2 2 0 0 1 2.969 1.23c.151.607.547.865.997.865h.438c.45 0 .845-.258.997-.865a2 2 0 0 1 2.969-1.23c.535.321.997.225 1.316-.094l.31-.31c.318-.318.415-.781.094-1.316a2 2 0 0 1 1.23-2.969c.607-.151.865-.547.865-.997v-.438c0-.451-.26-.846-.865-.997zM9 12a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/></symbol><symbol id="plyr-volume"><path d="M15.6 3.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4C15.4 5.9 16 7.4 16 9c0 1.6-.6 3.1-1.8 4.3-.4.4-.4 1 0 1.4.2.2.5.3.7.3.3 0 .5-.1.7-.3C17.1 13.2 18 11.2 18 9s-.9-4.2-2.4-5.7z"/><path d="M11.282 5.282a.909.909 0 0 0 0 1.316c.735.735.995 1.458.995 2.402 0 .936-.425 1.917-.995 2.487a.909.909 0 0 0 0 1.316c.145.145.636.262 1.018.156a.725.725 0 0 0 .298-.156C13.773 11.733 14.13 10.16 14.13 9c0-.17-.002-.34-.011-.51-.053-.992-.319-2.005-1.522-3.208a.909.909 0 0 0-1.316 0zm-7.496.726H.714C.286 6.008 0 6.31 0 6.76v4.512c0 .452.286.752.714.752h3.072l4.071 3.858c.5.3 1.143 0 1.143-.602V2.752c0-.601-.643-.977-1.143-.601L3.786 6.008z"/></symbol></svg>
\ No newline at end of file
锘縒EBVTT
00:00:00.000 --> 00:00:05.029
["The Lab" Theme Music]
00:00:05.029 --> 00:00:08.760
Welcome back to "The Lab with Leo," I'm Kate Abraham and now it's time for our
00:00:08.760 --> 00:00:13.000
Facebook app of the day. And in honor of
the lovely Amber 鈥撀爓asn't it great to see Amber?
00:00:13.040 --> 00:00:16.470
Oh, it was so nice to see her.
She's looking so tan!
00:00:16.470 --> 00:00:21.140
Toronto weather.
Yeah, really? I think she was at Prince Edward Island for a few days
00:00:21.140 --> 00:00:26.380
for Canada Day.
So she's out there like this, tanning in the ocean. Good for her.
00:00:26.380 --> 00:00:28.060
She knows how to enjoy herself.
[laughs]
00:00:28.060 --> 00:00:30.740
So in honor of Amber, our Facebook app of the day is
00:00:30.740 --> 00:00:35.360
Powncer, or Poncer or Punser
00:00:35.360 --> 00:00:39.000
However you want to say it, I say Powncer.
So there's your Pownce page.
00:00:39.000 --> 00:00:44.520
So what you do is, basically, it literally updates your most recent post on Pownce.
So literally I've just put here
00:00:44.520 --> 00:00:49.200
"Playing with Pownce," then if I just post this, and what will happen is it'll automatically
00:00:49.200 --> 00:00:52.460
I bet you've done this in advance, it'll
automatically go through to my actual
00:00:52.460 --> 00:00:56.420
site on Facebook and as you can see, you can see exactly what I'm doing
00:00:56.420 --> 00:00:59.000
And then can they click that and takes
it to your Pownce page?
Yeah, then you can
00:00:59.000 --> 00:01:02.860
reply to me. Oh that's neat!
Then what'll happen, you can basically send me a reply.
00:01:02.860 --> 00:01:06.460
You know who wrote that? I don't know.
Jake Jarvis wrote that.
00:01:06.479 --> 00:01:10.560
And I know who Jake Jarvis is, he's on my
Facebook friends list.
00:01:10.560 --> 00:01:14.250
He's a young guy, I think he's a high school kid, the son of Jeff Jarvis, who's
00:01:14.250 --> 00:01:18.450
a very well known media critic.
These kids freak me out. Isn't it neat?
00:01:18.450 --> 00:01:22.590
Jake's written some great applications
How old is he?
I don't know, I think 16 or 17.
00:01:22.590 --> 00:01:26.100
That scares me.
He's written a lot, he's one of the best Facebook developers out there.
00:01:26.100 --> 00:01:29.310
Did a nice job with that.
That's fantastic.
Isn't that great? I love it, that's so good.
00:01:29.310 --> 00:01:31.860
But for more details, obviously Facebook
apps
00:01:31.860 --> 00:01:37.080
I said facebook.com/apps.
There's lots of them, there's thousands.
So many on there.
00:01:37.080 --> 00:01:41.100
There's a lot of bad ones but some really good ones.
Well that's what you're here for, to tell us which ones are good.
00:01:41.100 --> 00:01:44.540
Exactly, this was a good one, I like it.
She installs them all so that you can
00:01:44.540 --> 00:01:48.220
tell, you got like a page this long!
You just keep scrolling, scrolling, scrolling...
[laughs]
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment