mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 07:58:26 -04:00
123 lines
4.8 KiB
HTML
123 lines
4.8 KiB
HTML
<!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>
|