Commit 81f401c5 authored by Jake Jarvis's avatar Jake Jarvis 馃惣

dedicated lab with leo video page

parent c4665824
......@@ -37,6 +37,7 @@ deploy:
- aws s3 cp s3://$S3_BUCKET_NAME s3://$S3_BUCKET_NAME --exclude "*" --include "*.xml" --content-type="text/xml" --cache-control "max-age=3600, public" --metadata-directive="REPLACE" --recursive
- aws s3 cp s3://$S3_BUCKET_NAME s3://$S3_BUCKET_NAME --exclude "*" --include "*.mp4" --content-type="video/mp4" --cache-control "max-age=604800, public" --metadata-directive="REPLACE" --recursive
- aws s3 cp s3://$S3_BUCKET_NAME s3://$S3_BUCKET_NAME --exclude "*" --include "*.webm" --content-type="video/webm" --cache-control "max-age=604800, public" --metadata-directive="REPLACE" --recursive
- aws s3 cp s3://$S3_BUCKET_NAME s3://$S3_BUCKET_NAME --exclude "*" --include "*.vtt" --content-type="text/vtt" --cache-control "max-age=604800, public" --metadata-directive="REPLACE" --recursive
- aws s3 cp s3://$S3_BUCKET_NAME s3://$S3_BUCKET_NAME --exclude "*" --include "*.docx" --content-type="application/vnd.openxmlformats-officedocument.wordprocessingml.document" --cache-control "max-age=604800, public" --metadata-directive="REPLACE" --recursive
- aws s3 cp s3://$S3_BUCKET_NAME s3://$S3_BUCKET_NAME --exclude "*" --include "*.pdf" --content-type="application/pdf" --cache-control "max-age=604800, public" --metadata-directive="REPLACE" --recursive
......
......@@ -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 &quot;The Lab with Leo Laporte&quot; &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">
<link rel="stylesheet" href="https://jarv.is/leo/plyr/plyr.css">
<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, .plyr {
width: 640px;
margin: 0 auto;
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";
}
@media screen and (max-width: 640px) {
video, .plyr {
width: 100%;
}
h1 {
font-size: 1.6em;
}
}
</style>
</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 src="https://jarv.is/leo/plyr/plyr.min.js"></script>
<script>
const player = new Plyr('#player', {
debug: false,
iconUrl: "https://jarv.is/leo/plyr/plyr.svg",
blankVideo: "https://jarv.is/leo/plyr/blank.mp4",
settings: [],
storage: { enabled: false },
autoplay: false,
captions: { active: true, language: 'en', update: false }
});
</script>
<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.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
<?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