mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 02:58:28 -04:00
126 lines
4.7 KiB
HTML
126 lines
4.7 KiB
HTML
<!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" – Jake Jarvis 👨‍💻</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;
|
|
}
|
|
p#logo img {
|
|
height: 48px;
|
|
width: 48px;
|
|
margin-top: 6px;
|
|
}
|
|
p#copyright {
|
|
font-size: 0.85em;
|
|
line-height: 1.5em;
|
|
color: #666;
|
|
padding: 0 10px;
|
|
}
|
|
p#copyright a {
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
color: #666;
|
|
}
|
|
|
|
/* 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;
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
</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 id="logo"><a href="https://jarv.is/"><img src="https://jarv.is/favicon-128.png" id="logo" alt="Return home" title="Return home"></a></p>
|
|
|
|
<p id="copyright">Video is property of <a href="https://leolaporte.com/" target="_blank" rel="noopener noreferrer nofollow">Leo Laporte</a> and <strong>G4techTV</strong> / <strong>HOW TO Channel</strong>. © 2007.</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>
|