jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 13:46:38 -04:00
Code Issues Activity

birthday VHS tape 🎉

Browse Source
This commit is contained in:
Jake Jarvis
2019-10-05 20:00:03 -04:00
parent 48fed2fdc2
commit 0c5a7771b6
4 changed files with 101 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/birthday/birthday.mp4 Normal file
View File

Binary file not shown.

BIN
static/birthday/birthday.webm Normal file
View File

Binary file not shown.

101
static/birthday/index.html Normal file
View File

@ -0,0 +1,101 @@
<!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>🎉 Cranky Birthday Boy on VHS Tape 📼 &ndash; Jake Jarvis</title>
<link rel="canonical" href="https://jarv.is/birthday/">
<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;
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 {
margin: 16px;
}
div#logo svg {
height: 40px;
width: 40px;
padding: 4px;
}
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 id="player" 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">
<title>Jake Jarvis</title>
<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>
var _paq = _paq || [];
_paq.push(['setRequestMethod', 'POST']);
_paq.push(['setSecureCookie', true]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(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>

BIN
static/birthday/thumb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB